.gs-2>.grid-stack-item {
    width: 50%
}

.gs-2>.grid-stack-item[gs-x="1"] {
    left: 50%
}

.gs-2>.grid-stack-item[gs-w="2"] {
    width: 100%
}

.gs-3>.grid-stack-item {
    width: 33.333%
}

.gs-3>.grid-stack-item[gs-x="1"] {
    left: 33.333%
}

.gs-3>.grid-stack-item[gs-w="2"] {
    width: 66.667%
}

.gs-3>.grid-stack-item[gs-x="2"] {
    left: 66.667%
}

.gs-3>.grid-stack-item[gs-w="3"] {
    width: 100%
}

.gs-4>.grid-stack-item {
    width: 25%
}

.gs-4>.grid-stack-item[gs-x="1"] {
    left: 25%
}

.gs-4>.grid-stack-item[gs-w="2"] {
    width: 50%
}

.gs-4>.grid-stack-item[gs-x="2"] {
    left: 50%
}

.gs-4>.grid-stack-item[gs-w="3"] {
    width: 75%
}

.gs-4>.grid-stack-item[gs-x="3"] {
    left: 75%
}

.gs-4>.grid-stack-item[gs-w="4"] {
    width: 100%
}

.gs-5>.grid-stack-item {
    width: 20%
}

.gs-5>.grid-stack-item[gs-x="1"] {
    left: 20%
}

.gs-5>.grid-stack-item[gs-w="2"] {
    width: 40%
}

.gs-5>.grid-stack-item[gs-x="2"] {
    left: 40%
}

.gs-5>.grid-stack-item[gs-w="3"] {
    width: 60%
}

.gs-5>.grid-stack-item[gs-x="3"] {
    left: 60%
}

.gs-5>.grid-stack-item[gs-w="4"] {
    width: 80%
}

.gs-5>.grid-stack-item[gs-x="4"] {
    left: 80%
}

.gs-5>.grid-stack-item[gs-w="5"] {
    width: 100%
}

.gs-6>.grid-stack-item {
    width: 16.667%
}

.gs-6>.grid-stack-item[gs-x="1"] {
    left: 16.667%
}

.gs-6>.grid-stack-item[gs-w="2"] {
    width: 33.333%
}

.gs-6>.grid-stack-item[gs-x="2"] {
    left: 33.333%
}

.gs-6>.grid-stack-item[gs-w="3"] {
    width: 50%
}

.gs-6>.grid-stack-item[gs-x="3"] {
    left: 50%
}

.gs-6>.grid-stack-item[gs-w="4"] {
    width: 66.667%
}

.gs-6>.grid-stack-item[gs-x="4"] {
    left: 66.667%
}

.gs-6>.grid-stack-item[gs-w="5"] {
    width: 83.333%
}

.gs-6>.grid-stack-item[gs-x="5"] {
    left: 83.333%
}

.gs-6>.grid-stack-item[gs-w="6"] {
    width: 100%
}

.gs-7>.grid-stack-item {
    width: 14.286%
}

.gs-7>.grid-stack-item[gs-x="1"] {
    left: 14.286%
}

.gs-7>.grid-stack-item[gs-w="2"] {
    width: 28.571%
}

.gs-7>.grid-stack-item[gs-x="2"] {
    left: 28.571%
}

.gs-7>.grid-stack-item[gs-w="3"] {
    width: 42.857%
}

.gs-7>.grid-stack-item[gs-x="3"] {
    left: 42.857%
}

.gs-7>.grid-stack-item[gs-w="4"] {
    width: 57.143%
}

.gs-7>.grid-stack-item[gs-x="4"] {
    left: 57.143%
}

.gs-7>.grid-stack-item[gs-w="5"] {
    width: 71.429%
}

.gs-7>.grid-stack-item[gs-x="5"] {
    left: 71.429%
}

.gs-7>.grid-stack-item[gs-w="6"] {
    width: 85.714%
}

.gs-7>.grid-stack-item[gs-x="6"] {
    left: 85.714%
}

.gs-7>.grid-stack-item[gs-w="7"] {
    width: 100%
}

.gs-8>.grid-stack-item {
    width: 12.5%
}

.gs-8>.grid-stack-item[gs-x="1"] {
    left: 12.5%
}

.gs-8>.grid-stack-item[gs-w="2"] {
    width: 25%
}

.gs-8>.grid-stack-item[gs-x="2"] {
    left: 25%
}

.gs-8>.grid-stack-item[gs-w="3"] {
    width: 37.5%
}

.gs-8>.grid-stack-item[gs-x="3"] {
    left: 37.5%
}

.gs-8>.grid-stack-item[gs-w="4"] {
    width: 50%
}

.gs-8>.grid-stack-item[gs-x="4"] {
    left: 50%
}

.gs-8>.grid-stack-item[gs-w="5"] {
    width: 62.5%
}

.gs-8>.grid-stack-item[gs-x="5"] {
    left: 62.5%
}

.gs-8>.grid-stack-item[gs-w="6"] {
    width: 75%
}

.gs-8>.grid-stack-item[gs-x="6"] {
    left: 75%
}

.gs-8>.grid-stack-item[gs-w="7"] {
    width: 87.5%
}

