@scope([data-example]){[data-slot=listbox]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:20rem;max-width:100%;box-shadow:var(--shadow-1);color:var(--ink);font-size:var(--text-md);flex-direction:column;gap:1px;padding:5px;display:flex}[data-slot=listbox][data-readonly]{box-shadow:0 0 0 1px var(--line-faint)}[data-slot=listbox][data-disabled]{box-shadow:0 0 0 1px var(--line-faint);color:var(--line-disabled)}[data-slot=field]>[data-slot=listbox]{width:100%}[data-slot=listbox-item]{color:inherit;padding-inline-end:30px;text-decoration:none;position:relative}[data-slot=listbox-item][data-selected]{background:color-mix(in oklab, var(--ink) 8%, transparent)}[data-slot=listbox-item][data-highlighted]{box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=listbox-item][data-highlighted]:not([data-selected]){background:var(--tint)}[data-slot=listbox-item]:hover:not([data-disabled]){background:color-mix(in oklab, var(--ink) 4%, transparent)}[data-slot=listbox-item]:hover:not([data-disabled])[data-selected]{background:color-mix(in oklab, var(--ink) 12%, transparent)}[data-slot=listbox-item]:focus-visible{outline-offset:-3px}[data-disabled]>[data-slot=listbox-item][data-selected]{box-shadow:none;background:0 0}[data-slot=listbox-item]>svg:last-child{margin-inline-start:auto}[data-slot=listbox-item]:not([data-selected])>svg:last-child{visibility:hidden}[data-slot=listbox-item-indicator]{padding:0;display:flex;position:absolute;inset-inline-end:10px}[data-slot=listbox-item-indicator]>svg{width:14px;height:14px}[data-slot=listbox-item-icon]{color:var(--muted);display:flex}:is([data-highlighted],[data-selected])>[data-slot=listbox-item-icon]{color:inherit}[data-slot=listbox-group]{flex-direction:column;gap:1px;display:flex}[data-slot=listbox][data-orientation=horizontal]{width:auto;box-shadow:none;background:0 0;border-radius:0;flex-direction:row;gap:2px;padding:0}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item]{min-width:var(--size);height:30px;min-height:0;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--muted);justify-content:center;font-weight:500}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item]:hover:not([data-disabled],[data-selected]){color:var(--ink);background:0 0}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item][data-highlighted]:not([data-selected]){background:var(--tint);box-shadow:none;color:var(--ink)}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item][data-selected]{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);color:var(--ink)}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item][data-disabled]{color:var(--line-disabled)}[data-slot=listbox][data-orientation=horizontal] [data-slot=listbox-item]:focus-visible{outline:3px solid var(--halo);outline-offset:0}:scope[data-example=listbox\/scrollable] [data-slot=listbox]{max-height:16rem;scroll-padding-block:var(--space-8);overflow-y:auto}:scope[data-example=listbox\/form] [data-slot=stack]{align-items:stretch;width:20rem;max-width:100%}:scope[data-example=listbox\/form] [data-slot=stack]>form{justify-content:flex-end}}