.strip{--strip-item-width:9.5rem;grid-gap:var(--space-4);gap:var(--space-4);min-width:0;display:grid}@media (width>=64rem){.strip{--strip-item-width:10.5rem}}.strip-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.strip-title{letter-spacing:-.015em;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700}.strip-see-all{white-space:nowrap;align-items:center;gap:.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.strip-see-all:after{content:"";width:.45rem;height:.45rem;transition:transform .24s var(--ease-out);border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}.strip-see-all:hover{text-underline-offset:4px;-webkit-text-decoration:underline;text-decoration:underline}.strip-see-all:hover:after{transform:translate(3px)rotate(45deg)}.strip-viewport{position:relative}.strip-track{grid-auto-flow:column;grid-auto-columns:var(--strip-item-width);grid-gap:var(--space-6);gap:var(--space-6);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-.5rem 0 -1.25rem;padding:.5rem 0 1.25rem;display:grid;overflow-x:auto}.strip-track::-webkit-scrollbar{display:none}.strip-item{scroll-snap-align:start;min-width:0}.strip-arrow{z-index:3;top:calc(var(--strip-item-width) * .8 - 1.375rem);border:1px solid var(--line);background:var(--surface-raised);width:2.75rem;height:2.75rem;color:var(--ink);box-shadow:var(--shadow-lift);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out), background-color var(--duration-fast) ease;border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.9)}.strip-arrow--prev{left:.25rem}.strip-arrow--next{right:.25rem}@media (width>=48rem){.strip-arrow--prev{left:-1.375rem}.strip-arrow--next{right:-1.375rem}}.strip-arrow svg{width:1.25rem;height:1.25rem}.strip-arrow:hover{background:var(--surface-sunken)}.strip-arrow:active{transform:scale(.92)}.strip-arrow:disabled{visibility:hidden}@media (hover:hover) and (pointer:fine){.strip:hover .strip-arrow:not(:disabled),.strip-arrow:focus-visible{opacity:1;transform:none}}@media (hover:none){.strip-arrow{display:none}}.strip--people .strip-arrow{top:calc(var(--strip-item-width) / 2 - 1.375rem)}
