.shade-catalog{--shade-catalog-gutter: clamp(1rem, 4vw, 2.5rem);--shade-catalog-line: rgb(var(--color-foreground-rgb) / .12);--shade-catalog-media-padding: clamp(.7rem, 3vw, 1.35rem);--shade-catalog-muted: rgb(var(--color-foreground-rgb) / .64);color:rgb(var(--color-foreground-rgb));background:rgb(var(--color-background-rgb));padding-block:var(--shade-catalog-padding-start) var(--shade-catalog-padding-end);padding-inline:var(--shade-catalog-gutter)}.shade-catalog *{box-sizing:border-box}.shade-catalog__inner{display:grid;gap:clamp(1.25rem,2vw,2rem);width:min(100%,1280px);margin-inline:auto}.shade-catalog__header{display:grid;gap:.7rem;max-width:920px}.shade-catalog__eyebrow{margin:0;color:var(--shade-catalog-muted);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.shade-catalog__heading-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(240px,.55fr);gap:clamp(1rem,4vw,3rem);align-items:end}.shade-catalog h1,.shade-catalog h2,.shade-catalog p{margin:0}.shade-catalog h1{font-family:var(--font-heading--family);font-size:clamp(2.5rem,6vw,5.5rem);line-height:.94;font-weight:var(--font-heading--weight)}.shade-catalog__heading-row p,.shade-catalog__dialog-description,.shade-catalog__status,.shade-catalog__empty{color:var(--shade-catalog-muted);font-size:.95rem;line-height:1.55}.shade-catalog__toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.shade-catalog__filter{min-height:40px;padding:.6rem .8rem;border:1px solid var(--shade-catalog-line);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.shade-catalog__filter span{color:var(--shade-catalog-muted)}.shade-catalog__filter[aria-pressed=true]{border-color:rgb(var(--color-foreground-rgb));background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb))}.shade-catalog__filter[aria-pressed=true] span{color:rgb(var(--color-background-rgb) / .72)}.shade-catalog__count{color:var(--shade-catalog-muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.shade-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:clamp(.75rem,1.5vw,1.25rem)}.shade-catalog__card{position:relative;display:grid;gap:.7rem;min-width:0;color:inherit;text-decoration:none}.shade-catalog__card[hidden]{display:none}.shade-catalog__media{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;padding:var(--shade-catalog-media-padding);border:1px solid var(--shade-catalog-line);border-radius:8px;background:transparent}.shade-catalog__media img{display:block;width:100%;height:100%;object-fit:contain}.shade-catalog__swatch{width:58%;aspect-ratio:1;border-radius:8px;border:1px solid var(--shade-catalog-line);background:transparent}.shade-catalog__card-copy{display:grid;gap:.18rem}.shade-catalog__card-title{overflow-wrap:anywhere;font-weight:600;line-height:1.25}.shade-catalog__card-meta,.shade-catalog__card-price{color:var(--shade-catalog-muted);font-size:.82rem;line-height:1.35}.shade-catalog__badge{position:absolute;top:.55rem;left:.55rem;padding:.32rem .45rem;border-radius:6px;background:rgb(var(--color-background-rgb) / .9);color:rgb(var(--color-foreground-rgb));font-size:.68rem;line-height:1}.shade-catalog__dialog{width:min(980px,calc(100vw - 2rem));max-height:min(860px,calc(100dvh - 2rem));padding:0;overflow:hidden;border:1px solid var(--shade-catalog-line);border-radius:8px;background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb))}.shade-catalog__dialog::backdrop{background:#00000061}.shade-catalog__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--shade-catalog-line);border-radius:8px;background:rgb(var(--color-background-rgb) / .9);color:inherit;cursor:pointer}.shade-catalog__close svg{width:18px;height:18px}.shade-catalog__dialog-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);min-height:520px}.shade-catalog__dialog-media{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;background:transparent}.shade-catalog__dialog-media>img,.shade-catalog__dialog-swatch{align-self:center;justify-self:center;max-width:100%;max-height:620px}.shade-catalog__dialog-media>img{display:block;width:100%;height:100%;object-fit:contain;padding:clamp(1rem,3vw,2rem)}.shade-catalog__dialog-media>img[hidden],.shade-catalog__dialog-swatch[hidden]{display:none}.shade-catalog__dialog-swatch{width:min(60%,360px);aspect-ratio:1;border-radius:8px;border:1px solid var(--shade-catalog-line);background:transparent}.shade-catalog__thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem;border-top:1px solid var(--shade-catalog-line)}.shade-catalog__thumb{flex:0 0 64px;width:64px;aspect-ratio:1;overflow:hidden;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;opacity:.65}.shade-catalog__thumb[aria-current=true]{border-color:rgb(var(--color-foreground-rgb));opacity:1}.shade-catalog__thumb img{width:100%;height:100%;object-fit:cover}.shade-catalog__dialog-copy{display:grid;align-content:start;gap:1rem;padding:clamp(1.25rem,3vw,2rem);overflow-y:auto}.shade-catalog__dialog-copy h2{overflow-wrap:anywhere;font-family:var(--font-heading--family);font-size:clamp(2rem,4vw,3.8rem);line-height:.96;font-weight:var(--font-heading--weight)}.shade-catalog__dialog-price{font-weight:600}.shade-catalog__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.shade-catalog__fact{min-width:0;padding:.7rem;border:1px solid var(--shade-catalog-line);border-radius:8px}.shade-catalog__fact dt{margin-bottom:.25rem;color:var(--shade-catalog-muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.shade-catalog__fact dd{margin:0;overflow-wrap:anywhere;font-size:.88rem}.shade-catalog__actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.shade-catalog__add{min-height:44px}.shade-catalog__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-inline:.9rem;border:1px solid var(--shade-catalog-line);border-radius:8px;color:inherit;text-decoration:none}.shade-catalog__status{min-height:1.4em}.shade-catalog__empty{padding:1rem;border:1px solid var(--shade-catalog-line);border-radius:8px}@media screen and (max-width:760px){.shade-catalog{--shade-catalog-gutter: clamp(.9rem, 4vw, 1.25rem);--shade-catalog-media-padding: clamp(.55rem, 3vw, .9rem)}.shade-catalog__heading-row,.shade-catalog__dialog-grid{grid-template-columns:1fr}.shade-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shade-catalog__dialog{width:calc(100vw - 1rem)}.shade-catalog__dialog-grid{max-height:calc(100dvh - 1rem);overflow-y:auto}.shade-catalog__dialog-media{min-height:320px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/shade-gallery.css.map */