.dl-pagehead .dl-coll-head__count{color:var(--dl-color-ink-dark-muted)}.dl-pagehead .dl-coll-head__count-num{color:var(--dl-color-ink-dark)}.dl-pagehead .dl-coll__desc{color:var(--dl-color-ink-dark-muted)}.dl-coll-head__row{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}@media(min-width:990px){.dl-coll-head__row{flex-direction:row;align-items:end;justify-content:space-between;gap:1rem}}.dl-coll-head__count{font-size:12px;color:var(--dl-color-ink-light-muted);white-space:nowrap}.dl-coll-head__count-num{color:var(--dl-color-ink-light);font-weight:600}.dl-coll__no-filters{font-size:12px;color:var(--dl-color-ink-light-muted)}.dl-coll__toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dl-coll__view{display:none;align-items:center;border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);overflow:hidden}@media(min-width:600px){.dl-coll__view{display:inline-flex}}.dl-coll__view-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--dl-color-ink-light-muted);cursor:pointer}.dl-coll__view-btn.is-active{background:var(--dl-color-navy);color:#fff}.dl-coll__empty{background:var(--dl-color-light-elev);border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius-md);padding:4rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.dl-coll__empty-icon{color:var(--dl-color-ink-light-muted);margin-bottom:.5rem}.dl-coll__empty-title{font-size:15px;font-weight:700;color:var(--dl-color-ink-light)}.dl-coll__empty-body{font-size:13px;color:var(--dl-color-ink-light-muted);margin:0 0 .5rem}.dl-coll__grid.dl-coll__grid--list{grid-template-columns:1fr}.dl-coll__grid--list .dl-card{flex-direction:row;align-items:stretch}.dl-coll__grid--list .dl-card__media-link{width:200px;flex-shrink:0}.dl-coll__grid--list .dl-card__media{height:100%;aspect-ratio:auto}.dl-coll__grid--list .dl-card__body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto auto 1fr auto;grid-template-areas:"meta  price" "mpn   price" "title stock" "title cta";column-gap:1.5rem;row-gap:4px;align-content:start;padding:16px}.dl-coll__grid--list .dl-card__meta{grid-area:meta}.dl-coll__grid--list .dl-card__mpn{grid-area:mpn;font-size:16px}.dl-coll__grid--list .dl-card__title{grid-area:title;-webkit-line-clamp:3}.dl-coll__grid--list .dl-card__price{grid-area:price;margin-top:0;text-align:right;justify-self:end}.dl-coll__grid--list .dl-card__stock{grid-area:stock;justify-self:end}.dl-coll__grid--list .dl-card__cta{grid-area:cta;align-self:end;margin-top:0}@media(max-width:749px){.dl-coll__grid--list .dl-card__media-link{width:130px}.dl-coll__grid--list .dl-card__body{grid-template-columns:1fr;grid-template-areas:"meta" "mpn" "title" "price" "stock" "cta"}.dl-coll__grid--list .dl-card__price,.dl-coll__grid--list .dl-card__stock{text-align:left;justify-self:start}}.dl-coll{background:var(--dl-color-light);position:relative;box-shadow:inset 0 9px 12px -10px #0c1f3a38}.dl-coll__head{padding:2rem 1rem 0}@media(min-width:990px){.dl-coll__head{padding:2rem 1.5rem 0}}.dl-coll__title-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-top:1rem}.dl-coll__title{font-size:28px;margin:0}@media(min-width:990px){.dl-coll__title{font-size:36px}}.dl-coll__desc{margin-top:.5rem;color:var(--dl-color-ink-light-muted);font-size:13px;max-width:60ch}.dl-coll__count{color:var(--dl-color-ink-light-muted);white-space:nowrap}.dl-coll__layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 1rem 4rem}@media(min-width:990px){.dl-coll__layout{grid-template-columns:260px 1fr;gap:2.5rem;padding:2rem 1.5rem 5rem}}.dl-coll__filters{background:var(--dl-color-light-elev);border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius-md);padding:1rem;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}@media(max-width:989px){.dl-coll__filters{display:none;position:fixed;right:0;bottom:0;left:0;top:0;z-index:60;border:0;border-radius:0;padding:0;max-height:none;height:100%;overflow:hidden}.dl-coll__filters.is-open{display:flex;flex-direction:column}.dl-coll__filters.is-open .dl-coll__filter-form{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.dl-coll__filter-apply{display:none}@media(max-width:989px){.dl-coll__filter-apply{display:block;flex:0 0 auto;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-top:1px solid var(--dl-color-border-light);background:var(--dl-color-light-elev)}.dl-coll__filter-apply .dl-btn{width:100%;justify-content:center}}body.dl-filters-open{overflow:hidden}.dl-coll__filter-form{display:flex;flex-direction:column;gap:.5rem}.dl-coll__filter-head{display:flex;align-items:center;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--dl-color-border-light);color:var(--dl-color-ink-light-muted)}.dl-coll__filter-head .eyebrow{flex:1}.dl-coll__filter-reset{font-size:12px;color:var(--dl-color-accent);text-decoration:none}.dl-coll__filter-close{display:none;background:transparent;border:0;padding:.25rem;cursor:pointer;color:var(--dl-color-ink-light)}@media(max-width:989px){.dl-coll__filter-close{display:inline-flex;align-items:center;justify-content:center}}.dl-coll__filter-group{border-bottom:1px solid var(--dl-color-border-light);padding:.5rem 0}.dl-coll__filter-group:last-child{border-bottom:0}.dl-coll__filter-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0;font-weight:600;font-size:13px}.dl-coll__filter-summary::-webkit-details-marker{display:none}.dl-coll__filter-caret{display:inline-flex;color:var(--dl-color-ink-light-muted);transition:transform .15s ease}.dl-coll__filter-caret svg{width:12px;height:12px}.dl-coll__filter-group[open] .dl-coll__filter-caret{transform:rotate(180deg)}.dl-coll__filter-body{padding:.25rem 0 .5rem}.dl-coll__filter-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;max-height:240px;overflow-y:auto;padding-right:.625rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--dl-color-metal) transparent}.dl-coll__filter-options::-webkit-scrollbar{width:6px}.dl-coll__filter-options::-webkit-scrollbar-track{background:transparent}.dl-coll__filter-options::-webkit-scrollbar-thumb{background:var(--dl-color-metal);border-radius:999px}.dl-coll__filter-options::-webkit-scrollbar-thumb:hover{background:var(--dl-color-ink-light-muted)}.dl-coll__filter-option{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:13px;cursor:pointer;position:relative}.dl-coll__filter-option input{position:absolute;opacity:0;pointer-events:none}.dl-coll__filter-checkbox{width:14px;height:14px;border:1px solid var(--dl-color-border-light);border-radius:3px;flex-shrink:0;background:var(--dl-color-light-elev);position:relative}.dl-coll__filter-option input:checked+.dl-coll__filter-checkbox{background:var(--dl-color-accent);border-color:var(--dl-color-accent)}.dl-coll__filter-option input:checked+.dl-coll__filter-checkbox:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.dl-coll__filter-label{flex:1}.dl-coll__filter-count{font-size:11px;color:var(--dl-color-ink-light-muted)}.dl-coll__filter-option.is-disabled{opacity:.4;cursor:not-allowed}.dl-coll__price-fields{display:flex;align-items:center;gap:.5rem}.dl-coll__price-input{width:100%;padding:6px 8px;border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius-sm);font-size:13px;background:var(--dl-color-light-elev)}.dl-coll__price-sep{color:var(--dl-color-ink-light-muted)}.dl-coll__toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.dl-coll__search{position:relative;flex:1 1 240px;min-width:0;display:block}.dl-search-page__field{flex:none;max-width:480px;margin-top:1rem}.dl-coll__search-form{display:flex;align-items:center;height:38px;padding:0 6px 0 12px;background:var(--dl-color-light-elev);border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);transition:border-color .15s ease,box-shadow .15s ease}.dl-coll__search-form:focus-within{border-color:var(--dl-color-accent);box-shadow:0 0 0 3px rgba(var(--color-base-accent-1),.18)}.dl-coll__search-reset{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:0;background:transparent;color:var(--dl-color-ink-light-muted);cursor:pointer}.dl-coll__search-reset.hidden{display:none}.dl-coll__search-results{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--dl-color-light-elev);border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);box-shadow:var(--dl-shadow-card);max-height:66vh;overflow-y:auto;z-index:40;display:none}.dl-coll__search-results[open],predictive-search[open] .dl-coll__search-results{display:block}.dl-coll__search-icon{display:inline-flex;flex-shrink:0;color:var(--dl-color-ink-light-muted)}.dl-coll__search-input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 8px;font-family:inherit;font-size:13px;color:var(--dl-color-ink-light)}.dl-coll__search-input::placeholder{color:var(--dl-color-ink-light-muted)}.dl-coll__search-input:focus,.dl-coll__search-input:focus-visible{outline:none;box-shadow:none}.dl-coll__search-submit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:0;border-radius:var(--dl-radius-sm);background:var(--dl-color-accent);color:#fff;cursor:pointer;transition:background .15s ease}.dl-coll__search-submit:hover{background:var(--dl-color-accent-dark)}.dl-coll__active-row{margin:-.25rem 0 1rem}.dl-coll__mobile-filter-btn{display:inline-flex}@media(min-width:990px){.dl-coll__mobile-filter-btn{display:none}}.dl-coll__active-filters{flex:1;display:flex;flex-wrap:wrap;gap:.5rem}.dl-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--dl-color-light-elev);border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);font-size:12px}.dl-chip__x{color:var(--dl-color-ink-light-muted);text-decoration:none;font-size:14px;line-height:1}.dl-chip__x:hover{color:var(--dl-color-accent)}.dl-coll__sort-select{height:36px;padding:0 28px 0 10px;border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);background:var(--dl-color-light-elev);font-size:13px;color:var(--dl-color-ink-light);cursor:pointer}@media(max-width:989px){.dl-coll__toolbar-right .dl-select__panel{left:0;right:auto}}.dl-coll__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:720px){.dl-coll__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.dl-coll__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dl-coll__empty{padding:4rem 1rem;text-align:center;color:var(--dl-color-ink-light-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.dl-coll__pagination{margin-top:3rem;display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap}.dl-coll__page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--dl-color-border-light);border-radius:var(--dl-radius);background:var(--dl-color-light-elev);color:var(--dl-color-ink-light);text-decoration:none;font-size:13px;font-family:var(--dl-font-mono)}.dl-coll__page-link:hover{border-color:var(--dl-color-ink-light)}.dl-coll__page-link.is-active{background:var(--dl-color-navy);color:#fff;border-color:var(--dl-color-navy)}.dl-coll__page-link.is-dots{border-color:transparent;background:transparent;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-dl-collection.css.map */