.bpi-collection{display:block;padding-block:3.2rem var(--bpi-section-space-mobile)}@media screen and (min-width:750px){.bpi-collection{padding-block:4rem var(--bpi-section-space)}}.bpi-collection-banner{padding-block:4rem 0;text-align:center}.bpi-collection-banner__title{margin-bottom:1.2rem}.bpi-collection-banner__desc{max-width:62ch;margin-inline:auto;color:var(--bpi-ink-muted);font-size:1.5rem}.bpi-subcollections{margin-top:3.6rem}.bpi-subcollections__track{padding-bottom:.4rem}.bpi-subcollections__item{width:12rem;text-align:center}@media screen and (min-width:750px){.bpi-subcollections__item{width:15rem}}.bpi-subcollections__item .bpi-media{border-radius:50%}.bpi-subcollections__label{display:block;margin-top:1rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.bpi-collection__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;padding-bottom:2rem;border-bottom:1px solid var(--bpi-line);margin-bottom:3.2rem}.bpi-collection__toolbar-start{display:flex;align-items:center;gap:1.6rem}.bpi-collection__filter-btn svg{width:1.6rem;height:1.6rem}@media screen and (min-width:990px){.bpi-collection__filter-btn{display:none}}.bpi-collection__count{margin:0;font-size:1.3rem;color:var(--bpi-ink-muted)}.bpi-collection__sort{display:flex;align-items:center;gap:1.2rem}.bpi-collection__sort .bpi-label{margin:0;white-space:nowrap}.bpi-collection__sort .bpi-select{width:auto;min-width:18rem}.bpi-collection__layout{display:grid;gap:4rem}@media screen and (min-width:990px){.bpi-collection__layout{grid-template-columns:24rem minmax(0,1fr);gap:5.6rem}.bpi-collection--no-rail .bpi-collection__layout{grid-template-columns:minmax(0,1fr)}}.bpi-collection__rail{display:none}@media screen and (min-width:990px){.bpi-collection__rail{display:block;align-self:start;position:sticky;top:9.6rem;max-height:calc(100vh - 12rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}.bpi-collection__results .bpi-card__media.bpi-media--portrait{aspect-ratio:15 / 16}.bpi-collection__results[data-loading]{opacity:.45;pointer-events:none;transition:opacity .2s ease}.bpi-collection__empty{padding:6rem 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;color:var(--bpi-ink-muted)}.bpi-facets__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;padding-bottom:1.6rem}.bpi-facets__title{margin:0;font-family:var(--bpi-font-body);font-size:1.2rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.bpi-facets__clear{font-size:1.2rem;color:var(--bpi-ink-muted);text-decoration:underline;text-underline-offset:.3rem}.bpi-facets__clear:hover{color:var(--bpi-ink)}.bpi-facets__active{display:flex;flex-wrap:wrap;gap:.8rem;padding-bottom:1.8rem}.bpi-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:1.2rem;background-color:var(--bpi-indigo-soft);color:var(--bpi-indigo);transition:background-color .2s ease}.bpi-chip:hover{background-color:var(--bpi-indigo);color:var(--bpi-white)}.bpi-chip svg{width:1.2rem;height:1.2rem}.bpi-facet__count{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;margin-left:.6rem;padding:0 .4rem;font-size:1rem;border-radius:999px;background-color:var(--bpi-indigo);color:var(--bpi-white)}.bpi-facet__list{display:flex;flex-direction:column;max-height:28rem;overflow-y:auto;scrollbar-width:thin}.bpi-facet__row{display:flex;align-items:center;gap:1rem;padding:.7rem 0;font-size:1.4rem;cursor:pointer}.bpi-facet__row input{position:absolute;opacity:0;width:0;height:0}.bpi-facet__box{flex-shrink:0;width:1.7rem;height:1.7rem;border:1px solid var(--bpi-line);background-color:var(--bpi-white);transition:background-color .15s ease,border-color .15s ease;position:relative}.bpi-facet__row input:checked+.bpi-facet__box{background-color:var(--bpi-indigo);border-color:var(--bpi-indigo)}.bpi-facet__row input:checked+.bpi-facet__box:after{content:"";position:absolute;left:.55rem;top:.22rem;width:.42rem;height:.8rem;border:solid var(--bpi-white);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.bpi-facet__row input:focus-visible+.bpi-facet__box{outline:2px solid var(--bpi-indigo);outline-offset:2px}.bpi-facet__label{flex:1}.bpi-facet__n{font-size:1.2rem;color:var(--bpi-ink-muted)}.bpi-facet__row:has(input:disabled){opacity:.4;cursor:not-allowed}.bpi-facet__swatches{display:flex;flex-wrap:wrap;gap:1rem}.bpi-swatch-wrap{position:relative}.bpi-facet__swatch{display:block;cursor:pointer}.bpi-facet__swatch.is-disabled{opacity:.35;cursor:not-allowed}.bpi-facet__swatch input:checked+.bpi-swatch{box-shadow:0 0 0 1px var(--bpi-white),0 0 0 2px var(--bpi-indigo)}.bpi-facet__swatch input:focus-visible+.bpi-swatch{outline:2px solid var(--bpi-indigo);outline-offset:3px}.bpi-facet__price{display:flex;align-items:flex-end;gap:1.2rem}.bpi-facet__price-field{flex:1}.bpi-facet__price .bpi-input{min-height:4.2rem;font-size:1.4rem}.bpi-facet-drawer .bpi-facets{padding:0 2.4rem 2.4rem}.bpi-facets__apply{position:sticky;bottom:0;padding:1.6rem 0;background-color:var(--bpi-white);border-top:1px solid var(--bpi-line);margin-top:1.6rem}@media screen and (min-width:990px){.bpi-facets__apply{display:none}}.bpi-collection__loading{display:flex;justify-content:center;padding:2.4rem 0}.bpi-spinner{width:2.4rem;height:2.4rem;border:2px solid var(--bpi-line);border-top-color:var(--bpi-indigo);border-radius:50%;animation:bpi-spin .7s linear infinite}@keyframes bpi-spin{to{transform:rotate(360deg)}}.bpi-pagination{margin-top:5.6rem}.bpi-pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.bpi-pagination__link{display:grid;place-items:center;min-width:4.2rem;height:4.2rem;padding:0 1rem;font-size:1.3rem;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.bpi-pagination__link:hover{border-color:var(--bpi-line)}.bpi-pagination__link--current{background-color:var(--bpi-indigo);border-color:var(--bpi-indigo);color:var(--bpi-white)}.bpi-pagination__link--arrow svg{width:1.6rem;height:1.6rem}.bpi-pagination__gap{display:grid;place-items:center;min-width:3rem;height:4.2rem;color:var(--bpi-ink-muted)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bpi-collection.css.map */