@layer components{@scope(.ui-choice-group) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{gap:var(--space-2);inline-size:fit-content;min-inline-size:var(--space-5);max-inline-size:100%;min-block-size:var(--space-5);display:grid}:scope>[data-part=description]{color:var(--ink-dim);font-size:var(--text-sm);text-wrap:pretty}:scope>[data-part=choices]{justify-self:start;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-3);background-color:var(--surface-sunken);flex-wrap:wrap;display:flex}:scope [data-part=choice]{min-inline-size:var(--space-5);min-block-size:var(--space-5);border-radius:var(--radius-3);color:var(--ink-dim);position:relative}:scope [data-part=input]{opacity:0;cursor:inherit;position:absolute;inset:0}:scope [data-part=gate]{min-inline-size:var(--space-5);min-block-size:var(--space-5);border-radius:inherit;color:inherit;font:inherit;cursor:pointer;background-color:#0000;border:0;padding:0}:scope [data-part=content]{min-block-size:var(--space-6);padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:inherit;font-size:var(--text-sm);place-items:center;display:grid}:scope:where([data-appearance=segmented]) [data-part=content]:after{content:attr(data-label);visibility:hidden;block-size:0;font-weight:600;overflow:hidden}:scope [data-gated=true]{color:var(--ink-dim);font-weight:inherit;box-shadow:none;background-color:#0000}:scope [data-part=choice]:has(:focus-visible){box-shadow:var(--focus-ring);outline:none}:scope [data-part=choice] :focus-visible{box-shadow:none}:scope:where([data-appearance=embedded]){min-block-size:var(--space-5);display:block}:scope:where([data-appearance=embedded])>[data-part=choices]{background-color:#0000;flex-wrap:wrap;justify-self:stretch;padding:0}:scope:where([data-appearance=embedded]) [data-part=choice],:scope:where([data-appearance=embedded]) [data-part=gate]{max-inline-size:100%;min-inline-size:var(--space-5)}:scope:where([data-appearance=embedded]) [data-part=gate]{min-block-size:0;display:block}:scope:where([data-appearance=embedded]) [data-part=content]{min-block-size:0;line-height:var(--space-6);text-overflow:ellipsis;white-space:nowrap;padding-block:0;display:block;overflow:hidden}:scope:where([data-appearance=preference-bar]){align-items:center;column-gap:var(--space-5);inline-size:auto;padding-block:0 var(--space-4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"description choices";container-type:inline-size}:scope:where([data-appearance=preference-bar])>[data-part=label]{margin-block-end:var(--space-1);padding:0}:scope:where([data-appearance=preference-bar])>[data-part=description]{grid-area:description}:scope:where([data-appearance=preference-bar])>[data-part=choices]{flex-wrap:nowrap;grid-area:choices}@container (inline-size<32rem){:scope:where([data-appearance=preference-bar]){grid-template-columns:minmax(0,1fr);grid-template-areas:"description""choices"}:scope:where([data-appearance=preference-bar])>[data-part=choices]{flex-wrap:wrap;justify-self:start}}@media (forced-colors:active){:scope [data-part=choice]:has(:focus-visible){outline:solid}:scope [data-part=choice] :focus-visible{outline:none}}}}
