:root{--scale-min-2:calc(pow(2, (1 / 12)));--scale-maj-2:calc(pow(2, (2 / 12)));--scale-min-3:calc(pow(2, (3 / 12)));--scale-maj-3:calc(pow(2, (4 / 12)));--scale-perfect-fourth:calc(pow(2, (5 / 12)));--scale-tritone:calc(pow(2, (6 / 12)));--scale-perfect-fifth:calc(pow(2, (7 / 12)));--scale-min-6:calc(pow(2, (8 / 12)));--scale-maj-6:calc(pow(2, (9 / 12)));--scale-min-7:calc(pow(2, (10 / 12)));--scale-maj-7:calc(pow(2, (11 / 12)));--scale-octave:calc(pow(2, (12 / 12)));--scale-fibonacci:1.618}:root{--size-0:0px;--size-1:4px;--size-2:calc(var(--size-1) * 2);--size-3:calc(var(--size-1) * 3);--size-4:calc(var(--size-1) * 4);--size-5:calc(var(--size-1) * 5);--size-6:calc(var(--size-1) * 6);--size-7:calc(var(--size-1) * 7);--size-8:calc(var(--size-1) * 8);--size-9:calc(var(--size-1) * 9);--size-10:calc(var(--size-1) * 10);--size-11:calc(var(--size-1) * 11);--size-12:calc(var(--size-1) * 12);--size-13:calc(var(--size-1) * 13);--size-14:calc(var(--size-1) * 14);--size-15:calc(var(--size-1) * 15);--size-16:calc(var(--size-1) * 16);--size-17:calc(var(--size-1) * 17);--size-18:calc(var(--size-1) * 18);--size-19:calc(var(--size-1) * 19);--size-20:calc(var(--size-1) * 20);--size-21:calc(var(--size-1) * 21);--size-22:calc(var(--size-1) * 22);--size-23:calc(var(--size-1) * 23);--size-24:calc(var(--size-1) * 24);--size-25:calc(var(--size-1) * 25);--size-26:calc(var(--size-1) * 26);--size-27:calc(var(--size-1) * 27);--size-28:calc(var(--size-1) * 28);--size-29:calc(var(--size-1) * 29);--size-30:calc(var(--size-1) * 30);--size-31:calc(var(--size-1) * 31);--size-32:calc(var(--size-1) * 32);--size-38:calc(var(--size-1) * 38);--size-39:calc(var(--size-1) * 39);--size-40:calc(var(--size-1) * 40);--size-50:calc(var(--size-1) * 50);--size-64:calc(var(--size-1) * 64);--size-70:calc(var(--size-1) * 70);--size-82:calc(var(--size-1) * 82);--size-90:calc(var(--size-1) * 90);--size-100:calc(var(--size-1) * 100);--size-103:calc(var(--size-1) * 103);--size-128:calc(var(--size-1) * 128);--size-140:calc(var(--size-1) * 140);--size-150:calc(var(--size-1) * 150);--size-160:calc(var(--size-1) * 160);--size-200:calc(var(--size-1) * 200);--size-210:calc(var(--size-1) * 210);--size-300:calc(var(--size-1) * 300);--size-400:calc(var(--size-1) * 400);--spacing-panes:var(--size-4);--fixed-pane-width:var(--size-90);--root-font-size:var(--input-font-size)}@media screen and (min-width:600px){:root{--spacing-panes:var(--size-6);--root-font-size:var(--input-font-size) * var(--scale-min-2)}}@media screen and (min-width:840px){:root{--root-font-size:calc(var(--input-font-size) * var(--scale-maj-2))}}@media screen and (min-width:1200px){:root{--fixed-pane-width:var(--size-103)}}:root{--palette-black:#000;--palette-white:#FFF;--hue-primary:var(--input-color-hue);--hue-error:25deg;--hue-tertiary:calc(var(--hue-primary) + calc(var(--input-tertiary-temperature) * 60deg));--hue-complementary:calc(var(--hue-primary) + 180deg);--hue-warning:calc(var(--hue-primary) + 80deg - var(--harmonization));--hue-caution:calc(var(--hue-primary) + 110deg - var(--harmonization) * 1.1);--hue-important:calc(var(--hue-primary) + 140deg - var(--harmonization) * 1.2);--hue-pinned:calc(var(--hue-primary) + 170deg - var(--harmonization) * 1.3);--hue-verse:calc(var(--hue-primary) - 160deg + var(--harmonization) * 1.6);--hue-export:calc(var(--hue-primary) - 130deg + var(--harmonization) * 1.3);--hue-query:calc(var(--hue-primary) - 100deg + var(--harmonization) * 1.0);--hue-note:calc(var(--hue-primary) - 70deg + var(--harmonization) * 0.7);--hue-tip:calc(var(--hue-primary) - 40deg + var(--harmonization) * 0.4);--hue-example:calc(var(--hue-primary) - 10deg + var(--harmonization) * 0.1);--hue-comment:calc(var(--hue-primary) + 20deg - var(--harmonization) * 0.2);--hue-quote:calc(var(--hue-primary) + 50deg - var(--harmonization) * 0.5);--hue-sub180:calc(var(--hue-primary) - 180deg + var(--harmonization) * 1.8);--hue-sub150:calc(var(--hue-primary) - 150deg + var(--harmonization) * 1.5);--hue-sub120:calc(var(--hue-primary) - 120deg + var(--harmonization) * 1.2);--hue-sub90:calc(var(--hue-primary) - 90deg + var(--harmonization) * 0.9);--hue-sub60:calc(var(--hue-primary) - 60deg + var(--harmonization) * 0.6);--hue-sub30:calc(var(--hue-primary) - 30deg + var(--harmonization) * 0.3);--hue-add30:calc(var(--hue-primary) + 30deg - var(--harmonization) * 0.3);--hue-add60:calc(var(--hue-primary) + 60deg - var(--harmonization) * 0.6);--hue-add90:calc(var(--hue-primary) + 90deg - var(--harmonization) * 0.9);--hue-add120:calc(var(--hue-primary) + 120deg - var(--harmonization) * 1.2);--hue-add150:calc(var(--hue-primary) + 150deg - var(--harmonization) * 1.5);--hue-add180:calc(var(--hue-primary) + 180deg - var(--harmonization) * 1.8);--chroma-primary:var(--input-color-chroma);--chroma-error:65%;--chroma-secondary:calc(var(--chroma-primary) / 3);--chroma-tertiary:calc(var(--chroma-primary) / 2);--chroma-neutral:calc(var(--chroma-primary) / 21);--chroma-neutral-variant:calc(var(--chroma-primary) / 8);--chroma-classic:calc(var(--chroma-primary) / var(--scale-fibonacci));--chroma-admonition:calc(var(--chroma-primary) / var(--scale-fibonacci));--palette-hue-0:oklch(60% var(--chroma-primary) 0deg);--palette-hue-30:oklch(60% var(--chroma-primary) 30deg);--palette-hue-60:oklch(60% var(--chroma-primary) 60deg);--palette-hue-90:oklch(60% var(--chroma-primary) 90deg);--palette-hue-120:oklch(60% var(--chroma-primary) 120deg);--palette-hue-150:oklch(60% var(--chroma-primary) 150deg);--palette-hue-180:oklch(60% var(--chroma-primary) 180deg);--palette-hue-210:oklch(60% var(--chroma-primary) 210deg);--palette-hue-240:oklch(60% var(--chroma-primary) 240deg);--palette-hue-270:oklch(60% var(--chroma-primary) 270deg);--palette-hue-300:oklch(60% var(--chroma-primary) 300deg);--palette-hue-330:oklch(60% var(--chroma-primary) 330deg);--palette-chroma-0:oklch(50% 0% var(--hue-primary));--palette-chroma-10:oklch(50% 10% var(--hue-primary));--palette-chroma-20:oklch(50% 20% var(--hue-primary));--palette-chroma-30:oklch(50% 30% var(--hue-primary));--palette-chroma-40:oklch(50% 40% var(--hue-primary));--palette-chroma-50:oklch(50% 50% var(--hue-primary));--palette-chroma-60:oklch(50% 60% var(--hue-primary));--palette-chroma-70:oklch(50% 70% var(--hue-primary));--palette-chroma-80:oklch(50% 80% var(--hue-primary));--palette-chroma-90:oklch(50% 90% var(--hue-primary));--palette-chroma-100:oklch(50% 100% var(--hue-primary));--palette-primary-0:var(--palette-black);--palette-primary-10:oklch(20% var(--chroma-primary) var(--hue-primary));--palette-primary-20:oklch(30% var(--chroma-primary) var(--hue-primary));--palette-primary-30:oklch(40% var(--chroma-primary) var(--hue-primary));--palette-primary-40:oklch(50% var(--chroma-primary) var(--hue-primary));--palette-primary-50:oklch(60% var(--chroma-primary) var(--hue-primary));--palette-primary-60:oklch(70% var(--chroma-primary) var(--hue-primary));--palette-primary-70:oklch(80% var(--chroma-primary) var(--hue-primary));--palette-primary-80:oklch(90% var(--chroma-primary) var(--hue-primary));--palette-primary-90:oklch(95% var(--chroma-primary) var(--hue-primary));--palette-primary-95:oklch(99% var(--chroma-primary) var(--hue-primary));--palette-primary-100:var(--palette-white);--palette-secondary-0:var(--palette-black);--palette-secondary-10:oklch(20% var(--chroma-secondary) var(--hue-primary));--palette-secondary-20:oklch(30% var(--chroma-secondary) var(--hue-primary));--palette-secondary-30:oklch(40% var(--chroma-secondary) var(--hue-primary));--palette-secondary-40:oklch(50% var(--chroma-secondary) var(--hue-primary));--palette-secondary-50:oklch(60% var(--chroma-secondary) var(--hue-primary));--palette-secondary-60:oklch(70% var(--chroma-secondary) var(--hue-primary));--palette-secondary-70:oklch(80% var(--chroma-secondary) var(--hue-primary));--palette-secondary-80:oklch(90% var(--chroma-secondary) var(--hue-primary));--palette-secondary-90:oklch(95% var(--chroma-secondary) var(--hue-primary));--palette-secondary-95:oklch(99% var(--chroma-secondary) var(--hue-primary));--palette-secondary-100:var(--palette-white);--palette-tertiary-0:var(--palette-black);--palette-tertiary-10:oklch(20% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-20:oklch(30% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-30:oklch(40% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-40:oklch(50% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-50:oklch(60% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-60:oklch(70% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-70:oklch(80% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-80:oklch(90% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-90:oklch(95% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-95:oklch(99% var(--chroma-tertiary) var(--hue-tertiary));--palette-tertiary-100:var(--palette-white);--palette-neutral-0:var(--palette-black);--palette-neutral-4:oklch(14% var(--chroma-neutral) var(--hue-primary));--palette-neutral-6:oklch(16% var(--chroma-neutral) var(--hue-primary));--palette-neutral-10:oklch(20% var(--chroma-neutral) var(--hue-primary));--palette-neutral-12:oklch(22% var(--chroma-neutral) var(--hue-primary));--palette-neutral-17:oklch(27% var(--chroma-neutral) var(--hue-primary));--palette-neutral-20:oklch(30% var(--chroma-neutral) var(--hue-primary));--palette-neutral-22:oklch(32% var(--chroma-neutral) var(--hue-primary));--palette-neutral-24:oklch(34% var(--chroma-neutral) var(--hue-primary));--palette-neutral-30:oklch(40% var(--chroma-neutral) var(--hue-primary));--palette-neutral-40:oklch(50% var(--chroma-neutral) var(--hue-primary));--palette-neutral-50:oklch(60% var(--chroma-neutral) var(--hue-primary));--palette-neutral-60:oklch(70% var(--chroma-neutral) var(--hue-primary));--palette-neutral-70:oklch(80% var(--chroma-neutral) var(--hue-primary));--palette-neutral-80:oklch(90% var(--chroma-neutral) var(--hue-primary));--palette-neutral-87:oklch(92% var(--chroma-neutral) var(--hue-primary));--palette-neutral-90:oklch(95% var(--chroma-neutral) var(--hue-primary));--palette-neutral-92:oklch(96% var(--chroma-neutral) var(--hue-primary));--palette-neutral-94:oklch(97% var(--chroma-neutral) var(--hue-primary));--palette-neutral-95:oklch(98% var(--chroma-neutral) var(--hue-primary));--palette-neutral-96:oklch(99% var(--chroma-neutral) var(--hue-primary));--palette-neutral-98:oklch(100% var(--chroma-neutral) var(--hue-primary));--palette-neutral-100:var(--palette-white);--palette-neutral-variant-0:var(--palette-black);--palette-neutral-variant-10:oklch(20% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-20:oklch(30% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-30:oklch(40% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-40:oklch(50% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-50:oklch(60% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-60:oklch(70% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-70:oklch(80% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-75:oklch(85% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-80:oklch(90% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-85:oklch(93% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-90:oklch(95% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-95:oklch(99% var(--chroma-neutral-variant) var(--hue-primary));--palette-neutral-variant-100:var(--palette-white);--palette-error-0:var(--palette-black);--palette-error-10:oklch(10% var(--chroma-error) var(--hue-error));--palette-error-20:oklch(20% var(--chroma-error) var(--hue-error));--palette-error-30:oklch(30% var(--chroma-error) var(--hue-error));--palette-error-40:oklch(40% var(--chroma-error) var(--hue-error));--palette-error-50:oklch(50% var(--chroma-error) var(--hue-error));--palette-error-60:oklch(60% var(--chroma-error) var(--hue-error));--palette-error-70:oklch(70% var(--chroma-error) var(--hue-error));--palette-error-80:oklch(80% var(--chroma-error) var(--hue-error));--palette-error-90:oklch(90% var(--chroma-error) var(--hue-error));--palette-error-100:var(--palette-white);--palette-warning-0:var(--palette-black);--palette-warning-10:oklch(10% var(--chroma-admonition) var(--hue-warning));--palette-warning-20:oklch(20% var(--chroma-admonition) var(--hue-warning));--palette-warning-30:oklch(30% var(--chroma-admonition) var(--hue-warning));--palette-warning-40:oklch(40% var(--chroma-admonition) var(--hue-warning));--palette-warning-50:oklch(50% var(--chroma-admonition) var(--hue-warning));--palette-warning-60:oklch(60% var(--chroma-admonition) var(--hue-warning));--palette-warning-70:oklch(70% var(--chroma-admonition) var(--hue-warning));--palette-warning-80:oklch(80% var(--chroma-admonition) var(--hue-warning));--palette-warning-90:oklch(90% var(--chroma-admonition) var(--hue-warning));--palette-warning-100:var(--palette-white);--palette-caution-0:var(--palette-black);--palette-caution-10:oklch(10% var(--chroma-admonition) var(--hue-caution));--palette-caution-20:oklch(20% var(--chroma-admonition) var(--hue-caution));--palette-caution-30:oklch(30% var(--chroma-admonition) var(--hue-caution));--palette-caution-40:oklch(40% var(--chroma-admonition) var(--hue-caution));--palette-caution-50:oklch(50% var(--chroma-admonition) var(--hue-caution));--palette-caution-60:oklch(60% var(--chroma-admonition) var(--hue-caution));--palette-caution-70:oklch(70% var(--chroma-admonition) var(--hue-caution));--palette-caution-80:oklch(80% var(--chroma-admonition) var(--hue-caution));--palette-caution-90:oklch(90% var(--chroma-admonition) var(--hue-caution));--palette-caution-100:var(--palette-white);--palette-important-0:var(--palette-black);--palette-important-10:oklch(10% var(--chroma-admonition) var(--hue-important));--palette-important-20:oklch(20% var(--chroma-admonition) var(--hue-important));--palette-important-30:oklch(30% var(--chroma-admonition) var(--hue-important));--palette-important-40:oklch(40% var(--chroma-admonition) var(--hue-important));--palette-important-50:oklch(50% var(--chroma-admonition) var(--hue-important));--palette-important-60:oklch(60% var(--chroma-admonition) var(--hue-important));--palette-important-70:oklch(70% var(--chroma-admonition) var(--hue-important));--palette-important-80:oklch(80% var(--chroma-admonition) var(--hue-important));--palette-important-90:oklch(90% var(--chroma-admonition) var(--hue-important));--palette-important-100:var(--palette-white);--palette-pinned-0:var(--palette-black);--palette-pinned-10:oklch(10% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-20:oklch(20% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-30:oklch(30% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-40:oklch(40% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-50:oklch(50% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-60:oklch(60% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-70:oklch(70% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-80:oklch(80% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-90:oklch(90% var(--chroma-admonition) var(--hue-pinned));--palette-pinned-100:var(--palette-white);--palette-verse-0:var(--palette-black);--palette-verse-10:oklch(10% var(--chroma-admonition) var(--hue-verse));--palette-verse-20:oklch(20% var(--chroma-admonition) var(--hue-verse));--palette-verse-30:oklch(30% var(--chroma-admonition) var(--hue-verse));--palette-verse-40:oklch(40% var(--chroma-admonition) var(--hue-verse));--palette-verse-50:oklch(50% var(--chroma-admonition) var(--hue-verse));--palette-verse-60:oklch(60% var(--chroma-admonition) var(--hue-verse));--palette-verse-70:oklch(70% var(--chroma-admonition) var(--hue-verse));--palette-verse-80:oklch(80% var(--chroma-admonition) var(--hue-verse));--palette-verse-90:oklch(90% var(--chroma-admonition) var(--hue-verse));--palette-verse-100:var(--palette-white);--palette-export-0:var(--palette-black);--palette-export-10:oklch(10% var(--chroma-admonition) var(--hue-export));--palette-export-20:oklch(20% var(--chroma-admonition) var(--hue-export));--palette-export-30:oklch(30% var(--chroma-admonition) var(--hue-export));--palette-export-40:oklch(40% var(--chroma-admonition) var(--hue-export));--palette-export-50:oklch(50% var(--chroma-admonition) var(--hue-export));--palette-export-60:oklch(60% var(--chroma-admonition) var(--hue-export));--palette-export-70:oklch(70% var(--chroma-admonition) var(--hue-export));--palette-export-80:oklch(80% var(--chroma-admonition) var(--hue-export));--palette-export-90:oklch(90% var(--chroma-admonition) var(--hue-export));--palette-export-100:var(--palette-white);--palette-query-0:var(--palette-black);--palette-query-10:oklch(10% var(--chroma-admonition) var(--hue-query));--palette-query-20:oklch(20% var(--chroma-admonition) var(--hue-query));--palette-query-30:oklch(30% var(--chroma-admonition) var(--hue-query));--palette-query-40:oklch(40% var(--chroma-admonition) var(--hue-query));--palette-query-50:oklch(50% var(--chroma-admonition) var(--hue-query));--palette-query-60:oklch(60% var(--chroma-admonition) var(--hue-query));--palette-query-70:oklch(70% var(--chroma-admonition) var(--hue-query));--palette-query-80:oklch(80% var(--chroma-admonition) var(--hue-query));--palette-query-90:oklch(90% var(--chroma-admonition) var(--hue-query));--palette-query-100:var(--palette-white);--palette-note-0:var(--palette-black);--palette-note-10:oklch(10% var(--chroma-admonition) var(--hue-note));--palette-note-20:oklch(20% var(--chroma-admonition) var(--hue-note));--palette-note-30:oklch(30% var(--chroma-admonition) var(--hue-note));--palette-note-40:oklch(40% var(--chroma-admonition) var(--hue-note));--palette-note-50:oklch(50% var(--chroma-admonition) var(--hue-note));--palette-note-60:oklch(60% var(--chroma-admonition) var(--hue-note));--palette-note-70:oklch(70% var(--chroma-admonition) var(--hue-note));--palette-note-80:oklch(80% var(--chroma-admonition) var(--hue-note));--palette-note-90:oklch(90% var(--chroma-admonition) var(--hue-note));--palette-note-100:var(--palette-white);--palette-tip-0:var(--palette-black);--palette-tip-10:oklch(10% var(--chroma-admonition) var(--hue-tip));--palette-tip-20:oklch(20% var(--chroma-admonition) var(--hue-tip));--palette-tip-30:oklch(30% var(--chroma-admonition) var(--hue-tip));--palette-tip-40:oklch(40% var(--chroma-admonition) var(--hue-tip));--palette-tip-50:oklch(50% var(--chroma-admonition) var(--hue-tip));--palette-tip-60:oklch(60% var(--chroma-admonition) var(--hue-tip));--palette-tip-70:oklch(70% var(--chroma-admonition) var(--hue-tip));--palette-tip-80:oklch(80% var(--chroma-admonition) var(--hue-tip));--palette-tip-90:oklch(90% var(--chroma-admonition) var(--hue-tip));--palette-tip-100:var(--palette-white);--palette-example-0:var(--palette-black);--palette-example-10:oklch(10% var(--chroma-admonition) var(--hue-example));--palette-example-20:oklch(20% var(--chroma-admonition) var(--hue-example));--palette-example-30:oklch(30% var(--chroma-admonition) var(--hue-example));--palette-example-40:oklch(40% var(--chroma-admonition) var(--hue-example));--palette-example-50:oklch(50% var(--chroma-admonition) var(--hue-example));--palette-example-60:oklch(60% var(--chroma-admonition) var(--hue-example));--palette-example-70:oklch(70% var(--chroma-admonition) var(--hue-example));--palette-example-80:oklch(80% var(--chroma-admonition) var(--hue-example));--palette-example-90:oklch(90% var(--chroma-admonition) var(--hue-example));--palette-example-100:var(--palette-white);--palette-comment-0:var(--palette-black);--palette-comment-10:oklch(10% var(--chroma-admonition) var(--hue-comment));--palette-comment-20:oklch(20% var(--chroma-admonition) var(--hue-comment));--palette-comment-30:oklch(30% var(--chroma-admonition) var(--hue-comment));--palette-comment-40:oklch(40% var(--chroma-admonition) var(--hue-comment));--palette-comment-50:oklch(50% var(--chroma-admonition) var(--hue-comment));--palette-comment-60:oklch(60% var(--chroma-admonition) var(--hue-comment));--palette-comment-70:oklch(70% var(--chroma-admonition) var(--hue-comment));--palette-comment-80:oklch(80% var(--chroma-admonition) var(--hue-comment));--palette-comment-90:oklch(90% var(--chroma-admonition) var(--hue-comment));--palette-comment-100:var(--palette-white);--palette-quote-0:var(--palette-black);--palette-quote-10:oklch(10% var(--chroma-admonition) var(--hue-quote));--palette-quote-20:oklch(20% var(--chroma-admonition) var(--hue-quote));--palette-quote-30:oklch(30% var(--chroma-admonition) var(--hue-quote));--palette-quote-40:oklch(40% var(--chroma-admonition) var(--hue-quote));--palette-quote-50:oklch(50% var(--chroma-admonition) var(--hue-quote));--palette-quote-60:oklch(60% var(--chroma-admonition) var(--hue-quote));--palette-quote-70:oklch(70% var(--chroma-admonition) var(--hue-quote));--palette-quote-80:oklch(80% var(--chroma-admonition) var(--hue-quote));--palette-quote-90:oklch(90% var(--chroma-admonition) var(--hue-quote));--palette-quote-100:var(--palette-white);--palette-sub30-0:var(--palette-black);--palette-sub30-10:oklch(10% var(--chroma-classic) var(--hue-sub30));--palette-sub30-20:oklch(20% var(--chroma-classic) var(--hue-sub30));--palette-sub30-30:oklch(30% var(--chroma-classic) var(--hue-sub30));--palette-sub30-40:oklch(40% var(--chroma-classic) var(--hue-sub30));--palette-sub30-50:oklch(50% var(--chroma-classic) var(--hue-sub30));--palette-sub30-60:oklch(60% var(--chroma-classic) var(--hue-sub30));--palette-sub30-70:oklch(70% var(--chroma-classic) var(--hue-sub30));--palette-sub30-80:oklch(80% var(--chroma-classic) var(--hue-sub30));--palette-sub30-90:oklch(90% var(--chroma-classic) var(--hue-sub30));--palette-sub30-100:var(--palette-white);--palette-add30-0:var(--palette-black);--palette-add30-10:oklch(10% var(--chroma-classic) var(--hue-add30));--palette-add30-20:oklch(20% var(--chroma-classic) var(--hue-add30));--palette-add30-30:oklch(30% var(--chroma-classic) var(--hue-add30));--palette-add30-40:oklch(40% var(--chroma-classic) var(--hue-add30));--palette-add30-50:oklch(50% var(--chroma-classic) var(--hue-add30));--palette-add30-60:oklch(60% var(--chroma-classic) var(--hue-add30));--palette-add30-70:oklch(70% var(--chroma-classic) var(--hue-add30));--palette-add30-80:oklch(80% var(--chroma-classic) var(--hue-add30));--palette-add30-90:oklch(90% var(--chroma-classic) var(--hue-add30));--palette-add30-100:var(--palette-white);--palette-sub60-0:var(--palette-black);--palette-sub60-10:oklch(10% var(--chroma-classic) var(--hue-sub60));--palette-sub60-20:oklch(20% var(--chroma-classic) var(--hue-sub60));--palette-sub60-30:oklch(30% var(--chroma-classic) var(--hue-sub60));--palette-sub60-40:oklch(40% var(--chroma-classic) var(--hue-sub60));--palette-sub60-50:oklch(50% var(--chroma-classic) var(--hue-sub60));--palette-sub60-60:oklch(60% var(--chroma-classic) var(--hue-sub60));--palette-sub60-70:oklch(70% var(--chroma-classic) var(--hue-sub60));--palette-sub60-80:oklch(80% var(--chroma-classic) var(--hue-sub60));--palette-sub60-90:oklch(90% var(--chroma-classic) var(--hue-sub60));--palette-sub60-100:var(--palette-white);--palette-add60-0:var(--palette-black);--palette-add60-10:oklch(10% var(--chroma-classic) var(--hue-add60));--palette-add60-20:oklch(20% var(--chroma-classic) var(--hue-add60));--palette-add60-30:oklch(30% var(--chroma-classic) var(--hue-add60));--palette-add60-40:oklch(40% var(--chroma-classic) var(--hue-add60));--palette-add60-50:oklch(50% var(--chroma-classic) var(--hue-add60));--palette-add60-60:oklch(60% var(--chroma-classic) var(--hue-add60));--palette-add60-70:oklch(70% var(--chroma-classic) var(--hue-add60));--palette-add60-80:oklch(80% var(--chroma-classic) var(--hue-add60));--palette-add60-90:oklch(90% var(--chroma-classic) var(--hue-add60));--palette-add60-100:var(--palette-white);--palette-sub90-0:var(--palette-black);--palette-sub90-10:oklch(10% var(--chroma-classic) var(--hue-sub90));--palette-sub90-20:oklch(20% var(--chroma-classic) var(--hue-sub90));--palette-sub90-30:oklch(30% var(--chroma-classic) var(--hue-sub90));--palette-sub90-40:oklch(40% var(--chroma-classic) var(--hue-sub90));--palette-sub90-50:oklch(50% var(--chroma-classic) var(--hue-sub90));--palette-sub90-60:oklch(60% var(--chroma-classic) var(--hue-sub90));--palette-sub90-70:oklch(70% var(--chroma-classic) var(--hue-sub90));--palette-sub90-80:oklch(80% var(--chroma-classic) var(--hue-sub90));--palette-sub90-90:oklch(90% var(--chroma-classic) var(--hue-sub90));--palette-sub90-100:var(--palette-white);--palette-add90-0:var(--palette-black);--palette-add90-10:oklch(10% var(--chroma-classic) var(--hue-add90));--palette-add90-20:oklch(20% var(--chroma-classic) var(--hue-add90));--palette-add90-30:oklch(30% var(--chroma-classic) var(--hue-add90));--palette-add90-40:oklch(40% var(--chroma-classic) var(--hue-add90));--palette-add90-50:oklch(50% var(--chroma-classic) var(--hue-add90));--palette-add90-60:oklch(60% var(--chroma-classic) var(--hue-add90));--palette-add90-70:oklch(70% var(--chroma-classic) var(--hue-add90));--palette-add90-80:oklch(80% var(--chroma-classic) var(--hue-add90));--palette-add90-90:oklch(90% var(--chroma-classic) var(--hue-add90));--palette-add90-100:var(--palette-white);--palette-sub120-0:var(--palette-black);--palette-sub120-10:oklch(10% var(--chroma-classic) var(--hue-sub120));--palette-sub120-20:oklch(20% var(--chroma-classic) var(--hue-sub120));--palette-sub120-30:oklch(30% var(--chroma-classic) var(--hue-sub120));--palette-sub120-40:oklch(40% var(--chroma-classic) var(--hue-sub120));--palette-sub120-50:oklch(50% var(--chroma-classic) var(--hue-sub120));--palette-sub120-60:oklch(60% var(--chroma-classic) var(--hue-sub120));--palette-sub120-70:oklch(70% var(--chroma-classic) var(--hue-sub120));--palette-sub120-80:oklch(80% var(--chroma-classic) var(--hue-sub120));--palette-sub120-90:oklch(90% var(--chroma-classic) var(--hue-sub120));--palette-sub120-100:var(--palette-white);--palette-add120-0:var(--palette-black);--palette-add120-10:oklch(10% var(--chroma-classic) var(--hue-add120));--palette-add120-20:oklch(20% var(--chroma-classic) var(--hue-add120));--palette-add120-30:oklch(30% var(--chroma-classic) var(--hue-add120));--palette-add120-40:oklch(40% var(--chroma-classic) var(--hue-add120));--palette-add120-50:oklch(50% var(--chroma-classic) var(--hue-add120));--palette-add120-60:oklch(60% var(--chroma-classic) var(--hue-add120));--palette-add120-70:oklch(70% var(--chroma-classic) var(--hue-add120));--palette-add120-80:oklch(80% var(--chroma-classic) var(--hue-add120));--palette-add120-90:oklch(90% var(--chroma-classic) var(--hue-add120));--palette-add120-100:var(--palette-white);--palette-sub150-0:var(--palette-black);--palette-sub150-10:oklch(10% var(--chroma-classic) var(--hue-sub150));--palette-sub150-20:oklch(20% var(--chroma-classic) var(--hue-sub150));--palette-sub150-30:oklch(30% var(--chroma-classic) var(--hue-sub150));--palette-sub150-40:oklch(40% var(--chroma-classic) var(--hue-sub150));--palette-sub150-50:oklch(50% var(--chroma-classic) var(--hue-sub150));--palette-sub150-60:oklch(60% var(--chroma-classic) var(--hue-sub150));--palette-sub150-70:oklch(70% var(--chroma-classic) var(--hue-sub150));--palette-sub150-80:oklch(80% var(--chroma-classic) var(--hue-sub150));--palette-sub150-90:oklch(90% var(--chroma-classic) var(--hue-sub150));--palette-sub150-100:var(--palette-white);--palette-add150-0:var(--palette-black);--palette-add150-10:oklch(10% var(--chroma-classic) var(--hue-add150));--palette-add150-20:oklch(20% var(--chroma-classic) var(--hue-add150));--palette-add150-30:oklch(30% var(--chroma-classic) var(--hue-add150));--palette-add150-40:oklch(40% var(--chroma-classic) var(--hue-add150));--palette-add150-50:oklch(50% var(--chroma-classic) var(--hue-add150));--palette-add150-60:oklch(60% var(--chroma-classic) var(--hue-add150));--palette-add150-70:oklch(70% var(--chroma-classic) var(--hue-add150));--palette-add150-80:oklch(80% var(--chroma-classic) var(--hue-add150));--palette-add150-90:oklch(90% var(--chroma-classic) var(--hue-add150));--palette-add150-100:var(--palette-white);--palette-sub180-0:var(--palette-black);--palette-sub180-10:oklch(10% var(--chroma-classic) var(--hue-sub180));--palette-sub180-20:oklch(20% var(--chroma-classic) var(--hue-sub180));--palette-sub180-30:oklch(30% var(--chroma-classic) var(--hue-sub180));--palette-sub180-40:oklch(40% var(--chroma-classic) var(--hue-sub180));--palette-sub180-50:oklch(50% var(--chroma-classic) var(--hue-sub180));--palette-sub180-60:oklch(60% var(--chroma-classic) var(--hue-sub180));--palette-sub180-70:oklch(70% var(--chroma-classic) var(--hue-sub180));--palette-sub180-80:oklch(80% var(--chroma-classic) var(--hue-sub180));--palette-sub180-90:oklch(90% var(--chroma-classic) var(--hue-sub180));--palette-sub180-100:var(--palette-white);--palette-add180-0:var(--palette-black);--palette-add180-10:oklch(10% var(--chroma-classic) var(--hue-add180));--palette-add180-20:oklch(20% var(--chroma-classic) var(--hue-add180));--palette-add180-30:oklch(30% var(--chroma-classic) var(--hue-add180));--palette-add180-40:oklch(40% var(--chroma-classic) var(--hue-add180));--palette-add180-50:oklch(50% var(--chroma-classic) var(--hue-add180));--palette-add180-60:oklch(60% var(--chroma-classic) var(--hue-add180));--palette-add180-70:oklch(70% var(--chroma-classic) var(--hue-add180));--palette-add180-80:oklch(80% var(--chroma-classic) var(--hue-add180));--palette-add180-90:oklch(90% var(--chroma-classic) var(--hue-add180));--palette-add180-100:var(--palette-white);--palette-complementary-0:var(--palette-black);--palette-complementary-10:oklch(10% var(--chroma-classic) var(--hue-complementary));--palette-complementary-20:oklch(20% var(--chroma-classic) var(--hue-complementary));--palette-complementary-30:oklch(30% var(--chroma-classic) var(--hue-complementary));--palette-complementary-40:oklch(40% var(--chroma-classic) var(--hue-complementary));--palette-complementary-50:oklch(50% var(--chroma-classic) var(--hue-complementary));--palette-complementary-60:oklch(60% var(--chroma-classic) var(--hue-complementary));--palette-complementary-70:oklch(70% var(--chroma-classic) var(--hue-complementary));--palette-complementary-80:oklch(80% var(--chroma-classic) var(--hue-complementary));--palette-complementary-90:oklch(90% var(--chroma-classic) var(--hue-complementary));--palette-complementary-100:var(--palette-white)}:root{--typeface-brand:var(--typeface-brand);--typeface-plain:var(--typeface-plain);--typeface-mono:var(--typeface-mono);--typeface-icon-outlined:'Material Symbols Outlined';--typeface-icon-rounded:'Material Symbols Rounded';--typeface-icon-sharp:'Material Symbols Sharp';--typeface-weight-regular:400;--typeface-weight-medium:500;--typeface-weight-bold:700;&:has(#font-brand-raleway:checked) { --typeface-brand:'Raleway',system-ui,sans-serif; } &:has(#font-brand-rubik:checked) { --typeface-brand:'Rubik',system-ui,sans-serif; } &:has(#font-brand-bookman:checked) { --typeface-brand:'Bookman',system-ui,serif; } &:has(#font-brand-century-schoolbook:checked) { --typeface-brand:'Century Schoolbook',system-ui,serif; } &:has(#font-plain-rubik:checked) { --typeface-plain:'Rubik',system-ui,sans-serif; } &:has(#font-plain-raleway:checked) { --typeface-plain:'Raleway',system-ui,sans-serif; } &:has(#font-plain-helvetica:checked) { --typeface-plain:'Helvetica',system-ui,sans-serif; } &:has(#font-plain-verdana:checked) { --typeface-plain:'Verdana',system-ui,sans-serif; } &:has(#font-sometype-mono:checked) { --typeface-mono:'SomeType Mono',system-ui,monospace; } &:has(#font-courier-new:checked) { --typeface-mono:'Courier New',system-ui,monospace; } &:has(#font-andale-mono:checked) { --typeface-mono:'Andale Mono',system-ui,monospace; } &:has(#font-consolas:checked) { --typeface-mono:'Consolas',system-ui,monospace; }}:root:has(#theme-toggle:checked){--color-scrim:var(--palette-neutral-0);--color-shadow:var(--palette-neutral-0);--color-surface-dim:var(--palette-neutral-87);--color-surface:var(--palette-neutral-98);--color-surface-bright:var(--palette-neutral-98);--color-surface-variant:var(--palette-neutral-variant-90);--color-surface-container-lowest:var(--palette-neutral-100);--color-surface-container-low:var(--palette-neutral-96);--color-surface-container:var(--palette-neutral-94);--color-surface-container-high:var(--palette-neutral-92);--color-surface-container-highest:var(--palette-neutral-90);--color-on-surface:var(--palette-neutral-10);--color-inverse-surface:var(--palette-neutral-20);--color-on-primary:var(--palette-primary-100);--color-on-secondary:var(--palette-secondary-100);--color-on-tertiary:var(--palette-tertiary-100);--color-on-error:var(--palette-error-100);--color-on-surface-variant:var(--palette-neutral-variant-30);--color-inverse-on-surface:var(--palette-neutral-95);--color-inverse-primary:var(--palette-primary-80);--color-on-primary-container:var(--palette-primary-10);--color-on-secondary-container:var(--palette-secondary-10);--color-on-tertiary-container:var(--palette-tertiary-10);--color-on-error-container:var(--palette-error-10);--color-on-primary-fixed:var(--palette-primary-10);--color-on-primary-fixed-variant:var(--palette-primary-30);--color-on-secondary-fixed:var(--palette-secondary-10);--color-on-secondary-fixed-variant:var(--palette-secondary-30);--color-on-tertiary-fixed:var(--palette-tertiary-10);--color-on-tertiary-fixed-variant:var(--palette-tertiary-30);--color-on-warning:var(--palette-warning-100);--color-on-warning-container:var(--palette-warning-10);--color-on-caution:var(--palette-caution-100);--color-on-caution-container:var(--palette-caution-10);--color-on-important:var(--palette-important-100);--color-on-important-container:var(--palette-important-10);--color-on-pinned:var(--palette-pinned-100);--color-on-pinned-container:var(--palette-pinned-10);--color-on-verse:var(--palette-verse-100);--color-on-verse-container:var(--palette-verse-10);--color-on-export:var(--palette-export-100);--color-on-export-container:var(--palette-export-10);--color-on-query:var(--palette-query-100);--color-on-query-container:var(--palette-query-10);--color-on-note:var(--palette-note-100);--color-on-note-container:var(--palette-note-10);--color-on-tip:var(--palette-tip-100);--color-on-tip-container:var(--palette-tip-10);--color-on-example:var(--palette-example-100);--color-on-example-container:var(--palette-example-10);--color-on-comment:var(--palette-comment-100);--color-on-comment-container:var(--palette-comment-10);--color-on-quote:var(--palette-quote-100);--color-on-quote-container:var(--palette-quote-10);--color-on-sub30:var(--palette-sub30-100);--color-on-sub30-container:var(--palette-sub30-10);--color-on-add30:var(--palette-add30-100);--color-on-add30-container:var(--palette-add30-10);--color-on-sub60:var(--palette-sub60-100);--color-on-sub60-container:var(--palette-sub60-10);--color-on-add60:var(--palette-add60-100);--color-on-add60-container:var(--palette-add60-10);--color-on-sub90:var(--palette-sub90-100);--color-on-sub90-container:var(--palette-sub90-10);--color-on-add90:var(--palette-add90-100);--color-on-add90-container:var(--palette-add90-10);--color-on-sub120:var(--palette-sub120-100);--color-on-sub120-container:var(--palette-sub120-10);--color-on-add120:var(--palette-add120-100);--color-on-add120-container:var(--palette-add120-10);--color-on-sub150:var(--palette-sub150-100);--color-on-sub150-container:var(--palette-sub150-10);--color-on-add150:var(--palette-add150-100);--color-on-add150-container:var(--palette-add150-10);--color-on-sub180:var(--palette-sub180-100);--color-on-sub180-container:var(--palette-sub180-10);--color-on-add180:var(--palette-add180-100);--color-on-add180-container:var(--palette-add180-10);--color-on-complementary:var(--palette-complementary-100);--color-on-complementary-container:var(--palette-complementary-10);--color-primary-fixed:var(--palette-primary-90);--color-primary-fixed-dim:var(--palette-primary-80);--color-secondary-fixed:var(--palette-secondary-90);--color-secondary-fixed-dim:var(--palette-secondary-80);--color-tertiary-fixed:var(--palette-tertiary-90);--color-tertiary-fixed-dim:var(--palette-tertiary-80);--color-primary:var(--palette-primary-40);--color-primary-container:var(--palette-primary-90);--color-secondary:var(--palette-secondary-40);--color-secondary-container:var(--palette-secondary-90);--color-tertiary:var(--palette-tertiary-40);--color-tertiary-container:var(--palette-tertiary-90);--color-error:var(--palette-error-40);--color-error-container:var(--palette-error-90);--color-outline:var(--palette-neutral-variant-50);--color-outline-variant:var(--palette-neutral-variant-80);--color-warning:var(--palette-warning-40);--color-warning-container:var(--palette-warning-90);--color-caution:var(--palette-caution-40);--color-caution-container:var(--palette-caution-90);--color-important:var(--palette-important-40);--color-important-container:var(--palette-important-90);--color-pinned:var(--palette-pinned-40);--color-pinned-container:var(--palette-pinned-90);--color-verse:var(--palette-verse-40);--color-verse-container:var(--palette-verse-90);--color-export:var(--palette-export-40);--color-export-container:var(--palette-export-90);--color-query:var(--palette-query-40);--color-query-container:var(--palette-query-90);--color-note:var(--palette-note-40);--color-note-container:var(--palette-note-90);--color-tip:var(--palette-tip-40);--color-tip-container:var(--palette-tip-90);--color-example:var(--palette-example-40);--color-example-container:var(--palette-example-90);--color-comment:var(--palette-comment-40);--color-comment-container:var(--palette-comment-90);--color-quote:var(--palette-quote-40);--color-quote-container:var(--palette-quote-90);--color-sub30:var(--palette-sub30-40);--color-sub30-container:var(--palette-sub30-90);--color-add30:var(--palette-add30-40);--color-add30-container:var(--palette-add30-90);--color-sub60:var(--palette-sub60-40);--color-sub60-container:var(--palette-sub60-90);--color-add60:var(--palette-add60-40);--color-add60-container:var(--palette-add60-90);--color-sub90:var(--palette-sub90-40);--color-sub90-container:var(--palette-sub90-90);--color-add90:var(--palette-add90-40);--color-add90-container:var(--palette-add90-90);--color-sub120:var(--palette-sub120-40);--color-sub120-container:var(--palette-sub120-90);--color-add120:var(--palette-add120-40);--color-add120-container:var(--palette-add120-90);--color-sub150:var(--palette-sub150-40);--color-sub150-container:var(--palette-sub150-90);--color-add150:var(--palette-add150-40);--color-add150-container:var(--palette-add150-90);--color-sub180:var(--palette-sub180-40);--color-sub180-container:var(--palette-sub180-90);--color-add180:var(--palette-add180-40);--color-add180-container:var(--palette-add180-90);--color-complementary:var(--palette-complementary-40);--color-complementary-container:var(--palette-complementary-90)}:root:has(#theme-toggle:checked){&:has(#contrast-selector-medium:checked,#contrast-selector-high:checked) { --color-on-primary-container:var(--palette-primary-100); --color-on-secondary-container:var(--palette-secondary-100); --color-on-tertiary-container:var(--palette-tertiary-100); --color-on-error-container:var(--palette-error-100); --color-on-primary-fixed:var(--palette-primary-100); --color-on-primary-fixed-variant:var(--palette-primary-100); --color-on-secondary-fixed:var(--palette-secondary-100); --color-on-secondary-fixed-variant:var(--palette-secondary-100); --color-on-tertiary-fixed:var(--palette-tertiary-100); --color-on-tertiary-fixed-variant:var(--palette-tertiary-100); --color-on-warning-container:var(--palette-warning-100); --color-on-caution-container:var(--palette-caution-100); --color-on-important-container:var(--palette-important-100); --color-on-pinned-container:var(--palette-pinned-100); --color-on-verse-container:var(--palette-verse-100); --color-on-export-container:var(--palette-export-100); --color-on-query-container:var(--palette-query-100); --color-on-note-container:var(--palette-note-100); --color-on-tip-container:var(--palette-tip-100); --color-on-example-container:var(--palette-example-100); --color-on-comment-container:var(--palette-comment-100); --color-on-quote-container:var(--palette-quote-100); --color-on-sub30-container:var(--palette-sub30-100); --color-on-add30-container:var(--palette-add30-100); --color-on-sub60-container:var(--palette-sub60-100); --color-on-add60-container:var(--palette-add60-100); --color-on-sub90-container:var(--palette-sub90-100); --color-on-add90-container:var(--palette-add90-100); --color-on-sub120-container:var(--palette-sub120-100); --color-on-add120-container:var(--palette-add120-100); --color-on-sub150-container:var(--palette-sub150-100); --color-on-add150-container:var(--palette-add150-100); --color-on-sub180-container:var(--palette-sub180-100); --color-on-add180-container:var(--palette-add180-100); --color-on-complementary-container:var(--palette-complementary-100); } &:has(#contrast-selector-medium:checked) { --color-primary-fixed:var(--palette-primary-50); --color-primary-fixed-dim:var(--palette-primary-40); --color-secondary-fixed:var(--palette-secondary-60); --color-secondary-fixed-dim:var(--palette-secondary-50); --color-tertiary-fixed:var(--palette-tertiary-60); --color-tertiary-fixed-dim:var(--palette-tertiary-50); --color-primary:var(--palette-primary-30); --color-primary-container:var(--palette-primary-50); --color-secondary:var(--palette-secondary-30); --color-secondary-container:var(--palette-secondary-60); --color-tertiary:var(--palette-tertiary-30); --color-tertiary-container:var(--palette-tertiary-60); --color-error:var(--palette-error-30); --color-error-container:var(--palette-error-50); --color-outline:var(--palette-neutral-variant-40); --color-outline-variant:var(--palette-neutral-variant-50); --color-warning:var(--palette-warning-30); --color-warning-container:var(--palette-warning-50); --color-caution:var(--palette-caution-30); --color-caution-container:var(--palette-caution-50); --color-important:var(--palette-important-30); --color-important-container:var(--palette-important-50); --color-pinned:var(--palette-pinned-30); --color-pinned-container:var(--palette-pinned-50); --color-verse:var(--palette-verse-30); --color-verse-container:var(--palette-verse-50); --color-export:var(--palette-export-30); --color-export-container:var(--palette-export-50); --color-query:var(--palette-query-30); --color-query-container:var(--palette-query-50); --color-note:var(--palette-note-30); --color-note-container:var(--palette-note-50); --color-tip:var(--palette-tip-30); --color-tip-container:var(--palette-tip-50); --color-example:var(--palette-example-30); --color-example-container:var(--palette-example-50); --color-comment:var(--palette-comment-30); --color-comment-container:var(--palette-comment-50); --color-quote:var(--palette-quote-30); --color-quote-container:var(--palette-quote-50); --color-sub30:var(--palette-sub30-30); --color-sub30-container:var(--palette-sub30-50); --color-add30:var(--palette-add30-30); --color-add30-container:var(--palette-add30-50); --color-sub60:var(--palette-sub60-30); --color-sub60-container:var(--palette-sub60-50); --color-add60:var(--palette-add60-30); --color-add60-container:var(--palette-add60-50); --color-sub90:var(--palette-sub90-30); --color-sub90-container:var(--palette-sub90-50); --color-add90:var(--palette-add90-30); --color-add90-container:var(--palette-add90-50); --color-sub120:var(--palette-sub120-30); --color-sub120-container:var(--palette-sub120-50); --color-add120:var(--palette-add120-30); --color-add120-container:var(--palette-add120-50); --color-sub150:var(--palette-sub150-30); --color-sub150-container:var(--palette-sub150-50); --color-add150:var(--palette-add150-30); --color-add150-container:var(--palette-add150-50); --color-sub180:var(--palette-sub180-30); --color-sub180-container:var(--palette-sub180-50); --color-add180:var(--palette-add180-30); --color-add180-container:var(--palette-add180-50); --color-complementary:var(--palette-complementary-30); --color-complementary-container:var(--palette-complementary-50); } &:has(#contrast-selector-high:checked) { --color-on-surface-variant:var(--palette-neutral-variant-10); --color-inverse-on-surface:var(--palette-neutral-100); --color-inverse-primary:var(--palette-primary-95); --color-primary-fixed:var(--palette-primary-30); --color-primary-fixed-dim:var(--palette-primary-20); --color-secondary-fixed:var(--palette-secondary-30); --color-secondary-fixed-dim:var(--palette-secondary-20); --color-tertiary-fixed:var(--palette-tertiary-30); --color-tertiary-fixed-dim:var(--palette-tertiary-20); --color-primary:var(--palette-primary-10); --color-primary-container:var(--palette-primary-30); --color-secondary:var(--palette-secondary-10); --color-secondary-container:var(--palette-secondary-30); --color-tertiary:var(--palette-tertiary-10); --color-tertiary-container:var(--palette-tertiary-30); --color-error:var(--palette-error-10); --color-error-container:var(--palette-error-30); --color-on-surface:var(--palette-neutral-10); --color-outline:var(--palette-neutral-variant-30); --color-outline-variant:var(--palette-neutral-variant-30); --color-warning:var(--palette-warning-10); --color-warning-container:var(--palette-warning-30); --color-caution:var(--palette-caution-10); --color-caution-container:var(--palette-caution-30); --color-important:var(--palette-important-10); --color-important-container:var(--palette-important-30); --color-pinned:var(--palette-pinned-10); --color-pinned-container:var(--palette-pinned-30); --color-verse:var(--palette-verse-10); --color-verse-container:var(--palette-verse-30); --color-export:var(--palette-export-10); --color-export-container:var(--palette-export-30); --color-query:var(--palette-query-10); --color-query-container:var(--palette-query-30); --color-note:var(--palette-note-10); --color-note-container:var(--palette-note-30); --color-tip:var(--palette-tip-10); --color-tip-container:var(--palette-tip-30); --color-example:var(--palette-example-10); --color-example-container:var(--palette-example-30); --color-comment:var(--palette-comment-10); --color-comment-container:var(--palette-comment-30); --color-quote:var(--palette-quote-10); --color-quote-container:var(--palette-quote-30); --color-sub30:var(--palette-sub30-10); --color-sub30-container:var(--palette-sub30-30); --color-add30:var(--palette-add30-10); --color-add30-container:var(--palette-add30-30); --color-sub60:var(--palette-sub60-10); --color-sub60-container:var(--palette-sub60-30); --color-add60:var(--palette-add60-10); --color-add60-container:var(--palette-add60-30); --color-sub90:var(--palette-sub90-10); --color-sub90-container:var(--palette-sub90-30); --color-add90:var(--palette-add90-10); --color-add90-container:var(--palette-add90-30); --color-sub120:var(--palette-sub120-10); --color-sub120-container:var(--palette-sub120-30); --color-add120:var(--palette-add120-10); --color-add120-container:var(--palette-add120-30); --color-sub150:var(--palette-sub150-10); --color-sub150-container:var(--palette-sub150-30); --color-add150:var(--palette-add150-10); --color-add150-container:var(--palette-add150-30); --color-sub180:var(--palette-sub180-10); --color-sub180-container:var(--palette-sub180-30); --color-add180:var(--palette-add180-10); --color-add180-container:var(--palette-add180-30); --color-complementary:var(--palette-complementary-10); --color-complementary-container:var(--palette-complementary-30); --color-heading-2:var(--palette-neutral-90); }}:root{--color-surface-dim:var(--palette-neutral-6);--color-surface:var(--palette-neutral-6);--color-surface-bright:var(--palette-neutral-24);--color-surface-variant:var(--palette-neutral-variant-30);--color-on-surface:var(--palette-neutral-90);--color-surface-container-lowest:var(--palette-neutral-4);--color-surface-container-low:var(--palette-neutral-10);--color-surface-container:var(--palette-neutral-12);--color-surface-container-high:var(--palette-neutral-17);--color-surface-container-highest:var(--palette-neutral-22);--color-inverse-surface:var(--palette-neutral-90);--color-secondary-fixed-dim:var(--palette-secondary-80);--color-tertiary-fixed-dim:var(--palette-tertiary-80);--color-secondary:var(--palette-secondary-80);--color-tertiary:var(--palette-tertiary-80);--color-inverse-on-surface:var(--palette-neutral-20);--color-primary-fixed:var(--palette-primary-90);--color-primary-fixed-dim:var(--palette-primary-80);--color-secondary-fixed:var(--palette-secondary-90);--color-tertiary-fixed:var(--palette-tertiary-90);--color-on-primary:var(--palette-primary-20);--color-on-primary-container:var(--palette-primary-90);--color-on-secondary:var(--palette-secondary-20);--color-on-secondary-container:var(--palette-secondary-90);--color-on-tertiary:var(--palette-tertiary-20);--color-on-tertiary-container:var(--palette-tertiary-90);--color-on-error:var(--palette-error-20);--color-on-error-container:var(--palette-error-90);--color-on-primary-fixed:var(--palette-primary-10);--color-on-secondary-fixed:var(--palette-secondary-10);--color-on-tertiary-fixed:var(--palette-tertiary-10);--color-on-warning:var(--palette-warning-20);--color-on-warning-container:var(--palette-warning-90);--color-on-caution:var(--palette-caution-20);--color-on-caution-container:var(--palette-caution-90);--color-on-important:var(--palette-important-20);--color-on-important-container:var(--palette-important-90);--color-on-pinned:var(--palette-pinned-20);--color-on-pinned-container:var(--palette-pinned-90);--color-on-verse:var(--palette-verse-20);--color-on-verse-container:var(--palette-verse-90);--color-on-export:var(--palette-export-20);--color-on-export-container:var(--palette-export-90);--color-on-query:var(--palette-query-20);--color-on-query-container:var(--palette-query-90);--color-on-note:var(--palette-note-20);--color-on-note-container:var(--palette-note-90);--color-on-tip:var(--palette-tip-20);--color-on-tip-container:var(--palette-tip-90);--color-on-example:var(--palette-example-20);--color-on-example-container:var(--palette-example-90);--color-on-comment:var(--palette-comment-20);--color-on-comment-container:var(--palette-comment-90);--color-on-quote:var(--palette-quote-20);--color-on-quote-container:var(--palette-quote-90);--color-on-sub30:var(--palette-sub30-20);--color-on-sub30-container:var(--palette-sub30-90);--color-on-add30:var(--palette-add30-20);--color-on-add30-container:var(--palette-add30-90);--color-on-sub90:var(--palette-sub90-20);--color-on-sub90-container:var(--palette-sub90-90);--color-on-add90:var(--palette-add90-20);--color-on-add90-container:var(--palette-add90-90);--color-on-sub60:var(--palette-sub60-20);--color-on-sub60-container:var(--palette-sub60-90);--color-on-add60:var(--palette-add60-20);--color-on-add60-container:var(--palette-add60-90);--color-on-sub120:var(--palette-sub120-20);--color-on-sub120-container:var(--palette-sub120-90);--color-on-add120:var(--palette-add120-20);--color-on-add120-container:var(--palette-add120-90);--color-on-sub150:var(--palette-sub150-20);--color-on-sub150-container:var(--palette-sub150-90);--color-on-add150:var(--palette-add150-20);--color-on-add150-container:var(--palette-add150-90);--color-on-sub180:var(--palette-sub180-20);--color-on-sub180-container:var(--palette-sub180-90);--color-on-add180:var(--palette-add180-20);--color-on-add180-container:var(--palette-add180-90);--color-on-complementary:var(--palette-complementary-20);--color-on-complementary-container:var(--palette-complementary-90);--color-on-primary-fixed-variant:var(--palette-primary-30);--color-on-secondary-fixed-variant:var(--palette-secondary-30);--color-on-tertiary-fixed-variant:var(--palette-tertiary-30);--color-primary:var(--palette-primary-80);--color-primary-container:var(--palette-primary-30);--color-secondary-container:var(--palette-secondary-30);--color-tertiary-container:var(--palette-tertiary-30);--color-error:var(--palette-error-80);--color-error-container:var(--palette-error-30);--color-on-surface-variant:var(--palette-neutral-variant-90);--color-inverse-primary:var(--palette-primary-40);--color-outline:var(--palette-neutral-variant-60);--color-outline-variant:var(--palette-neutral-variant-30);--color-warning:var(--palette-warning-80);--color-warning-container:var(--palette-warning-30);--color-caution:var(--palette-caution-80);--color-caution-container:var(--palette-caution-30);--color-important:var(--palette-important-80);--color-important-container:var(--palette-important-30);--color-pinned:var(--palette-pinned-80);--color-pinned-container:var(--palette-pinned-30);--color-verse:var(--palette-verse-80);--color-verse-container:var(--palette-verse-30);--color-export:var(--palette-export-80);--color-export-container:var(--palette-export-30);--color-query:var(--palette-query-80);--color-query-container:var(--palette-query-30);--color-note:var(--palette-note-80);--color-note-container:var(--palette-note-30);--color-tip:var(--palette-tip-80);--color-tip-container:var(--palette-tip-30);--color-example:var(--palette-example-80);--color-example-container:var(--palette-example-30);--color-comment:var(--palette-comment-80);--color-comment-container:var(--palette-comment-30);--color-quote:var(--palette-quote-80);--color-quote-container:var(--palette-quote-30);--color-sub30:var(--palette-sub30-80);--color-sub30-container:var(--palette-sub30-30);--color-add30:var(--palette-add30-80);--color-add30-container:var(--palette-add30-30);--color-sub90:var(--palette-sub90-80);--color-sub90-container:var(--palette-sub90-30);--color-add90:var(--palette-add90-80);--color-add90-container:var(--palette-add90-30);--color-sub60:var(--palette-sub60-80);--color-sub60-container:var(--palette-sub60-30);--color-add60:var(--palette-add60-80);--color-add60-container:var(--palette-add60-30);--color-sub120:var(--palette-sub120-80);--color-sub120-container:var(--palette-sub120-30);--color-add120:var(--palette-add120-80);--color-add120-container:var(--palette-add120-30);--color-sub150:var(--palette-sub150-80);--color-sub150-container:var(--palette-sub150-30);--color-add150:var(--palette-add150-80);--color-add150-container:var(--palette-add150-30);--color-sub180:var(--palette-sub180-80);--color-sub180-container:var(--palette-sub180-30);--color-add180:var(--palette-add180-80);--color-add180-container:var(--palette-add180-30);--color-complementary:var(--palette-complementary-80);--color-complementary-container:var(--palette-complementary-30);&:has(#contrast-selector-medium:checked,#contrast-selector-high:checked) { --color-on-primary:var(--palette-primary-0); --color-on-primary-container:var(--palette-primary-0); --color-on-secondary:var(--palette-secondary-0); --color-on-secondary-container:var(--palette-secondary-0); --color-on-tertiary:var(--palette-tertiary-0); --color-on-tertiary-container:var(--palette-tertiary-0); --color-on-error:var(--palette-error-0); --color-on-error-container:var(--palette-error-0); --color-on-primary-fixed:var(--palette-primary-0); --color-on-secondary-fixed:var(--palette-secondary-0); --color-on-tertiary-fixed:var(--palette-tertiary-0); --color-on-warning:var(--palette-warning-0); --color-on-warning-container:var(--palette-warning-0); --color-on-caution:var(--palette-caution-0); --color-on-caution-container:var(--palette-caution-0); --color-on-important:var(--palette-important-0); --color-on-important-container:var(--palette-important-0); --color-on-pinned:var(--palette-pinned-0); --color-on-pinned-container:var(--palette-pinned-0); --color-on-verse:var(--palette-verse-0); --color-on-verse-container:var(--palette-verse-0); --color-on-export:var(--palette-export-0); --color-on-export-container:var(--palette-export-0); --color-on-query:var(--palette-query-0); --color-on-query-container:var(--palette-query-0); --color-on-note:var(--palette-note-0); --color-on-note-container:var(--palette-note-0); --color-on-tip:var(--palette-tip-0); --color-on-tip-container:var(--palette-tip-0); --color-on-example:var(--palette-example-0); --color-on-example-container:var(--palette-example-0); --color-on-comment:var(--palette-comment-0); --color-on-comment-container:var(--palette-comment-0); --color-on-quote:var(--palette-quote-0); --color-on-quote-container:var(--palette-quote-0); --color-on-sub30:var(--palette-sub30-0); --color-on-sub30-container:var(--palette-sub30-0); --color-on-add30:var(--palette-add30-0); --color-on-add30-container:var(--palette-add30-0); --color-on-sub90:var(--palette-sub90-0); --color-on-sub90-container:var(--palette-sub90-0); --color-on-add90:var(--palette-add90-0); --color-on-add90-container:var(--palette-add90-0); --color-on-sub60:var(--palette-sub60-0); --color-on-sub60-container:var(--palette-sub60-0); --color-on-add60:var(--palette-add60-0); --color-on-add60-container:var(--palette-add60-0); --color-on-sub120:var(--palette-sub120-0); --color-on-sub120-container:var(--palette-sub120-0); --color-on-add120:var(--palette-add120-0); --color-on-add120-container:var(--palette-add120-0); --color-on-sub150:var(--palette-sub150-0); --color-on-sub150-container:var(--palette-sub150-0); --color-on-add150:var(--palette-add150-0); --color-on-add150-container:var(--palette-add150-0); --color-on-sub180:var(--palette-sub180-0); --color-on-sub180-container:var(--palette-sub180-0); --color-on-add180:var(--palette-add180-0); --color-on-add180-container:var(--palette-add180-0); --color-on-complementary:var(--palette-complementary-0); --color-on-complementary-container:var(--palette-complementary-0); } &:has(#contrast-selector-medium:checked) { --color-on-primary-fixed-variant:var(--palette-primary-20); --color-on-secondary-fixed-variant:var(--palette-secondary-20); --color-on-tertiary-fixed-variant:var(--palette-tertiary-20); --color-primary:var(--palette-primary-70); --color-primary-container:var(--palette-primary-60); --color-secondary-container:var(--palette-secondary-60); --color-tertiary-container:var(--palette-tertiary-60); --color-error:var(--palette-error-70); --color-error-container:var(--palette-error-60); --color-on-surface-variant:var(--palette-neutral-variant-85); --color-inverse-primary:var(--palette-primary-30); --color-outline:var(--palette-neutral-variant-70); --color-outline-variant:var(--palette-neutral-variant-60); --color-warning:var(--palette-warning-70); --color-warning-container:var(--palette-warning-60); --color-caution:var(--palette-caution-70); --color-caution-container:var(--palette-caution-60); --color-important:var(--palette-important-70); --color-important-container:var(--palette-important-60); --color-pinned:var(--palette-pinned-70); --color-pinned-container:var(--palette-pinned-60); --color-verse:var(--palette-verse-70); --color-verse-container:var(--palette-verse-60); --color-export:var(--palette-export-70); --color-export-container:var(--palette-export-60); --color-query:var(--palette-query-70); --color-query-container:var(--palette-query-60); --color-note:var(--palette-note-70); --color-note-container:var(--palette-note-60); --color-tip:var(--palette-tip-70); --color-tip-container:var(--palette-tip-60); --color-example:var(--palette-example-70); --color-example-container:var(--palette-example-60); --color-comment:var(--palette-comment-70); --color-comment-container:var(--palette-comment-60); --color-quote:var(--palette-quote-70); --color-quote-container:var(--palette-quote-60); --color-sub30:var(--palette-sub30-70); --color-sub30-container:var(--palette-sub30-60); --color-add30:var(--palette-add30-70); --color-add30-container:var(--palette-add30-60); --color-sub90:var(--palette-sub90-70); --color-sub90-container:var(--palette-sub90-60); --color-add90:var(--palette-add90-70); --color-add90-container:var(--palette-add90-60); --color-sub60:var(--palette-sub60-70); --color-sub60-container:var(--palette-sub60-60); --color-add60:var(--palette-add60-70); --color-add60-container:var(--palette-add60-60); --color-sub120:var(--palette-sub120-70); --color-sub120-container:var(--palette-sub120-60); --color-add120:var(--palette-add120-70); --color-add120-container:var(--palette-add120-60); --color-sub150:var(--palette-sub150-70); --color-sub150-container:var(--palette-sub150-60); --color-add150:var(--palette-add150-70); --color-add150-container:var(--palette-add150-60); --color-sub180:var(--palette-sub180-70); --color-sub180-container:var(--palette-sub180-60); --color-add180:var(--palette-add180-70); --color-add180-container:var(--palette-add180-60); --color-complementary:var(--palette-complementary-70); --color-complementary-container:var(--palette-complementary-60); } &:has(#contrast-selector-high:checked) { --color-secondary:var(--palette-secondary-100); --color-tertiary:var(--palette-tertiary-100); --color-inverse-on-surface:var(--palette-neutral-0); --color-primary-fixed:var(--palette-primary-95); --color-primary-fixed-dim:var(--palette-primary-70); --color-secondary-fixed:var(--palette-secondary-95); --color-tertiary-fixed:var(--palette-tertiary-95); --color-on-primary-fixed-variant:var(--palette-primary-0); --color-on-secondary-fixed-variant:var(--palette-secondary-0); --color-on-tertiary-fixed-variant:var(--palette-tertiary-0); --color-primary:var(--palette-primary-100); --color-primary-container:var(--palette-primary-70); --color-secondary-container:var(--palette-secondary-80); --color-tertiary-container:var(--palette-tertiary-80); --color-error:var(--palette-error-100); --color-on-error:var(--palette-error-0); --color-error-container:var(--palette-error-30); --color-on-surface-variant:var(--palette-neutral-variant-100); --color-inverse-primary:var(--palette-primary-20); --color-outline:var(--palette-neutral-variant-80); --color-outline-variant:var(--palette-neutral-variant-80); --color-warning:var(--palette-warning-100); --color-warning-container:var(--palette-warning-70); --color-caution:var(--palette-caution-100); --color-caution-container:var(--palette-caution-70); --color-important:var(--palette-important-100); --color-important-container:var(--palette-important-70); --color-pinned:var(--palette-pinned-100); --color-pinned-container:var(--palette-pinned-70); --color-verse:var(--palette-verse-100); --color-verse-container:var(--palette-verse-70); --color-export:var(--palette-export-100); --color-export-container:var(--palette-export-70); --color-query:var(--palette-query-100); --color-query-container:var(--palette-query-70); --color-note:var(--palette-note-100); --color-note-container:var(--palette-note-70); --color-tip:var(--palette-tip-100); --color-tip-container:var(--palette-tip-70); --color-example:var(--palette-example-100); --color-example-container:var(--palette-example-70); --color-comment:var(--palette-comment-100); --color-comment-container:var(--palette-comment-70); --color-quote:var(--palette-quote-100); --color-quote-container:var(--palette-quote-70); --color-sub30:var(--palette-sub30-100); --color-sub30-container:var(--palette-sub30-70); --color-add30:var(--palette-add30-100); --color-add30-container:var(--palette-add30-70); --color-sub90:var(--palette-sub90-100); --color-sub90-container:var(--palette-sub90-70); --color-add90:var(--palette-add90-100); --color-add90-container:var(--palette-add90-70); --color-sub60:var(--palette-sub60-100); --color-sub60-container:var(--palette-sub60-70); --color-add60:var(--palette-add60-100); --color-add60-container:var(--palette-add60-70); --color-sub120:var(--palette-sub120-100); --color-sub120-container:var(--palette-sub120-70); --color-add120:var(--palette-add120-100); --color-add120-container:var(--palette-add120-70); --color-sub150:var(--palette-sub150-100); --color-sub150-container:var(--palette-sub150-70); --color-add150:var(--palette-add150-100); --color-add150-container:var(--palette-add150-70); --color-sub180:var(--palette-sub180-100); --color-sub180-container:var(--palette-sub180-70); --color-add180:var(--palette-add180-100); --color-add180-container:var(--palette-add180-70); --color-complementary:var(--palette-complementary-100); --color-complementary-container:var(--palette-complementary-70); }}:root:has(#theme-toggle:checked){--color-heading-1:var(--palette-sub30-40);--color-heading-2:var(--palette-sub60-40);--color-heading-3:var(--palette-sub90-40);--color-heading-4:var(--palette-sub120-40);--color-heading-5:var(--palette-sub150-40);--color-heading-6:var(--palette-sub180-40)}:root{--color-heading-1:var(--palette-sub30-60);--color-heading-2:var(--palette-sub60-60);--color-heading-3:var(--palette-sub90-60);--color-heading-4:var(--palette-sub120-60);--color-heading-5:var(--palette-sub150-60);--color-heading-6:var(--palette-sub180-60)}:root{--key-shadow:rgba(0, 0, 0, 0.15);--ambient-shadow:rgba(0, 0, 0, 0.30);--elevation0:0px;--elevation1:0px 1px 2px var(--ambient-shadow), 0px 1px 3px 1px var(--key-shadow);--elevation2:0px 1px 2px var(--ambient-shadow), 0px 2px 6px 2px var(--key-shadow);--elevation3:0px 4px 08px 3px var(--key-shadow), 0px 1px 3px var(--ambient-shadow);--elevation4:0px 6px 10px 4px var(--key-shadow), 0px 2px 3px var(--ambient-shadow);--elevation5:0px 8px 12px 6px var(--key-shadow), 0px 4px 4px var(--ambient-shadow)}.dark{--elevation1:0px 1px 3px 1px var(--key-shadow), 0px 1px 2px var(--ambient-shadow);--elevation2:0px 2px 6px 2px var(--key-shadow), 0px 1px 2px var(--ambient-shadow)}:root{--motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1);--motion-easing-emphasized:var(--motion-easing-standard);--motion-easing-emphasized-decelerate:cubic-bezier(0.05, 0.7, 0.1, 1);--motion-easing-emphasized-accelerate:cubic-bezier(0.3, 0, 0.8, 0.15);--motion-easing-linear:cubic-bezier(0, 0, 1, 1);--motion-duration-short1:var(--input-motion-duration);--motion-duration-short2:calc(var(--input-motion-duration) * 2);--motion-duration-short3:calc(var(--input-motion-duration) * 3);--motion-duration-short4:calc(var(--input-motion-duration) * 4);--motion-duration-medium1:calc(var(--input-motion-duration) * 5);--motion-duration-medium2:calc(var(--input-motion-duration) * 6);--motion-duration-medium3:calc(var(--input-motion-duration) * 7);--motion-duration-medium4:calc(var(--input-motion-duration) * 8);--motion-duration-long1:calc(var(--input-motion-duration) * 9);--motion-duration-long2:calc(var(--input-motion-duration) * 10);--motion-duration-long3:calc(var(--input-motion-duration) * 11);--motion-duration-long4:calc(var(--input-motion-duration) * 12);--motion-duration-extra-long1:calc(var(--input-motion-duration) * 14);--motion-duration-extra-long2:calc(var(--input-motion-duration) * 16);--motion-duration-extra-long3:calc(var(--input-motion-duration) * 18);--motion-duration-extra-long4:calc(var(--input-motion-duration) * 20)}:root{--shape-corner-none:0px;--shape-corner-xs:var(--input-shape-corner);--shape-corner-xs-top:var(--shape-corner-xs) var(--shape-corner-xs) 0px 0px;--shape-corner-xs-bottom:0px 0px var(--shape-corner-xs) var(--shape-corner-xs);--shape-corner-xs-start:var(--shape-corner-xs) 0px 0px var(--shape-corner-xs);--shape-corner-xs-end:0px var(--shape-corner-xs) var(--shape-corner-xs) 0px;--shape-corner-s:calc(var(--input-shape-corner) * var(--input-shape-scale));--shape-corner-s-top:var(--shape-corner-s) var(--shape-corner-s) 0px 0px;--shape-corner-s-bottom:0px 0px var(--shape-corner-s) var(--shape-corner-s);--shape-corner-s-start:var(--shape-corner-s) 0px 0px var(--shape-corner-s);--shape-corner-s-end:0px var(--shape-corner-s) var(--shape-corner-s) 0px;--shape-corner-m:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 1.5));--shape-corner-m-top:var(--shape-corner-m) var(--shape-corner-m) 0px 0px;--shape-corner-m-bottom:0px 0px var(--shape-corner-m) var(--shape-corner-m);--shape-corner-m-start:var(--shape-corner-m) 0px 0px var(--shape-corner-m);--shape-corner-m-end:0px var(--shape-corner-m) var(--shape-corner-m) 0px;--shape-corner-l:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 2));--shape-corner-l-top:var(--shape-corner-l) var(--shape-corner-l) 0px 0px;--shape-corner-l-bottom:0px 0px var(--shape-corner-l) var(--shape-corner-l);--shape-corner-l-start:var(--shape-corner-l) 0px 0px var(--shape-corner-l);--shape-corner-l-end:0px var(--shape-corner-l) var(--shape-corner-l) 0px;--shape-corner-li:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 2.5));--shape-corner-li-top:var(--shape-corner-li) var(--shape-corner-li) 0px 0px;--shape-corner-li-bottom:0px 0px var(--shape-corner-li) var(--shape-corner-li);--shape-corner-li-start:var(--shape-corner-li) 0px 0px var(--shape-corner-li);--shape-corner-li-end:0px var(--shape-corner-li) var(--shape-corner-li) 0px;--shape-corner-xl:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 3.5));--shape-corner-xl-top:var(--shape-corner-xl) var(--shape-corner-xl) 0px 0px;--shape-corner-xl-bottom:0px 0px var(--shape-corner-xl) var(--shape-corner-xl);--shape-corner-xl-start:var(--shape-corner-xl) 0px 0px var(--shape-corner-xl);--shape-corner-xl-end:0px var(--shape-corner-xl) var(--shape-corner-xl) 0px;--shape-corner-xli:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 4));--shape-corner-xli-top:var(--shape-corner-xli) var(--shape-corner-xli) 0px 0px;--shape-corner-xli-bottom:0px 0px var(--shape-corner-xli) var(--shape-corner-xli);--shape-corner-xli-start:var(--shape-corner-xli) 0px 0px var(--shape-corner-xli);--shape-corner-xli-end:0px var(--shape-corner-xli) var(--shape-corner-xli) 0px;--shape-corner-xxl:calc(var(--input-shape-corner) * (var(--input-shape-scale) * 6));--shape-corner-xxl-top:var(--shape-corner-xxl) var(--shape-corner-xxl) 0px 0px;--shape-corner-xxl-bottom:0px 0px var(--shape-corner-xxl) var(--shape-corner-xxl);--shape-corner-xxl-start:var(--shape-corner-xxl) 0px 0px var(--shape-corner-xxl);--shape-corner-xxl-end:0px var(--shape-corner-xxl) var(--shape-corner-xxl) 0px;--shape-corner-full:100vmax}:root{--state-hover-opacity:8%;--state-press-opacity:10%;--state-focus-opacity:10%;--state-drag-opacity:16%;--state-disabled-opacity:38%}:root{--typescale-label-small-font:var(--typeface-plain);--typescale-label-small-size:calc(var(--typescale-label-medium-size) * var(--scale-back-size));--typescale-label-small-weight:var(--typeface-weight-medium);--typescale-label-small-line-height:var(--scale-line-height-label);--typescale-label-medium-font:var(--typeface-plain);--typescale-label-medium-size:var(--typescale-body-small-size);--typescale-label-medium-weight:var(--typeface-weight-medium);--typescale-label-medium-line-height:var(--scale-line-height-label);--typescale-label-large-font:var(--typeface-plain);--typescale-label-large-size:var(--typescale-body-medium-size);--typescale-label-large-weight:var(--typeface-weight-medium);--typescale-label-large-line-height:var(--scale-line-height-label);--typescale-body-small-font:var(--typeface-plain);--typescale-body-small-size:calc(var(--typescale-body-medium-size) * var(--scale-back-size));--typescale-body-small-weight:var(--typeface-weight-regular);--typescale-body-small-line-height:var(--scale-line-height-body);--typescale-body-medium-font:var(--typeface-plain);--typescale-body-medium-size:calc(var(--typescale-body-large-size) * var(--scale-back-size));--typescale-body-medium-weight:var(--typeface-weight-regular);--typescale-body-medium-line-height:var(--scale-line-height-body);--typescale-body-large-font:var(--typeface-plain);--typescale-body-large-size:var(--input-font-size);--typescale-body-large-weight:var(--typeface-weight-regular);--typescale-body-large-line-height:var(--scale-line-height-body);--typescale-title-small-font:var(--typeface-brand);--typescale-title-small-size:var(--typescale-body-medium-size);--typescale-title-small-weight:var(--typeface-weight-medium);--typescale-title-small-line-height:var(--scale-line-height-title);--typescale-title-medium-font:var(--typeface-brand);--typescale-title-medium-size:var(--typescale-body-large-size);--typescale-title-medium-weight:var(--typeface-weight-medium);--typescale-title-medium-line-height:var(--scale-line-height-title);--typescale-title-large-font:var(--typeface-brand);--typescale-title-large-size:calc(var(--typescale-body-large-size) * var(--scale-up-type));--typescale-title-large-weight:var(--typeface-weight-regular);--typescale-title-large-line-height:var(--scale-line-height-title);--typescale-headline-small-font:var(--typeface-brand);--typescale-headline-small-size:calc(var(--typescale-headline-medium-size) * var(--scale-back-size));--typescale-headline-small-weight:var(--typeface-weight-regular);--typescale-headline-small-line-height:var(--scale-line-height-headline);--typescale-headline-medium-font:var(--typeface-brand);--typescale-headline-medium-size:calc(var(--typescale-headline-large-size) * var(--scale-back-size));--typescale-headline-medium-weight:var(--typeface-weight-regular);--typescale-headline-medium-line-height:var(--scale-line-height-headline);--typescale-headline-large-font:var(--typeface-brand);--typescale-headline-large-size:calc(var(--typescale-title-large-size) * var(--scale-up-type));--typescale-headline-large-weight:var(--typeface-weight-regular);--typescale-headline-large-line-height:var(--scale-line-height-headline);--typescale-display-small-font:var(--typeface-brand);--typescale-display-small-size:calc(var(--typescale-display-medium-size) * var(--scale-back-size));--typescale-display-small-weight:var(--typeface-weight-regular);--typescale-display-small-line-height:var(--scale-line-height-display);--typescale-display-medium-font:var(--typeface-brand);--typescale-display-medium-size:calc(var(--typescale-display-large-size) * var(--scale-back-size));--typescale-display-medium-weight:var(--typeface-weight-regular);--typescale-display-medium-line-height:var(--scale-line-height-display);--typescale-display-large-font:var(--typeface-brand);--typescale-display-large-size:calc(var(--typescale-headline-large-size) * var(--scale-up-type));--typescale-display-large-weight:var(--typeface-weight-regular);--typescale-display-large-line-height:var(--scale-line-height-display);--typescale-code-large-font:var(--typeface-mono);--typescale-code-large-size:calc(var(--typescale-body-large-size));--typescale-code-large-weight:var(--typeface-weight-regular);--typescale-code-large-line-height:var(--scale-line-height-body)}.component{--container-display:initial;--container-flex-flow:initial;--container-justify-content:initial;--container-align-content:initial;--container-align-items:initial;--container-gap:initial;--container-height:initial;--container-width:initial;--container-padding:initial;--container-outline:initial;--container-elevation:initial;--container-shape:initial;--container-color:initial;--text-color:initial;--icon-color:initial;--state-color:var(--icon-color, var(--text-color));--container-outline-hover:initial;--container-outline-focus:initial;--container-outline-press:initial;--container-outline-disabled:initial;--container-elevation-hover:initial;--container-elevation-focus:initial;--container-elevation-press:initial;--container-elevation-disabled:initial}.component{position:relative;display:var(--container-display);flex-flow:var(--container-flex-flow);justify-content:var(--container-justify-content);align-items:var(--container-align-items);align-content:var(--container-align-content);gap:var(--container-gap);height:var(--container-height);width:var(--container-width);padding:var(--container-padding);border-radius:var(--container-shape);color:var(--text-color,var(--icon-color));background:var(--container-color)}.layout{--layout-flex:initial;--layout-display:initial;--layout-flex-flow:initial;--layout-align-items:initial;--layout-align-content:initial;--layout-justify-content:initial;--layout-width:initial;--layout-height:initial;--layout-min-height:initial;--layout-padding:initial;--layout-margin:initial;--layout-gap:initial;--layout-shape:initial;--layout-border:initial;--layout-bg:initial}.layout{flex:var(--layout-flex);display:var(--layout-display);flex-flow:var(--layout-flex-flow);align-items:var(--layout-align-items);align-content:var(--layout-align-content);justify-content:var(--layout-justify-content);width:var(--layout-width);height:var(--layout-height);min-height:var(--layout-min-height);padding:var(--layout-padding);margin:var(--layout-margin);gap:var(--layout-gap);border-radius:var(--layout-shape);border:var(--layout-border);background:var(--layout-bg)}.set{--set-flex:initial;--set-display:initial;--set-flex-flow:initial;--set-align-items:initial;--set-align-content:initial;--set-justify-content:initial;--set-width:initial;--set-gap:initial;--set-padding:initial;--set-overflow:initial;--set-color:initial}.set{flex:var(--set-flex);display:var(--set-display);flex-flow:var(--set-flex-flow);align-items:var(--set-align-items);align-content:var(--set-align-content);justify-content:var(--set-justify-content);width:var(--set-width);gap:var(--set-gap);padding:var(--set-padding);overflow:var(--set-overflow);background-color:var(--set-color)}:root{--input-color-hue:268deg;--input-color-chroma:44%;--harmonization:calc(360deg / var(--scale-fibonacci) / 17);--scale-up-type:var(--scale-tritone);--scale-back-type:calc(1 / var(--scale-maj-2));--scale-back-size:calc(1 / var(--scale-min-2));--input-line-height:var(--scale-perfect-fifth);--scale-line-height-display:var(--input-line-height) / 0.94;--scale-line-height-headline:var(--input-line-height) / 0.96;--scale-line-height-title:var(--input-line-height) / 0.98;--scale-line-height-body:var(--input-line-height);--scale-line-height-label:var(--input-line-height) * 1.02;--font-icon:var(--typeface-icon-sharp);--input-font-size:16px;--input-shape-corner:4px;--input-shape-scale:var(--scale-octave);--input-motion-duration:50ms;&:has(#tertiary-selector-cool:checked) { --input-tertiary-temperature:-1; } &:has(#tertiary-selector-warm:checked) { --input-tertiary-temperature:1; } --input-dim-image:1;&:has(#dim-image-selector:checked) { --input-dim-image:0.8; } --input-char-width:60ch;--input-post-content-margin:0 auto;&:has(#width-selector-60:checked) { --input-char-width:60ch; --input-post-content-margin:0 auto; } &:has(#width-selector-120:checked) { --input-char-width:120ch; --input-post-content-margin:0 auto; } &:has(#width-selector-max:checked) { --input-char-width:auto; --input-post-content-margin:0; }}