.kbd-collection{padding:24px 0 var(--kbd-space-section)}.kbd-collection__head{display:block;text-align:center;padding:var(--kbd-space-4xl) 0 var(--kbd-space-5xl)}.kbd-collection__title{max-width:16ch;margin:0 auto}.kbd-collection__count{margin:var(--kbd-space-lg) 0 0;white-space:nowrap}.kbd-collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 32px}.kbd-collection__pills{min-width:0}.kbd-collection__controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.kbd-collection__filter-btn,.kbd-collection__sort{height:44px;padding-top:0;padding-bottom:0}.kbd-collection__sort{text-transform:none;padding-right:40px}.kbd-collection__sort-wrap{position:relative;display:inline-flex}.kbd-collection__sort-wrap:after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1px solid var(--kbd-ui-heading);border-bottom:1px solid var(--kbd-ui-heading);transform:translateY(-70%) rotate(45deg);pointer-events:none}.kbd-collection__filters{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--kbd-ui-dur-3) var(--kbd-ui-ease-io),opacity var(--kbd-ui-dur-3) var(--kbd-ui-ease-io),visibility 0s var(--kbd-ui-dur-3)}.kbd-collection__filters.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows var(--kbd-ui-dur-3) var(--kbd-ui-ease-io),opacity var(--kbd-ui-dur-3) var(--kbd-ui-ease-io),visibility 0s}.kbd-collection__filters-inner{min-height:0;overflow:hidden}.kbd-collection__filters-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px;padding:32px 0;margin-bottom:32px;border-top:1px solid var(--kbd-ui-hairline);border-bottom:1px solid var(--kbd-ui-hairline)}.kbd-collection__filters-foot{grid-column:1 / -1}.kbd-collection__filters .filter-group{padding:0;border-bottom:0}.kbd-collection__filters .filter-group__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin-bottom:12px;border:0;background:none;font:var(--kbd-ui-label);letter-spacing:0;text-transform:none;text-align:left;color:var(--kbd-ui-muted)}.kbd-collection__filters .filter-group__header:after{font-size:14px;line-height:1;opacity:.7}.kbd-collection__filters .filter-group.is-collapsed .filter-group__header{margin-bottom:0}.kbd-collection__filters .filter-group__body{gap:6px;padding:4px;margin:-4px;transition:max-height var(--kbd-ui-dur-2) var(--kbd-ui-ease-io),opacity var(--kbd-ui-dur-2) var(--kbd-ui-ease-io)}.kbd-collection__filters .filter-option{gap:12px;padding:5px 0;font:var(--kbd-ui-body);color:var(--kbd-ui-text);transition:color var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__filters .filter-option:hover{color:var(--kbd-ui-text)}.kbd-collection__filters .filter-option input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:18px;height:18px;margin:0;border:1px solid var(--kbd-ui-line-strong);border-radius:var(--kbd-ui-radius-btn);background:var(--kbd-ui-input-bg);cursor:pointer;transition:background-color var(--kbd-ui-dur-1) var(--kbd-ui-ease-io),border-color var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__filters .filter-option input:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border-right:2px solid var(--kbd-ui-inverse-fg);border-bottom:2px solid var(--kbd-ui-inverse-fg);transform:rotate(45deg);opacity:0;transition:opacity var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__filters .filter-option input:checked{background:var(--kbd-ui-inverse-bg);border-color:var(--kbd-ui-inverse-bg)}.kbd-collection__filters .filter-option input:checked:after{opacity:1}.kbd-collection__filters .filter-option input:focus-visible{outline:2px solid var(--kbd-accent);outline-offset:2px}.kbd-collection__filters .filter-option__count{font:var(--kbd-ui-label);color:var(--kbd-ui-muted);opacity:1}.kbd-collection__filters .color-swatches{gap:12px;padding:2px 0}.kbd-collection__filters .color-swatch{border-color:var(--kbd-ui-line-strong);transition:transform var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__filters .color-swatch:hover{transform:none}.kbd-collection__filters .color-swatch:focus-visible{outline:2px solid var(--kbd-accent);outline-offset:2px}.kbd-collection__filters [data-filter-group=color] .color-swatch.is-selected{outline:2px solid var(--kbd-ui-heading);outline-offset:2px}.kbd-collection__filters .price-slider{margin:6px 0 16px}.kbd-collection__filters .price-slider__track{background:var(--kbd-ui-line-strong)}.kbd-collection__filters .price-slider__fill{background:var(--kbd-ui-heading)}.kbd-collection__filters .price-slider input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;background:var(--kbd-ui-heading);border:2px solid var(--kbd-ui-ground);box-shadow:0 0 0 1px var(--kbd-ui-heading)}.kbd-collection__filters .price-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--kbd-ui-heading);border:2px solid var(--kbd-ui-ground);box-shadow:0 0 0 1px var(--kbd-ui-heading)}.kbd-collection__filters .price-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--kbd-accent);outline-offset:2px}.kbd-collection__filters .price-slider__inputs{gap:8px}.kbd-collection__filters .price-slider__inputs input[type=number]{width:84px;height:44px;padding:0 12px;border:1px solid var(--kbd-ui-input-border);border-radius:var(--kbd-ui-radius-input);background:var(--kbd-ui-input-bg);color:var(--kbd-ui-text);font:var(--kbd-ui-body);transition:border-color var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__filters .price-slider__inputs input[type=number]::placeholder{color:var(--kbd-ui-muted);opacity:1}.kbd-collection__filters .price-slider__inputs input[type=number]:focus{border-color:var(--kbd-ui-input-focus)}.kbd-collection__filters .price-slider__sep{font:var(--kbd-ui-small);color:var(--kbd-ui-muted)}.kbd-collection__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.kbd-collection__chips:empty{display:none}.kbd-collection__chips .filter-chip{cursor:default}.kbd-collection__chips .filter-chip button{appearance:none;-webkit-appearance:none;margin:0 -6px 0 0;padding:0 4px;border:0;background:none;color:inherit;font:inherit;font-size:18px;line-height:1;opacity:.7;cursor:pointer;transition:opacity var(--kbd-ui-dur-1) var(--kbd-ui-ease-io)}.kbd-collection__grid{display:grid;grid-template-columns:1fr;gap:var(--kbd-space-5xl)}.kbd-store__band,.kbd-store__band-head,.kbd-store__band-id{min-width:0}.kbd-store__band-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--kbd-space-xl);margin-bottom:var(--kbd-space-2xl)}.kbd-store__band-chip{position:static;display:inline-flex;margin:0 0 var(--kbd-space-md)}.kbd-store__band-id>.kbd-store__band-chip+.kbd-store__band-link{display:block}.kbd-store__band-link{display:inline-block;text-decoration:none;color:inherit}.kbd-store__band-name{margin:0}.kbd-store__band-price{margin:var(--kbd-space-xs) 0 0}.kbd-store__band-nav{flex:0 0 auto;margin:0}.kbd-store__rail{--kbd-ui-rail-item: 320px;align-items:start}.kbd-store__variant{flex:0 0 var(--kbd-ui-rail-item);width:var(--kbd-ui-rail-item);scroll-snap-align:start;display:block;text-align:center;text-decoration:none;color:inherit;min-width:0}.kbd-store__variant-media{display:block;aspect-ratio:1 / 1;overflow:hidden}.kbd-store__variant-media img{width:100%;height:100%;object-fit:contain;display:block;transition:scale var(--kbd-ui-dur-4) var(--kbd-o-ease)}.kbd-store__variant-name{display:block;margin-top:var(--kbd-space-md)}.kbd-store__variant-note{display:block;margin-top:var(--kbd-space-3xs)}@media(hover:hover)and (pointer:fine){.kbd-store__variant:hover .kbd-store__variant-media img{scale:1.04}}html.kbd-ui-js .kbd-collection__grid.is-in>.product-card.is-fading{opacity:0;transition:opacity var(--kbd-ui-dur-1) var(--kbd-ui-ease-sine);transition-delay:0s}.kbd-collection__grid .collection-empty{padding:80px 20px;font:var(--kbd-ui-body);color:var(--kbd-ui-muted)}.kbd-collection__grid .collection-empty a{color:var(--kbd-ui-heading);text-decoration:none}.kbd-collection__more{text-align:center;margin-top:64px}@media(hover:hover)and (pointer:fine){.kbd-collection__filters .filter-option:hover{color:var(--kbd-ui-heading)}.kbd-collection__filters .color-swatch:hover{transform:scale(1.08)}.kbd-collection__chips .filter-chip button:hover{opacity:1}}@media(max-width:900px){.kbd-collection{padding:20px 0 var(--kbd-space-section-mobile)}.kbd-collection__head{gap:16px}.kbd-collection__toolbar{justify-content:flex-start;flex-wrap:nowrap;gap:8px;margin:12px calc(-1 * var(--gutter)) 20px;padding:4px var(--gutter);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kbd-collection__toolbar::-webkit-scrollbar{display:none}.kbd-collection__pills{flex:0 0 auto}.kbd-collection__controls{order:-1}.kbd-collection__filters-body{grid-template-columns:1fr;gap:28px;padding:24px 0;margin-bottom:24px}.kbd-collection__chips{margin-bottom:20px}.kbd-collection__grid{grid-template-columns:1fr;gap:var(--kbd-space-4xl)}.kbd-collection__head{padding:var(--kbd-space-2xl) 0 var(--kbd-space-3xl)}.kbd-store__band-head{align-items:flex-start;margin-bottom:var(--kbd-space-xl)}.kbd-store__band-nav{display:none}.kbd-store__rail{--kbd-ui-rail-item: 240px}.kbd-collection__more{margin-top:40px}}@media(prefers-reduced-motion:reduce){.kbd-collection__filters,.kbd-collection__filters.is-open{transition:opacity var(--kbd-ui-dur-1) var(--kbd-ui-ease-sine),visibility 0s}.kbd-collection__filters .filter-group__body{transition:opacity var(--kbd-ui-dur-1) var(--kbd-ui-ease-sine)}.kbd-collection__filters .color-swatch,.kbd-collection__filters .color-swatch:hover{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kbd-page-collection.css.map */