.sidebarerOverlay{position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7); height: 100vh;}
.sidebarerMainWrapper{background: white; position: absolute; top: 0; right: 0;}
.sidebarerOverlay[data-index="0"] .sidebarerMainWrapper{width: 90%;}
.sidebarerOverlay[data-index="1"] .sidebarerMainWrapper{width: 85%;}
.sidebarerOverlay[data-index="2"] .sidebarerMainWrapper{width: 80%;}
.sidebarerOverlay[data-index="3"] .sidebarerMainWrapper{width: 75%;}
.sidebarerOverlay[data-index="4"] .sidebarerMainWrapper{width: 70%;}
.sidebarerOverlay[data-index="5"] .sidebarerMainWrapper{width: 65%;}
.sidebarerOverlay[data-index="6"] .sidebarerMainWrapper{width: 60%;}
.sideBarerCloseBtn{padding: 5px; border: 1px solid black; border-radius: 3px;}