.switch[data-v-2f7d0b8f]{display:flex;justify-content:center;align-items:center;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;align-items:flex-start}.switch p[data-v-2f7d0b8f]{margin-bottom:5px;padding:0 1px;text-align:left;color:var(--txt-1);font-size:10px;line-height:15px;max-width:200px;width:100%}.switch[data-v-2f7d0b8f] *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.switch-container[data-v-2f7d0b8f]{position:relative;display:inline-block;width:92px;height:35px;cursor:pointer}.switch-container[data-v-2f7d0b8f] *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.switch-container .row[data-v-2f7d0b8f]{height:100%;position:absolute;top:0}.switch-container .row .col-6[data-v-2f7d0b8f]{height:100%}.switch-container .row .col-6[data-v-2f7d0b8f]:nth-of-type(1){padding-left:4px}.switch-container .row .col-6[data-v-2f7d0b8f]:nth-of-type(2){padding-right:4px}.switch-container .row .col-6[data-v-2f7d0b8f] svg{height:calc(100% - 20px)}.switch-container .row .col-6[data-v-2f7d0b8f] svg .fill{fill:var(--color-bg)}.switch-container .row .col-6[data-v-2f7d0b8f] svg .stroke{stroke:var(--color-bg)}.switch-container .row .col-6[data-v-2f7d0b8f]:nth-of-type(2) svg .fill{fill:var(--color-bg-primary-4)}.switch-container .row .col-6[data-v-2f7d0b8f]:nth-of-type(2) svg .stroke{stroke:var(--color-bg-primary-4)}.switch-container .row .col-6[data-v-2f7d0b8f] svg path,.switch-container .row .col-6[data-v-2f7d0b8f] svg circle,.switch-container .row .col-6[data-v-2f7d0b8f] svg rect{transition:fill .3s cubic-bezier(.66,.12,.21,1),stroke .3s cubic-bezier(.66,.12,.21,1)}.switch-container input[data-v-2f7d0b8f]{opacity:0;width:0;height:0;pointer-events:none}.switch-container .switch-slider[data-v-2f7d0b8f]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg);-webkit-transition:.4s;transition:.4s;box-shadow:0 1px 2px var(--color-box-shadow-3);border-radius:13px}.switch-container .switch-slider[data-v-2f7d0b8f]:before,.switch-container .switch-slider[data-v-2f7d0b8f]:after{position:absolute;content:"";height:29px;width:43px;left:4px;top:50%;transform:translateY(-50%);-webkit-transition:left .3s cubic-bezier(.66,.12,.21,1),opacity .3s cubic-bezier(.66,.12,.21,1);transition:left .3s cubic-bezier(.66,.12,.21,1),opacity .3s cubic-bezier(.66,.12,.21,1);border-radius:11px;box-shadow:inset 0 2px 3px var(--color-box-shadow-dark-2)}.switch-container .switch-slider[data-v-2f7d0b8f]:before{background:linear-gradient(to right,var(--color-gradient-disable-left),var(--color-gradient-disable-right))}.switch-container .switch-slider[data-v-2f7d0b8f]:after{background:linear-gradient(to right,var(--color-primary),var(--color-secondary))}.switch-container input:checked+.switch-slider[data-v-2f7d0b8f]:before,.switch-container input:checked+.switch-slider[data-v-2f7d0b8f]:after{left:calc(100% - 47px)}.switch-container input:not(:checked)+.switch-slider[data-v-2f7d0b8f]:not(.fixed-color):after{opacity:0}.switch-container input:checked~.row .col-6[data-v-2f7d0b8f]:nth-of-type(1) svg .fill{fill:var(--color-bg-primary-4)}.switch-container input:checked~.row .col-6[data-v-2f7d0b8f]:nth-of-type(1) svg .stroke{stroke:var(--color-bg-primary-4)}.switch-container input:checked~.row .col-6[data-v-2f7d0b8f]:nth-of-type(2) svg .fill{fill:var(--color-bg)}.switch-container input:checked~.row .col-6[data-v-2f7d0b8f]:nth-of-type(2) svg .stroke{stroke:var(--color-bg)}@media (max-width: 768px){.switch-container[data-v-2f7d0b8f]{width:68px;height:30px}.switch-container .switch-slider[data-v-2f7d0b8f]:before,.switch-container .switch-slider[data-v-2f7d0b8f]:after{height:24px;width:33px;left:3px}.switch-container input:checked+.switch-slider[data-v-2f7d0b8f]:before,.switch-container input:checked+.switch-slider[data-v-2f7d0b8f]:after{left:calc(100% - 36px)}}