.c23-toggle{position:relative;display:inline-flex;align-items:flex-start;margin:10px 0;gap:var(--c23-space-sm);cursor:pointer}.c23-toggle__track{position:relative;display:inline-block;flex-shrink:0;width:44px;height:24px;border:2px solid var(--c23-color-dark);background-color:var(--c23-bg-light);border-radius:var(--c23-radius-pill);vertical-align:middle;transition:background-color var(--c23-transition),border-color var(--c23-transition)}.c23-toggle__track:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:var(--c23-color-dark);transition:transform var(--c23-transition),background-color var(--c23-transition)}.c23-toggle:hover .c23-toggle__input:not(:checked)+.c23-toggle__track{border-color:var(--c23-color-primary)}.c23-toggle__input:checked+.c23-toggle__track{background-color:var(--c23-color-primary);border-color:var(--c23-color-primary)}.c23-toggle__input:checked+.c23-toggle__track:before{background-color:var(--c23-color-light);transform:translate(20px)}.c23-toggle__input:focus-visible+.c23-toggle__track{outline:2px solid var(--c23-color-primary);outline-offset:2px}.c23-toggle:has(.c23-toggle__input:disabled){cursor:not-allowed;opacity:.5}.c23-toggle__label{display:inline-flex;align-items:center;min-height:24px;font-family:var(--c23-font-text);font-size:var(--c23-text-lg)!important;color:var(--c23-color-dark)}