@layer hm-components{.toggle-button[data-v-4843ee31]{justify-content:center;align-items:center;gap:var(--spacing-4xs);color:var(--indicator-c);font-size:var(--toggle-fs);line-height:var(--toggle-lh);border-radius:var(--radius-full);padding:var(--toggle-padding);transition:var(--transition-fast);flex-grow:1;font-weight:500;display:inline-flex}.toggle-button[data-v-4843ee31] .icon{width:2rem;height:2rem}.toggle-button[data-v-4843ee31] .icon svg path{vector-effect:non-scaling-stroke}.toggle-button--sm[data-v-4843ee31]{--toggle-fs:var(--text-caption);--toggle-lh:var(--text-caption-lh);--toggle-padding:var(--spacing-4xs) var(--spacing-xs)}.toggle-button--md[data-v-4843ee31]{--toggle-fs:var(--text-body-sm);--toggle-lh:var(--text-body-sm-lh);--toggle-padding:var(--spacing-2xs) var(--spacing-lg)}.toggle-button--is-active[data-v-4843ee31]{--indicator-c:var(--indicator-active-c)}.toggle[data-v-2e24e31c]{--indicator-c:var(--btn-solid-bg-basic);--indicator-outline:transparent;gap:var(--spacing-5xs);border:1px solid var(--indicator-outline);background-color:var(--bg-quaternary);padding:var(--spacing-4xs);z-index:1;flex-shrink:0;display:inline-flex;position:relative}.toggle[data-v-2e24e31c],.toggle__indicator[data-v-2e24e31c]{border-radius:var(--radius-full)}.toggle__indicator[data-v-2e24e31c]{height:calc(100% - var(--spacing-4xs)*2);background-color:var(--indicator-active-bg);pointer-events:none;z-index:-1;will-change:transform;transition:var(--transition-fast);position:absolute}.toggle--primary[data-v-2e24e31c]{--indicator-active-c:var(--btn-solid-c-primary);--indicator-active-bg:var(--btn-solid-bg-primary)}.toggle--dark[data-v-2e24e31c]{--indicator-active-c:var(--btn-solid-c-dark);--indicator-active-bg:var(--btn-solid-bg-dark)}.toggle--has-outline[data-v-2e24e31c]{--indicator-outline:var(--border-secondary)}.toggle--is-disabled[data-v-2e24e31c]{cursor:not-allowed;--indicator-active-c:var(--disabled-c);--indicator-active-bg:var(--disabled-bg)}.toggle--is-disabled[data-v-2e24e31c] .toggle-button{pointer-events:none}}