.switch[data-v-2c1dbdfd]{align-items:center;background-color:var(--color-white,#ccc);border-radius:var(--global-radius);cursor:pointer;display:flex;height:40px;justify-content:flex-start;position:relative;transition:background-color .3s ease;width:100px}.switch.active[data-v-2c1dbdfd]{background-color:var(--color-white)}.switch-icon[data-v-2c1dbdfd]{align-items:center;background-color:var(--color-black);border-radius:5px;display:flex;font-size:16px;height:30px;justify-content:center;transform:translate(5px);transition:transform .3s ease,background-color .3s ease;width:30px}.switch.active .switch-icon[data-v-2c1dbdfd]{background-color:var(--color-black);transform:translate(65px)}.icon-moon[data-v-2c1dbdfd],.icon-sun[data-v-2c1dbdfd]{color:var(--color-white)}