.collection-directory{width:min(100%,82rem);min-width:0;margin-inline:auto}.collection-directory__header{margin-bottom:var(--section-header-gap);text-align:start;overflow-wrap:anywhere}.collection-directory__grid{display:grid;grid-template-columns:repeat(var(--directory-columns-desktop, 4),minmax(0,1fr));gap:40px var(--directory-gap, 30px);padding:0;list-style:none;scroll-margin-top:calc(var(--sticky-header-height, 0px) + var(--space-6))}.collection-directory__item,.collection-grid-card__text{min-width:0}.collection-grid-card{display:block;height:100%;color:var(--color-ink);text-decoration:none}.collection-grid-card__media{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:var(--style-border-radius-media);background:var(--color-card-media)}.collection-grid-card__image{width:100%;height:100%;object-fit:var(--directory-image-fit, contain);object-position:var(--directory-image-position, 50% 50%)}.collection-grid-card__placeholder{width:20%;max-width:64px;fill:none;stroke:var(--color-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.collection-grid-card__body{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.collection-grid-card__text{display:grid;gap:4px}.collection-grid-card__title{overflow-wrap:anywhere}.collection-grid-card__count{color:var(--color-muted)}.collection-grid-card__arrow{display:grid;width:var(--size-compact-arrow-circle);height:var(--size-compact-arrow-circle);flex:none;place-items:center;border-radius:var(--style-border-radius-pill);background:var(--color-ink);color:var(--color-highlight);transition:background-color var(--motion-fast) var(--motion-ease)}.collection-grid-card__arrow svg{width:var(--size-compact-arrow-icon);height:var(--size-compact-arrow-icon)}:dir(rtl) .collection-grid-card__arrow svg{transform:rotate(180deg)}.collection-directory__empty{padding-block:32px;color:var(--color-muted);text-align:center}@media(hover:hover)and (pointer:fine){.collection-grid-card:hover .collection-grid-card__arrow{background:color-mix(in srgb,var(--color-ink) 92%,var(--color-accent))}.collection-grid-card:not(.collection-grid-card--text):hover .collection-grid-card__title{text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em}}@media(min-width:750px)and (max-width:989px){.collection-directory__grid{grid-template-columns:repeat(var(--directory-columns-tablet, 3),minmax(0,1fr))}}@media(max-width:749px){.collection-directory__grid{grid-template-columns:repeat(var(--directory-columns-mobile, 2),minmax(0,1fr));gap:28px var(--directory-gap-mobile, 12px)}.collection-grid-card__body{gap:8px;margin-top:12px}}.collection-directory--text .collection-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:48px 80px;text-align:start}.collection-directory--text .collection-directory__item{border-bottom:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent)}.collection-grid-card--text{position:relative;height:auto;border-radius:3px}.collection-grid-card--text:after{position:absolute;inset-inline:0;bottom:-1px;height:1px;background:var(--color-ink);content:"";pointer-events:none;transform:scaleX(0);transform-origin:left;transition:transform calc(var(--motion-standard) * 1.5) var(--motion-ease)}:dir(rtl) .collection-grid-card--text:after{transform-origin:right}.collection-grid-card--text:focus-visible:after{transform:scaleX(1)}.collection-grid-card--text .collection-grid-card__body{min-height:48px;margin:0;padding:12px 0;align-items:start;gap:16px}.collection-grid-card--text .collection-grid-card__text{flex:1;gap:8px}.collection-grid-card--text .collection-grid-card__title{text-decoration:none;text-wrap:pretty}.collection-grid-card__description{color:var(--color-muted);overflow-wrap:anywhere}.collection-grid-card--text .collection-grid-card__trailing{display:flex;flex:none;align-items:center;min-height:calc(var(--type-collection-directory-title--size) * var(--type-collection-directory-title--line-height));gap:24px}.collection-grid-card--text .collection-grid-card__count{white-space:nowrap}.collection-grid-card--text .collection-grid-card__arrow{width:16px;height:16px;border-radius:0;background:transparent;color:var(--color-muted);transition:transform var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.collection-grid-card--text .collection-grid-card__arrow svg{width:8px;height:12px}@media(hover:hover)and (pointer:fine){.collection-grid-card--text:hover:after{transform:scaleX(1)}.collection-grid-card--text:hover .collection-grid-card__arrow{background:transparent;color:var(--color-ink);transform:translate(2px)}:dir(rtl) .collection-grid-card--text:hover .collection-grid-card__arrow{transform:translate(-2px)}}@media(min-width:750px)and (max-width:989px){.collection-directory--text .collection-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}}@media(max-width:749px){.collection-directory--text .collection-directory__header{margin-bottom:24px}.collection-directory--text .collection-directory__grid{grid-template-columns:minmax(0,1fr);gap:32px 0}.collection-grid-card--text .collection-grid-card__body{min-height:44px}.collection-grid-card--text .collection-grid-card__trailing{gap:20px}}@media(prefers-reduced-motion:reduce){.collection-grid-card__arrow,.collection-grid-card--text:after{transition:none}.collection-grid-card--text:hover .collection-grid-card__arrow,:dir(rtl) .collection-grid-card--text:hover .collection-grid-card__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-collections.css.map */