collection-component,collection-facets{display:block}.ob-collection__toolbar{display:none}.ob-collection__toolbar-start,.ob-collection__toolbar-end,.ob-collection__active{display:flex;align-items:center;flex-wrap:wrap}.ob-collection__toolbar-start{gap:1.4rem;min-width:0}.ob-collection__toolbar-end{gap:1.2rem}.ob-collection__active{gap:.8rem}.ob-collection__active:empty{display:none}.ob-collection__tool{display:inline-flex;align-items:center;gap:1rem;min-height:4.4rem;padding:0 1.8rem;border:1px solid var(--ob-line-strong);border-radius:var(--ob-radius-pill);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:calc(1.5rem * var(--ob-fs-text));cursor:pointer;transition:border-color .3s ease}.ob-collection__tool:hover{border-color:rgb(var(--color-foreground))}.ob-collection__when-closed,.ob-collection__inner[data-filters-hidden] .ob-collection__when-open{display:none}.ob-collection__inner[data-filters-hidden] .ob-collection__when-closed{display:inline}.ob-collection__count{margin:0;color:var(--ob-muted);font-size:calc(1.5rem * var(--ob-fs-text))}.ob-collection__chip{display:inline-flex;align-items:center;gap:.8rem;min-height:3.4rem;padding:0 1.2rem 0 1.4rem;border-radius:var(--ob-radius-pill);background:var(--ob-surface-2);color:rgb(var(--color-foreground));font-size:calc(1.4rem * var(--ob-fs-text));text-decoration:none;transition:background-color .25s ease}.ob-collection__chip:hover{background:var(--ob-line)}.ob-collection__clear{display:inline-flex;align-items:center;min-height:3.4rem;padding:0 .4rem;color:var(--ob-muted);font-size:calc(1.4rem * var(--ob-fs-text));text-decoration:underline;text-underline-offset:.3rem}.ob-collection__clear:hover{color:rgb(var(--color-foreground))}.ob-collection__sort{display:flex;align-items:center;gap:1rem;margin:0}.ob-collection__sort-label{color:var(--ob-muted);font-size:calc(1.5rem * var(--ob-fs-text))}.ob-collection__select{position:relative;display:inline-flex;align-items:center}.ob-collection__select select{min-height:4.4rem;padding:0 4.4rem 0 1.8rem;border:1px solid var(--ob-line-strong);border-radius:var(--ob-radius-pill);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:calc(1.5rem * var(--ob-fs-text));-webkit-appearance:none;appearance:none;cursor:pointer}.ob-collection__select select:hover{border-color:rgb(var(--color-foreground))}.ob-collection__select .ob-icon{position:absolute;right:1.8rem;pointer-events:none}.ob-collection__columns{display:flex;gap:.4rem;padding:.4rem;border-radius:var(--ob-radius-pill);background:var(--ob-surface-2)}.ob-collection__column{display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.ob-collection__column[aria-pressed=true]{background:var(--ob-bg);box-shadow:0 2px 6px rgba(var(--ob-shadow-rgb),.08)}.ob-collection__mobilebar{position:sticky;top:var(--header-height, 6rem);z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 calc(var(--ob-gutter) * -1);padding:1rem var(--ob-gutter);border-top:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line);background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ob-collection__mobilebar--single{grid-template-columns:minmax(0,1fr)}.ob-collection__mobile-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:0;min-height:4.4rem;padding:0 1.4rem;border:1px solid var(--ob-line-strong);border-radius:var(--ob-radius-pill);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:calc(1.4rem * var(--ob-fs-text));white-space:nowrap;cursor:pointer}.ob-collection__mobile-button span{overflow:hidden;text-overflow:ellipsis}.ob-collection__mobile-button--filter{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ob-collection__summary{display:flex;justify-content:space-between;gap:1.2rem;padding-top:1.2rem;color:var(--ob-muted);font-size:calc(1.3rem * var(--ob-fs-text))}.ob-collection__summary-filters{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ob-collection__body{margin-top:1.6rem}.ob-collection__results{min-width:0;transition:opacity .3s ease}.ob-collection__inner.is-loading .ob-collection__results{opacity:.45;pointer-events:none}.ob-collection__grid{gap:2.6rem 1rem}.ob-collection__previous{margin-bottom:2.4rem;text-align:center}.ob-collection__editorial{display:flex;grid-column:1 / -1}.ob-collection__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;width:100%;min-height:24rem;padding:2.2rem;overflow:hidden;border-radius:var(--ob-radius-card-mobile);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none}.ob-collection__tile-media{position:absolute;top:0;right:0;bottom:0;left:0}.ob-collection__tile-image{display:block;width:100%;height:100%;object-fit:cover}.ob-collection__tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--ob-shadow-rgb),.72),rgba(var(--ob-shadow-rgb),.18) 62%,rgba(var(--ob-shadow-rgb),.08))}.ob-collection__tile-content{position:relative;display:flex;flex-direction:column;gap:.8rem}.ob-collection__tile-eyebrow{color:rgba(var(--color-foreground),.8);font-size:calc(1.1rem * var(--ob-fs-text));letter-spacing:.24em;text-transform:uppercase}.ob-collection__tile-heading{font-family:var(--font-heading-family);font-size:calc(3rem * var(--ob-fs-heading));font-weight:var(--font-heading-weight);line-height:1}.ob-collection__tile-link{align-self:flex-start;padding-bottom:.3rem;border-bottom:1px solid currentColor;font-size:calc(1.3rem * var(--ob-fs-text));letter-spacing:.12em;text-transform:uppercase}.ob-collection__more{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:4rem}.ob-collection__viewed{margin:0;color:var(--ob-muted);font-size:calc(1.3rem * var(--ob-fs-text))}.ob-collection__progress{width:18rem;height:3px;overflow:hidden;border-radius:2px;background:var(--ob-line)}.ob-collection__progress span{display:block;height:100%;border-radius:2px;background:rgb(var(--color-foreground));transition:width .45s var(--ob-ease)}.ob-collection__load-more{width:100%;min-height:5rem;margin-top:.6rem}.ob-collection__load-more.is-loading{opacity:.6;pointer-events:none}.ob-collection__empty{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:6.4rem 1.6rem;border-radius:var(--ob-radius-card-mobile);background:var(--ob-surface);text-align:center}.ob-collection__empty-title{margin:0}.ob-collection__empty-text{max-width:44rem;margin:0 0 .8rem;color:var(--ob-ink-soft);font-size:calc(1.5rem * var(--ob-fs-text));line-height:1.6}@media screen and (min-width:750px){.ob-collection__editorial{grid-column:auto}.ob-collection__tile{min-height:100%;padding:3.2rem;gap:1.4rem;border-radius:var(--ob-radius-card)}.ob-collection__tile-content{gap:1.4rem}.ob-collection__tile-eyebrow{font-size:calc(1.3rem * var(--ob-fs-text));letter-spacing:.26em}.ob-collection__tile-heading{font-size:calc(clamp(2.6rem,2.5vw,3.6rem) * var(--ob-fs-text))}.ob-collection__tile-link{font-size:calc(1.4rem * var(--ob-fs-text))}.ob-collection__grid{gap:4.4rem 1.8rem}.ob-collection__more{gap:1.6rem;margin-top:7.2rem}.ob-collection__viewed{font-size:calc(1.5rem * var(--ob-fs-text))}.ob-collection__progress{width:24rem}.ob-collection__load-more{width:auto;min-height:5.2rem;margin-top:.8rem;padding:0 4rem}.ob-collection__empty{padding:8rem 3.2rem;border-radius:var(--ob-radius-card)}}@media screen and (min-width:990px){.ob-collection__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;flex-wrap:wrap;padding-bottom:2rem;border-bottom:1px solid var(--ob-line)}.ob-collection__mobilebar,.ob-collection__summary{display:none}.ob-collection__body{display:flex;align-items:flex-start;gap:4.8rem;margin-top:3.2rem}.ob-collection__results{flex:1 1 auto}.ob-collection__inner[data-columns="4"] .ob-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px)and (max-width:1199px){.ob-collection__inner[data-columns="4"]:not([data-filters-hidden]):not([data-no-filters]) .ob-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/template-collection.css.map */