.collection{--collection-sidebar-width: 250px;gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);margin-block-start:var(--spacing-8);margin-block-end:var(--section-outer-spacing-block);display:grid}.collection__top-bar,.collection__facets{display:none}.collection__results{scroll-padding-top:calc(var(--sticky-area-height) + 20px);transition:opacity .1s}.is-loading .collection__results{opacity:.4}@media screen and (min-width: 700px){.collection{margin-block-start:var(--spacing-12)}}@media screen and (min-width: 1000px){.collection{column-gap:var(--spacing-12)}.collection--filters-sidebar{grid-template-columns:var(--collection-sidebar-width) minmax(0,1fr)}.collection__top-bar{column-gap:var(--spacing-6);grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);display:grid}.collection--filters-sidebar .collection__top-bar{grid-template-columns:inherit;column-gap:inherit}.collection--filters-horizontal .collection__top-bar{row-gap:var(--spacing-8);grid-template-columns:100%}.collection__facets{display:block}.facets-summary{align-items:start;gap:var(--spacing-4);grid-column-end:-1;display:flex}.collection__facets-scroller{display:block;position:sticky;top:calc(var(--sticky-area-height) + 20px)}.collection__pagination{grid-column-end:-1}.availability-facet{align-items:center;gap:var(--spacing-4);display:flex}.collection--filters-horizontal .availability-facet,.collection--filters-horizontal .sort-by-facet{min-width:max-content;flex:1 0 0}}@media screen and (min-width: 1400px){.collection{--collection-sidebar-width: 300px}}.sort-by-facet{justify-content:end;gap:var(--spacing-1);flex-shrink:0;margin-inline-start:auto;display:flex;position:relative}.facets__floating-filter{width:100%;text-align:center;z-index:1;position:fixed;bottom:var(--spacing-8)}.facets__floating-filter:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.facets__floating-filter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.facets-drawer::part(header){padding-block:var(--spacing-6)}.facets-drawer::part(body){flex-grow:1;padding-block-start:0;padding-block-end:0}.facets-drawer .facets-vertical{min-height:100%;flex-direction:column;display:flex}.facets-drawer .accordion{border-block-start-width:0}.facets-drawer__floating-apply{background:linear-gradient(180deg,rgb(var(--background-primary) / 0),rgb(var(--background)));margin-block-start:auto;margin-inline-start:calc(-1 * var(--spacing-3));margin-inline-end:calc(-1 * var(--spacing-3));padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-5);position:sticky;bottom:0}@media screen and (max-width: 699px){.facets-drawer::part(header){display:none}.facets-drawer::part(content){max-height:none;height:65vh}}@media screen and (min-width: 700px){.facets-drawer__floating-apply{margin-inline-start:calc(-1 * var(--spacing-4));margin-inline-end:calc(-1 * var(--spacing-4));padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)}}.facets-horizontal{justify-content:center;align-items:center;gap:var(--spacing-5) var(--spacing-10);flex-wrap:wrap;display:flex;position:relative}.facets-horizontal>[aria-expanded]{transition:opacity .2s ease-in-out}@supports selector(:has(*)){.facets-horizontal>:has(~[aria-expanded=true]),.facets-horizontal>[aria-expanded=true]~[aria-expanded]{opacity:.5}}.active-facets{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.active-facets>.facet-clear-all{margin-inline-start:var(--spacing-2)}@media screen and (min-width: 1000px){.active-facets{margin-block-start:-12px;margin-block-end:-12px}.active-facets>.facet-clear-all{margin-inline-start:var(--spacing-4)}.collection--filters-horizontal .active-facets{margin-block-start:0;margin-block-end:0}}.removable-facet{gap:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-4);background:rgb(var(--text-color) / .1);color:rgb(var(--text-color));border-radius:var(--rounded-button);flex-shrink:0;align-items:baseline;display:flex}@media screen and (min-width: 700px){.removable-facet{padding:var(--spacing-3) var(--spacing-5);gap:var(--spacing-4)}}.facet-dialog{width:max-content;max-width:min(1100px,80vw);padding:var(--spacing-4);border-radius:min(8px,var(--rounded-button));background:rgb(var(--background-primary));visibility:hidden;opacity:0;z-index:1;border-width:1px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;top:calc(100% + var(--spacing-6))}.facet-dialog:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.facet-dialog:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.facet-dialog>.color-list{margin:var(--spacing-1) var(--spacing-2);max-width:550px}.availability-facet+.facets-horizontal>.facet-dialog:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto}.availability-facet+.facets-horizontal>.facet-dialog:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto}.facet-dialog[open]{visibility:visible;opacity:1}.facet-dialog-option{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--rounded-full);opacity:.7;transition:opacity .2s ease-in-out,background .2s ease-in-out;display:block}:checked+.facet-dialog-option,.facet-dialog-option:hover{background:rgb(var(--text-primary) / .04);opacity:1}.collection-header{text-align:center;margin-block-start:var(--spacing-8);margin-block-end:var(--spacing-8)}@media screen and (min-width: 700px){.collection-header{margin-block-start:var(--spacing-16);margin-block-end:var(--spacing-16)}}.shopify-section--collection-banner .collection-header__content{display:flex;flex-direction:column;gap:10px}.collection-featured-product{max-width:290px;display:grid}.collection-featured-product>*{background:rgb(var(--text-primary) / .2);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.collection-featured-product__title{padding:var(--spacing-1-5) var(--spacing-4);border-top-left-radius:var(--rounded-xs);border-top-right-radius:var(--rounded-xs);justify-self:end}.collection-featured-product__content{border-radius:var(--rounded-xs);border-top-right-radius:0}.collection-list{grid:var(--collection-list-grid, none);align-items:start;gap:var(--grid-gutter);display:grid}.collection-card{--transition-direction: 1;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden}.collection-card--reverse-transition{--transition-direction: -1}.collection-card__content-wrapper svg{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;display:inline-block}.collection-card__content+svg{transform:translateY(calc(var(--transition-direction) * 48px))}.collection-card__content{transition:transform .2s}.collection-card__content:first-child{margin-block-end:-3rem}@media screen and (min-width: 1000px){.collection-card{scroll-snap-align:none}}@media screen and (pointer: fine){.collection-card:hover .collection-card__content{transform:translateY(calc(var(--transition-direction) * -8px))}.collection-card:hover .collection-card__content-wrapper svg{opacity:1;visibility:visible;transform:translateY(-8px)}.collection-card:hover .collection-card__content+svg{transform:translateY(56px)}}@supports selector(:has(.selector)){.shopify-section--collection-banner+.shopify-section--collection-list:not(:has(.section-header)){--section-outer-spacing-block: var(--grid-gutter)}}@supports not selector(:has(.selector)){.shopify-section--collection-banner+.shopify-section--collection-list{--section-outer-spacing-block: var(--grid-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/509/assets/template-collection.css.map */