div.PaletteStudio-module-scss-module__a1mUWq__studio{gap:var(--space-400-500);padding:var(--space-300-400);background:var(--clr-surface);border:1px solid color-mix(in srgb, var(--clr-text) 18%, transparent);color:var(--clr-text);box-shadow:0 12px 40px -24px color-mix(in srgb, var(--clr-text) 22%, transparent);border-radius:1.25rem;display:grid;container-type:inline-size}div.PaletteStudio-module-scss-module__a1mUWq__studio>[data-workbench]{gap:var(--space-400-500);grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio>[data-workbench]>div{min-inline-size:0}div.PaletteStudio-module-scss-module__a1mUWq__studio p,div.PaletteStudio-module-scss-module__a1mUWq__studio figcaption{max-inline-size:var(--reading-measure);text-wrap:pretty;font-size:var(--fs-400);line-height:var(--lh-400)}div.PaletteStudio-module-scss-module__a1mUWq__studio figure{margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio figure>div{padding:var(--space-400-500);background:radial-gradient(ellipse at 50% 0, var(--clr-surface), var(--clr-surface-2) 75%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clr-text) 5%, transparent);border-radius:.8rem;place-items:center;display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio figure>div>svg{block-size:auto;inline-size:min(100%,20rem);color:var(--accent-400);filter:drop-shadow(0 2px 1px #0003)drop-shadow(0 12px 10px #0002);display:block}div.PaletteStudio-module-scss-module__a1mUWq__studio figure figcaption{color:var(--clr-text-sub);font-size:var(--fs-300);line-height:var(--lh-300);margin-block-start:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-proportions]{block-size:.65rem;outline:1px solid var(--clr-text-sub);outline-offset:2px;border-radius:.25rem;margin-block-start:var(--space-300);display:flex;overflow:hidden}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-proportions]>span{min-inline-size:0}div.PaletteStudio-module-scss-module__a1mUWq__studio ul{gap:var(--space-100);margin:var(--space-200) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio ul li{align-items:center;gap:var(--space-50);font-size:var(--fs-300);line-height:var(--lh-300);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio ul li strong{color:var(--clr-text-sub);grid-column:2;font-weight:400}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-workbench]>div:nth-child(2){align-content:start;gap:var(--space-300-400);display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset{border:0;min-inline-size:0;margin:0;padding:0}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset legend{overflow-wrap:anywhere;max-inline-size:100%;font-size:var(--fs-400);font-weight:600;line-height:var(--lh-400);margin-block-end:var(--space-200);padding:0}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>p{margin:0 0 var(--space-200);font-size:var(--fs-300);line-height:var(--lh-300);color:var(--clr-text-sub)}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]){gap:var(--space-100);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]) button{min-inline-size:0;padding:var(--space-200) var(--space-100);line-height:var(--lh-300);text-wrap:balance;overflow-wrap:anywhere;flex-direction:column;justify-content:start}div.PaletteStudio-module-scss-module__a1mUWq__studio button,div.PaletteStudio-module-scss-module__a1mUWq__studio select{min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;padding:var(--space-100) var(--space-200);border:1px solid var(--clr-text-sub);font:inherit;font-size:var(--fs-300);color:var(--clr-text);background:var(--clr-surface);cursor:pointer;border-radius:.5rem;transition:background-color .15s,border-color .15s}div.PaletteStudio-module-scss-module__a1mUWq__studio button:active,div.PaletteStudio-module-scss-module__a1mUWq__studio select:active{background:var(--clr-surface-2)}div.PaletteStudio-module-scss-module__a1mUWq__studio button:focus-visible,div.PaletteStudio-module-scss-module__a1mUWq__studio select:focus-visible{outline:3px solid var(--clr-text);outline-offset:3px}@media (pointer:fine){div.PaletteStudio-module-scss-module__a1mUWq__studio button:hover,div.PaletteStudio-module-scss-module__a1mUWq__studio select:hover{background:var(--clr-surface-2)}}div.PaletteStudio-module-scss-module__a1mUWq__studio button{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:var(--space-100);display:inline-flex}div.PaletteStudio-module-scss-module__a1mUWq__studio button[aria-pressed=true]{border-color:var(--clr-text);box-shadow:inset 0 0 0 1px var(--clr-text);background:var(--clr-surface-2)}div.PaletteStudio-module-scss-module__a1mUWq__studio button>svg[viewBox][aria-hidden]{flex:none}div.PaletteStudio-module-scss-module__a1mUWq__studio button>svg[preserveAspectRatio="none"]{outline:1px solid var(--clr-text-sub);outline-offset:2px;border-radius:.15rem;block-size:3.25rem;inline-size:2.5rem}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control]{align-items:center;gap:var(--space-50) var(--space-100);padding:var(--space-100) var(--space-200);background:var(--clr-surface-2);border-radius:.6rem;grid-template-columns:auto minmax(0,1fr) 5.5ch;display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control]+[data-color-control]{margin-block-start:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control]>label:not(.sr-only){display:flex}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] select{inline-size:100%;padding-block:var(--space-50);grid-column:2;min-block-size:2.75rem}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] input[type=range]{block-size:1.5rem;inline-size:100%;min-inline-size:0;accent-color:var(--clr-text);cursor:pointer;grid-area:2/1/auto/-1;margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] input[type=range]:focus-visible{outline:3px solid var(--clr-text);outline-offset:3px;border-radius:.25rem}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] output{text-align:end;font-size:var(--fs-300);grid-area:1/3;font-weight:600}div.PaletteStudio-module-scss-module__a1mUWq__studio output,div.PaletteStudio-module-scss-module__a1mUWq__studio strong{font-variant-numeric:tabular-nums}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict]{padding:var(--space-200-300);background:var(--clr-surface-2);border-inline-start:3px solid var(--clr-text-sub);border-radius:.7rem;margin-block-start:var(--space-300)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict]>h3{margin:0 0 var(--space-100);font-family:var(--ff-body);font-size:var(--fs-300);color:var(--clr-text-sub);font-weight:400}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] p{margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] dl{align-items:baseline;gap:var(--space-50) var(--space-200);flex-wrap:wrap;margin:0;display:flex}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] dl dt{font-size:var(--fs-300);color:var(--clr-text-sub)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] dl dd{font-size:var(--fs-400);margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] [role=status]>p:first-child{font-size:var(--fs-600);line-height:var(--lh-600);margin-block-end:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details{border-block-start:1px solid color-mix(in srgb, var(--clr-text) 18%, transparent);margin-block-start:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details summary{padding-block:var(--space-100);cursor:pointer;min-block-size:2.75rem;font-size:var(--fs-300);border-radius:.25rem}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details summary:active{color:var(--clr-secondary-text)}@media (pointer:fine){div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details summary:hover{color:var(--clr-secondary-text)}}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details p{margin-block:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details a{align-items:center;gap:var(--space-100);color:var(--clr-text);text-underline-offset:.2em;border-radius:.25rem;display:inline-flex}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details a:active{color:var(--clr-secondary-text)}@media (pointer:fine){div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details a:hover{color:var(--clr-secondary-text)}}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details a:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) svg{transform:scaleX(-1)}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge]{align-items:center;gap:var(--space-200) var(--space-400);border-block-start:1px solid color-mix(in srgb, var(--clr-text) 18%, transparent);flex-wrap:wrap;padding-block-start:var(--space-300);display:flex}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge]>div:first-child{flex:26rem;min-inline-size:0}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge] h3{align-items:center;gap:var(--space-100);margin:0 0 var(--space-100);font-family:var(--ff-body);font-size:var(--fs-400);line-height:var(--lh-400);display:flex}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge] h3 svg{flex:none}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge] p{margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge]>[role=status]{padding:var(--space-200);border-inline-start:3px solid var(--clr-text-sub);background:var(--clr-surface-2);border-radius:.25rem;flex:100%}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge]>[role=status] strong{align-items:center;gap:var(--space-100);margin-block-end:var(--space-100);display:flex}@media not (min-width:42em){div.PaletteStudio-module-scss-module__a1mUWq__studio{gap:var(--space-300);padding:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio>[data-workbench]{gap:var(--space-300)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-workbench]>div:first-child{padding-block:var(--space-100);background:var(--clr-surface);border-radius:.5rem;align-self:start}}@media (not (min-width:42em)) and (not (max-height:48em)){div.PaletteStudio-module-scss-module__a1mUWq__studio [data-workbench]>div:first-child{top:var(--space-100);z-index:1;position:sticky}}@media not (min-width:42em){div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict]{padding:var(--space-100) var(--space-200);margin-block-start:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict]>h3{margin-block-end:0}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] [role=status]>p:first-child{font-size:var(--fs-500);line-height:var(--lh-500);margin-block-end:0}div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details{margin-block-start:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio figure{align-items:center;gap:var(--space-200);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}div.PaletteStudio-module-scss-module__a1mUWq__studio figure>div{padding:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio figure figcaption{font-size:var(--fs-200);line-height:var(--lh-200);margin:0}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-proportions]{margin-block-start:var(--space-200)}div.PaletteStudio-module-scss-module__a1mUWq__studio ul{margin-block-start:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]){gap:var(--space-50)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control]{padding-inline:var(--space-100)}div.PaletteStudio-module-scss-module__a1mUWq__studio input,div.PaletteStudio-module-scss-module__a1mUWq__studio select,div.PaletteStudio-module-scss-module__a1mUWq__studio button,div.PaletteStudio-module-scss-module__a1mUWq__studio summary{scroll-margin-block:27rem 2rem}}@media (pointer:coarse){div.PaletteStudio-module-scss-module__a1mUWq__studio button,div.PaletteStudio-module-scss-module__a1mUWq__studio select{font-size:var(--fs-400)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] input[type=range]{block-size:2.75rem}}@media not (min-width:30em){div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]){grid-template-columns:1fr}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]) button{justify-content:start;gap:var(--space-200);padding:var(--space-100) var(--space-200);text-align:start;text-wrap:pretty;flex-direction:row}div.PaletteStudio-module-scss-module__a1mUWq__studio fieldset>div:not([data-color-control]) button>svg{block-size:2.25rem;inline-size:1.75rem}}@media (prefers-contrast:more){div.PaletteStudio-module-scss-module__a1mUWq__studio,div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge],div.PaletteStudio-module-scss-module__a1mUWq__studio section[data-verdict] details{border-color:var(--clr-text-sub)}}@container not (min-width:18rem){div.PaletteStudio-module-scss-module__a1mUWq__studio [data-workbench]>div:first-child{position:static}div.PaletteStudio-module-scss-module__a1mUWq__studio figure{grid-template-columns:1fr}div.PaletteStudio-module-scss-module__a1mUWq__studio figure>div>svg{inline-size:min(100%,10rem)}div.PaletteStudio-module-scss-module__a1mUWq__studio ul{grid-template-columns:1fr}div.PaletteStudio-module-scss-module__a1mUWq__studio ul li{grid-template-columns:auto minmax(0,1fr) auto}div.PaletteStudio-module-scss-module__a1mUWq__studio ul li strong{grid-column:3}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control]{grid-template-columns:auto minmax(0,1fr)}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] select{grid-area:2/1/auto/-1}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] input[type=range]{grid-row:3}div.PaletteStudio-module-scss-module__a1mUWq__studio [data-color-control] output{grid-area:1/2}div.PaletteStudio-module-scss-module__a1mUWq__studio aside[data-challenge] h3{overflow-wrap:anywhere;display:block}}@media (forced-colors:active){div.PaletteStudio-module-scss-module__a1mUWq__studio figure>div>svg,div.PaletteStudio-module-scss-module__a1mUWq__studio button>svg,div.PaletteStudio-module-scss-module__a1mUWq__studio [data-proportions]{forced-color-adjust:none}div.PaletteStudio-module-scss-module__a1mUWq__studio button[aria-pressed=true]{outline:2px solid highlight}}@media print{div.PaletteStudio-module-scss-module__a1mUWq__studio{display:none}}