.aarsag-colour-palette{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-top:var(--aarsag-section-block);padding-bottom:var(--aarsag-section-block)}.aarsag-colour-palette__grid{display:grid;grid-template-columns:1fr;gap:clamp(2.8rem,5vw,5.6rem);align-items:start}@media screen and (min-width:990px){.aarsag-colour-palette__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(4rem,6vw,8rem)}.aarsag-colour-palette__rail{position:sticky;top:9rem}}.aarsag-colour-palette__heading{margin:0;font-size:var(--aarsag-h-section);font-weight:var(--aarsag-heading-weight);line-height:1.08}.aarsag-colour-palette__text{margin-top:1.6rem;max-width:42ch;color:rgb(var(--color-foreground) / .82)}.aarsag-colour-palette__readout{display:flex;align-items:flex-start;gap:1.6rem;margin-top:clamp(2.4rem,4vw,3.6rem);padding-top:2.4rem;border-top:1px solid rgb(var(--color-foreground) / .16)}.aarsag-colour-palette__readout-swatch{flex:0 0 auto;width:5.2rem;height:5.2rem;border-radius:.6rem;background-color:#142a1e;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .22)}.aarsag-colour-palette__readout-body{min-width:0}.aarsag-colour-palette__readout-name{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1rem;margin:0;font-size:1.9rem;font-weight:600;color:rgb(var(--color-foreground))}.aarsag-colour-palette__readout-chip{display:inline-block;padding:.2rem .8rem;border-radius:999px;font-size:1.1rem;font-weight:600;letter-spacing:.02em;line-height:1.6;color:rgb(var(--color-foreground) / .78);background-color:rgb(var(--color-foreground) / .08);box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .16)}.aarsag-colour-palette__readout-chip[hidden]{display:none}.aarsag-colour-palette__readout-chip.is-current{color:rgb(var(--color-foreground) / .92);background-color:rgb(var(--color-foreground) / .12)}.aarsag-colour-palette__readout-da{margin:.4rem 0 0;font-size:1.4rem;color:rgb(var(--color-foreground) / .6)}.aarsag-colour-palette__readout-note{margin:.8rem 0 0;font-size:1.5rem;line-height:1.6;color:rgb(var(--color-foreground) / .82)}.aarsag-colour-palette__foot-note{margin:2.4rem 0 0;font-size:1.3rem;line-height:1.6;color:rgb(var(--color-foreground) / .58);max-width:46ch}.aarsag-colour-palette__swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2vw,2rem)}@media screen and (min-width:750px){.aarsag-colour-palette__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.aarsag-colour-palette__swatch{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin:0;padding:1.2rem;min-height:4.8rem;text-align:left;background-color:rgb(var(--color-foreground) / .03);border:1px solid rgb(var(--color-foreground) / .12);border-radius:.8rem;cursor:pointer;transition:border-color .22s var(--aarsag-ease),background-color .22s var(--aarsag-ease),transform .22s var(--aarsag-ease)}.aarsag-colour-palette__swatch:hover{border-color:rgb(var(--color-foreground) / .34);transform:translateY(-2px)}.aarsag-colour-palette__swatch.is-active{border-color:rgb(var(--color-foreground) / .7);background-color:rgb(var(--color-foreground) / .06)}.aarsag-colour-palette__swatch.is-active .aarsag-colour-palette__swatch-chip{box-shadow:inset 0 0 0 2px rgb(var(--color-background)),inset 0 0 0 4px rgb(var(--color-foreground) / .85)}.aarsag-colour-palette__swatch:focus-visible{outline:2px solid var(--aarsag-focus);outline-offset:2px}.aarsag-colour-palette__swatch-chip{display:block;width:100%;height:clamp(6.4rem,12vw,9rem);border-radius:.5rem;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .18)}.aarsag-colour-palette__swatch-name{font-size:1.45rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground))}.aarsag-colour-palette__swatch-status{font-size:1.15rem;font-weight:500;letter-spacing:.01em;color:rgb(var(--color-foreground) / .55)}.aarsag-colour-palette__swatch-status--current{color:rgb(var(--color-foreground) / .78)}.aarsag-colour-palette__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (max-width:749px){.aarsag-colour-palette__swatches{gap:1rem}.aarsag-colour-palette__swatch{gap:.8rem;padding:1rem}.aarsag-colour-palette__swatch-chip{height:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-aarsag-colour-palette.css.map */