.CompactColorPicker-module-scss-module__yhqjAW__compact-color-picker{gap:var(--size-4);flex-direction:column;display:flex}
.SegmentedControl-module-scss-module__vUbRcq__segmented-control{gap:var(--size-2);flex-direction:column;display:flex}.SegmentedControl-module-scss-module__vUbRcq__label{color:var(--color-body);font-size:var(--font-size-caption);letter-spacing:.04em;text-transform:uppercase}.SegmentedControl-module-scss-module__vUbRcq__group{gap:var(--size-2);padding:var(--size-2);border:var(--border-width-1) solid var(--input-control-stroke-color);border-radius:var(--border-radius-pill);background-color:var(--surface-fill);flex-wrap:wrap;align-self:flex-start;display:inline-flex}.SegmentedControl-module-scss-module__vUbRcq__segment{padding:var(--size-4) var(--size-16);transition:all var(--transition-control-hover);border-radius:var(--border-radius-pill);color:var(--color-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.SegmentedControl-module-scss-module__vUbRcq__segment:hover,.SegmentedControl-module-scss-module__vUbRcq__segment:focus-visible{background-color:var(--surface-control-fill-hover)}.SegmentedControl-module-scss-module__vUbRcq__segment-active{background-color:var(--surface-control-fill-active);color:var(--color-accent-revert)}.SegmentedControl-module-scss-module__vUbRcq__segment-active:hover,.SegmentedControl-module-scss-module__vUbRcq__segment-active:focus-visible{background-color:var(--surface-control-fill-active)}
.ContrastFinder-module-scss-module__I9VeKa__contrast-finder{gap:var(--size-24);flex-direction:column;display:flex}.ContrastFinder-module-scss-module__I9VeKa__heading{align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;display:inline-flex}.ContrastFinder-module-scss-module__I9VeKa__heading:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.ContrastFinder-module-scss-module__I9VeKa__controls{gap:var(--size-16);grid-template-columns:1fr;display:grid}.ContrastFinder-module-scss-module__I9VeKa__status{color:var(--color-body-secondary);font-size:var(--font-size-body-sm);margin:0}.ContrastFinder-module-scss-module__I9VeKa__already-meets{padding:var(--size-8) var(--size-16);border-left:var(--border-width-3) solid var(--color-success);border-radius:var(--border-radius-xs);background:var(--surface-fill);color:var(--color-body);font-size:var(--font-size-body-sm);margin:0}.ContrastFinder-module-scss-module__I9VeKa__alternatives{gap:var(--size-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (min-width:600px){.ContrastFinder-module-scss-module__I9VeKa__controls{grid-template-columns:repeat(3,1fr)}}
.ContrastPreview-module-scss-module__drF00q__preview{gap:var(--size-24);flex-direction:column;display:flex}@media (max-width:959px){.ContrastPreview-module-scss-module__drF00q__preview{order:-1}}.ContrastPreview-module-scss-module__drF00q__heading{align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;display:inline-flex}.ContrastPreview-module-scss-module__drF00q__heading:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.ContrastPreview-module-scss-module__drF00q__contrast-preview{border:1px solid var(--stroke-color-soft);border-radius:var(--surface-radius);flex-direction:column;display:flex;overflow:hidden}.ContrastPreview-module-scss-module__drF00q__scene-icons{margin-top:var(--size-8);justify-content:flex-end;align-items:center;gap:var(--size-24);display:flex}.ContrastPreview-module-scss-module__drF00q__scene-icons svg{width:1.25rem;height:1.25rem}.ContrastPreview-module-scss-module__drF00q__hero{align-items:flex-start;gap:var(--size-8);padding:var(--size-24);flex-direction:column;display:flex}@media (min-width:960px){.ContrastPreview-module-scss-module__drF00q__hero{gap:var(--size-16);padding:var(--size-24) var(--size-32) var(--size-40)}}.ContrastPreview-module-scss-module__drF00q__hero .ContrastPreview-module-scss-module__drF00q__scene-icons{align-self:flex-end}.ContrastPreview-module-scss-module__drF00q__hero-mark{width:var(--size-40);height:var(--size-40);margin-bottom:var(--size-8);stroke:currentColor}@media (min-width:960px){.ContrastPreview-module-scss-module__drF00q__hero-mark{width:var(--size-64);height:var(--size-64)}}.ContrastPreview-module-scss-module__drF00q__hero-title{font-size:clamp(2rem,5.5vw,var(--font-size-heading-lg));font-weight:var(--font-weight-semibold);line-height:var(--line-height-110);margin:0}.ContrastPreview-module-scss-module__drF00q__hero-tagline{max-width:46ch;margin:0}.ContrastPreview-module-scss-module__drF00q__scene{display:none}@media (min-width:960px){.ContrastPreview-module-scss-module__drF00q__scene{gap:var(--size-16);padding:var(--size-32);flex-direction:column;display:flex}}.ContrastPreview-module-scss-module__drF00q__scene-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;margin:0}.ContrastPreview-module-scss-module__drF00q__scene-title{font-size:var(--font-size-heading-md);font-weight:var(--font-weight-semibold);margin:0}.ContrastPreview-module-scss-module__drF00q__scene-body{max-width:60ch;margin:0}.ContrastPreview-module-scss-module__drF00q__scene-link{text-decoration:underline}.ContrastPreview-module-scss-module__drF00q__scene-actions{padding-top:var(--size-8);align-items:center;gap:var(--size-16);flex-wrap:wrap;display:flex}.ContrastPreview-module-scss-module__drF00q__primary-action,.ContrastPreview-module-scss-module__drF00q__secondary-action{padding:var(--size-8) var(--size-24);border-radius:var(--border-radius-pill);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.ContrastPreview-module-scss-module__drF00q__primary-action span,.ContrastPreview-module-scss-module__drF00q__secondary-action span{margin-left:var(--size-4)}@media (max-width:959px){.ContrastPreview-module-scss-module__drF00q__primary-action span,.ContrastPreview-module-scss-module__drF00q__secondary-action span{display:none}}.ContrastPreview-module-scss-module__drF00q__secondary-action{border:1px solid}