.light .switch[data-v-e887c233]{background-color:#f8f9fb;animation:.5s clickOn}.light .switch .btn-switch[data-v-e887c233]{animation:.7s animationClickOn-e887c233;left:9%;right:auto}.light .switch .bxs-moon[data-v-e887c233]{animation:.7s rotateOn-e887c233}.light .switch .bxs-sun[data-v-e887c233]{animation:.7s shakeOn-e887c233}.dark .switch[data-v-e887c233]{background-color:#1c1d1e;animation:.5s clickOff}.dark .switch .btn-switch[data-v-e887c233]{animation:.7s animationClickOff-e887c233;left:auto;right:9%}.dark .switch .bxs-moon[data-v-e887c233]{animation:.7s rotateOff-e887c233}.dark .switch .bxs-sun[data-v-e887c233]{animation:.7s shakeOff-e887c233}.switch[data-v-e887c233]{cursor:pointer;border:none;border-radius:4vw;width:57px;height:28px}.switch .btn-switch[data-v-e887c233]{z-index:0;background-color:#fff;border-radius:3vw;width:24px;height:24px;display:block;position:absolute;top:2px}.dark .switch .btn-switch[data-v-e887c233]{background-color:#404042}.switch i[data-v-e887c233]{z-index:1;color:#ccd7eacc;position:absolute;top:8px}.switch i.bxs-sun[data-v-e887c233]{left:17%}.switch i.bxs-moon[data-v-e887c233]{right:18%}.light i.bxs-moon svg path[data-v-e887c233],.light i.bxs-sun svg path[data-v-e887c233]{stroke:#0d0e0f}@keyframes shakeOff-e887c233{0%{transform:scaleX(1)}30%{transform:scale(.75,1.25)}40%{transform:scale(1.25,.75)}50%{transform:scale(.85,1.15)}65%{transform:scale(1.05,.95)}75%{transform:scale(.95,1.05)}to{transform:scaleX(1)}}@keyframes shakeOn-e887c233{0%{transform:scaleX(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scaleX(1)}}@keyframes rotateOff-e887c233{50%{transform:rotate(180deg)}}@keyframes rotateOn-e887c233{50%{transform:rotate(-180deg)}}@keyframes animationClickOff-e887c233{0%{left:9%;right:auto}50%{width:50px}to{left:auto;right:9%}}@keyframes animationClickOn-e887c233{0%{left:auto;right:9%}50%{width:50px}to{left:9%;right:auto}}