.color-converter[data-astro-cid-on3ectql]{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-wrap:wrap;align-items:stretch;gap:20px 24px;margin-block:24px 32px;padding:20px;display:flex}.color-converter-fields[data-astro-cid-on3ectql]{flex:0 auto;grid-template-columns:14px auto 4.5rem 140px;place-content:center start;align-items:center;gap:18px 12px;min-width:0;display:grid}.color-converter-row[data-astro-cid-on3ectql]{display:contents}.color-converter-dot[data-astro-cid-on3ectql]{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}.color-converter[data-astro-cid-on3ectql] input[data-astro-cid-on3ectql][type=number],.color-converter[data-astro-cid-on3ectql] input[data-astro-cid-on3ectql][type=text]{font-family:var(--code-font)}.color-converter[data-astro-cid-on3ectql] input[data-astro-cid-on3ectql][type=text],.color-converter-hint[data-astro-cid-on3ectql]{grid-column:3/-1}.color-converter-hint[data-astro-cid-on3ectql]{color:var(--muted);margin:-12px 0 0;font-size:.8rem}.color-converter-open[data-astro-cid-on3ectql]{padding:0 12px 10px;font-size:.9rem}.color-converter-result[data-astro-cid-on3ectql]{border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:340px;min-width:0;display:flex;overflow:hidden}.color-converter-preview[data-astro-cid-on3ectql]{border-bottom:1px solid var(--border);flex:1 0 110px}.color-converter[data-astro-cid-on3ectql] dl[data-astro-cid-on3ectql]{gap:4px;margin:0;padding:10px 12px;display:grid}.color-converter[data-astro-cid-on3ectql] dl[data-astro-cid-on3ectql] div[data-astro-cid-on3ectql]{grid-template-columns:3.5rem 1fr;align-items:baseline;display:grid}.color-converter[data-astro-cid-on3ectql] dt[data-astro-cid-on3ectql]{color:var(--muted);font-size:.8rem;font-weight:600}.color-converter-contrast[data-astro-cid-on3ectql]{border-top:1px solid var(--border);padding:10px 12px}.color-converter-contrast[data-astro-cid-on3ectql] p[data-astro-cid-on3ectql],.color-converter-contrast[data-astro-cid-on3ectql] ul[data-astro-cid-on3ectql]{margin:0 0 6px}.color-converter-contrast[data-astro-cid-on3ectql] ul[data-astro-cid-on3ectql]{padding:0;list-style:none}.color-converter-sample[data-astro-cid-on3ectql]{border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:1.05rem}.color-converter-sample[data-astro-cid-on3ectql] code[data-astro-cid-on3ectql]{color:inherit;background:0 0}.color-converter-contrast[data-astro-cid-on3ectql] li[data-astro-cid-on3ectql]{align-items:baseline;gap:8px;padding-block:2px;display:flex}.color-converter-mark[data-astro-cid-on3ectql]{text-align:center;min-width:2.75rem;color:var(--callout-tip);background:var(--callout-tip-bg);border-radius:3px;padding:0 6px;font-size:.8rem;font-weight:600}[data-astro-cid-on3ectql][data-pass=false] .color-converter-mark[data-astro-cid-on3ectql]{color:var(--danger);background:var(--danger-bg)}.color-converter[data-astro-cid-on3ectql] dd[data-astro-cid-on3ectql]{font-family:var(--code-font);white-space:nowrap;margin:0}@media (max-width:600px){.color-converter-fields[data-astro-cid-on3ectql]{flex-basis:100%;grid-template-columns:14px auto minmax(0,1fr);gap:8px 12px}.color-converter[data-astro-cid-on3ectql] input[data-astro-cid-on3ectql][type=range]{grid-column:2/-1}.color-converter-hint[data-astro-cid-on3ectql]{margin-top:-4px}.color-converter[data-astro-cid-on3ectql] dd[data-astro-cid-on3ectql]{white-space:normal;overflow-wrap:anywhere;font-size:.9rem}}.html-quiz[data-astro-cid-vzxggnxt]{margin-block:1.5rem}.quiz-card[data-astro-cid-vzxggnxt]{margin-block:1rem}:root[data-js] .html-quiz[data-astro-cid-vzxggnxt]:not(.is-ready) [data-astro-cid-vzxggnxt][data-runner],:root:not([data-js]) [data-astro-cid-vzxggnxt]:is(.quiz-progress,.quiz-dots,.quiz-nav,.quiz-hint,kbd){display:none}:root[data-js] .quiz-card[data-astro-cid-vzxggnxt]{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1.25rem}:root[data-js] fieldset[data-astro-cid-vzxggnxt]:not(.is-current){display:none}:root[data-js] fieldset[data-astro-cid-vzxggnxt]{border:0;margin:0;padding:0}fieldset[data-astro-cid-vzxggnxt]{border:1px solid;border-radius:.5rem;min-width:0;margin-block:1.5rem;padding:1rem}legend[data-astro-cid-vzxggnxt]{padding-inline:.4rem;font-weight:600}:root[data-js] legend[data-astro-cid-vzxggnxt]{margin-bottom:.75rem;padding:0;font-size:1.15rem}label[data-astro-cid-vzxggnxt]{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:.65rem;padding:.6rem;display:flex}.html-quiz[data-astro-cid-vzxggnxt] .quiz-option-code{min-width:0;display:block}.html-quiz[data-astro-cid-vzxggnxt][data-subject] .ui-prose code{color:var(--code-text)}.html-quiz[data-astro-cid-vzxggnxt] .quiz-option-code code{border:1px solid var(--code-border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.35rem;width:fit-content;max-width:100%;padding:.35em .55em;line-height:1.5;display:block}:root[data-js] label[data-astro-cid-vzxggnxt]{border:1px solid var(--border);border-radius:.5rem;margin-bottom:.5rem;padding:.7rem .85rem}:root[data-js] label[data-astro-cid-vzxggnxt]:hover{background:var(--hover)}:root[data-js] fieldset[data-astro-cid-vzxggnxt]:disabled label[data-astro-cid-vzxggnxt]{cursor:default}:root[data-js] fieldset[data-astro-cid-vzxggnxt]:disabled label[data-astro-cid-vzxggnxt]:hover{background:0 0}label[data-astro-cid-vzxggnxt].is-correct{border-color:var(--callout-tip);background:var(--callout-tip-bg)}label[data-astro-cid-vzxggnxt].is-wrong{border-color:var(--danger);background:var(--danger-bg)}:root[data-js] fieldset[data-astro-cid-vzxggnxt]:disabled label[data-astro-cid-vzxggnxt].is-correct:hover{background:var(--callout-tip-bg)}:root[data-js] fieldset[data-astro-cid-vzxggnxt]:disabled label[data-astro-cid-vzxggnxt].is-wrong:hover{background:var(--danger-bg)}input[data-astro-cid-vzxggnxt]{flex-shrink:0}:root[data-js] input[data-astro-cid-vzxggnxt]{opacity:0;pointer-events:none;position:absolute}:root[data-js] label[data-astro-cid-vzxggnxt]{position:relative}:root[data-js] label[data-astro-cid-vzxggnxt]:has(input:focus-visible){outline-offset:3px;outline:3px solid}:root[data-js] label[data-astro-cid-vzxggnxt]:has(input:checked) kbd[data-astro-cid-vzxggnxt]{color:inherit;border-color:currentColor;font-weight:700}kbd[data-astro-cid-vzxggnxt]{border:1px solid var(--border);width:1.5rem;height:1.5rem;color:var(--muted);font:.8rem var(--code-font);border-radius:.3rem;flex-shrink:0;place-items:center;display:grid}.quiz-actions[data-astro-cid-vzxggnxt]{gap:.6rem}.quiz-nav[data-astro-cid-vzxggnxt]{justify-content:space-between;margin-top:1rem}.quiz-toolbar[data-astro-cid-vzxggnxt]{justify-content:flex-end;display:flex}.html-quiz[data-astro-cid-vzxggnxt].is-expanded{z-index:100;overscroll-behavior:contain;background:var(--page);margin:0;padding:16px max(16px,50vw - 380px);position:fixed;inset:0;overflow:auto}html.html-quiz-open{overflow:hidden}.quiz-progress[data-astro-cid-vzxggnxt]{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.quiz-track[data-astro-cid-vzxggnxt]{background:var(--border);border-radius:.2rem;flex:1;height:.4rem;overflow:hidden}[data-astro-cid-vzxggnxt][data-bar]{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.quiz-dots[data-astro-cid-vzxggnxt]{flex-wrap:wrap;gap:.25rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:flex}.quiz-dots[data-astro-cid-vzxggnxt] li{margin:0;display:flex}.quiz-feedback[data-astro-cid-vzxggnxt] p[data-astro-cid-vzxggnxt]{margin-block:.5rem 0}[data-astro-cid-vzxggnxt][data-verdict]{font-weight:600}.quiz-feedback[data-astro-cid-vzxggnxt].is-correct [data-astro-cid-vzxggnxt][data-verdict]{color:var(--callout-tip)}.quiz-feedback[data-astro-cid-vzxggnxt].is-wrong [data-astro-cid-vzxggnxt][data-verdict]{color:var(--danger)}.quiz-hint[data-astro-cid-vzxggnxt]{color:var(--muted);margin-bottom:0;font-size:.85rem}.quiz-score[data-astro-cid-vzxggnxt]{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.quiz-score[data-astro-cid-vzxggnxt] h2[data-astro-cid-vzxggnxt]{margin:0 0 .25rem}.quiz-score[data-astro-cid-vzxggnxt] p[data-astro-cid-vzxggnxt]{color:var(--muted);margin:0}.quiz-ring[data-astro-cid-vzxggnxt]{--percent:0;background:conic-gradient(var(--accent) calc(var(--percent) * 1%), var(--border) 0);border-radius:50%;place-items:center;width:7rem;height:7rem;display:grid}.quiz-ring[data-astro-cid-vzxggnxt] b[data-astro-cid-vzxggnxt]{background:var(--surface);border-radius:50%;place-items:center;width:5.6rem;height:5.6rem;font-size:1.5rem;display:grid}.quiz-review[data-astro-cid-vzxggnxt]{padding:0;list-style:none}.quiz-review[data-astro-cid-vzxggnxt] li{border-left:3px solid var(--danger);margin-top:0;margin-bottom:.75rem;padding:.3rem 0 .3rem .9rem}.quiz-review[data-astro-cid-vzxggnxt] small{color:var(--muted);display:block}.quiz-review[data-astro-cid-vzxggnxt] a{font-size:.9rem}.html-quiz[data-astro-cid-vzxggnxt] :is(.tag2,.att2,.zna2){background:var(--code-bg);font-family:var(--code-font);border-radius:.25rem;padding:.05rem .3rem;font-size:.9em}.html-quiz[data-astro-cid-vzxggnxt] .tag2{color:var(--code-tag)}.html-quiz[data-astro-cid-vzxggnxt] .att2{color:var(--code-property)}.html-quiz[data-astro-cid-vzxggnxt] .zna2{color:var(--code-string)}[data-astro-cid-vzxggnxt]:focus-visible{outline-offset:3px;outline:3px solid}