.switch-button{z-index:1;width:100%;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch-button:before{position:absolute;top:50%;z-index:0;height:calc(100% - 4px);width:calc(50% - 2px);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0px 1px 2px 0px rgba(16,24,40,.05);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.45s;content:var(--tw-content);transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch-button:not(.dark-transfer).active:before,.switch-button:not(.dark-transfer).right_btn:before{content:var(--tw-content);--tw-translate-x:calc(100%);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.switch-button:not(.dark-transfer).right_btn:before{width:calc(50% - 2px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:linear}.switch-button.dark-transfer{z-index:1;width:100%;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch-button.dark-transfer:before{position:absolute;top:50%;z-index:0;height:calc(100% - 4px);width:calc(100% - 128px);--tw-translate-y:-50%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0px 1px 2px 0px rgba(16,24,40,.05);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.45s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch-button.dark-transfer.active:before,.switch-button.dark-transfer:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content)}.switch-button.dark-transfer.active:before{--tw-translate-x:calc(150% - 2px)}.switch-button.dark-transfer.right_btn:before{max-width:126px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;content:var(--tw-content);transition-timing-function:linear}.switch-button.dark-transfer .switch-button-item{width:100%;padding-left:24px;padding-right:24px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.switch-button.dark-transfer .switch-button-item.right{max-width:126px}.switch-button.dark-transfer .switch-button-item.active{font-weight:600;--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.2s;transition-duration:.2s}.switch-button-item{position:relative;padding:4px 14px;font-size:13px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity));transition-timing-function:linear}@media (min-width:576px){.switch-button-item{font-size:15px;line-height:22px}}.switch-button-item.active{font-weight:600;--tw-text-opacity:1;color:rgb(254 164 0/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.2s;transition-duration:.2s}