.color-mix[data-astro-cid-ffahu6oo]{border:solid 1px var(--color-accent)}.color-mix[data-astro-cid-ffahu6oo]:not(:first-child){margin-block-start:var(--row-gap)}.color-mix-term[data-astro-cid-ffahu6oo]{column-gap:var(--space-2xs);padding-block:var(--space-s);padding-inline:var(--space-m);border-block-end:solid 1px var(--color-accent);background-color:var(--color-sub-section-bg);grid-template-columns:auto 1fr;place-items:center start;display:grid}.color-mix-swatch[data-astro-cid-ffahu6oo]{aspect-ratio:1;background-color:#fff;inline-size:1em;position:relative}@supports not (color:color-mix(in srgb, black, black)){.color-mix-swatch[data-astro-cid-ffahu6oo]{display:none}}.color-mix-swatch[data-astro-cid-ffahu6oo]:after{content:"";background-color:var(--swatch);display:block;position:absolute;inset:0}.color-mix-code[data-astro-cid-ffahu6oo]{font-size:var(--font-size-p-s);line-height:revert;background-color:#0000}.color-mix-desc[data-astro-cid-ffahu6oo]{padding:var(--space-m)}hue-interpolation[data-astro-cid-yvw4ap26]{--hue-color1:45;--hue-color2:135;--angle:0;--radius:calc(50cqi - .5rem);--point-size:1rem;--track:#4d4d4d;--border-color:#042020;--method:shorter;--start:var(--hue-color1);--end:var(--hue-color2);--on:var(--track);--off:transparent;--reflex:0;color:var(--color-dark-text);display:block}hue-interpolation[data-astro-cid-yvw4ap26][clockwise=false]{--start:var(--hue-color2);--end:var(--hue-color1)}hue-interpolation[data-astro-cid-yvw4ap26][method=shorter][half=true]{--on:transparent;--off:var(--track);--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=shorter][same-length=true]{--on:var(--track);--off:transparent;--reflex:0}hue-interpolation[data-astro-cid-yvw4ap26][method=longer]{--on:transparent;--off:var(--track);--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=longer][half=true]{--on:var(--track);--off:transparent}hue-interpolation[data-astro-cid-yvw4ap26][method=longer][reflex=true]{--reflex:0}hue-interpolation[data-astro-cid-yvw4ap26]:is([method=shorter],[method=longer])[same-length=true]:is([hue-color1="360"],[hue-color2="360"]){--on:transparent;--off:var(--track);--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=increasing][half=true]{--reflex:0}hue-interpolation[data-astro-cid-yvw4ap26][method=increasing][overtake=true]{--on:transparent;--off:var(--track);--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=increasing][hue-color1="0"][hue-color2="360"]{--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=decreasing]{--on:transparent;--off:var(--track);--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=decreasing][overtake=true]{--on:var(--track);--off:transparent;--reflex:0}hue-interpolation[data-astro-cid-yvw4ap26][method=decreasing][hue-color1="360"][hue-color2="0"]{--reflex:180}hue-interpolation[data-astro-cid-yvw4ap26][method=decreasing][same-point=true]{--reflex:0}.c-hue-app[data-astro-cid-yvw4ap26]{padding:var(--space-xl)}.c-hue-circle[data-astro-cid-yvw4ap26]{inline-size:100%;max-inline-size:max(200px,12em);margin-inline:auto;position:relative;container:hue/inline-size}.c-hue-wheel[data-astro-cid-yvw4ap26]{aspect-ratio:1;background-blend-mode:screen;background:radial-gradient(circle closest-side,#fff,#000 90%),conic-gradient(red,#ff8b00,#e8ff00,#5dff00,#00ff2e,#00ffb9,#00b9ff,#002eff,#5d00ff,#e800ff,#ff008b,red);border-radius:50%;inline-size:100%}.c-hue-wheel[data-astro-cid-yvw4ap26]:before,.c-hue-wheel[data-astro-cid-yvw4ap26]:after{content:"";border-radius:50%;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.c-hue-wheel[data-astro-cid-yvw4ap26]:before{background-image:conic-gradient(var(--on) 0% calc(var(--start) * 100 / 360 * 1%), var(--off) calc(var(--start) * 100 / 360 * 1%) calc(var(--end) * 100 / 360 * 1%), var(--on) calc(var(--end) * 100 / 360 * 1%) 100%);opacity:.5;mix-blend-mode:multiply}.c-hue-wheel[data-astro-cid-yvw4ap26]:after{box-shadow:0 0 0 var(--point-size) inset var(--track);mix-blend-mode:overlay}.c-hue-point[data-astro-cid-yvw4ap26]{--bg-color:hsl(calc(var(--angle) * 1deg) 100% 60%);inline-size:var(--point-size);aspect-ratio:1;transform-origin:50%;translate:calc(cos(var(--angle) * -1deg + 90deg) * var(--radius)) calc(sin(var(--angle) * -1deg + 90deg) * var(--radius) * -1);border-radius:50%;position:absolute;inset-block-start:calc(50% - (var(--point-size) / 2));inset-inline-start:calc(50% - (var(--point-size) / 2))}.c-hue-point[data-astro-cid-yvw4ap26]:after{content:"";border:solid 2px var(--border-color);background-color:var(--bg-color);border-radius:50%;display:block;position:absolute;inset:0}.c-hue-point[data-astro-cid-yvw4ap26].--color1{--angle:var(--hue-color1)}.c-hue-point[data-astro-cid-yvw4ap26].--color2{--angle:var(--hue-color2)}hue-interpolation[data-astro-cid-yvw4ap26][active=hue-color1] .c-hue-point[data-astro-cid-yvw4ap26].--color1,hue-interpolation[data-astro-cid-yvw4ap26][active=hue-color2] .c-hue-point[data-astro-cid-yvw4ap26].--color2{z-index:1}.c-hue-point[data-astro-cid-yvw4ap26].--color-mix,.c-hue-point[data-astro-cid-yvw4ap26].--color-center{--bg-color:color-mix(in hsl var(--method) hue, hsl(calc(var(--hue-color1) * 1deg) 100% 60%), hsl(calc(var(--hue-color2) * 1deg) 100% 60%))}.c-hue-point[data-astro-cid-yvw4ap26].--color-mix{--angle:calc((var(--hue-color2) - var(--hue-color1)) / 2 + var(--hue-color1) + var(--reflex))}.c-hue-point[data-astro-cid-yvw4ap26].--color-mix:before{content:"";inline-size:var(--radius);background-color:var(--border-color);transform-origin:1px 1px;block-size:2px;rotate:calc(var(--angle) * 1deg + 90deg);display:block;position:absolute;inset-block-start:calc(50% - 1px);inset-inline-start:calc(50% - 1px)}.c-hue-point[data-astro-cid-yvw4ap26].--color-center{translate:none;scale:1.5}.c-hue-point-label[data-astro-cid-yvw4ap26]{inline-size:var(--point-size);background-color:var(--bg);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:center;white-space:nowrap;translate:calc(cos(var(--angle) * -1deg + 90deg) * 2em) calc(sin(var(--angle) * -1deg + 90deg) * 2em * -1);line-height:1.1;position:absolute;inset-block-start:0;inset-inline-start:0}.c-hue-label[data-astro-cid-yvw4ap26].--color1{--angle:var(--hue-color1)}.c-hue-label[data-astro-cid-yvw4ap26].--color2{--angle:var(--hue-color2)}.c-hue-controls[data-astro-cid-yvw4ap26]{--highlight:#3a4a4a;--bg:#062d2d;gap:var(--space-l);padding:var(--space-l);background-image:linear-gradient(to bottom, var(--highlight), var(--highlight));background-repeat:no-repeat;background-size:100% 1px;background-color:var(--bg);font-family:var(--font-family-en);font-size:var(--font-size-p-s);display:grid}.c-hue-range[data-astro-cid-yvw4ap26]{column-gap:var(--space-l);row-gap:var(--space-m);display:grid}@media (width>=768px){.c-hue-range[data-astro-cid-yvw4ap26]{grid-template-columns:repeat(2,1fr)}}.c-hue-range-label[data-astro-cid-yvw4ap26]{margin-block-end:var(--space-2xs);display:block}.c-hue-method[data-astro-cid-yvw4ap26]{border:1px solid}.c-hue-method-legend[data-astro-cid-yvw4ap26]{margin-block-end:-.2em;margin-inline:1em;padding-inline:1em}.c-hue-method-list[data-astro-cid-yvw4ap26]{--lamp-on:#ffc400;--input-color:#475252;gap:var(--space-xs);padding:var(--space-m);display:grid}.c-hue-method-list[data-astro-cid-yvw4ap26] label{gap:var(--space-xs);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;inline-size:fit-content;display:inline-grid}.c-hue-method-list[data-astro-cid-yvw4ap26] input{aspect-ratio:1;border:solid 2px var(--input-color);appearance:none;background-color:#000;border-radius:0;inline-size:16px;position:relative}.c-hue-method-list[data-astro-cid-yvw4ap26] input:checked:after{content:"";aspect-ratio:1;background-color:var(--lamp-on);inline-size:8px;margin:auto;display:block;position:absolute;inset:0}.c-hue-app-note[data-astro-cid-yvw4ap26]{display:none}@supports not (color:color-mix(in srgb, black, black)){.c-hue-app[data-astro-cid-yvw4ap26]{padding:var(--space-m)}.c-hue-app-note[data-astro-cid-yvw4ap26]{display:block}.c-hue-circle[data-astro-cid-yvw4ap26]{display:none}}demo-edge-contrast[data-astro-cid-psrbdd65]{padding:var(--space-l);background-color:var(--color-accent);color:var(--color-primary);margin-block-start:-1px;display:block}.c-demo[data-astro-cid-psrbdd65]{gap:calc(var(--gap,0) * 1%);inline-size:calc(var(--size,100) * 1%);grid-template-columns:repeat(10,1fr);margin-inline:auto;display:grid}.c-demo-item[data-astro-cid-psrbdd65]{--index:1;background-color:color-mix(in srgb, #e6e6e6 calc((var(--index) - 1) / 9 * 100%), #1a1a1a);block-size:200px;inline-size:100%}.c-demo-item[data-astro-cid-psrbdd65]:first-child{--index:1}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(2){--index:2}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(3){--index:3}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(4){--index:4}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(5){--index:5}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(6){--index:6}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(7){--index:7}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(8){--index:8}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(9){--index:9}.c-demo-item[data-astro-cid-psrbdd65]:nth-child(10){--index:10}.c-demo-range[data-astro-cid-psrbdd65]{column-gap:var(--space-l);row-gap:var(--space-m);font-family:var(--font-family-en);font-size:var(--font-size-p-s);margin-block-start:var(--space-m);display:grid}@media (width>=768px){.c-demo-range[data-astro-cid-psrbdd65]{grid-template-columns:repeat(2,1fr)}}.c-demo-range-label[data-astro-cid-psrbdd65]{margin-block-end:var(--space-2xs);display:block}.c-note[data-astro-cid-psrbdd65]{display:none}@supports not (color:color-mix(in srgb, black, black)){demo-edge-contrast[data-astro-cid-psrbdd65]{padding:var(--space-m)}.c-note[data-astro-cid-psrbdd65]{display:block}.c-demo[data-astro-cid-psrbdd65]{display:none}}