color-collection{--atlas-ink: #242320;--atlas-muted: #74716c;--atlas-paper: #faf9f6;--atlas-columns: 32;display:block;color:var(--atlas-ink);background:var(--atlas-paper);padding:76px 40px 38px}.color-atlas__header{text-align:center;max-width:840px;margin:0 auto 52px}.color-atlas__eyebrow,.color-atlas__toolbar,.color-atlas__footer,.color-atlas__preview-number{font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:10px;letter-spacing:.13em}.color-atlas__eyebrow{text-transform:uppercase;margin:0 0 20px;color:var(--atlas-muted)}.color-atlas__heading{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:clamp(42px,6vw,88px);font-weight:400;line-height:1.06;letter-spacing:-.045em;text-transform:none;margin:0 0 24px}.color-atlas__intro{font-size:14px;line-height:1.8;color:var(--atlas-muted);max-width:450px;margin:0 auto}.color-atlas__spectrum{width:180px;height:2px;margin:32px auto 0;background:linear-gradient(90deg,#8f393f,#d88c56,#dbbf77,#a8b696,#80a7b5,#9a88b2,#d1a4b7)}.color-atlas__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dedbd5;padding:20px 0;color:var(--atlas-muted)}.color-atlas__hint{margin:0}.color-atlas__touch-hint{display:none}.color-atlas__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;border:0;background:transparent;color:var(--atlas-ink);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:pointer}.color-atlas__toggle[hidden]{display:none}.color-atlas__toggle:focus-visible{outline:2px solid var(--atlas-ink);outline-offset:4px}.color-atlas__toggle-track{display:block;width:32px;height:18px;border-radius:18px;background:#dedbd5;padding:3px}.color-atlas__toggle-track:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--atlas-paper)}.color-atlas__toggle[aria-checked=true] .color-atlas__toggle-track{background:var(--atlas-ink)}.color-atlas__toggle[aria-checked=true] .color-atlas__toggle-track:before{transform:translate(14px)}.color-atlas__canvas{padding:12px;border:1px solid #dedbd5;background:#eeece7}.color-atlas__grid{display:grid;grid-template-columns:repeat(var(--atlas-columns),minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:3px}.color-atlas__tile{display:block;position:relative;overflow:hidden;background:#e2dfd9;-webkit-tap-highlight-color:transparent;transition:opacity .18s ease,box-shadow .18s ease}.color-atlas__tile img{display:block;width:100%;height:auto;pointer-events:none}.color-atlas__placeholder{display:block;width:100%;height:auto;aspect-ratio:3 / 4}.color-atlas__grid.is-color-only .color-atlas__tile[data-color-ready]{background:var(--atlas-tile-color)}.color-atlas__grid.is-color-only .color-atlas__tile[data-color-ready] img,.color-atlas__grid.is-color-only .color-atlas__tile[data-color-ready] .color-atlas__placeholder{visibility:hidden}.color-atlas__tile:focus-visible{outline:2px solid var(--atlas-ink);outline-offset:2px;z-index:1}.color-atlas__tile.is-active{box-shadow:inset 0 0 0 2px #fff;outline:2px solid #fff;z-index:1}.color-atlas__grid.has-active .color-atlas__tile:not(.is-active){opacity:.55}.color-atlas__footer{text-align:center;color:var(--atlas-muted);padding-top:24px}.color-atlas__status{margin:0}.color-atlas__more{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.color-atlas__more[hidden]{display:none}.color-atlas__status.is-error{color:#953c35}.color-atlas__preview{position:fixed;inset:auto;width:min(310px,34vw);margin:0;padding:8px;border:1px solid #dedbd5;background:var(--atlas-paper);color:var(--atlas-ink);box-shadow:0 18px 60px #24232026;z-index:30;pointer-events:none;max-height:calc(100dvh - 24px);overflow:auto}.color-atlas__preview:not([open]){display:none}.color-atlas__preview-photo{position:relative;aspect-ratio:3 / 4;background:#e9e7e2}.color-atlas__preview-photo img{width:100%;height:100%;object-fit:contain;display:block}.color-atlas__preview-photo img[hidden]{display:none}.color-atlas__image-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:32px;margin:0;text-align:center;font-size:12px;line-height:1.7;color:var(--atlas-muted)}.color-atlas__image-status[hidden]{display:none}.color-atlas__preview-number{position:absolute;bottom:10px;left:10px;background:#faf9f6e6;padding:5px 8px}.color-atlas__preview-info{padding:16px 8px 10px}.color-atlas__preview-title{font-size:13px;line-height:1.5;margin:0 0 10px;letter-spacing:0;text-transform:none}.color-atlas__preview-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--atlas-muted)}.color-atlas__availability{font-size:10px}.color-atlas__close,.color-atlas__shop{display:none}.color-atlas__preview.is-touch{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);pointer-events:auto}.color-atlas__preview.is-touch .color-atlas__preview-photo{max-height:58dvh}.color-atlas__preview.is-touch .color-atlas__close{display:grid;place-items:center;position:absolute;top:16px;right:16px;z-index:1;width:44px;height:44px;border:1px solid #dedbd5;border-radius:50%;background:var(--atlas-paper);color:var(--atlas-ink);font-size:26px;padding:0}.color-atlas__preview.is-touch .color-atlas__shop{display:flex;justify-content:space-between;padding:14px 0 0;margin-top:16px;border-top:1px solid #dedbd5;font-size:12px}.color-atlas__preview::backdrop{background:#24232080}html.color-atlas-modal-open{overflow:hidden}@media(min-width:1600px){color-collection{max-width:1920px;margin:auto;padding-inline:64px}}@media(max-width:1099px){color-collection{--atlas-columns: 24;padding:56px 24px 32px}.color-atlas__edition{display:none}}@media(max-width:749px){color-collection{--atlas-columns: 12;padding:40px 12px 28px}.color-atlas__header{margin-bottom:32px;padding-inline:12px}.color-atlas__eyebrow{font-size:9px}.color-atlas__heading{font-size:46px}.color-atlas__intro{font-size:12px;max-width:290px}.color-atlas__toolbar{font-size:9px;letter-spacing:.04em;gap:8px;align-items:center;flex-wrap:wrap}.color-atlas__hint{text-align:right;max-width:140px}.color-atlas__canvas{padding:5px}.color-atlas__grid{gap:2px}}@media(hover:none),(pointer:coarse){.color-atlas__desktop-hint{display:none}.color-atlas__touch-hint{display:inline}}@media(prefers-reduced-motion:reduce){.color-atlas__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/color-collection.css.map */