.bb-collection{--collection-sidebar-width: 264px;--collection-layout-gap: clamp(32px, 3vw + 12px, 56px);--collection-grid-gap: clamp(16px, .5vw + 14px, 24px);--collection-grid-columns: 2;--height-chip: 2.5rem;--space-collection-pinned: 16px;--space-collection-toolbar: 24px;--space-collection-intro: 12px;--width-collection-intro: 56ch;--space-collection-footer: clamp(32px, 3vw + 16px, 56px);padding:calc(var(--space-hero-block) / 2) var(--space-page-inline) var(--space-section-block-lg);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-collection.collection,.bb-collection.collection:only-child{display:block;margin-block:0;scroll-margin-block-start:0}.bb-collection p{margin:0}.bb-collection__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.bb-collection__intro{display:grid;gap:var(--space-collection-intro);margin-block-end:var(--space-collection-toolbar)}.bb-collection__intro-text{max-width:var(--width-collection-intro);color:var(--color-text-secondary)}.bb-collection__chips{display:flex;flex-wrap:wrap;gap:8px}.bb-collection__chip{min-height:var(--height-chip);padding:8px 14px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-14);font-weight:500;line-height:1;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-collection__chip:hover,.bb-collection__chip[aria-pressed=true]{border-color:var(--color-border-accent)}.bb-collection__chip[aria-pressed=true]{background:var(--color-surface-tint-amber)}@media screen and (min-width:700px){.bb-collection{--collection-grid-columns: 3}}@media screen and (min-width:1000px){.bb-collection__layout{display:grid;grid-template-columns:var(--collection-sidebar-width) minmax(0,1fr);gap:var(--collection-layout-gap);align-items:start}.bb-collection__sidebar{position:sticky;top:calc(var(--sticky-area-height, 0px) + 24px)}}@media screen and (min-width:1400px){.bb-collection{--collection-grid-columns: 4}}.bb-collection__main{min-width:0}.bb-collection__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--space-collection-toolbar)}.bb-collection__count{color:var(--color-text-tertiary);font-size:var(--font-size-14)}.bb-collection__tools{position:relative;display:flex;gap:8px;margin-inline-start:auto}.bb-collection__tool{display:inline-flex;align-items:center;gap:8px;min-height:var(--height-chip);padding:10px 16px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-14);font-weight:600;line-height:1;letter-spacing:var(--letter-spacing-button);text-transform:uppercase;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-collection__tool:hover{border-color:var(--color-border-accent);color:var(--color-text-hover)}.bb-collection .facets{--facet-handle-size: .75rem}.bb-collection .facets .accordion-list{display:flex;flex-direction:column}.bb-collection__pinned,.bb-collection__pinned-item{order:-1;padding-block:calc(var(--space-collection-pinned) / 2)}.bb-collection__pinned{display:flex;flex-direction:column;gap:var(--space-collection-pinned);padding-top:0}.bb-collection__pinned-item--last{padding-bottom:var(--space-collection-pinned);border-bottom:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-collection__pinned-label{margin-bottom:12px!important;color:var(--color-text-primary);font-size:var(--font-size-13);font-weight:600;letter-spacing:var(--letter-spacing-button);text-transform:uppercase}.bb-collection__links [aria-current=page]{color:var(--color-text-primary);font-weight:700}.bb-collection .facets .accordion{border-color:var(--color-border-subtle)}.bb-collection .facets .accordion__toggle{color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-13);font-weight:600;letter-spacing:var(--letter-spacing-button)}.bb-collection .facets .accordion__content{color:var(--color-text-secondary);font-size:var(--font-size-15)}.bb-collection .facets .switch{background:var(--color-border-subtle)}.bb-collection .facets .switch:checked{background:var(--color-action-primary-bg)}.bb-collection .facets .switch:after{background:var(--color-surface-raised)}.bb-collection .facets .range-group{background:linear-gradient(to var(--transform-origin-end),var(--color-border-subtle) var(--range-min),var(--color-action-primary-bg) var(--range-min),var(--color-action-primary-bg) var(--range-max),var(--color-border-subtle) var(--range-max))}.bb-collection .facets .range::-webkit-slider-thumb{width:var(--facet-handle-size);height:var(--facet-handle-size);margin-block-start:calc((2px - var(--facet-handle-size)) / 2);background:var(--color-action-primary-bg)}.bb-collection .facets .range::-moz-range-thumb{width:var(--facet-handle-size);height:var(--facet-handle-size);background:var(--color-action-primary-bg)}.bb-collection .facets .input-prefix{border-color:var(--color-border-subtle);border-radius:var(--radius-image);color:var(--color-text-primary)}.bb-collection .facets .input-prefix:focus-within{border-color:var(--color-border-accent);box-shadow:inset 0 0 0 1px var(--color-border-accent)}.bb-collection .facets .dot-checkbox{background:var(--color-action-primary-bg)}.bb-collection .facets .dot-checkbox~label{color:var(--color-text-secondary)}.bb-collection .facets .dot-checkbox:checked~label{color:var(--color-text-accent);font-weight:500}.bb-collection .bb-collection__toggle-link{display:flex;align-items:center;gap:.625rem;color:inherit;text-decoration:none}.bb-collection .bb-collection__toggle-link .switch{flex-shrink:0;pointer-events:none}.bb-collection .active-facets{margin-bottom:var(--space-collection-toolbar)}.bb-collection .removable-facet{padding:6px 12px;border-color:var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-page);color:var(--color-text-primary);font-size:var(--font-size-14);column-gap:8px}.bb-collection .facets-clear-all{font-size:var(--font-size-14)}.bb-collection__grid{display:grid;grid-template-columns:repeat(var(--collection-grid-columns),minmax(0,1fr));gap:var(--collection-grid-gap);margin:0;padding:0;list-style:none}.bb-collection__grid>li{min-width:0}.js .bb-collection__grid[data-barrel-collapsed]>[data-barrel-more],.js .bb-collection__grid[data-barrel-collapsed]~.bb-collection__footer{display:none}.bb-button.bb-collection__more{display:none;width:fit-content;margin:var(--collection-grid-gap) auto 0}.js .bb-collection__grid[data-barrel-collapsed]~.bb-button.bb-collection__more{display:flex}.bb-collection__footer{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:var(--space-collection-footer)}.bb-collection__progress{color:var(--color-text-tertiary);font-size:var(--font-size-14)}.bb-collection .pagination{gap:8px;border:0}.bb-collection .pagination__link{min-width:40px;height:40px;padding-inline:8px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-14);font-weight:500;letter-spacing:0;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-collection a.pagination__link:hover{border-color:var(--color-border-accent);color:var(--color-text-hover)}.bb-collection .pagination__link[aria-current=page]{border-color:var(--color-action-primary-bg);background:var(--color-action-primary-bg);box-shadow:none;color:var(--color-text-inverse)}.bb-collection__empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding-block:var(--space-section-block-lg);color:var(--color-text-secondary);text-align:center;text-wrap:balance}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-collection.css.map */