.component-collection{--collection-toolbar-gap: 10px;padding-block:var(--space-3) 0;background:var(--ps-bg-1);color:var(--ps-black)}.collection-wrap{padding:0}.collection-grid{position:relative;display:grid;grid-auto-flow:dense;grid-auto-rows:auto;gap:var(--space-2);min-block-size:calc(var(--space-8) * 2)}.component-collection .one_column_mob{grid-template-columns:minmax(0,1fr)}.component-collection .two_column_mob{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-collection-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-block-end:var(--collection-toolbar-gap)}.mobile-collection-toolbar .button{min-inline-size:0}.mobile-filter-trigger,.mobile-sort-trigger{border-color:var(--ps-black);color:var(--ps-black)}.collection-catalog{display:block}.collection-products{min-inline-size:0}.collection-products-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--collection-toolbar-gap)}.collection-results-info,.component-collection .results-count{margin:0}.collection-results-info{flex-shrink:0}.component-collection .results-count{color:var(--ps-text-muted)}.collection-sorting{display:none}.active-filter-chips{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1);min-inline-size:0}.active-filter-chip .delete-filter{font-size:var(--font-size-body);line-height:var(--line-height-body)}.active-filter-chips.is-empty{display:none}.active-filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-target-min);padding-inline:var(--space-2);border:1px solid var(--ps-black);border-radius:var(--radius-control);color:var(--ps-black);font:var(--font-weight-label) var(--font-size-label) / var(--line-height-label) var(--body1-font);text-decoration:none;white-space:nowrap}.active-filter-chip:hover{border-color:var(--ps-black);background:var(--ps-bg-2);color:var(--ps-black)}.active-filter-chip:focus-visible{outline:2px solid var(--ps-primary);outline-offset:2px}.collection-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:color-mix(in srgb,var(--ps-black) 44%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease}body.filter-sheet-open,body.sort-sheet-open{overflow:hidden}body.filter-sheet-open .collection-sheet-backdrop,body.sort-sheet-open .collection-sheet-backdrop{opacity:1;pointer-events:auto}.collection-filters,.collection-sort-sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:99;max-block-size:88vh;padding:var(--space-3) var(--container-padding-mobile) 0;overflow-y:auto;background:var(--ps-bg-1);border-radius:var(--radius-editorial);box-shadow:0 calc(-1 * var(--space-2)) var(--space-5) var(--ps-shadow);transform:translateY(105%);transition:transform .28s ease}body.filter-sheet-open .collection-filters,body.sort-sheet-open .collection-sort-sheet{transform:translateY(0)}.collection-filters:focus,.collection-sort-sheet:focus{outline:none}.filter-sheet-header,.sort-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding-block-end:var(--space-3);border-block-end:1px solid var(--ps-border)}.filter-sheet-header p,.sort-sheet-header p{margin:0;color:var(--ps-black);letter-spacing:var(--button-letter-spacing);text-transform:uppercase}.sort-sheet-header{align-items:center}.filter-sheet-header .filter-sheet-title{letter-spacing:normal;text-transform:none}.filter-sheet-header span{display:block;margin-block-start:var(--space-1);color:var(--ps-text-muted);font:var(--font-weight-body) var(--font-size-body) / var(--line-height-body) var(--body1-font)}.filter-sheet-close,.sort-sheet-close{color:var(--ps-black)}.filter-sheet-close,.sort-sheet-close{flex-shrink:0}.collection-filters-heading{display:none}.collection-filters details{border-block-end:1px solid var(--ps-border)}.collection-filters summary{display:flex;align-items:center;justify-content:space-between;min-block-size:var(--button-height);color:var(--ps-black);font:var(--font-weight-label) var(--font-size-label) / var(--line-height-label) var(--body1-font);letter-spacing:var(--button-letter-spacing);text-transform:uppercase}.collection-filters summary small{color:var(--ps-primary);font:inherit}.collection-filters summary:focus-visible{outline:2px solid var(--ps-primary);outline-offset:2px}.collection-filters ul{display:flex;flex-direction:column;gap:0;margin:0;padding:0 0 var(--space-2);list-style:none}.collection-filters li{margin:0}.collection-filters .filter-option{position:relative;display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target-min);color:var(--ps-black);font:var(--font-weight-body) var(--font-size-body) / var(--line-height-body) var(--body1-font);cursor:pointer}.collection-filters input[type=checkbox]{flex:none;inline-size:var(--space-3);block-size:var(--space-3);margin:0;accent-color:var(--ps-primary);cursor:inherit}.collection-filters .filter-count-text{margin-inline-start:auto;color:var(--ps-text-muted)}.filter-group--color input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.filter-option.is-active,.filter-option:has(input[type=checkbox]:checked){font-weight:var(--font-weight-label)}.filter-option.is-disabled{opacity:.45;cursor:not-allowed}.filter-option:has(input[type=checkbox]:focus-visible){outline:2px solid var(--ps-primary);outline-offset:2px}.collection-filters .filter-children{padding:0 0 0 var(--space-4)}.filter-price{--price-track: calc(var(--space-1) / 2);--price-thumb: var(--space-3);padding-block:var(--space-1) var(--space-3)}.filter-price__slider{position:relative;block-size:var(--touch-target-min)}.filter-price__slider:before,.filter-price__slider:after{position:absolute;inset-block-start:50%;block-size:var(--price-track);border-radius:var(--radius-control);content:"";transform:translateY(-50%)}.filter-price__slider:before{inset-inline:0;background:var(--ps-border)}.filter-price__slider:after{inset-inline-start:var(--price-min, 0%);inset-inline-end:calc(100% - var(--price-max, 100%));background:var(--ps-primary)}.filter-price__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;inline-size:100%;block-size:100%;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}.filter-price__range::-webkit-slider-runnable-track{background:none}.filter-price__range::-moz-range-track{background:none}.filter-price__range::-webkit-slider-thumb{inline-size:var(--price-thumb);block-size:var(--price-thumb);border:2px solid var(--ps-primary);border-radius:50%;background:var(--ps-bg-1);-webkit-appearance:none;appearance:none;cursor:pointer;pointer-events:auto}.filter-price__range::-moz-range-thumb{inline-size:var(--price-thumb);block-size:var(--price-thumb);border:2px solid var(--ps-primary);border-radius:50%;background:var(--ps-bg-1);cursor:pointer;pointer-events:auto}.filter-price__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ps-primary);outline-offset:2px}.filter-price__range:focus-visible::-moz-range-thumb{outline:2px solid var(--ps-primary);outline-offset:2px}.filter-price__label{margin:0;color:var(--ps-black);font:var(--font-weight-body) var(--font-size-body) / var(--line-height-body) var(--body1-font);text-align:center}.filter-group--color ul{flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.filter-group--color .filter-option{justify-content:center;inline-size:var(--button-height);block-size:var(--button-height)}.filter-swatch{inline-size:var(--space-4);block-size:var(--space-4);border:1px solid var(--ps-secondary);border-radius:50%;background:var(--filter-swatch-background, var(--ps-secondary));background-position:center;background-size:cover;box-shadow:0 0 0 0 var(--ps-bg-1),0 0 0 0 var(--ps-primary);transition:box-shadow .15s ease}.filter-option:hover .filter-swatch,.filter-option.is-active .filter-swatch,.filter-option:has(input[type=checkbox]:checked) .filter-swatch{box-shadow:0 0 0 var(--space-1) var(--ps-bg-1),0 0 0 calc(var(--space-1) + 1px) var(--ps-primary)}.filter-swatch--fallback{background:var(--ps-secondary)}.clear-filters-container{padding-block-start:var(--space-2)}.filter-sheet-footer{position:sticky;inset-block-end:0;margin:var(--space-3) calc(-1 * var(--container-padding-mobile)) 0;padding:var(--space-2) var(--container-padding-mobile) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--ps-bg-1);border-block-start:1px solid var(--ps-border)}.collection-sort-sheet fieldset{display:flex;flex-direction:column;margin:0;padding:var(--space-2) 0;border:0}.mobile-sort-option{position:relative;display:flex;align-items:center;min-block-size:var(--button-height);border-block-end:1px solid var(--ps-border);color:var(--ps-black);font:var(--font-weight-body) var(--font-size-body) / var(--line-height-body) var(--body1-font);cursor:pointer}.mobile-sort-option input{position:absolute;opacity:0}.mobile-sort-option:has(input:checked){color:var(--ps-black);font-weight:var(--font-weight-label)}.mobile-sort-option:has(input:focus-visible){outline:2px solid var(--ps-primary);outline-offset:2px}.sort-apply-button{position:sticky;inset-block-end:0;margin-block:var(--space-2)}.pagination{display:none}.pagination.has-pages{display:block}.empty-collection-message{grid-column:1 / -1;padding:var(--space-6) var(--space-2);text-align:center}.empty-collection-content{max-inline-size:var(--editorial-width-min);margin-inline:auto}.empty-collection-title,.empty-collection-text{margin:0 0 var(--space-2);color:var(--ps-primary)}.empty-collection-cta{margin-block-start:var(--space-2)}.collection-grid .promo-box{position:relative;display:flex;flex-direction:column;grid-column:1 / -1;overflow:hidden;border-radius:var(--radius-card)}.collection-grid .promo-box img{inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.collection-grid .promo-text-box{background:var(--ps-bg-1);color:var(--ps-primary)}.collection-grid .promo-text-container{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.collection-grid .promo-text-container p{margin:0}.collection-navigation{padding:var(--space-3) 0 var(--space-3) var(--space-2);overflow:auto;background:var(--ps-bg-2)}.collection-navigation ul{display:flex;gap:var(--space-3);list-style:none}.collection-navigation a{display:flex;align-items:center;color:var(--ps-primary);text-decoration:none}.collection-navigation a:focus-visible{outline:2px solid var(--ps-primary);outline-offset:2px}.component-collection .fade-in{animation:collection-fade-in .5s ease-in forwards}.component-collection .fade-out{animation:collection-fade-out .5s ease-out forwards}@media(min-width:769px){.mobile-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-sort-trigger{display:none}.mobile-filter-trigger,.mobile-filter-trigger.button--full-width{inline-size:auto;min-inline-size:0;block-size:var(--touch-target-min);min-block-size:var(--touch-target-min);padding-inline:var(--space-3);border:1px solid var(--ps-black);border-radius:var(--radius-control);background:transparent;color:var(--ps-black)}.mobile-filter-trigger:hover{border-color:var(--ps-black);background:var(--ps-bg-2);color:var(--ps-black)}.collection-catalog{display:block}.collection-filters-heading{display:none}.collection-sorting{display:block;flex-shrink:0;inline-size:auto}.collection-sorting label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:calc(-1 * var(--space-1));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collection-sorting select{min-inline-size:0;min-block-size:var(--touch-target-min);inline-size:auto;padding-inline:var(--space-3);border:1px solid var(--ps-black);border-radius:var(--radius-control);background:var(--ps-bg-1);color:var(--ps-black);font:var(--font-weight-label) var(--font-size-label) / var(--line-height-label) var(--body1-font)}.collection-products-header{margin-block-end:var(--collection-toolbar-gap)}.collection-grid{gap:var(--space-3)}.component-collection .three_column_desk{grid-template-columns:repeat(3,minmax(0,1fr))}.component-collection .four_column_desk{grid-template-columns:repeat(4,minmax(0,1fr))}.component-collection .five_column_desk{grid-template-columns:repeat(5,minmax(0,1fr))}.collection-grid .promo-box{grid-column:span var(--remaining-columns)}.collection-grid .promo-text-box{position:absolute;inset-inline-end:var(--space-4);inset-block-end:var(--space-4);max-inline-size:calc(var(--editorial-width-min) / 2);border-radius:var(--radius-card)}.collection-navigation{padding:var(--space-4) 0 var(--space-5) var(--space-4)}.collection-navigation ul{gap:var(--space-6)}.collection-filters{inset:0 auto 0 0;inline-size:min(calc(var(--space-8) * 3),100vw);max-block-size:none;padding:var(--space-4) var(--space-4) 0;border-radius:0;box-shadow:var(--space-2) 0 var(--space-5) var(--ps-shadow);transform:translate(-105%)}body.filter-sheet-open .collection-filters{transform:translate(0)}.collection-filters{display:flex;flex-direction:column}.filter-sheet-footer{margin:auto calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4)}}@keyframes collection-fade-out{to{opacity:0}}@keyframes collection-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection.css.map */