@layer components{.collection{background-color:var(--color-background);color:var(--color-foreground);padding-block:var(--collection-padding-top, 0) var(--collection-padding-bottom, 0)}.collection__layout{display:grid;gap:1.5rem;grid-template-columns:1fr}.collection__header{grid-column:1 / -1;display:flex;flex-direction:column;gap:.75rem;margin-block-end:1rem;text-align:var(--collection-text-align, left);align-items:var(--collection-content-align, flex-start)}.collection__filters-toggle-button{all:unset;align-items:center;cursor:pointer;display:inline-flex;font:inherit;gap:.35rem}.collection__title{color:var(--color-foreground);font-size:var(--collection-title-size-mobile, var(--h1-size-mobile));line-height:var(--h1-line-height);margin:0}.collection__label{color:var(--color-foreground-secondary);font-size:var(--subheading-size-mobile);line-height:var(--subheading-line-height);margin:0}.collection__description{color:var(--color-foreground);font-size:var( --collection-description-size-mobile, var(--paragraph-size-mobile) );line-height:var(--paragraph-line-height);margin:0;max-width:48rem}.collection__description--custom{font-size:var(--collection-description-size-mobile)}.collection__sidebar{display:none}.collection__main{min-width:0}.collection__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block-end:1rem}.collection__filters-toggle{align-items:center;background:none;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2rem;color:var(--color-foreground-secondary);cursor:pointer;font-size:var(--paragraph-size-mobile);gap:.35rem;line-height:var(--paragraph-line-height);padding:.35rem 1rem}.collection__filters-toggle-count{color:var(--color-foreground);font-weight:600}.collection-sort{align-items:center;display:flex;gap:.75rem;margin-inline-start:auto}.collection-sort__label{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;white-space:nowrap}.collection-sort__select{-webkit-appearance:none;appearance:none;background:var(--color-background);border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2rem;color:inherit;cursor:pointer;font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);min-height:2.25rem;padding:.35rem 2rem .35rem 1rem}.collection__results{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0 0 1rem}.collection__products.product-grid{--card-gap: var(--grid-gap, 1rem);grid-template-columns:repeat(var(--columns-mobile, 1),minmax(0,1fr))}.collection__empty{align-items:center;display:flex;justify-content:center;padding:3rem 1rem;text-align:center}.collection__empty-inner{display:grid;gap:1rem;max-width:48rem;width:100%}.collection__empty-image{display:block;height:auto;margin:0 auto;max-width:12.5rem;width:100%}.collection__no-products{align-items:center;display:grid;gap:1rem;grid-column:1 / -1;justify-items:center;padding:2rem 1rem;text-align:center;width:100%}.collection__no-products-text{color:var(--color-foreground);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0}.collection__empty-title{color:var(--color-foreground);font-size:var(--h2-size-mobile);line-height:var(--h2-line-height);margin:0}.collection__empty-description{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0}.collection__pagination{margin-block-start:2rem}.collection .collection-pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.collection .collection-pagination>.page,.collection .collection-pagination>.next,.collection .collection-pagination>.prev{align-items:center;background-color:var( --collection-pagination-bg, var(--color-button-secondary-background) );border-radius:2rem;color:var( --collection-pagination-text, var(--color-button-secondary-text) );display:inline-flex;font-size:var(--paragraph-size-mobile);justify-content:center;line-height:var(--paragraph-line-height);min-width:2.25rem;padding:.5rem 1rem;text-decoration:none;transition:background .12s ease,color .12s ease}.collection .collection-pagination>.page:hover,.collection .collection-pagination>.next:hover,.collection .collection-pagination>.prev:hover{background-color:var( --collection-pagination-bg-hover, var(--color-button-secondary-background-hover) );color:var( --collection-pagination-text-hover, var(--color-button-secondary-text-hover) )}.collection .collection-pagination>.current{background-color:var( --collection-pagination-current-bg, var(--color-button-default-background) );color:var( --collection-pagination-current-text, var(--color-button-default-text) );font-weight:var(--paragraph-font-weight);pointer-events:none}.collection .collection-pagination .disabled{opacity:.5;pointer-events:none}.collection-sheet__header{flex-shrink:0;display:none;padding:1rem;padding-inline-end:3rem;background-color:var(--color-background)}.collection-sheet__title{color:var(--color-foreground);font-size:var(--h2-size-mobile);line-height:var(--h2-line-height);margin:0}.collection-sheet .collection-filters{background:transparent;flex:1;min-height:0}.collection--pagination-variant-default{--collection-pagination-bg: var(--color-button-default-background);--collection-pagination-text: var(--color-button-default-text);--collection-pagination-bg-hover: var( --color-button-default-background-hover );--collection-pagination-text-hover: var(--color-button-default-text-hover);--collection-pagination-current-bg: var( --color-button-secondary-background );--collection-pagination-current-text: var(--color-button-secondary-text)}.collection--pagination-variant-primary{--collection-pagination-bg: var(--color-button-primary-background);--collection-pagination-text: var(--color-button-primary-text);--collection-pagination-bg-hover: var( --color-button-primary-background-hover );--collection-pagination-text-hover: var(--color-button-primary-text-hover);--collection-pagination-current-bg: var(--color-button-default-background);--collection-pagination-current-text: var(--color-button-default-text)}.collection--pagination-variant-secondary{--collection-pagination-bg: var(--color-button-secondary-background);--collection-pagination-text: var(--color-button-secondary-text);--collection-pagination-bg-hover: var( --color-button-secondary-background-hover );--collection-pagination-text-hover: var( --color-button-secondary-text-hover );--collection-pagination-current-bg: var(--color-button-default-background);--collection-pagination-current-text: var(--color-button-default-text)}.collection--pagination-variant-outline{--collection-pagination-bg: var(--color-button-outline-background);--collection-pagination-text: var(--color-button-outline-text);--collection-pagination-bg-hover: var( --color-button-outline-background-hover );--collection-pagination-text-hover: var(--color-button-outline-text-hover);--collection-pagination-current-bg: var(--color-button-default-background);--collection-pagination-current-text: var(--color-button-default-text)}.collection--pagination-variant-ghost{--collection-pagination-bg: var(--color-button-ghost-background);--collection-pagination-text: var(--color-button-ghost-text);--collection-pagination-bg-hover: var( --color-button-ghost-background-hover );--collection-pagination-text-hover: var(--color-button-ghost-text-hover);--collection-pagination-current-bg: var(--color-button-default-background);--collection-pagination-current-text: var(--color-button-default-text)}.collection--pagination-size-small .collection-pagination>.page,.collection--pagination-size-small .collection-pagination>.next,.collection--pagination-size-small .collection-pagination>.prev{font-size:.8125rem;min-width:2rem;padding:.35rem .75rem}.collection--pagination-size-large .collection-pagination>.page,.collection--pagination-size-large .collection-pagination>.next,.collection--pagination-size-large .collection-pagination>.prev{font-size:1rem;min-width:2.5rem;padding:.65rem 1.25rem}@media(min-width:640px)and (max-width:879px){.collection__layout{grid-template-columns:250px 1fr}.collection__sidebar{align-self:start;display:block;position:sticky;top:1.5rem}.collection__title{font-size:var(--collection-title-size-tablet, var(--h1-size-tablet))}.collection__description,.collection__description--custom{font-size:var( --collection-description-size-tablet, var(--paragraph-size-tablet) )}.collection__label{font-size:var(--subheading-size-tablet)}.collection-sort__label,.collection-sort__select,.collection__results,.collection__empty-description,.collection__no-products-text{font-size:var(--paragraph-size-tablet)}.collection__empty-title{font-size:var(--h2-size-tablet)}.collection__products.product-grid{grid-template-columns:repeat(var(--columns-tablet, 2),minmax(0,1fr))}}@media(min-width:880px){.collection__layout{grid-template-columns:250px 1fr}.collection__sidebar{align-self:start;display:block;position:sticky;top:1.5rem}.collection__title{font-size:var(--collection-title-size-desktop, var(--h1-size-desktop))}.collection__description,.collection__description--custom{font-size:var( --collection-description-size-desktop, var(--paragraph-size-desktop) )}.collection__label{font-size:var(--subheading-size-desktop)}.collection-sort__label,.collection-sort__select,.collection__results,.collection__empty-description,.collection__no-products-text,.collection .collection-pagination>.page,.collection .collection-pagination>.next,.collection .collection-pagination>.prev{font-size:var(--paragraph-size-desktop)}.collection__empty-title{font-size:var(--h2-size-desktop)}.collection__products.product-grid{grid-template-columns:repeat(var(--columns-desktop, 4),minmax(0,1fr))}}}@media(max-width:639px){sheet-trigger.collection__filters-toggle{display:contents}}@media(min-width:640px)and (max-width:879px){sheet-trigger.collection__filters-toggle{display:none}.collection--tablet-filter-sheet sheet-trigger.collection__filters-toggle{display:contents}.collection--tablet-filter-sheet .collection__sidebar{display:none}.collection--tablet-filter-sheet .collection__layout{grid-template-columns:1fr}.collection--tablet-filter-sheet .collection-sheet__header{display:block}}@media(min-width:880px){sheet-trigger.collection__filters-toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-collection-styles.css.map */