@property --strip-visible{syntax:"<integer>";inherits:true;initial-value:6}@property --strip-gap{syntax:"<length>";inherits:true;initial-value:0}@property --strip-h{syntax:"<length>";inherits:true;initial-value:0}@property --strip-slot-w{syntax:"<length>";inherits:true;initial-value:0}@property --strip-open-w{syntax:"<length>";inherits:true;initial-value:0}@property --strip-collapsed-w{syntax:"<length>";inherits:true;initial-value:0}[data-port-strip]{--strip-card-radius:var(--radius-md);--label-inset:.875rem;--label-gap:.25rem;--label-lh:1.375rem;--credit-h:1.125rem;container-type:inline-size}[data-port-strip] [data-strip-frame]{--max-visible:3;--open-ratio:.75;--collapsed-ratio:.2;--strip-gap:.75rem;--strip-visible:min(var(--strip-count), var(--max-visible));--strip-h:calc((100cqi - (var(--strip-visible) - 1) * var(--strip-gap)) / (var(--open-ratio) + (var(--strip-visible) - 1) * var(--collapsed-ratio)));--strip-slot-w:calc((100cqi - (var(--strip-visible) - 1) * var(--strip-gap)) / var(--strip-visible));--strip-open-w:calc(var(--open-ratio) * var(--strip-h));--strip-collapsed-w:calc(var(--collapsed-ratio) * var(--strip-h));--strip-more:clamp(0, var(--strip-count) - var(--strip-visible), 1);position:relative}@container (width>=30rem){[data-port-strip] [data-strip-frame]{--max-visible:4;--open-ratio:1.1;--collapsed-ratio:.24}}@container (width>=44rem){[data-port-strip] [data-strip-frame]{--max-visible:5;--open-ratio:calc(4 / 3);--collapsed-ratio:.26;--strip-gap:1rem}}@container (width>=60rem){[data-port-strip] [data-strip-frame]{--max-visible:6;--open-ratio:var(--port-strip-open-ratio,calc(3 / 2));--collapsed-ratio:.28}}[data-port-strip] [data-strip-snap]{top:0;left:calc(var(--strip-bleed) + var(--i) * (var(--strip-slot-w) + var(--strip-gap)));width:var(--strip-slot-w);scroll-snap-align:start;pointer-events:none;height:1px;position:absolute}[data-port-strip] [data-strip-card]{--a:0;--l:0;--x:0px;--vw:var(--strip-slot-w);--label-lift:0px;inline-size:var(--vw);translate:var(--x) 0}[data-port-strip] [data-strip-card]:has([data-strip-toggle]:active){scale:.99}[data-port-strip] [data-strip-inner]{inline-size:var(--strip-open-w)}[data-port-strip] [data-strip-embed]{width:var(--strip-open-w);translate:calc((var(--vw) - var(--strip-open-w)) / 2) 0}[data-port-strip] [data-strip-card][data-open] :is([data-strip-embed],[data-strip-fade]){z-index:2}[data-port-strip] [data-strip-embed]>button{opacity:clamp(0, (var(--l) - .5) / .5, 1)}[data-port-strip] [data-strip-card][data-playing] :is([data-strip-label],[data-strip-fade],[data-strip-expand]){opacity:0;pointer-events:none}[data-port-strip] [data-strip-card]:not([data-open]) :is([data-strip-expand],[data-strip-credit]){visibility:hidden}[data-port-strip] [data-strip-card][data-credit]{--label-lift:calc(var(--credit-h) + var(--label-gap))}[data-port-strip] [data-strip-inner]:after{content:"";inset-block:0;z-index:4;inline-size:var(--vw);border-radius:var(--strip-card-radius);pointer-events:none;position:absolute;left:0;box-shadow:inset 0 0 0 1px #ffffff14}[data-port-strip] [data-strip-photo]{width:var(--strip-open-w);translate:calc((var(--vw) - var(--strip-open-w)) / 2) 0;scale:calc(1.12 - .12 * var(--a));will-change:scale}[data-port-strip] [data-strip-fade]{translate:0 calc(var(--label-lift) * (1 - var(--l)))}[data-port-strip] [data-strip-label]{max-inline-size:calc(var(--vw) - 2 * var(--label-inset));translate:0 calc(-1 * var(--label-lift) * var(--l))}[data-port-strip] [data-strip-empty]{max-inline-size:calc(var(--vw) - 2 * var(--label-inset))}[data-port-strip] [data-strip-credit]{max-inline-size:calc(var(--vw) - 2 * var(--label-inset));opacity:clamp(0, (var(--l) - .4) / .6, 1);translate:0 calc(.375rem * (1 - var(--l)))}[data-port-strip] [data-strip-expand]{opacity:clamp(0, (var(--l) - .5) / .5, 1);translate:calc(var(--vw) - var(--strip-open-w)) 0;scale:calc(.85 + .15 * var(--l))}[data-port-strip] [data-strip-toggle]{inline-size:var(--vw)}[data-port-strip] [data-strip-progress]:before{content:"";inline-size:var(--thumb-w);border-radius:inherit;background:var(--color-muted-foreground);translate:calc(var(--strip-progress,0) * (100cqi - var(--thumb-w))) 0;position:absolute;inset-block:0;inset-inline-start:0}@media (prefers-reduced-motion:reduce){[data-port-strip] [data-strip-nav],[data-port-strip] [data-strip-card],[data-port-strip] [data-strip-expand]>svg{transition:none}[data-port-strip] [data-strip-nav]:active,[data-port-strip] [data-strip-card]:has([data-strip-toggle]:active),[data-port-strip] [data-strip-expand]:active>svg{scale:none}}