@layer theme,base;@layer components{[data-ds=hero-trail]>ol{column-gap:var(--spacing-gap-inline);color:var(--color-fg-muted);font-size:var(--text-label);font-weight:500;line-height:var(--text-label--line-height);row-gap:0}[data-ds=hero-trail] [data-part=crumb]{align-items:center;gap:var(--spacing-gap-inline);display:flex}[data-ds=hero-trail] [data-part=separator]{flex-shrink:0;display:flex}[data-ds=hero-trail] [data-part=link]{min-block-size:var(--spacing-control-sm);overflow-wrap:anywhere;color:inherit;align-items:center;text-decoration-line:none;display:inline-flex}[data-ds=hero-trail] [data-part=link]:focus-visible{border-radius:var(--radius-tile);outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){[data-ds=hero-trail] [data-part=link]:hover{color:var(--color-fg);text-underline-offset:.2em;text-decoration-line:underline}}@container hero (width<40rem){[data-ds=hero-trail] [data-part=crumb][data-compact=gone],[data-ds=hero-trail] [data-part=crumb][data-compact=lead]>[data-part=separator]{display:none}}[data-ds=layer-link]{--layer-link-fill:color-mix(in oklab, var(--color-surface) 72%, transparent);--layer-link-edge:var(--glass-tile-border);--layer-link-ink:var(--color-fg);--layer-link-mark:var(--color-gm);--layer-link-hover:var(--color-hover);gap:var(--spacing-gap-inline);block-size:var(--spacing-control-sm);padding-inline:calc(var(--spacing-pad-control-sm) - var(--spacing) * .5) calc(var(--spacing-pad-control-sm) - var(--spacing));border:var(--border-control) solid var(--layer-link-edge);border-radius:var(--radius-full);background:var(--layer-link-fill);box-shadow:inset 0 1px 0 var(--glass-tile-highlight), 0 4px 14px #0000002e;color:var(--layer-link-ink);font-size:var(--text-label);font-weight:600;line-height:var(--text-label--line-height);white-space:nowrap;-webkit-backdrop-filter:var(--blur-glass-1);backdrop-filter:var(--blur-glass-1);transition:background-color var(--duration-instant) var(--ease-standard);text-decoration-line:none}[data-ds=layer-link]>:first-child{color:var(--layer-link-mark)}@container (width<20rem){[data-ds=layer-link]{position:relative}[data-ds=layer-link]>[data-part=label]{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute}}[data-ground=picture] [data-ds=layer-link]{--layer-link-fill:color-mix(in oklab, var(--color-image-scrim) 66%, transparent);--layer-link-edge:color-mix(in oklab, var(--color-on-image) 28%, transparent);--layer-link-ink:var(--color-on-image);--layer-link-mark:var(--color-on-image);--layer-link-hover:color-mix(in oklab, var(--color-on-image) 16%, transparent);--glass-tile-highlight:color-mix(in oklab, var(--color-on-image) 18%, transparent);--color-focus:var(--color-on-image)}[data-ds=layer-link]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){[data-ds=layer-link]:hover{background:linear-gradient(var(--layer-link-hover), var(--layer-link-hover)), var(--layer-link-fill)}}[data-ds=hover-card]{inline-size:min(calc(var(--spacing) * 70), calc(100vw - 2 * var(--spacing-gap-group)));max-block-size:min(60dvh,24rem);padding:var(--spacing-gap-group);border-radius:var(--radius-overlay);color:var(--color-fg);margin:0}@media (prefers-reduced-motion:no-preference){[data-ds=hover-card]{transition-property:opacity;transition-duration:var(--duration-base);transition-timing-function:var(--ease-enter)}@starting-style{[data-ds=hover-card]:popover-open{opacity:0}}}[data-ds=image-actions]{--image-actions-fill:color-mix(in oklab, var(--color-surface) 72%, transparent);--image-actions-edge:var(--glass-tile-border);--image-actions-ink:var(--color-fg);--image-actions-hover:var(--color-hover);--image-actions-rule:var(--color-line);block-size:var(--spacing-control-sm);border:var(--border-control) solid var(--image-actions-edge);border-radius:var(--radius-full);background:var(--image-actions-fill);box-shadow:inset 0 1px 0 var(--glass-tile-highlight), 0 4px 14px #0000002e;color:var(--image-actions-ink);-webkit-backdrop-filter:var(--blur-glass-1);backdrop-filter:var(--blur-glass-1)}[data-ds=image-actions]>:is([data-part=item],[data-part=fold]){gap:var(--spacing-gap-inline);min-inline-size:0;padding-inline:calc(var(--spacing-pad-control-sm) - var(--spacing) * .5) var(--spacing-pad-control-sm);border-radius:var(--radius-full);color:inherit;font-size:var(--text-label);font-weight:600;line-height:var(--text-label--line-height);white-space:nowrap;transition-property:background-color,color;transition-duration:var(--duration-instant);transition-timing-function:var(--ease-standard);display:inline-flex}[data-ds=image-actions]>[data-part=fold]{inline-size:var(--spacing-control-sm);padding:0;display:none}[data-ground=picture] [data-ds=image-actions]{--image-actions-fill:color-mix(in oklab, var(--color-image-scrim) 66%, transparent);--image-actions-edge:color-mix(in oklab, var(--color-on-image) 28%, transparent);--image-actions-ink:var(--color-on-image);--image-actions-hover:color-mix(in oklab, var(--color-on-image) 16%, transparent);--image-actions-rule:color-mix(in oklab, var(--color-on-image) 26%, transparent);--glass-tile-highlight:color-mix(in oklab, var(--color-on-image) 18%, transparent);--color-focus:var(--color-on-image)}[data-ds=image-actions]>[data-part=item][data-after]:before{content:"";inline-size:var(--border-control);background:var(--image-actions-rule);position:absolute;inset-block:25%;inset-inline-start:0}[data-ds=image-actions]>:is([data-part=item],[data-part=fold]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){[data-ds=image-actions]>:is([data-part=item],[data-part=fold]):hover{background:var(--image-actions-hover)}[data-ds=image-actions]>[data-part=item][data-action=remove]:hover{color:var(--color-danger)}}[data-ds=image-actions]>:is([data-part=item],[data-part=fold]):active{background:var(--image-actions-hover)}@container (width<30rem){[data-ds=image-actions]:not([data-count="1"])>[data-part=item]{inline-size:var(--spacing-control-sm);padding:0}[data-ds=image-actions]:not([data-count="1"])>[data-part=item]>[data-part=label]{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@container (width<20rem){[data-ds=image-actions]:not([data-count="1"])>[data-part=item]{display:none}[data-ds=image-actions]:not([data-count="1"])>[data-part=fold]{display:inline-flex}[data-ds=image-actions][data-count="1"]>[data-part=item]{inline-size:var(--spacing-control-sm);padding:0}[data-ds=image-actions][data-count="1"]>[data-part=item]>[data-part=label]{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}}@layer skin,utilities;
