.sw[data-astro-cid-mapypbf7]{--sw-border:3px;width:min(100% - 2 * var(--gutter), 1125px);justify-items:center;gap:clamp(28px,3vw,44px);margin:0 auto;display:grid;position:relative}.sw-card[data-astro-cid-mapypbf7]{border:var(--sw-border) solid #000;font-family:var(--sw-font,"Archivo", var(--f-body));color:#000;background:#fff;padding:clamp(20px,2.6vw,36px)}.sw-card--colors[data-astro-cid-mapypbf7]{justify-items:center;gap:14px;width:min(100%,440px);display:grid}.sw-card--shades[data-astro-cid-mapypbf7]{width:100%}.sw-title[data-astro-cid-mapypbf7]{text-align:center;font-size:clamp(14px,1.3vw,19px);font-weight:600}.sw-row[data-astro-cid-mapypbf7]{justify-content:center;gap:var(--sw-gap,clamp(14px, 2.4vw, 28px));margin-bottom:14px;display:flex}.sw-fig[data-astro-cid-mapypbf7]{width:var(--sw-chip,clamp(84px, 9vw, 116px));align-content:start;justify-items:center;gap:6px;margin:0;display:grid}.sw-fig[data-astro-cid-mapypbf7] figcaption[data-astro-cid-mapypbf7]{text-align:center;justify-items:center;gap:2px;font-size:12.5px;font-weight:600;line-height:1.3;display:grid}.sw-fig[data-astro-cid-mapypbf7] figcaption[data-astro-cid-mapypbf7] span[data-astro-cid-mapypbf7]{font-size:18px;font-weight:400}.sw-chip[data-astro-cid-mapypbf7],.sw-step[data-astro-cid-mapypbf7]{background:var(--c);cursor:copy;transition:transform .35s var(--ease-stamp), box-shadow .35s var(--ease-out);border:2px solid #000;place-items:center;display:grid;position:relative}.sw-chip[data-astro-cid-mapypbf7]{aspect-ratio:1;width:100%}.sw-hex[data-astro-cid-mapypbf7]{font-family:var(--sw-font,"Archivo", var(--f-body));letter-spacing:.04em;color:#fff;opacity:0;transition:opacity .25s, transform .35s var(--ease-out);font-size:12px;font-weight:600;transform:translateY(4px)}.sw-hex[data-astro-cid-mapypbf7].is-dark{color:#000}.sw-chip[data-astro-cid-mapypbf7]:hover,.sw-chip[data-astro-cid-mapypbf7]:focus-visible{transform:translateY(-4px)rotate(-2deg);box-shadow:5px 5px #000}.sw-chip[data-astro-cid-mapypbf7]:hover .sw-hex[data-astro-cid-mapypbf7],.sw-chip[data-astro-cid-mapypbf7]:focus-visible .sw-hex[data-astro-cid-mapypbf7],.sw-step[data-astro-cid-mapypbf7]:hover .sw-hex[data-astro-cid-mapypbf7],.sw-step[data-astro-cid-mapypbf7]:focus-visible .sw-hex[data-astro-cid-mapypbf7]{opacity:1;transform:none}.sw-shades[data-astro-cid-mapypbf7]{gap:clamp(20px,4vw,64px);display:grid}.sw-group[data-astro-cid-mapypbf7]{align-content:start;gap:12px;display:grid}.sw-ramps[data-astro-cid-mapypbf7]{justify-content:center;gap:clamp(8px,1.6vw,22px);display:flex}.sw-ramp[data-astro-cid-mapypbf7]{flex:1;max-width:90px;margin:0;display:grid}.sw-step[data-astro-cid-mapypbf7]{border-width:1px;width:100%;height:clamp(26px,3vw,44px);margin-top:-1px}.sw-step[data-astro-cid-mapypbf7]:hover,.sw-step[data-astro-cid-mapypbf7]:focus-visible{z-index:2;transform:scaleX(1.12);box-shadow:0 6px 14px -6px #0009}.sw-step[data-astro-cid-mapypbf7] .sw-hex[data-astro-cid-mapypbf7]{font-size:10.5px}.sw-note[data-astro-cid-mapypbf7]{text-align:center;margin-top:22px;font-size:clamp(12px,1vw,13.5px);font-weight:600;line-height:1.5}.sw--side[data-astro-cid-mapypbf7]{width:min(100% - 2 * var(--gutter), 1200px);grid-template-columns:406fr 788fr;align-items:stretch;gap:clamp(16px,2.6vw,36px)}.sw--side[data-astro-cid-mapypbf7] .sw-card--colors[data-astro-cid-mapypbf7]{align-content:center;width:100%;padding-inline:clamp(14px,1.8vw,26px)}.sw--side[data-astro-cid-mapypbf7] .sw-card--shades[data-astro-cid-mapypbf7]{align-content:center;display:grid}.sw--side[data-astro-cid-mapypbf7] .sw-title[data-astro-cid-mapypbf7]{font-size:clamp(16px,1.5vw,22px)}.sw--side[data-astro-cid-mapypbf7] .sw-row[data-astro-cid-mapypbf7]{--sw-chip:clamp(60px, 6.9vw, 100px);--sw-gap:clamp(10px, 1.4vw, 20px);margin-bottom:18px}.sw--side[data-astro-cid-mapypbf7] .sw-fig[data-astro-cid-mapypbf7] figcaption[data-astro-cid-mapypbf7]{font-size:clamp(12px,1vw,14px)}.sw--side[data-astro-cid-mapypbf7] .sw-step[data-astro-cid-mapypbf7]{height:clamp(28px,3.1vw,44px)}.sw--side[data-astro-cid-mapypbf7] .sw-group[data-astro-cid-mapypbf7]{gap:18px}.sw-toast[data-astro-cid-mapypbf7]{z-index:80;color:#fff;font-family:var(--sw-font,"Archivo", var(--f-body));opacity:0;pointer-events:none;transition:opacity .3s, translate .45s var(--ease-stamp);background:#111;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:28px;left:50%;translate:-50% 16px}.sw-toast[data-astro-cid-mapypbf7]:before{content:"";background:var(--c,#fff);border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #fff}.sw-toast[data-astro-cid-mapypbf7].is-on{opacity:1;translate:-50%}@media (width<=900px){.sw--side[data-astro-cid-mapypbf7]{grid-template-columns:1fr;max-width:560px}}@media (width<=760px){.sw-shades[data-astro-cid-mapypbf7]{grid-template-columns:1fr!important}}