.chrisps-collection__layout{display:grid;gap:var(--chrisps-space-lg);grid-template-areas:"toolbar" "results"}.chrisps-collection__toolbar{grid-area:toolbar;display:flex;flex-wrap:wrap;align-items:center;gap:var(--chrisps-space-md)}.chrisps-collection__toolbar [data-chrisps-facets-count]{flex:1}.chrisps-collection__results{grid-area:results;min-width:0}.chrisps-collection__sidebar{grid-area:sidebar}chrisps-facets[aria-busy=true] .chrisps-collection__results{opacity:.5;transition:opacity .15s}.chrisps-collection__empty{padding-block:var(--chrisps-space-3xl)}@media(min-width:990px){.chrisps-collection__layout--sidebar:not(.chrisps-collection__layout--no-filters){grid-template-columns:260px minmax(0,1fr);grid-template-areas:"sidebar toolbar" "sidebar results";column-gap:var(--chrisps-space-2xl);align-items:start}.chrisps-collection__layout--sidebar .chrisps-collection__filter-toggle{display:none}.chrisps-collection__sidebar{position:sticky;top:calc(var(--chrisps-header-height) + var(--chrisps-space-md));max-height:calc(100vh - var(--chrisps-header-height) - var(--chrisps-space-xl));overflow-y:auto}}.chrisps-sort{display:flex;align-items:center;gap:var(--chrisps-space-xs)}.chrisps-sort__select{min-height:40px;width:auto}.chrisps-facets__filter:first-child>summary{padding-top:0}.chrisps-facets__values{list-style:none;margin:0;padding:0;display:grid;gap:var(--chrisps-space-xs)}.chrisps-facets__values li{display:flex;align-items:center;gap:var(--chrisps-space-sm)}.chrisps-facets__values input{width:18px;height:18px;accent-color:var(--chrisps-text);margin:0}.chrisps-facets__values label{display:inline-flex;align-items:center;gap:var(--chrisps-space-xs);cursor:pointer;font-size:var(--chrisps-type-small-size)}.chrisps-facets__values label.is-disabled{opacity:.4;cursor:not-allowed}.chrisps-facets__values--swatch .chrisps-swatch{width:20px;height:20px}.chrisps-facets__price{display:grid;grid-template-columns:1fr 1fr;gap:var(--chrisps-space-sm)}.chrisps-facets__sort{margin-top:var(--chrisps-space-lg)}.chrisps-facets__active{grid-column:1 / -1;margin-bottom:var(--chrisps-space-md)}.chrisps-facets__chip{display:inline-flex;align-items:center;gap:var(--chrisps-space-xs);padding:6px 12px;border:var(--chrisps-border-width) solid var(--chrisps-border);border-radius:999px;font-size:var(--chrisps-type-small-size);text-decoration:none}.chrisps-promo-tile{position:relative;min-width:0;overflow:hidden;border-radius:var(--chrisps-radius-card)}.chrisps-tile--promo,.chrisps-tile--video_tile{min-height:360px}.chrisps-tile--mobile-full{grid-column:1 / -1}@media(min-width:750px){.chrisps-promo-tile{grid-column:span var(--span, 1);grid-row:span var(--rows, 1)}.chrisps-tile--span-3{grid-column:span 2}}@media(min-width:990px){.chrisps-tile--span-3{grid-column:span 3}}.chrisps-tile__media{position:absolute;top:0;right:0;bottom:0;left:0}.chrisps-tile__media video{width:100%;height:100%;object-fit:cover;display:block}.chrisps-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.chrisps-tile__pause{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:36px;height:36px}.chrisps-tile__text{display:grid;align-content:center;gap:var(--chrisps-space-sm);height:100%;min-height:240px;padding:var(--chrisps-space-xl);background:var(--chrisps-background);color:var(--chrisps-text)}.chrisps-tile__text--center{justify-items:center;text-align:center}.chrisps-tile__eyebrow{margin-bottom:var(--chrisps-space-xs)}.chrisps-tile--product_tile{overflow:visible}.chrisps-tile__offer{display:grid;gap:var(--chrisps-space-sm);height:100%;align-content:center}.chrisps-tile__offer .chrisps-offer{height:100%;align-content:center}.chrisps-promo-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:#fff;text-decoration:none}.chrisps-promo-tile__content{position:absolute;inset-inline:var(--chrisps-space-lg);bottom:var(--chrisps-space-lg);z-index:1;display:grid;gap:var(--chrisps-space-xs);color:#fff}.chrisps-promo-tile__cta{text-decoration:underline;text-underline-offset:.3em}.chrisps-search-page .chrisps-collection__layout{grid-template-areas:"header" "toolbar" "results"}.chrisps-search-page__header{grid-area:header;display:grid;gap:18px;justify-items:start;margin-bottom:var(--chrisps-space-lg)}.chrisps-search-results__other{list-style:none;margin:0;padding:0;display:grid;gap:var(--chrisps-space-md)}.chrisps-search-results__other a{text-decoration:none}.chrisps-collection__toolbar{padding-bottom:var(--chrisps-space-md);border-bottom:1px solid color-mix(in srgb,var(--chrisps-text) 10%,transparent)}.chrisps-collection__toolbar [data-chrisps-facets-count]{font-size:var(--chrisps-type-caption-size);letter-spacing:var(--chrisps-type-caption-letter-spacing);text-transform:var(--chrisps-type-caption-transform);color:var(--chrisps-muted)}.chrisps-collection__filter-toggle{min-height:42px;padding-inline:18px}.chrisps-sort .chrisps-select,.chrisps-sort select{min-height:42px;border:0;background-color:transparent;padding-inline-start:0;font-size:13px}.chrisps-density{display:flex;gap:4px}.chrisps-density__button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:none;color:var(--chrisps-muted);cursor:pointer}.chrisps-density__button[aria-pressed=true],.chrisps-density__button:hover{color:var(--chrisps-text);background:color-mix(in srgb,var(--chrisps-text) 6%,transparent)}.chrisps-density__icon{display:grid;grid-template-columns:repeat(var(--n),4px);gap:2px}.chrisps-density__icon i{width:4px;height:14px;background:currentColor;border-radius:1px}.chrisps-collection__grid{row-gap:clamp(28px,3.4vw,56px)}.chrisps-editor-note{margin-bottom:var(--chrisps-space-lg)}.chrisps-facets__filter>summary{padding-block:18px}.chrisps-facets__filter .chrisps-accordion__title{font-size:11.5px;font-weight:600;letter-spacing:.16em}.chrisps-facets__values{gap:10px}.chrisps-facets__values input{position:absolute;opacity:0;width:1px;height:1px}.chrisps-facets__values label{position:relative;gap:10px;padding-inline-start:28px;min-height:22px}.chrisps-facets__values label:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:16px;height:16px;margin-top:-8px;border:1px solid color-mix(in srgb,var(--chrisps-text) 35%,transparent);border-radius:2px;transition:background-color .15s,border-color .15s}.chrisps-facets__values input:checked+label:before{background:var(--chrisps-text);border-color:var(--chrisps-text);box-shadow:inset 0 0 0 3px var(--chrisps-background)}.chrisps-facets__values input:focus-visible+label:before{outline:2px solid var(--chrisps-accent);outline-offset:2px}.chrisps-facets__values--swatch{grid-template-columns:repeat(2,minmax(0,1fr))}.chrisps-facets__values--swatch label{padding-inline-start:0}.chrisps-facets__values--swatch label:before{display:none}.chrisps-facets__values--swatch input:checked+label .chrisps-swatch{outline:1px solid var(--chrisps-text);outline-offset:2px}.chrisps-facets__chip{border-color:color-mix(in srgb,var(--chrisps-text) 20%,transparent);transition:background-color .15s,color .15s}.chrisps-facets__chip:hover{background:var(--chrisps-text);color:var(--chrisps-background)}@media(max-width:989px){.chrisps-collection__toolbar--sticky{position:sticky;top:0;z-index:30;margin-inline:calc(var(--chrisps-gutter) * -1);padding:8px var(--chrisps-gutter);background:var(--chrisps-background);transition:top var(--chrisps-motion-fast, .2s)}body:has(chrisps-header:not([data-sticky=none]):not(.is-hidden)) .chrisps-collection__toolbar--sticky{top:var(--chrisps-header-height)}.chrisps-collection__toolbar--sticky .chrisps-collection__filter-toggle{min-height:44px}.chrisps-collection__toolbar--sticky{flex-wrap:nowrap;gap:var(--chrisps-space-sm)}.chrisps-collection__toolbar--sticky .chrisps-collection__sort{margin-inline-start:auto;min-width:0}.chrisps-collection__toolbar--sticky [data-chrisps-facets-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.chrisps-load-more{display:grid;justify-items:center;gap:var(--chrisps-space-sm);margin-block-start:var(--chrisps-space-xl)}.chrisps-load-more [aria-busy=true]{opacity:.6;pointer-events:none}.js .chrisps-collection__results:has([data-chrisps-load-more]) .chrisps-pagination,.js .chrisps-collection__results[data-loaded-more] .chrisps-pagination{display:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/chrisps-collection.css.map */