.color-page__layout{display:grid;gap:var(--space-xl);align-items:start}@media(min-width:768px){.color-page__layout{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}.color-page__layout--solo{max-inline-size:65ch}@media(min-width:768px){.color-page__layout--solo{grid-template-columns:1fr}}.color-page__swatch{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--swatch-color, var(--color-surface-alt));box-shadow:var(--shadow-swatch);overflow:hidden}@media(min-width:768px){.color-page__swatch{aspect-ratio:1;position:sticky;top:calc(var(--header-height, 0px) + var(--space-lg))}}.color-page__image{width:100%;height:100%;object-fit:cover;display:block}.color-page__name{margin:0 0 var(--space-2xs)}.color-page__family{display:inline-block;margin-bottom:var(--space-md);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.color-page__description{margin-bottom:var(--space-lg);max-width:55ch}.color-page__specs{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin:0 0 var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.color-page__specs dt{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.color-page__specs dd{margin:var(--space-2xs) 0 0;font-variant-numeric:tabular-nums}.color-page__hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.contrast{--contrast-paint: var(--color-surface-alt);margin-bottom:var(--space-lg)}.contrast--compact{margin-bottom:0}.contrast__title{margin:0 0 var(--space-xs);font-size:var(--text-base)}.contrast__intro{margin:0 0 var(--space-sm);max-width:55ch;font-size:var(--text-sm);color:var(--color-text-muted)}.contrast__pairs{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}@media(min-width:1024px){.contrast__pairs{grid-template-columns:1fr 1fr}.contrast--compact .contrast__pairs{grid-template-columns:1fr}}.contrast__sample{display:grid;gap:var(--space-2xs);margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);background-color:var(--contrast-paint);color:var(--contrast-ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}.contrast__pair[data-contrast-pair=white] .contrast__sample{--contrast-ink: #fff}.contrast__pair[data-contrast-pair=black] .contrast__sample{--contrast-ink: #000}.contrast__sample-large{font-size:24px;line-height:1.25}.contrast__sample-body{font-size:16px;line-height:1.5}.contrast__ratio{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs) var(--space-xs);margin:var(--space-xs) 0 0;font-size:var(--text-sm)}.contrast__ink{color:var(--color-text-muted)}.contrast__value{font-weight:600;font-variant-numeric:tabular-nums}.contrast__levels{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin:var(--space-2xs) 0 0;padding:0;list-style:none}.contrast__level{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs)}.contrast__mark:before{content:"\b7"}.contrast__level[data-pass=true]{color:var(--color-text-body)}.contrast__level[data-pass=true] .contrast__mark{color:var(--color-success)}.contrast__level[data-pass=true] .contrast__mark:before{content:"\2713"}.contrast__level[data-pass=false]{color:var(--color-text-subtle)}.contrast__level[data-pass=false] .contrast__mark:before{content:"\2715"}.contrast__summary{margin:var(--space-sm) 0 0;font-size:var(--text-sm)}.contrast__note{margin:var(--space-2xs) 0 0;max-width:60ch;font-size:var(--text-xs);color:var(--color-text-subtle)}.color-page__line-list{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.color-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-lg)}.color-page__similar{margin-top:var(--space-3xl)}.color-page__similar h2{margin-bottom:var(--space-md)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-page.css.map */