.spectrum-bands.svelte-9rcv2g{gap:3px;height:clamp(220px,31svh,310px);display:flex}.band.svelte-9rcv2g{background:var(--field);min-width:0;color:var(--band-ink);text-align:left;border:0;border-radius:0;flex:1;padding:22px 14px;transition:flex-grow .55s cubic-bezier(.16,1,.3,1),background .4s,color .4s;position:relative;overflow:hidden}.band.selected.svelte-9rcv2g{flex:2.7}.band-name.svelte-9rcv2g{white-space:nowrap;transform-origin:0 0;font:500 var(--text-title)/1 var(--font-brand);letter-spacing:0;position:absolute;top:35px;left:46px;transform:rotate(90deg)}.band.selected.svelte-9rcv2g .band-name:where(.svelte-9rcv2g){left:14px;transform:rotate(0)scale(1.3)}.band-description.svelte-9rcv2g{opacity:0;font-size:var(--text-small);line-height:1.7;transition:opacity .25s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:106px;left:14px;right:22px;transform:translateY(14px)}.band.selected.svelte-9rcv2g .band-description:where(.svelte-9rcv2g){opacity:1;transition-delay:.16s;transform:translateY(0)}.band-code.svelte-9rcv2g{font-size:var(--text-small);white-space:nowrap;position:absolute;bottom:62px;left:14px}.shade-stack.svelte-9rcv2g{bottom:0;grid-template-columns:repeat(4,1fr);height:39px;display:grid;position:absolute;inset-inline:0}.band-corner.svelte-9rcv2g{display:none;position:absolute;bottom:59px;right:16px}.band.selected.svelte-9rcv2g .band-corner:where(.svelte-9rcv2g){display:block}.band-name.svelte-9rcv2g{transition:transform .65s cubic-bezier(.16,1,.3,1),left .65s cubic-bezier(.16,1,.3,1)}@media (width<=1000px){.spectrum-bands.svelte-9rcv2g{height:clamp(220px,31svh,280px)}.band.svelte-9rcv2g{padding-inline:10px}.band-description.svelte-9rcv2g,.band-code.svelte-9rcv2g{left:10px}.band.selected.svelte-9rcv2g{flex:2.4}.band.selected.svelte-9rcv2g .band-name:where(.svelte-9rcv2g){font-size:var(--text-title);left:10px;transform:rotate(0)}.band.selected.svelte-9rcv2g .band-corner:where(.svelte-9rcv2g){display:none}}@media (width<=700px){.spectrum-bands.svelte-9rcv2g{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;height:38px;display:grid}.band.svelte-9rcv2g{opacity:.58;height:38px;padding:0;transition:opacity .22s}.band.selected.svelte-9rcv2g{opacity:1}.band-name.svelte-9rcv2g,.band-description.svelte-9rcv2g,.band-code.svelte-9rcv2g,.band-corner.svelte-9rcv2g,.shade-stack.svelte-9rcv2g{display:none}}.shade-stack.svelte-9rcv2g i:where(.svelte-9rcv2g){transform-origin:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scaleY(.72)}.band.selected.svelte-9rcv2g .shade-stack:where(.svelte-9rcv2g) i:where(.svelte-9rcv2g){transform:scaleY(1)}.color-copy.svelte-158vzfs{width:100%;min-width:0;display:flex}.copy-value.svelte-158vzfs{font-size:var(--text-small);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-variant-numeric:tabular-nums;line-height:1.65}button.svelte-158vzfs{width:100%;min-width:0;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;padding:0;display:grid}.copy-icon.svelte-158vzfs{color:var(--secondary);opacity:0;place-items:center;transition:opacity .18s,color .18s;display:grid}button.svelte-158vzfs:hover .copy-icon:where(.svelte-158vzfs),button.svelte-158vzfs:focus-visible .copy-icon:where(.svelte-158vzfs){opacity:1}.copied.svelte-158vzfs .copy-icon:where(.svelte-158vzfs){color:var(--life-foreground)}.error.svelte-158vzfs .copy-icon:where(.svelte-158vzfs){color:var(--afterglow-foreground)}@media (width<=600px){button.svelte-158vzfs{gap:4px}}.swatch-register.svelte-1o38vg0{overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.specimen-swatches.svelte-1o38vg0{grid-template-columns:48px repeat(4,minmax(0,1fr));grid-template-rows:44px auto repeat(var(--format-count), minmax(44px, auto));column-gap:17px;display:grid}.format-labels.svelte-1o38vg0,.specimen-color.svelte-1o38vg0{grid-template-rows:subgrid;grid-row:1 / span var(--row-count);display:grid}.format-labels.svelte-1o38vg0{grid-column:1;align-items:center}.specimen-color.svelte-1o38vg0{min-width:0}.color-sample.svelte-1o38vg0{border:0;border-radius:0;width:100%;height:44px;padding:0;transition:background .4s;display:block}.specimen-color.svelte-1o38vg0>.instrument-label:where(.svelte-1o38vg0){color:var(--secondary);font-size:var(--text-small);margin-block:13px 8px;display:block}.format-row.svelte-1o38vg0{grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:44px;display:grid}.format-row.svelte-1o38vg0+.format-row:where(.svelte-1o38vg0){border-top:1px solid color-mix(in srgb, var(--static-muted) 25%, transparent)}.format-label.svelte-1o38vg0{color:var(--secondary);font-size:var(--text-small)}@media (width<=700px){.specimen-swatches.svelte-1o38vg0{column-gap:16px;min-width:760px}.format-labels.svelte-1o38vg0{z-index:2;background:var(--page);position:sticky;left:0}.specimen-color.svelte-1o38vg0>.instrument-label:where(.svelte-1o38vg0){overflow-wrap:anywhere;margin-top:8px}}.family-specimen.svelte-x5t676{border-bottom:1px solid var(--static-muted);grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:start;gap:40px;padding:26px 0;display:grid}h3.svelte-x5t676{color:var(--family);font-family:var(--font-brand);font-size:var(--text-heading);letter-spacing:0;transition:color .4s}.specimen-description.svelte-x5t676 p:where(.svelte-x5t676){color:var(--secondary);font-size:var(--text-small);margin-top:9px}.specimen-description.svelte-x5t676{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.specimen-description.svelte-x5t676>.instrument-label:where(.svelte-x5t676){color:var(--secondary);font-size:var(--text-small)}@media (width<=700px){.family-specimen.svelte-x5t676{grid-template-columns:1fr;gap:14px;padding-block:18px}h3.svelte-x5t676{font-size:var(--text-title)}.specimen-description.svelte-x5t676 p:where(.svelte-x5t676){margin-top:5px}}.spectrum-page.svelte-hqy2pg{padding:calc(var(--header-bottom) + 32px) var(--page-inset) max(24px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);display:grid}.spectrum-content.svelte-hqy2pg{flex-direction:column;justify-content:safe center;width:100%;max-width:1440px;margin-inline:auto;padding:4px 6px;display:flex}.section-heading.svelte-hqy2pg{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:24px;display:flex}h1.svelte-hqy2pg{font-size:var(--text-display);line-height:1.02}h1.svelte-hqy2pg span:where(.svelte-hqy2pg){color:var(--secondary)}.section-heading.svelte-hqy2pg p:where(.svelte-hqy2pg){max-width:310px;color:var(--secondary);font-size:var(--text-body);line-height:1.85}@media (width<=800px),(height<=750px){h1.svelte-hqy2pg{font-size:var(--text-heading)}.section-heading.svelte-hqy2pg{gap:24px;margin-bottom:20px}}@media (width<=600px){.spectrum-page.svelte-hqy2pg{padding-top:calc(var(--header-bottom) + 24px);padding-bottom:max(16px, env(safe-area-inset-bottom))}.section-heading.svelte-hqy2pg{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.section-heading.svelte-hqy2pg p:where(.svelte-hqy2pg){max-width:42ch;font-size:var(--text-small);line-height:1.6}}