@layer theme,base,components,product;@layer compositions{._pillRail_v0kxn_8{align-items:center;gap:var(--space-3);min-width:0;display:flex}._pillRailList_v0kxn_17{align-items:center;gap:var(--space-1-5);min-width:0;padding-block:var(--space-1);overscroll-behavior-x:contain;scrollbar-width:none;--fade-direction:to right;--fade-length:var(--space-6);flex:auto;padding-inline-end:var(--space-6);display:flex;overflow-x:auto}._pillRailList_v0kxn_17::-webkit-scrollbar{display:none}._pillRailChip_v0kxn_53{block-size:var(--control-size-compact);align-items:center;gap:var(--space-1-5);padding:0 var(--space-3);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-pill);background:var(--component-discovery-lane-bg-a);color:var(--component-discovery-lane-fg);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-emphasis);white-space:nowrap;cursor:pointer;transition:color var(--duration-quick) var(--ease-interface), border-color var(--duration-quick) var(--ease-interface), background-color var(--duration-quick) var(--ease-interface);flex-shrink:0;display:inline-flex;overflow:clip}._pillRailChip_v0kxn_53:hover:not(:disabled){color:var(--component-discovery-lane-fg);border-color:var(--component-discovery-lane-fg)}:where(._pillRailList_v0kxn_17>li:nth-child(4n+2)) ._pillRailChip_v0kxn_53:not([data-tone]){background:var(--component-discovery-lane-bg-b)}:where(._pillRailList_v0kxn_17>li:nth-child(4n+3)) ._pillRailChip_v0kxn_53:not([data-tone]){background:var(--component-discovery-lane-bg-c)}:where(._pillRailList_v0kxn_17>li:nth-child(4n+4)) ._pillRailChip_v0kxn_53:not([data-tone]){background:var(--component-discovery-lane-bg-d)}._pillRailChip_v0kxn_53[data-tone=domain]{background:color-mix(in oklab, var(--beauty-domain-colour) 85%, var(--surface))}._pillRailList_v0kxn_17 ._pillRailChip_v0kxn_53[data-selected=true]{border-color:var(--component-discovery-lane-selected-bg);background:var(--component-discovery-lane-selected-bg);color:var(--component-discovery-lane-selected-fg)}._pillRailChip_v0kxn_53:focus-visible{outline:var(--focus-ring-width) solid color-mix(in oklch, var(--accent) 48%, transparent);outline-offset:var(--focus-ring-offset)}._pillRailChip_v0kxn_53>svg{flex-shrink:0}}@layer utilities,overrides;