.swatch.svelte-fzngtg{place-content:center;place-items:center;width:100px;height:100px;font-size:42px;display:grid;position:relative}.swatch.svelte-fzngtg:after{background:repeating-linear-gradient(var(--stsv-common--disabled__stripe-angle), var(--stsv-common--disabled__stripe-color), var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width), var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width), var(--stsv-common--disabled__stripe-color--alt) calc(2 * var(--stsv-common--disabled__stripe-width)));content:"";pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.swatch.svelte-day55w{box-sizing:border-box;grid-template-rows:auto;grid-template-columns:90px auto;place-content:stretch;place-items:stretch stretch;column-gap:1em;min-width:450px;display:grid;position:relative}.color-area.svelte-day55w{grid-area:1/1/2/2;place-content:stretch;align-self:center;place-items:stretch stretch;display:grid}.color-background.svelte-day55w{background-color:#0000;background-image:repeating-linear-gradient(45deg, var(--stsv-common__color) 25%, transparent 25%, transparent 75%, var(--stsv-common__color) 75%, var(--stsv-common__color)), repeating-linear-gradient(45deg, var(--stsv-common__color) 25%, var(--stsv-common__background-color) 25%, var(--stsv-common__background-color) 75%, var(--stsv-common__color) 75%, var(--stsv-common__color));opacity:.2;z-index:-1;background-position:0 0,4px 4px;background-size:8px 8px;grid-row-start:1;grid-column-start:1}.color-block.svelte-day55w{background-color:var(--swatch__background-color);border-color:var(--swatch__border-color,transparent);border-radius:var(--swatch__border-radius,0);border-style:var(--swatch__border-style,solid);border-width:var(--swatch__border-width,var(--stsv-common__border-width));outline-color:var(--swatch__outline-color);outline-offset:var(--swatch__outline-offset);outline-style:var(--swatch__outline-style);outline-width:var(--swatch__outline-width);color:var(--swatch__color);grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:50px;height:50px;margin:1em;display:grid}.color-vars.svelte-day55w{box-sizing:border-box;grid-area:1/2/2/3;align-self:center;row-gap:1em;display:grid}.color-vars.svelte-day55w>div:where(.svelte-day55w){border-left:1px solid var(--stsv-common__border-color);box-sizing:border-box;padding-left:.5em}.diagram.svelte-day55w{box-sizing:border-box;position:absolute;inset:0}svg.svelte-day55w{pointer-events:none}.line.svelte-day55w{stroke:var(--stsv-common__color);stroke-width:1px}.dot.svelte-day55w{fill:var(--stsv-common__color)}.topic-page.svelte-5m8ple{max-width:900px}