.gvtui-toggle{--gvtui-toggle-active-bg:var(--gvt-primary);--gvtui-toggle-focus-outline:var(--gvt-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-extra-small);color:var(--colour-fg-2);align-items:center;gap:.75rem;display:inline-flex}.gvtui-toggle.disabled{cursor:not-allowed}.gvtui-toggle.disabled .gvtui-toggle-label,.gvtui-toggle.disabled .gvtui-toggle-state,.gvtui-toggle.disabled .gvtui-toggle-slider,.gvtui-toggle.disabled .gvtui-toggle-segmented,.gvtui-toggle.disabled .gvtui-toggle-button-container{opacity:.5}.gvtui-toggle.no-label{gap:0}.gvtui-toggle-slider{background-color:var(--grey-500);width:2.125rem;height:1.125rem;transition:background-color var(--control-transition), box-shadow var(--control-transition);border-radius:.5625rem;flex-shrink:0;order:1;display:inline-block;position:relative}.gvtui-toggle-slider:before{content:"";background-color:var(--colour-bg-card);border-radius:50%;width:.625rem;height:.625rem;transition:transform .15s;display:block;position:absolute;top:.25rem;left:.25rem}.gvtui-toggle-button-container{cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.gvtui-toggle--size-large .gvtui-toggle-slider{border-radius:.875rem;width:2.75rem;height:1.75rem}.gvtui-toggle--size-large .gvtui-toggle-slider:before{width:1.25rem;height:1.25rem;top:.25rem;left:.25rem}.gvtui-toggle--checked .gvtui-toggle-slider{background-color:var(--gvtui-toggle-active-bg)}.gvtui-toggle--checked .gvtui-toggle-slider:before,.gvtui-toggle--size-large.gvtui-toggle--checked .gvtui-toggle-slider:before{transform:translate(1rem)}.gvtui-toggle-button-container:focus-visible .gvtui-toggle-slider{outline:2px solid var(--gvtui-toggle-focus-outline);outline-offset:.125rem}.gvtui-toggle:hover .gvtui-toggle-slider{box-shadow:0 0 0 .125rem rgba(from var(--gvtui-toggle-active-bg) r g b / .1)}.gvtui-toggle.disabled .gvtui-toggle-slider{opacity:.5;cursor:not-allowed}.gvtui-toggle.disabled:hover .gvtui-toggle-slider{box-shadow:none}.gvtui-toggle-label{flex:1;order:2;line-height:1.5}.gvtui-toggle-state{font-size:var(--font-size-small,.75rem);color:var(--colour-fg-3);order:0;min-width:4rem}.gvtui-toggle-state.enabled{color:var(--gvtui-toggle-active-bg)}.gvtui-toggle--theme-primary{--gvtui-toggle-active-bg:var(--gvt-primary);--gvtui-toggle-focus-outline:var(--gvt-primary)}.gvtui-toggle--theme-success{--gvtui-toggle-active-bg:var(--gvt-green);--gvtui-toggle-focus-outline:var(--gvt-green)}.gvtui-toggle--theme-warning{--gvtui-toggle-active-bg:var(--gvt-warning);--gvtui-toggle-focus-outline:var(--gvt-warning)}.gvtui-toggle--theme-error{--gvtui-toggle-active-bg:var(--gvt-error);--gvtui-toggle-focus-outline:var(--gvt-error)}.gvtui-toggle--theme-monochrome{--gvtui-toggle-active-bg:var(--grey-800);--gvtui-toggle-focus-outline:var(--grey-800)}.gvtui-toggle--theme-ink{--gvtui-toggle-active-bg:var(--colour-ink);--gvtui-toggle-focus-outline:var(--colour-ink)}.gvtui-toggle--label-before .gvtui-toggle-label{order:0}.gvtui-toggle--label-before .gvtui-toggle-slider{order:1}.gvtui-toggle--highlight-label-when-checked.gvtui-toggle--checked .gvtui-toggle-label{color:var(--gvtui-toggle-active-bg)}.gvtui-toggle--variant-button{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;display:inline-flex}.gvtui-toggle--variant-button .gvtui-toggle-segmented{--_segment-pad:.25rem;width:100%;padding:var(--_segment-pad);border-radius:var(--box-radius-standard);background-color:var(--grey-200);border:none;margin:0;display:inline-flex;position:relative}.gvtui-toggle--variant-button .gvtui-toggle-segmented__legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.gvtui-toggle--variant-button .gvtui-toggle-segmented__slider{top:var(--_segment-pad);bottom:var(--_segment-pad);left:var(--_segment-pad);width:calc(50% - var(--_segment-pad));border-radius:var(--box-radius-standard);background-color:var(--white);pointer-events:none;z-index:0;transition:transform .25s;position:absolute;box-shadow:0 .0625rem .125rem #0000000a}.gvtui-toggle--variant-button.gvtui-toggle--checked .gvtui-toggle-segmented__slider{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.gvtui-toggle--variant-button .gvtui-toggle-segmented__slider{transition:none}}.gvtui-toggle--variant-button .gvtui-toggle-segment-cell{z-index:1;flex:1;min-width:0;position:relative}.gvtui-toggle--variant-button .gvtui-toggle-segment-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.gvtui-toggle--variant-button .gvtui-toggle-segment{width:100%;color:var(--colour-fg-2);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:color .2s;display:inline-flex}.gvtui-toggle--variant-button .gvtui-toggle-segment .gvtui-counter{background-color:var(--grey-300);color:var(--colour-fg-2);font-weight:var(--font-weight-semi-bold);border-color:#0000;transition:background-color .2s,color .2s}.gvtui-toggle--variant-button .gvtui-toggle-segment-input:checked+.gvtui-toggle-segment{color:var(--colour-ink)}.gvtui-toggle--variant-button .gvtui-toggle-segment-input:checked+.gvtui-toggle-segment .gvtui-counter{background-color:color-mix(in srgb, var(--gvt-teal) 18%, var(--white));color:var(--gvt-teal-dark)}.gvtui-toggle--variant-button .gvtui-toggle-segment-input:not(:checked)+.gvtui-toggle-segment:hover{color:var(--colour-ink)}.gvtui-toggle--variant-button .gvtui-toggle-segment-input:not(:checked)+.gvtui-toggle-segment:hover .gvtui-counter{color:var(--colour-ink)}.gvtui-toggle--variant-button .gvtui-toggle-segment-input:focus-visible+.gvtui-toggle-segment{outline:2px solid var(--gvt-control-base);outline-offset:.125rem}.gvtui-toggle--variant-button.disabled .gvtui-toggle-segment{cursor:not-allowed}
