.site-toggle[data-v-ed444427]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2rem 0}.site-toggle[data-v-ed444427],.toggle-container[data-v-ed444427]{display:-webkit-box;display:-ms-flexbox;display:flex}.toggle-container[data-v-ed444427]{border:1px solid var(--border-color);border-radius:50px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a;min-width:320px;overflow:hidden;padding:4px;position:relative}.toggle-slider[data-v-ed444427]{background:var(--brand-color);border-radius:46px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.toggle-slider.slide-right[data-v-ed444427]{-webkit-transform:translateX(100%);transform:translate(100%)}.toggle-slider.karaoke-active[data-v-ed444427]{background:var(--brand-color);-webkit-box-shadow:0 2px 8px rgba(220,53,69,.4);box-shadow:0 2px 8px #dc354566}.toggle-slider.matrice-active[data-v-ed444427]{background:var(--brand-color);-webkit-box-shadow:0 2px 8px rgba(0,123,255,.4);box-shadow:0 2px 8px #007bff66}.toggle-option[data-v-ed444427]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:8px;justify-content:center;padding:12px 20px;-webkit-box-flex:1;border-radius:46px;cursor:pointer;-ms-flex:1;flex:1;font-weight:500;z-index:2}.toggle-option[data-v-ed444427],.toggle-option svg[data-v-ed444427]{-webkit-transition:all .3s ease;transition:all .3s ease}.toggle-option svg[data-v-ed444427]{height:20px;width:20px}.toggle-option span[data-v-ed444427]{font-size:14px;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.toggle-option.active[data-v-ed444427]{color:#fff}.toggle-option.active svg[data-v-ed444427]{fill:#fff}.toggle-option.clickable[data-v-ed444427]{color:var(--text-muted,#6c757d)}.toggle-option.clickable svg[data-v-ed444427]{fill:var(--text-muted,#6c757d)}.toggle-option.clickable[data-v-ed444427]:hover{color:var(--text-primary,#212529);-webkit-transform:scale(1.02);transform:scale(1.02)}.toggle-option.clickable:hover svg[data-v-ed444427]{fill:var(--text-primary,#212529)}.toggle-option.left.clickable[data-v-ed444427]:hover{-webkit-filter:drop-shadow(0 0 8px rgba(220,53,69,.3));filter:drop-shadow(0 0 8px rgba(220,53,69,.3))}.toggle-option.right.clickable[data-v-ed444427]:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,123,255,.3));filter:drop-shadow(0 0 8px rgba(0,123,255,.3))}.toggle-option.left.active span[data-v-ed444427]:before,.toggle-option.right.active span[data-v-ed444427]:before{content:""}[data-theme=dark] .toggle-container[data-v-ed444427]{background:var(--background-dark-secondary,#2d3748);border-color:var(--border-dark-color,#4a5568)}[data-theme=dark] .toggle-slider.karaoke-active[data-v-ed444427]{background:var(--brand-color);-webkit-box-shadow:0 2px 8px rgba(220,53,69,.5);box-shadow:0 2px 8px #dc354580}[data-theme=dark] .toggle-slider.matrice-active[data-v-ed444427]{background:var(--brand-color);-webkit-box-shadow:0 2px 8px rgba(0,123,255,.5);box-shadow:0 2px 8px #007bff80}[data-theme=dark] .toggle-option.clickable[data-v-ed444427]{color:var(--text-dark-muted,#a0aec0)}[data-theme=dark] .toggle-option.clickable svg[data-v-ed444427]{fill:var(--text-dark-muted,#a0aec0)}[data-theme=dark] .toggle-option.clickable[data-v-ed444427]:hover{color:var(--text-dark-primary,#f7fafc)}[data-theme=dark] .toggle-option.clickable:hover svg[data-v-ed444427]{fill:var(--text-dark-primary,#f7fafc)}[data-theme=dark] .toggle-option .toggle-option.left.clickable[data-v-ed444427]:hover{-webkit-filter:drop-shadow(0 0 8px rgba(220,53,69,.4));filter:drop-shadow(0 0 8px rgba(220,53,69,.4))}[data-theme=dark] .toggle-option .toggle-option.right.clickable[data-v-ed444427]:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,123,255,.4));filter:drop-shadow(0 0 8px rgba(0,123,255,.4))}@media (max-width:480px){.site-toggle[data-v-ed444427]{margin-top:1rem}.toggle-container[data-v-ed444427]{min-width:280px}.toggle-option[data-v-ed444427]{padding:10px 16px}.toggle-option svg[data-v-ed444427]{height:18px;width:18px}.toggle-option span[data-v-ed444427]{font-size:13px}}