.switch[data-v-4fa7162a]{align-items:center;color:#fff;-moz-column-gap:24px;column-gap:24px;cursor:pointer;display:flex;font-size:14px;font-weight:600}.switch.active .ctrl .dot[data-v-4fa7162a]{background-color:#ebcc4b;transform:translateX(100%)}.switch .ctrl[data-v-4fa7162a]{align-items:center;background-color:#1c1a24;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);display:flex;font-size:16px;font-weight:700;height:28px;outline:none;padding:0 6px;position:relative;transition:all .3s ease;width:52px}.switch .ctrl[data-v-4fa7162a]:before{background-color:#6b5b74;clip-path:polygon(8px 0,0 50%,8px 100%,9px calc(100% - 1px),1px 50%,9px 1px,calc(100% - 9px) 1px,calc(100% - 1px) 50%,calc(100% - 9px) calc(100% - 1px),8px calc(100% - 1px),8px 100%,calc(100% - 8px) 100%,100% 50%,calc(100% - 8px) 0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.switch .ctrl .dot[data-v-4fa7162a]{background-color:#c7a7d2;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 50%,calc(100% - 4px) 100%,4px 100%,0 50%);height:16px;left:6px;position:absolute;top:6px;transition:all .3s ease;width:18px}