.gs-8>.grid-stack-item[gs-x="7"] {
    left: 87.5%
}

.gs-8>.grid-stack-item[gs-w="8"] {
    width: 100%
}

.gs-9>.grid-stack-item {
    width: 11.111%
}

.gs-9>.grid-stack-item[gs-x="1"] {
    left: 11.111%
}

.gs-9>.grid-stack-item[gs-w="2"] {
    width: 22.222%
}

.gs-9>.grid-stack-item[gs-x="2"] {
    left: 22.222%
}

.gs-9>.grid-stack-item[gs-w="3"] {
    width: 33.333%
}

.gs-9>.grid-stack-item[gs-x="3"] {
    left: 33.333%
}

.gs-9>.grid-stack-item[gs-w="4"] {
    width: 44.444%
}

.gs-9>.grid-stack-item[gs-x="4"] {
    left: 44.444%
}

.gs-9>.grid-stack-item[gs-w="5"] {
    width: 55.556%
}

.gs-9>.grid-stack-item[gs-x="5"] {
    left: 55.556%
}

.gs-9>.grid-stack-item[gs-w="6"] {
    width: 66.667%
}

.gs-9>.grid-stack-item[gs-x="6"] {
    left: 66.667%
}

.gs-9>.grid-stack-item[gs-w="7"] {
    width: 77.778%
}

.gs-9>.grid-stack-item[gs-x="7"] {
    left: 77.778%
}

.gs-9>.grid-stack-item[gs-w="8"] {
    width: 88.889%
}

.gs-9>.grid-stack-item[gs-x="8"] {
    left: 88.889%
}

.gs-9>.grid-stack-item[gs-w="9"] {
    width: 100%
}

.gs-10>.grid-stack-item {
    width: 10%
}

.gs-10>.grid-stack-item[gs-x="1"] {
    left: 10%
}

.gs-10>.grid-stack-item[gs-w="2"] {
    width: 20%
}

.gs-10>.grid-stack-item[gs-x="2"] {
    left: 20%
}

.gs-10>.grid-stack-item[gs-w="3"] {
    width: 30%
}

.gs-10>.grid-stack-item[gs-x="3"] {
    left: 30%
}

.gs-10>.grid-stack-item[gs-w="4"] {
    width: 40%
}

.gs-10>.grid-stack-item[gs-x="4"] {
    left: 40%
}

.gs-10>.grid-stack-item[gs-w="5"] {
    width: 50%
}

.gs-10>.grid-stack-item[gs-x="5"] {
    left: 50%
}

.gs-10>.grid-stack-item[gs-w="6"] {
    width: 60%
}

.gs-10>.grid-stack-item[gs-x="6"] {
    left: 60%
}

.gs-10>.grid-stack-item[gs-w="7"] {
    width: 70%
}

.gs-10>.grid-stack-item[gs-x="7"] {
    left: 70%
}

.gs-10>.grid-stack-item[gs-w="8"] {
    width: 80%
}

.gs-10>.grid-stack-item[gs-x="8"] {
    left: 80%
}

.gs-10>.grid-stack-item[gs-w="9"] {
    width: 90%
}

.gs-10>.grid-stack-item[gs-x="9"] {
    left: 90%
}

.gs-10>.grid-stack-item[gs-w="10"] {
    width: 100%
}

.gs-11>.grid-stack-item {
    width: 9.091%
}

.gs-11>.grid-stack-item[gs-x="1"] {
    left: 9.091%
}

.gs-11>.grid-stack-item[gs-w="2"] {
    width: 18.182%
}

.gs-11>.grid-stack-item[gs-x="2"] {
    left: 18.182%
}

.gs-11>.grid-stack-item[gs-w="3"] {
    width: 27.273%
}

.gs-11>.grid-stack-item[gs-x="3"] {
    left: 27.273%
}

.gs-11>.grid-stack-item[gs-w="4"] {
    width: 36.364%
}

.gs-11>.grid-stack-item[gs-x="4"] {
    left: 36.364%
}

.gs-11>.grid-stack-item[gs-w="5"] {
    width: 45.455%
}

.gs-11>.grid-stack-item[gs-x="5"] {
    left: 45.455%
}

.gs-11>.grid-stack-item[gs-w="6"] {
    width: 54.545%
}

.gs-11>.grid-stack-item[gs-x="6"] {
    left: 54.545%
}

.gs-11>.grid-stack-item[gs-w="7"] {
    width: 63.636%
}

.gs-11>.grid-stack-item[gs-x="7"] {
    left: 63.636%
}

.gs-11>.grid-stack-item[gs-w="8"] {
    width: 72.727%
}

.gs-11>.grid-stack-item[gs-x="8"] {
    left: 72.727%
}

.gs-11>.grid-stack-item[gs-w="9"] {
    width: 81.818%
}

.gs-11>.grid-stack-item[gs-x="9"] {
    left: 81.818%
}

.gs-11>.grid-stack-item[gs-w="10"] {
    width: 90.909%
}

.gs-11>.grid-stack-item[gs-x="10"] {
    left: 90.909%
}

.gs-11>.grid-stack-item[gs-w="11"] {
    width: 100%
}