.sn-colour{background:var(--sn-sand)}.sn-colour__picker{display:flex;gap:12px;align-items:center;list-style:none;margin:0;padding:0}.sn-colour__swatch{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--sn-ui)}.sn-colour__dot{width:34px;height:34px;border-radius:50%;background:var(--dot, #ddd);box-shadow:0 0 0 1px #22201e29,inset 0 0 0 3px var(--sn-sand);transition:box-shadow .25s ease}.sn-colour__swatch[aria-pressed=true] .sn-colour__dot{box-shadow:0 0 0 1px var(--sn-ink),inset 0 0 0 3px var(--sn-sand)}.sn-colour__swatch-label{font-weight:300;font-size:10px;line-height:1;letter-spacing:.06em;color:var(--sn-muted);transition:color .25s ease}.sn-colour__swatch[aria-pressed=true] .sn-colour__swatch-label{color:var(--sn-ink)}.sn-colour__swatch:focus-visible{outline:2px solid var(--sn-ink);outline-offset:4px}.sn-colour__panel{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--sn-line-warm);background:var(--sn-cream)}.sn-colour__media{position:relative;aspect-ratio:4 / 3;background:var(--sn-sand-deep);overflow:hidden}.sn-colour__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.sn-colour__slide[data-active=true]{opacity:1;visibility:visible}.sn-colour__slide img{width:100%;height:100%;object-fit:cover;display:block}.sn-colour__body{padding:56px;display:flex;flex-direction:column;justify-content:center}.sn-colour__pane[hidden]{display:none}.sn-colour__nl{font-family:var(--sn-display);font-weight:300;font-style:italic;font-size:14px;line-height:1;color:var(--sn-rose);margin:0 0 14px}.sn-colour__name{margin:0 0 18px}.sn-colour__note{margin:0 0 32px;max-width:340px}.sn-colour__specs{display:flex;flex-direction:column;gap:11px;padding-top:26px;border-top:1px solid var(--sn-line);margin-bottom:34px;list-style:none}.sn-colour__spec{display:flex;justify-content:space-between;gap:16px}.sn-colour__spec-key{font-weight:300;font-size:13px;line-height:1.4;color:var(--sn-muted)}.sn-colour__spec-val{font-weight:400;font-size:13px;line-height:1.4;color:var(--sn-ink);text-align:right}.sn-colour__cta{align-self:flex-start;height:52px;padding:0 36px}@media screen and (max-width:989px){.sn-colour__panel{grid-template-columns:1fr}.sn-colour__body{padding:36px 28px 40px}.sn-colour__picker{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sn-colour.css.map */