.stage[data-astro-cid-qxxjphpa]{column-gap:var(--space-m);row-gap:var(--space-s);padding-block:var(--space-l);padding-inline:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(15em,1fr));display:grid;position:relative;overflow:clip}vt-demo[data-astro-cid-qxxjphpa]{display:block}.color[data-astro-cid-qxxjphpa]{aspect-ratio:1;border:solid 2px var(--color-dark-bg);inline-size:min(100%,200px);margin-inline:auto}.color-target[data-astro-cid-qxxjphpa]{contain:content;background-color:#fff;align-items:center;block-size:100%;inline-size:100%;display:grid}.color-input[data-astro-cid-qxxjphpa]{gap:var(--space-2xs);padding:var(--space-m);display:grid;container-type:inline-size}.color-input-field[data-astro-cid-qxxjphpa]{block-size:100cqi;max-block-size:100cqi;inline-size:100%;padding:var(--space-xs);font-family:var(--font-family-en);font-size:var(--font-size-p-s);border:2px solid #107f7f}.count[data-astro-cid-qxxjphpa]{aspect-ratio:1;border:solid 2px var(--color-dark-bg);background-color:#8fa3a3;align-items:center;inline-size:min(100%,200px);margin-inline:auto;display:grid}.count-number[data-astro-cid-qxxjphpa]{contain:content;margin:var(--space-m);padding:var(--space-xs);color:#92dddd;font-family:var(--font-family-en);font-size:var(--font-size-h-m);letter-spacing:.1em;text-align:center;white-space:nowrap;background-color:#000;line-height:1.1}.rotate[data-astro-cid-qxxjphpa]{grid-template-columns:repeat(4,1fr);grid-template-areas:"first first. .""first first last.";gap:16px;display:grid}.rotate-item[data-astro-cid-qxxjphpa]:first-child{grid-area:first}.rotate-item[data-astro-cid-qxxjphpa]:nth-child(5){grid-area:last}.feat-graph-target[data-astro-cid-qxxjphpa]{contain:content;background-color:var(--color-primary);block-size:fit-content;inline-size:100%;max-inline-size:240px;color:var(--color-text-primary);font-family:var(--font-family-en);font-size:var(--font-size-p-s);border:2px solid #000;margin:auto;padding-block-end:0;display:block}[data-astro-cid-qxxjphpa][data-baseline=low]{--feat-color:#1b6ef3}[data-astro-cid-qxxjphpa][data-baseline=high]{--feat-color:#1ea446}.feat-graph-target[data-astro-cid-qxxjphpa].--btn{appearance:none;cursor:pointer;transition:scale .2s}.feat-graph-target[data-astro-cid-qxxjphpa].--btn:hover,.feat-graph-target[data-astro-cid-qxxjphpa].--btn:focus-visible{scale:1.05}.feat-graph-target[data-astro-cid-qxxjphpa].--btn:active{scale:1}.feat-graph-shape[data-astro-cid-qxxjphpa] [data-astro-cid-qxxjphpa]:is(svg,img){object-fit:cover;block-size:100%;inline-size:100%}.feat-graph-shape[data-astro-cid-qxxjphpa] rect[data-astro-cid-qxxjphpa]{fill:color-mix(in srgb, var(--feat-color) 20%, white)}.feat-graph-shape[data-astro-cid-qxxjphpa] polygon[data-astro-cid-qxxjphpa]{fill:var(--feat-color);transform-origin:50%}.feat-graph-shape[data-astro-cid-qxxjphpa] polygon[data-astro-cid-qxxjphpa]:nth-child(2){mix-blend-mode:difference}[data-astro-cid-qxxjphpa][data-compat="0"] polygon[data-astro-cid-qxxjphpa]:nth-child(2){scale:-1}[data-astro-cid-qxxjphpa][data-compat="1"] polygon[data-astro-cid-qxxjphpa]:nth-child(2){scale:-1 1}[data-astro-cid-qxxjphpa][data-compat="2"] polygon[data-astro-cid-qxxjphpa]:nth-child(2){scale:1 -1}.feat-graph-shape[data-astro-cid-qxxjphpa] polygon[data-astro-cid-qxxjphpa]:nth-child(3){mix-blend-mode:difference;rotate:15deg;scale:.5}.feat-graph-name[data-astro-cid-qxxjphpa]{padding-block:10px}.dialog[data-astro-cid-qxxjphpa]{background:0 0;border:none;inline-size:100%;max-inline-size:800px;margin:auto;padding-block:80px;padding-inline:40px}.dialog[data-astro-cid-qxxjphpa]::backdrop{background-color:var(--color-accent);mix-blend-mode:multiply;pointer-events:none}[style*="--color-mode: dark"] .dialog[data-astro-cid-qxxjphpa]::backdrop{background-color:var(--color-primary);mix-blend-mode:hard-light}.dialog-inner[data-astro-cid-qxxjphpa]{z-index:10;inline-size:100%;margin:auto;position:relative}.dialog[data-astro-cid-qxxjphpa] .feat-graph-target[data-astro-cid-qxxjphpa]{border:none;max-inline-size:none}.dialog-close[data-astro-cid-qxxjphpa]{aspect-ratio:1;border:solid 2px var(--color-text-primary);background-color:var(--color-primary);cursor:pointer;inline-size:40px;position:absolute;inset-block-start:-60px;inset-inline-end:0}.dialog-close[data-astro-cid-qxxjphpa] svg{margin:auto}.dialog-bg[data-astro-cid-qxxjphpa]{position:fixed;inset:0}.form[data-astro-cid-qxxjphpa]{row-gap:var(--space-m);padding:var(--space-m);border-block-start:solid 1px var(--color-dark-bg);background-color:#062d2d;display:grid}.form-btn-container[data-astro-cid-qxxjphpa]{column-gap:var(--space-m);row-gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(15em,1fr));display:grid}.form-btn-container[data-astro-cid-qxxjphpa]:not(:has(button)){display:none}.form-btn[data-astro-cid-qxxjphpa]{--border-color:black;z-index:100;min-block-size:40px;inline-size:100%;max-inline-size:360px;padding:var(--space-s);border:solid 1px var(--border-color);box-shadow:0 2px 0 var(--border-color);font-size:var(--font-size-p-s);text-transform:uppercase;cursor:pointer;background-color:#035e5e;margin-inline:auto;line-height:1.1;display:block;position:relative;translate:0 -2px}.form-btn[data-astro-cid-qxxjphpa]:active{box-shadow:none;translate:0}.form[data-astro-cid-qxxjphpa] .form-range-label{margin-block-end:var(--space-2xs);display:block}:root:is([data-vt-type=color-slide],[data-vt-type=countdown],[data-vt-type=rotate],[data-vt-all]){view-transition-name:none;&[data-vt-pointer-events=none]::view-transition{pointer-events:none}&::view-transition-group(*){animation-duration:calc(var(--vt-duration,250) / 1000 * 1s);animation-timing-function:ease}}:root:is([data-vt-type=color-slide],[data-vt-all]){& :is([data-vt-type=color-slide],[data-vt-all]) [data-vt=color-target]{view-transition-name:match-element;view-transition-class:color-slide}&::view-transition-group(.color-slide){overflow:clip}&::view-transition-old(.color-slide){animation:none}&::view-transition-new(.color-slide){animation-name:translateYFromTop}}@keyframes translateYFromTop{0%{translate:0 -100%}}:root:is([data-vt-type=countdown],[data-vt-all]){& :is([data-vt-type=countdown],[data-vt-all]) [data-vt=count-number]{view-transition-name:match-element;view-transition-class:countdown}&::view-transition-group(.countdown){overflow-y:clip}&::view-transition-old(.countdown),&::view-transition-new(.countdown){object-fit:none;transform-origin:50%;block-size:100%}&::view-transition-old(.countdown){animation-name:slideToBottom}&::view-transition-new(.countdown){animation-name:slideFromTop}}@keyframes slideToBottom{to{translate:0 99%}}@keyframes slideFromTop{0%{translate:0 -99%}}:root[data-vt-type=rotate]{& [data-vt=rotate]{view-transition-name:match-element}}:root[data-vt-type=modal]{&::view-transition-group(*){animation-duration:calc(var(--vt-duration,250) / 1000 * 1s);animation-timing-function:ease}}