.switch[data-v-2f7d0b8f]{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.switch p[data-v-2f7d0b8f]{text-align:left;color:var(--txt-1);width:100%;max-width:200px;margin-bottom:5px;padding:0 1px;font-size:10px;line-height:15px}.switch[data-v-2f7d0b8f] *{-webkit-user-select:none;user-select:none;pointer-events:none}.switch-container[data-v-2f7d0b8f]{cursor:pointer;width:92px;height:35px;display:inline-block;position:relative}.switch-container[data-v-2f7d0b8f] *{-webkit-user-select:none;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]:first-of-type{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;pointer-events:none;width:0;height:0}.switch-container .switch-slider[data-v-2f7d0b8f]{cursor:pointer;background-color:var(--color-bg);box-shadow:0 1px 2px var(--color-box-shadow-3);border-radius:13px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.switch-container .switch-slider[data-v-2f7d0b8f]:before,.switch-container .switch-slider[data-v-2f7d0b8f]:after{content:"";width:43px;height:29px;box-shadow:inset 0 2px 3px var(--color-box-shadow-dark-2);border-radius:11px;transition:left .3s cubic-bezier(.66,.12,.21,1),opacity .3s cubic-bezier(.66,.12,.21,1);position:absolute;top:50%;left:4px;transform:translateY(-50%)}.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]:first-of-type svg .fill{fill:var(--color-bg-primary-4)}.switch-container input:checked~.row .col-6[data-v-2f7d0b8f]:first-of-type 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{width:33px;height:24px;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)}}