collection-links-component{--alignment: flex-start;display:grid;align-items:center;grid-gap:var(--gap-3xl)}collection-links-component:has([ratio=portrait]){--template-column-ratio: .8fr}collection-links-component:has([ratio=square]){--template-column-ratio: 1fr}collection-links-component:has([ratio=landscape]){--template-column-ratio: 1.4fr}collection-links-component[alignment=center]{--alignment: center}collection-links-component[alignment=center] .text-block{text-align:center}collection-links-component[alignment=right]{--alignment: flex-end}collection-links-component[alignment=right] .text-block{text-align:right}collection-links-component[layout=spotlight]{position:relative;grid-template-columns:1fr var(--template-column-ratio);grid-template-areas:"text image"}collection-links-component[layout=spotlight][reverse]{grid-template-areas:"image text";grid-template-columns:var(--template-column-ratio) 1fr}collection-links-component[layout=spotlight] .collection-links__container{align-items:var(--alignment)}@media (width < 750px){collection-links-component[layout=spotlight]{grid-template-columns:1fr;grid-template-areas:"text" "image";grid-gap:var(--gap-2xl)}collection-links-component[layout=spotlight] .collection-links__container{gap:clamp(var(--gap-xs),1vw,var(--gap-xl)) var(--gap-2xl);justify-content:var(--alignment)}}collection-links-component[layout=text]{grid-gap:0;grid-template-areas:"text"}collection-links-component[layout=text] .collection-links__container{gap:clamp(var(--gap-xs),1vw,var(--gap-xl)) var(--gap-2xl);flex-wrap:wrap;flex-direction:row;justify-content:var(--alignment)}.collection-links__container{display:flex;gap:var(--gap-md);flex-direction:column}.collection-links__images{overflow:hidden;grid-area:image}@media (width < 750px){.collection-links__images image-block{max-width:100%}}.collection-links__link{--min-font-size: var(--font-size--4xl);--max-font-size: var(--font-size--6xl);display:flex;color:inherit;text-decoration:none;text-wrap:pretty;font-size:clamp(var(--min-font-size),4.5vw,var(--max-font-size))}@media (hover: hover){.collection-links__link{opacity:var(--disabled-opacity)}}[layout=spotlight] .collection-links__link{opacity:var(--disabled-opacity)}.collection-links__link[aria-selected=true]{opacity:1}.collection-links__link .text-block{display:inline-block}@media (width < 750px){.collection-links__link{--min-font-size: var(--font-size--3xl);--max-font-size: var(--font-size--5xl)}[layout=spotlight] .collection-links__link{white-space:nowrap;scroll-snap-align:start}[layout=spotlight] .collection-links__link span{text-wrap:nowrap}}.collection-links__count{font-size:.5em;opacity:var(--disabled-opacity);font-weight:var(--font-paragraph--weight)}.collection-links__image{align-items:center;justify-content:center}.collection-links__image:not([hidden]){display:flex}.collection-links__image[reveal]{--offset: 15px;position:fixed;top:0;left:0;z-index:var(--layer-temporary);display:block;translate:calc(var(--x) + var(--offset)) calc(var(--y) + var(--offset));pointer-events:none;width:auto}.collection-links__image[reveal] image-block{--image-height-basis: 5rem;height:var(--image-height)}image-block{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--ratio);width:100%;max-width:calc(var(--image-height) * var(--ratio));height:var(--image-height);overflow:hidden;--image-height-basis: 10rem;--image-height-small: calc(var(--image-height-basis) * 2);--image-height-medium: calc(var(--image-height-basis) * 3);--image-height-large: calc(var(--image-height-basis) * 4)}@media screen and (width >= 750px){image-block{--image-height-small: calc(var(--image-height-basis) * 2.5);--image-height-medium: calc(var(--image-height-basis) * 3.5);--image-height-large: calc(var(--image-height-basis) * 4.5)}}@media screen and (width < 750px){image-block{height:auto}}image-block[height=small]{--image-height: var(--image-height-small)}image-block[height=medium]{--image-height: var(--image-height-medium)}image-block[height=large]{--image-height: var(--image-height-large)}image-block[ratio=portrait]{--ratio: 4 / 5}image-block[ratio=square]{--ratio: 1 / 1}@media screen and (width >= 750px){image-block[ratio=square]{max-width:var(--image-height)}}image-block[ratio=landscape]{--ratio: 16 / 9}image-block img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;aspect-ratio:var(--ratio);border-radius:var(--border-radius)}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map */