.collection-description{margin-bottom:var(--space-8)}.main-collection>.container:first-child{padding-top:var(--space-8)}.collection-browse{position:relative;margin-bottom:var(--space-8);background-color:var(--color-background);border:var(--border-width) solid var(--color-foreground);box-shadow:.25rem .25rem 0 0 var(--color-shadow)}.collection-browse.is-loading .collection-browse__results{opacity:.45;pointer-events:none;transition:opacity var(--duration-short) var(--ease-out)}.collection-browse__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-foreground)}.collection-browse__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-inline-start:auto}.collection-browse__body{padding:var(--space-6) var(--space-4)}.collection-browse__filter-toggle,.browse-filter__toggle,.browse-sort__face,.browse-mode__btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;line-height:1;letter-spacing:var(--label-letter-spacing-wide, var(--letter-spacing-wide));text-transform:var(--label-text-transform, uppercase);color:var(--color-foreground);background-color:transparent;border:var(--border-width) solid var(--border-color);border-radius:0;cursor:pointer;transition:background-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.collection-browse__filter-toggle:hover,.browse-filter__toggle:hover,.browse-sort:hover .browse-sort__face,.browse-mode__btn:hover{border-color:var(--color-foreground)}.collection-browse__filter-toggle:focus-visible,.browse-filter__toggle:focus-visible,.browse-mode__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.collection-browse__filter-count,.browse-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.125rem .375rem;font-size:var(--font-size-xs);font-weight:600;color:var(--color-background);background-color:var(--color-foreground);border-radius:var(--radius-full)}.browse-sort{position:relative;display:inline-flex}.browse-sort__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:opacity(0);font-size:1rem;cursor:pointer}.browse-sort__face{pointer-events:none}.browse-sort__select:focus-visible~.browse-sort__face{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--color-foreground)}.browse-sort__value{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-mode{display:inline-flex}.browse-mode__btn+.browse-mode__btn{margin-inline-start:calc(var(--border-width) * -1)}.browse-mode__btn.is-active{color:var(--color-background);background-color:var(--color-foreground);border-color:var(--color-foreground)}@media(max-width:749px){.browse-mode__label{display:none}.browse-mode__btn{min-width:var(--touch-target-min);justify-content:center;padding-inline:var(--space-2)}}.collection-browse__filters{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--z-modal);display:flex;flex-direction:column;width:min(100vw,26rem);height:100vh;height:100dvh;background:var(--color-background);box-shadow:4px 0 24px #0000001a;transform:translate(-100%);visibility:hidden;transition:transform var(--duration-normal) var(--ease-elegant)}.collection-browse.is-filters-open .collection-browse__filters{transform:translate(0);visibility:visible}.collection-browse__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) - 1);background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.collection-browse.is-filters-open .collection-browse__overlay{opacity:1;visibility:visible}.collection-browse__filters-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;padding:var(--space-3) var(--space-4);background-color:var(--chrome-bg);color:var(--chrome-fg)}.collection-browse__filters-title{margin:0;font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--label-letter-spacing-widest, var(--letter-spacing-widest));text-transform:var(--label-text-transform, uppercase)}.collection-browse__filters-close{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);margin-inline-end:calc(var(--space-2) * -1);color:inherit;background:transparent;border:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.collection-browse__filters-close:hover{opacity:.7}.collection-browse__filters-close:focus-visible{outline:var(--focus-ring-width) solid currentcolor;outline-offset:calc(var(--focus-ring-offset) * -1)}.collection-browse__filters-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-6);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.collection-browse__filters-actions{display:flex;gap:var(--space-3);flex-shrink:0;padding:var(--space-6);background:var(--color-background);border-top:var(--border-width) solid var(--color-border)}.collection-browse__filters-actions>*{flex:1}.browse-filter{position:relative;border-bottom:var(--border-width) solid var(--color-border)}.browse-filter__toggle{justify-content:space-between;width:100%;padding-inline:0;border:0;list-style:none}.browse-filter__toggle::-webkit-details-marker{display:none}.browse-filter__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-filter__toggle svg{flex-shrink:0;color:var(--color-muted);transition:transform var(--duration-short) var(--ease-out)}.browse-filter[open]>.browse-filter__toggle svg{transform:rotate(180deg);color:var(--color-foreground)}.browse-filter__panel{padding-bottom:var(--space-4)}.browse-filter__apply{width:100%;margin-top:var(--space-3)}.collection-browse[data-js] .browse-filter__apply{display:none}@media(min-width:990px){.collection-browse--bar .collection-browse__filters,.collection-browse--sidebar .collection-browse__filters{position:static;z-index:auto;width:auto;height:auto;min-width:0;background:none;box-shadow:none;transform:none;visibility:visible;transition:none}.collection-browse--bar .collection-browse__filters-head,.collection-browse--sidebar .collection-browse__filters-head,.collection-browse--bar .collection-browse__filters-actions,.collection-browse--sidebar .collection-browse__filters-actions,.collection-browse--bar .collection-browse__overlay,.collection-browse--sidebar .collection-browse__overlay,.collection-browse--bar .collection-browse__filter-toggle,.collection-browse--sidebar .collection-browse__filter-toggle{display:none}.collection-browse--bar .collection-browse__filters-list,.collection-browse--sidebar .collection-browse__filters-list{flex:0 1 auto;overflow:visible;padding:0}.collection-browse--bar .collection-browse__filters{flex-direction:row;flex-wrap:wrap;align-items:center}.collection-browse--bar .collection-browse__filters-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.collection-browse--bar .browse-filter{border-bottom:0}.collection-browse--bar .browse-filter__toggle{width:auto;padding-inline:var(--space-3);border:var(--border-width) solid var(--border-color)}.collection-browse--bar .browse-filter[open]>.browse-filter__toggle{color:var(--color-background);background-color:var(--color-foreground);border-color:var(--color-foreground)}.collection-browse--bar .browse-filter__panel{position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;z-index:var(--z-dropdown);width:max-content;min-width:14rem;max-width:min(22rem,calc(100vw - var(--space-8)));padding:var(--space-4);background-color:var(--color-background);border:var(--border-width) solid var(--color-foreground);box-shadow:.25rem .25rem 0 0 var(--color-shadow)}.collection-browse--bar .browse-filter__panel[data-align=end],.collection-browse--bar:not([data-js]) .browse-filter:nth-last-child(-n+2) .browse-filter__panel{inset-inline-start:auto;inset-inline-end:0}.collection-browse--bar .browse-filter__body{max-height:20rem;margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);padding-block-end:calc(var(--focus-ring-offset) + var(--focus-ring-width));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.collection-browse--sidebar .collection-browse__body{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-8);align-items:start}.collection-browse--sidebar .collection-browse__filters{display:block;padding-inline-end:var(--space-4);border-inline-end:var(--border-width) solid var(--color-border)}.collection-browse--sticky .collection-browse__filters{position:sticky;top:calc(var(--header-height, 4rem) + var(--space-4))}}.collection-filter__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;padding:0;margin:0}.collection-filter__item{margin:0}.collection-filter__label{--filter-box-size: 1.125rem;display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);position:relative;padding:var(--space-2) 0;cursor:pointer;transition:opacity var(--duration-short) var(--ease-out)}.collection-filter__label:hover{opacity:.7}.collection-filter__label:has(input:disabled){color:var(--color-muted);cursor:not-allowed}.collection-filter__label:has(input:disabled) .collection-filter__count{text-decoration:line-through}.collection-filter__label:has(input:disabled) .collection-filter__checkbox-visual{border-color:var(--border-color-control, var(--border-color))}.collection-filter__label:has(input:disabled):hover{color:var(--color-muted)}.collection-filter__checkbox{position:absolute;width:var(--filter-box-size);height:var(--filter-box-size);margin:0;opacity:0;cursor:inherit;scroll-margin:calc(var(--focus-ring-offset) + var(--focus-ring-width))}.collection-filter__checkbox-visual{display:flex;align-items:center;justify-content:center;width:var(--filter-box-size);height:var(--filter-box-size);flex-shrink:0;background:transparent;border:1.5px solid var(--color-foreground);border-radius:2px;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.collection-filter__checkbox:checked+.collection-filter__checkbox-visual{background:var(--color-foreground);border-color:var(--color-foreground)}.collection-filter__checkbox:checked+.collection-filter__checkbox-visual:after{content:"";width:.375rem;height:.1875rem;border-left:1.5px solid var(--color-background);border-bottom:1.5px solid var(--color-background);transform:rotate(-45deg) translateY(-1px)}.collection-filter__checkbox:focus-visible+.collection-filter__checkbox-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.collection-filter__text{display:flex;align-items:center;gap:var(--space-2);flex:1;font-size:var(--font-size-sm)}.collection-filter__count{font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.collection-filter__swatch{display:inline-block;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background-color:var(--swatch-color, #ccc);background-image:var(--swatch-image);background-size:cover;background-position:center;border:1.5px solid var(--color-border);box-shadow:inset 0 0 0 1px #fff3}.collection-filter__price-inputs{display:flex;align-items:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.collection-filter__price-field{position:relative;flex:1}.collection-filter__price-field label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-weight:var(--label-font-weight, 600);text-transform:var(--label-text-transform, uppercase);letter-spacing:var(--label-letter-spacing-wide, .05em)}.collection-filter__price-currency{position:absolute;left:var(--space-3);bottom:0;height:2.75rem;display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-foreground-muted);pointer-events:none;transform:translateY(1px)}.collection-filter__price-input{width:100%;height:2.75rem;padding-left:var(--space-6);font-size:var(--font-size-sm)}.collection-filter__price-separator{padding-bottom:.875rem;font-size:var(--font-size-sm);color:var(--color-foreground-muted)}.collection-browse__pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.browse-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:var(--label-font-weight, 600);letter-spacing:var(--label-letter-spacing-wide, var(--letter-spacing-wide));text-transform:var(--label-text-transform, uppercase);color:var(--color-background);background:var(--color-foreground);border:var(--border-width) solid var(--color-foreground);text-decoration:none;transition:color var(--duration-short) var(--ease-out),background-color var(--duration-short) var(--ease-out)}.browse-pill:hover{background:var(--color-background);color:var(--color-foreground)}.browse-pill:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.browse-pill--clear{padding-inline:var(--space-3);color:var(--color-foreground);background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.browse-pill--clear:hover{background:transparent;color:var(--color-foreground-muted)}.collection-browse__results{min-width:0}.collection-browse__results[data-mode=index] .collection-products__grid,.collection-browse__results[data-mode=grid] .collection-index{display:none}.collection-products__grid{display:grid;gap:var(--grid-gap-md);grid-template-columns:repeat(var(--grid-columns-mobile, 2),minmax(0,1fr))}.collection-products__item{min-width:0}@media(min-width:750px){.collection-products__grid{grid-template-columns:repeat(var(--grid-columns-desktop, 4),minmax(0,1fr))}.collection-products__item--wide-desktop{grid-column:span 2}.collection-products__item--wide-desktop .product-card__media.media{aspect-ratio:var(--card-wide-ratio, 3 / 2)}}@media(max-width:749px){[data-columns-mobile="2"] .collection-products__item--wide-mobile{grid-column:span 2}[data-columns-mobile="2"] .collection-products__item--wide-mobile .product-card__media.media{aspect-ratio:var(--card-wide-ratio, 3 / 2)}}.collection-break{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-6)}.collection-break__rule{height:var(--border-width);background-color:var(--color-foreground)}.collection-break__text{max-width:48rem;font-family:var(--font-heading-family);font-size:var(--font-size-lg);line-height:var(--line-height-snug);text-wrap:balance}.collection-break__text p{margin-bottom:var(--space-3)}.collection-break__text>:last-child{margin-bottom:0}.collection-index{overflow-x:auto;-webkit-overflow-scrolling:touch}.collection-index:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-offset) * -1)}.collection-index__table{width:100%;min-width:34rem;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.collection-index__head{padding:var(--space-2) var(--space-3);text-align:start;white-space:nowrap;font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--label-letter-spacing-wide, var(--letter-spacing-wide));text-transform:var(--label-text-transform, uppercase);border-bottom:var(--border-width) solid var(--color-foreground)}.collection-index__head--num{width:4rem}.collection-index__head--price{text-align:end}.collection-index__row>td,.collection-index__row>th{padding:var(--space-3);text-align:start;vertical-align:baseline;border-bottom:var(--border-width) solid var(--border-color)}.collection-index__row:last-child>td,.collection-index__row:last-child>th{border-bottom:0}.collection-index__row:hover{background-color:color-mix(in srgb,var(--color-muted) 12%,transparent)}.collection-index__num{font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-foreground-muted)}.collection-index__name{font-weight:var(--font-weight-medium)}.collection-index__link{color:inherit;text-decoration:none;text-underline-offset:.2em}.collection-index__link:hover{text-decoration:underline}.collection-index__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.collection-index__flag{display:inline-block;margin-inline-start:var(--space-2);padding:.0625rem .375rem;font-family:var(--font-heading-family);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--label-letter-spacing-wide, var(--letter-spacing-wide));text-transform:var(--label-text-transform, uppercase);color:var(--color-background);background-color:var(--color-foreground)}.collection-index__options{font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.collection-index__option{display:block}.collection-index__option-name{font-family:var(--font-heading-family);font-weight:var(--label-font-weight, 600);letter-spacing:var(--label-letter-spacing-wide, var(--letter-spacing-wide));text-transform:var(--label-text-transform, uppercase)}.collection-index__option-name:after{content:": "}.collection-index__row>.collection-index__price{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.collection-index__from{font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.collection-index__was{margin-inline-start:var(--space-2);color:var(--color-foreground-muted)}.collection-empty{text-align:center;padding:var(--space-16) var(--space-4)}.collection-empty p{margin-bottom:var(--space-4);color:var(--color-foreground-muted)}@media(max-width:749px){.collection-browse__bar,.collection-browse__pills{padding-inline:var(--space-3)}.collection-browse__body{padding:var(--space-4) var(--space-3)}.collection-browse__controls{width:100%;margin-inline-start:0;justify-content:space-between}.collection-break__text{font-size:var(--font-size-base)}.collection-index__table{min-width:30rem}.hide-mobile{display:none}}@media(prefers-reduced-motion:reduce){.collection-browse__filters,.collection-browse__overlay,.collection-browse.is-loading .collection-browse__results{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-browse.css.map */
