@layer theme,base;@layer components{.stretch-filter-bar{display:flow-root}.stretch-filter-material{pointer-events:none;opacity:0;transition:opacity .2s var(--ease-settle);inset:0}.stretch-filter-bar[data-stuck=true]>.stretch-filter-material{opacity:1}.stretch-filter-bar[data-in-sheet=true]>.stretch-filter-material{top:-28px}@media (width>=800px){.stretch-filter-bar[data-in-sheet=true]>.stretch-filter-material{top:0}}.stretch-filters{scrollbar-width:none;margin-block:-28px;padding-block:40px;scroll-padding-inline:24px}.stretch-filters::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.stretch-filter-material{transition:none}}.cover-sticky{z-index:0;position:sticky;top:0}figure.cover-figure{margin:0;position:relative;overflow:clip}.cover-blur{z-index:3;pointer-events:none;visibility:hidden;filter:blur(var(--cover-blur-radius,0px));position:absolute;inset:0}.cover-blur[data-blurring]{visibility:visible}.cover-blur:before{content:"";inset:calc(-1 * var(--cover-blur-bleed));z-index:-1;background:var(--portrait-top-fill,var(--hero-a));position:absolute}.stretch-hero{--portrait-top-fill:var(--sg-paper-board);background:var(--sg-paper-board);place-items:center;height:clamp(300px,65vw,380px);margin:0;display:grid;position:relative;overflow:hidden}.stretch-hero img{object-fit:contain;width:100%;height:100%;min-height:0;padding:24px}.stretch-list-sheet-content{z-index:1;background:var(--sg-canvas);position:relative}.stretches-page{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.stretches-page>main{flex:1 0 auto;position:relative}.stretches-page>main:before{content:"";bottom:100%;z-index:-1;pointer-events:none;background:var(--sg-paper-board);border-image:linear-gradient(var(--sg-paper-board), var(--sg-paper-board)) 0 fill / 0 / 0 100vw;height:100vh;position:absolute;inset-inline:0}.stretch-hero-page{border-image:linear-gradient(var(--sg-paper-board), var(--sg-paper-board)) 0 fill / 0 / 0 100vw;height:clamp(300px,45vw,420px)}}@layer utilities;