.lp-colour-palette{display:block}.lp-colour-palette--tint{isolation:isolate}.lp-colour-palette__tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}@supports (color: oklch(from red l c h)){.lp-colour-palette--tint{--lp-colour-palette-a: oklch(from color-mix(in oklch, oklch(from var(--s-bg) l none none), oklch(from var(--lp-colour-palette-tint, var(--s-bg)) none c h)) l calc(c*(1.6 - (l*1.4))) h);--lp-colour-palette-b: oklch(from color-mix(in oklch, oklch(from var(--s-bg) l none none), oklch(from var(--lp-colour-palette-tint-next, var(--lp-colour-palette-tint, var(--s-bg))) none c h)) l calc(c*(1.6 - (l*1.4))) h)}.lp-colour-palette__tint{background:radial-gradient(circle at var(--lp-colour-palette-wx, 50%) var(--lp-colour-palette-wy, 0%),var(--lp-colour-palette-b) calc(var(--lp-colour-palette-wr, 0px) - 2.5rem),var(--lp-colour-palette-a) var(--lp-colour-palette-wr, 0px))}.lp-colour-palette--tint .lp-colour-palette__swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-text) 35%,transparent),0 0 0 3px var(--lp-colour-palette-a),0 0 0 5px var(--s-accent, var(--lp-accent))}}.lp-colour-palette__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 auto var(--lp-space-4)}.lp-colour-palette__swatch{width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--lp-swatch, var(--s-card));background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-text) 35%,transparent);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.lp-colour-palette__swatch:hover{transform:scale(1.06)}.lp-colour-palette__swatch[aria-pressed=true]{transform:scale(1.12);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-text) 35%,transparent),0 0 0 3px var(--s-bg),0 0 0 5px var(--s-accent, var(--lp-accent))}.lp-colour-palette__swatch:focus-visible{outline:3px solid var(--lp-accent-glow);outline-offset:5px}.lp-colour-palette .lp-colour-palette__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--lp-space-1);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lp-gutter);padding:var(--lp-space-4) var(--lp-gutter);margin-inline:calc(-1 * var(--lp-gutter));scrollbar-width:none}.lp-colour-palette__track::-webkit-scrollbar{display:none}.lp-colour-palette__card{display:grid;gap:.6rem;justify-items:center;align-content:start;text-align:center;scroll-snap-align:center;transform-origin:50% 40%;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s ease}.lp-colour-palette__frame{position:relative;display:block;width:100%;aspect-ratio:3 / 4;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--s-card);border-radius:var(--lp-radius);box-shadow:0 0 0 1px var(--s-line);transition:box-shadow .35s ease}.lp-colour-palette__gallery{display:grid;grid-auto-flow:column;grid-auto-columns:100%;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.lp-colour-palette__gallery::-webkit-scrollbar{display:none}.lp-colour-palette__gallery li{min-width:0;height:100%;overflow:hidden;scroll-snap-align:start}.lp-colour-palette__gallery img{display:block}.lp-colour-palette__dots{position:absolute;left:0;right:0;bottom:.75rem;display:flex;justify-content:center;gap:.4rem;pointer-events:none}.lp-colour-palette__dots .lp-colour-palette__dot{pointer-events:auto}.lp-colour-palette__dot{position:relative;width:.4rem;height:.4rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--lp-inverted-text) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lp-inverted-bg) 35%,transparent);cursor:pointer;transition:transform .3s ease,background-color .3s ease}.lp-colour-palette__dot:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.lp-colour-palette__dot.is-active{background:var(--lp-inverted-text);transform:scale(1.3)}.lp-colour-palette__card.is-sold-out .lp-colour-palette__dots{bottom:2.6rem}.lp-colour-palette--arch .lp-colour-palette__frame{border-radius:50% 50% var(--lp-radius-sm) var(--lp-radius-sm) / 37.5% 37.5% var(--lp-radius-sm) var(--lp-radius-sm)}.lp-colour-palette__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.lp-colour-palette__frame:hover img{transform:scale(1.03)}.lp-colour-palette__frame:focus-visible{outline:3px solid var(--lp-accent-glow);outline-offset:3px}.lp-colour-palette__badge{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);white-space:nowrap;padding:.3rem .7rem;border-radius:var(--lp-radius-pill);background:var(--s-bg);color:var(--s-text);font:800 .75rem/1 var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase}.lp-colour-palette__card.is-sold-out .lp-colour-palette__frame img{opacity:.6}.lp-colour-palette__name{font:800 var(--lp-step-0)/1.2 var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;transition:color .3s ease}.lp-colour-palette__note{margin-top:-.35rem}.lp-colour-palette__cta{width:100%;max-width:14rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .15s ease}.lp-colour-palette[data-has-selection] .lp-colour-palette__card:not(.is-selected){opacity:.5;transform:scale(.92)}@media(max-width:47.99rem){.lp-colour-palette__card:not(.is-selected) .lp-colour-palette__gallery{overflow-x:hidden}}.lp-colour-palette__card.is-selected{transform:scale(1.05)}.lp-colour-palette__card.is-selected .lp-colour-palette__frame{box-shadow:0 0 0 2px var(--s-accent, var(--lp-accent)),0 24px 48px -20px var(--lp-accent-glow)}.lp-colour-palette__card.is-selected .lp-colour-palette__name{color:var(--s-accent, var(--lp-accent))}.lp-colour-palette__card.is-selected .lp-colour-palette__cta{background:var(--lp-accent);color:var(--lp-on-accent);border-color:var(--lp-accent)}@keyframes lp-colour-palette-pulse{0%{box-shadow:0 0 0 2px var(--s-accent, var(--lp-accent)),0 0 0 0 var(--lp-accent-glow)}to{box-shadow:0 0 0 2px var(--s-accent, var(--lp-accent)),0 0 0 1.25rem transparent}}@keyframes lp-colour-palette-pop{0%{transform:scale(1.08)}to{transform:none}}.lp-colour-palette__card.is-pulse .lp-colour-palette__frame{animation:lp-colour-palette-pulse .9s cubic-bezier(.2,.7,.2,1)}.lp-colour-palette__card.is-pulse .lp-colour-palette__frame img{animation:lp-colour-palette-pop .7s cubic-bezier(.2,.7,.2,1)}@media(min-width:48rem){.lp-colour-palette__swatches{gap:.75rem;margin-bottom:var(--lp-space-5)}.lp-colour-palette .lp-colour-palette__track{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--lp-colour-palette-cols, 4),minmax(0,1fr));gap:var(--lp-space-4);max-width:calc(var(--lp-colour-palette-cols, 4) * 18rem);margin-inline:auto;padding-inline:0;overflow:visible}.lp-colour-palette[data-has-selection] .lp-colour-palette__card:not(.is-selected){transform:scale(.96)}.lp-colour-palette__card.is-selected{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.lp-colour-palette__card,.lp-colour-palette__swatch,.lp-colour-palette__frame img,.lp-colour-palette__dot{transition:none}.lp-colour-palette__card.is-selected,.lp-colour-palette[data-has-selection] .lp-colour-palette__card:not(.is-selected),.lp-colour-palette__swatch[aria-pressed=true]{transform:none}.lp-colour-palette__card.is-pulse .lp-colour-palette__frame,.lp-colour-palette__card.is-pulse .lp-colour-palette__frame img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/lp-colour-palette.css.map */