.colour-map[data-astro-cid-sdcmchbc]{position:relative}.colour-map[data-astro-cid-sdcmchbc] img[data-astro-cid-sdcmchbc]{width:100%;height:auto;aspect-ratio:var(--gradient-aspect-ratio);object-fit:cover;display:block}.colour-map-overlay[data-astro-cid-sdcmchbc],.colour-map-lines[data-astro-cid-sdcmchbc]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.colour-map-item[data-astro-cid-sdcmchbc]{visibility:hidden}.colour-map[data-astro-cid-sdcmchbc][data-ready] .colour-map-item[data-astro-cid-sdcmchbc]{visibility:visible}.colour-map-chip[data-astro-cid-sdcmchbc]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-card) 88%, transparent);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-12);line-height:var(--line-height-normal);white-space:nowrap;cursor:pointer;pointer-events:auto;backdrop-filter:blur(var(--space-4));display:flex;position:absolute}.colour-map-chip[data-astro-cid-sdcmchbc]:hover{background:var(--surface-overlay)}.colour-map-swatch[data-astro-cid-sdcmchbc]{width:var(--space-6);height:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-full);flex-shrink:0}.colour-map-pin[data-astro-cid-sdcmchbc]{width:var(--space-5);height:var(--space-5);background:var(--map-colour);border:1px solid var(--color-white);border-radius:var(--radius-full);outline:1px solid var(--surface-canvas);position:absolute;transform:translate(-50%,-50%)}.colour-map-lines[data-astro-cid-sdcmchbc] line{stroke:var(--color-white);stroke-opacity:.65;stroke-width:1px}.colour-map[data-astro-cid-sdcmchbc][data-unavailable] .colour-map-overlay[data-astro-cid-sdcmchbc]{gap:var(--space-4);padding:var(--space-4);flex-wrap:wrap;display:flex;position:static}.colour-map[data-astro-cid-sdcmchbc][data-unavailable] .colour-map-chip[data-astro-cid-sdcmchbc]{position:static}.colour-map[data-astro-cid-sdcmchbc][data-unavailable] .colour-map-pin[data-astro-cid-sdcmchbc],.colour-map[data-astro-cid-sdcmchbc][data-unavailable] .colour-map-lines[data-astro-cid-sdcmchbc]{display:none}@media (width<=479px){.colour-map-chip[data-astro-cid-sdcmchbc]{padding:var(--space-2) var(--space-3);gap:var(--space-2)}}.gradient-description[data-astro-cid-kk5r4kke]{color:var(--text-secondary);line-height:1.7}.gradient-related[data-astro-cid-kk5r4kke]{gap:var(--space-12);margin-top:var(--space-16);display:grid}.gradient-related-header[data-astro-cid-kk5r4kke]{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.gradient-related-grid[data-astro-cid-kk5r4kke]{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=899px){.gradient-related-grid[data-astro-cid-kk5r4kke]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.gradient-related-grid[data-astro-cid-kk5r4kke]{grid-template-columns:1fr}}.gradient-install[data-astro-cid-kk5r4kke]{padding:var(--space-8);border-radius:var(--radius-12);background:var(--surface-card);gap:var(--space-4);min-width:0;display:grid}.gradient-install-heading[data-astro-cid-kk5r4kke]{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.gradient-install-heading[data-astro-cid-kk5r4kke] .btn[data-astro-cid-kk5r4kke]{font-size:var(--font-size-12)}.gradient-class-copy[data-astro-cid-kk5r4kke]{appearance:none;border-radius:var(--radius-4);background:var(--surface-canvas);width:100%;min-width:0;color:var(--text-primary);padding:var(--space-6) var(--space-8);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;border:0;display:flex}.gradient-class-copy[data-astro-cid-kk5r4kke] code[data-astro-cid-kk5r4kke]{font-size:var(--font-size-12);overflow-wrap:anywhere;min-width:0}.gradient-class-copy[data-astro-cid-kk5r4kke] span[data-astro-cid-kk5r4kke]{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.gradient-install[data-astro-cid-kk5r4kke] p[data-astro-cid-kk5r4kke]{color:var(--text-secondary)}