.ex-compare[data-v-2448d9d3]{margin-top:2.5rem}.switch[data-v-2448d9d3]{border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid}.opt[data-v-2448d9d3],.switch[data-v-2448d9d3]{position:relative}.opt[data-v-2448d9d3]{z-index:1;letter-spacing:.14em;text-transform:uppercase;opacity:.5;white-space:nowrap;cursor:pointer;padding:.6rem 1.1rem;font-size:11px;transition:opacity .3s,color .3s}.opt.act[data-v-2448d9d3]{opacity:1}.knob[data-v-2448d9d3]{background:color-mix(in oklab,var(--wf-loop) 22%,transparent);border:1px solid color-mix(in oklab,var(--wf-loop) 40%,transparent);border-radius:999px;width:calc(50% - 4px);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s;position:absolute;top:4px;bottom:4px;left:4px}.knob.on[data-v-2448d9d3]{background:color-mix(in oklab,var(--wf-ok) 22%,transparent);border-color:color-mix(in oklab,var(--wf-ok) 45%,transparent);transform:translate(100%)}.panes[data-v-2448d9d3]{min-height:14rem;margin-top:1.5rem}.pane-enter-active[data-v-2448d9d3],.pane-leave-active[data-v-2448d9d3]{transition:opacity .35s,transform .35s,filter .35s}.pane-enter-from[data-v-2448d9d3]{opacity:0;filter:blur(4px);transform:translateY(10px)}.pane-leave-to[data-v-2448d9d3]{opacity:0;filter:blur(4px);transform:translateY(-6px)}