@layer properties,theme,base;@layer components{._root_4kwf7_6{align-items:center;gap:var(--pui-space-2);min-width:0;padding-inline:var(--pui-space-3);border-radius:var(--pui-radius-control);--_item-nest:calc(var(--pui-radius-control) - var(--_pb,var(--pui-space-2-5)));transition:background-color var(--pui-motion-out) var(--pui-ease-default), var(--m-transition);display:flex;position:relative}._outline_4kwf7_20{--_item-nest:calc(var(--pui-radius-card) - var(--_pb,var(--pui-space-2-5)));border-radius:var(--pui-radius-card);box-shadow:var(--pui-shadow-hairline)}._card_4kwf7_25{--_item-nest:calc(var(--pui-radius-card) - var(--_pb,var(--pui-space-2-5)));border-radius:var(--pui-radius-card)}._root_4kwf7_6[data-interactive]:hover{background-color:var(--pui-hover);transition-duration:0s}._root_4kwf7_6[data-interactive]:has(>._main_4kwf7_34:active){background-color:var(--pui-hover-2);transition-duration:0s}._root_4kwf7_6[data-state=selected],._root_4kwf7_6[data-state=selected]:hover{background-color:var(--pui-accent-tint)}._root_4kwf7_6:before{content:"";border-radius:var(--pui-radius-pill);background:var(--pui-accent-ink);opacity:0;width:2px;transition:opacity var(--pui-motion-out) var(--pui-ease-default), scale var(--pui-motion-out) var(--pui-ease-default);pointer-events:none;position:absolute;inset-block:8px;inset-inline-start:0;scale:1 .3}._root_4kwf7_6[data-state=selected]:before{opacity:1;transition-duration:var(--pui-duration-fast);scale:1}._main_4kwf7_34{align-items:center;gap:var(--pui-space-3);min-width:0;padding-block:var(--pui-space-2-5);border-radius:var(--pui-radius-control);color:inherit;text-align:start;outline-offset:2px;flex:1;text-decoration:none;display:flex}._sm_4kwf7_77{--_pb:var(--pui-space-1-5)}._sm_4kwf7_77 ._main_4kwf7_34{padding-block:var(--pui-space-1-5)}._media_4kwf7_83{flex:none;place-items:center;display:grid}._text_4kwf7_88{flex-direction:column;flex:1;min-width:0;display:flex}._title_4kwf7_94{color:var(--pui-ink);font-size:var(--pui-text-base);font-weight:var(--pui-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._sm_4kwf7_77 ._title_4kwf7_94{font-size:var(--pui-text-sm)}._description_4kwf7_105{color:var(--pui-ink-3);font-size:var(--pui-text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._meta_4kwf7_112{color:var(--pui-ink-3);font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none}._root_4kwf7_6[data-state=selected] :is(._description_4kwf7_105,._meta_4kwf7_112){color:var(--pui-ink)}._actions_4kwf7_122{align-items:center;gap:var(--pui-space-1);flex:none;display:flex}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105){column-gap:var(--pui-space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"media title title""media description meta";align-items:center;display:grid}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105) ._text_4kwf7_88{display:contents}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105) ._media_4kwf7_83{grid-area:media}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105) ._title_4kwf7_94{grid-area:title}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105) ._description_4kwf7_105{grid-area:description}._root_4kwf7_6[data-narrow] ._main_4kwf7_34:has(._description_4kwf7_105) ._meta_4kwf7_112{font-size:var(--pui-text-2xs);grid-area:meta;align-self:baseline}._icon_4kwf7_157{--_r:max(var(--_item-nest,-1px), var(--pui-radius-chip), var(--pui-radius-control) - max(var(--_item-nest,-1px), 0px) * 100000);border-radius:var(--_r);background:var(--_tile,var(--pui-hover-2));width:32px;height:32px;color:var(--_glyph,var(--pui-ink-2));place-items:center;display:grid}._icon_4kwf7_157>svg{width:16px;height:16px}._icon_4kwf7_157[data-tone=accent]{--_tile:var(--pui-accent-tint);--_glyph:var(--pui-accent-ink)}._icon_4kwf7_157[data-tone=green]{--_tile:var(--pui-green-tint);--_glyph:var(--pui-green)}._icon_4kwf7_157[data-tone=orange]{--_tile:var(--pui-orange-tint);--_glyph:var(--pui-orange)}._icon_4kwf7_157[data-tone=red]{--_tile:var(--pui-red-tint);--_glyph:var(--pui-red)}._icon_4kwf7_157[data-tone=blue]{--_tile:var(--pui-blue-tint);--_glyph:var(--pui-blue)}._icon_4kwf7_157[data-tone=violet]{--_tile:var(--pui-violet-tint);--_glyph:var(--pui-violet)}}@layer utilities;