.ic{display: inline-block;width: 1.25em;height: 1.25em;flex: none;vertical-align: -0.22em;overflow: visible}.ic .acc{stroke: var(--ic-acc,currentColor)}.ic .acc-fill{fill: var(--ic-acc,currentColor)}.ic-gold{--ic-acc: var(--gold,#FFB224)}.ic-blue{--ic-acc: var(--blue,#0080EF)}.ic-tile{display: inline-grid;place-items: center;width: 44px;height: 44px;flex: none;border-radius: 14px;background: var(--blue-soft,#E2EEFC);color: var(--blue-ink,#0A66C8);--ic-acc: var(--gold,#FFB224)}.ic-tile .ic{width: 24px;height: 24px}.dg-list{list-style: none;padding: 0;margin: 1.25rem 0;display: grid;gap: .7rem}.dg-list li{display: flex;gap: .7rem;align-items: flex-start}.dg-list .ic{width: 1.4em;height: 1.4em;margin-top: .05em;color: var(--blue-ink,#0A66C8)}.dg-list li.no .ic{color: var(--ink-2,#4A5363);--ic-acc: var(--ink-2,#4A5363)}ul.does,ul.doesnt{list-style: none;padding-left: 0}ul.does > li,ul.doesnt > li{position: relative;padding-left: 2rem}ul.does > li::before,ul.doesnt > li::before{content: "";position: absolute;left: 0;top: .18em;width: 1.35em;height: 1.35em;background: var(--blue-ink,#0A66C8);-webkit-mask: url("icons/check.svg?v=531bcb2c0d") center / contain no-repeat;mask: url("icons/check.svg?v=531bcb2c0d") center / contain no-repeat}ul.doesnt > li::before{background: var(--ink-2,#4A5363);-webkit-mask-image: url("icons/cross.svg?v=74e0392ee0");mask-image: url("icons/cross.svg?v=74e0392ee0")}.dg-svg{--dg-ink: var(--ink,#0D1B2E);--dg-ink2: var(--ink-2,#4A5363);--dg-blue: var(--blue,#0080EF);--dg-blueink: var(--blue-ink,#0A66C8);--dg-bluesoft: var(--blue-soft,#E2EEFC);--dg-onblue: var(--on-blue,#FFFFFF);--dg-gold: var(--gold,#FFB224);--dg-goldink: var(--gold-ink,#8A5300);--dg-goldsoft: var(--gold-soft,#FFF1D6);--dg-ongold: #0D1B2E;--dg-paper: var(--paper,#F7F4EE);--dg-card: var(--card,#FFFFFF);--dg-card2: var(--card-2,#EFEAE0);--dg-line: var(--line,#E3DDD1);--dg-night: #0D2340;--dg-onnight: #FFFFFF;--dg-onnight2: #C4D0E0}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dg-svg{--dg-ink: var(--ink,#EAF0F8);--dg-ink2: var(--ink-2,#A9B7CC);--dg-blueink: var(--blue-ink,#4DA3FF);--dg-bluesoft: var(--blue-soft,#13294A);--dg-onblue: var(--on-blue,#0B1628);--dg-goldink: var(--gold-ink,#FFB224);--dg-goldsoft: var(--gold-soft,#2E2410);--dg-paper: var(--paper,#0B1628);--dg-card: var(--card,#111F36);--dg-card2: var(--card-2,#172846);--dg-line: var(--line,#22344F);--dg-night: #071020}}:root[data-theme="dark"] .dg-svg{--dg-ink: var(--ink,#EAF0F8);--dg-ink2: var(--ink-2,#A9B7CC);--dg-blueink: var(--blue-ink,#4DA3FF);--dg-bluesoft: var(--blue-soft,#13294A);--dg-onblue: var(--on-blue,#0B1628);--dg-goldink: var(--gold-ink,#FFB224);--dg-goldsoft: var(--gold-soft,#2E2410);--dg-paper: var(--paper,#0B1628);--dg-card: var(--card,#111F36);--dg-card2: var(--card-2,#172846);--dg-line: var(--line,#22344F);--dg-night: #071020}.dg-svg .f-ink{fill: var(--dg-ink)}.dg-svg .s-ink{stroke: var(--dg-ink)}.dg-svg .f-ink2{fill: var(--dg-ink2)}.dg-svg .s-ink2{stroke: var(--dg-ink2)}.dg-svg .f-blue{fill: var(--dg-blue)}.dg-svg .s-blue{stroke: var(--dg-blue)}.dg-svg .f-blueink{fill: var(--dg-blueink)}.dg-svg .s-blueink{stroke: var(--dg-blueink)}.dg-svg .f-bluesoft{fill: var(--dg-bluesoft)}.dg-svg .f-onblue{fill: var(--dg-onblue)}.dg-svg .f-gold{fill: var(--dg-gold)}.dg-svg .s-gold{stroke: var(--dg-gold)}.dg-svg .f-goldink{fill: var(--dg-goldink)}.dg-svg .s-goldink{stroke: var(--dg-goldink)}.dg-svg .f-goldsoft{fill: var(--dg-goldsoft)}.dg-svg .s-goldsoft{stroke: var(--dg-goldsoft)}.dg-svg .f-ongold{fill: var(--dg-ongold)}.dg-svg .f-paper{fill: var(--dg-paper)}.dg-svg .f-card{fill: var(--dg-card)}.dg-svg .s-card{stroke: var(--dg-card)}.dg-svg .f-card2{fill: var(--dg-card2)}.dg-svg .f-line{fill: var(--dg-line)}.dg-svg .s-line{stroke: var(--dg-line)}.dg-svg .f-night{fill: var(--dg-night)}.dg-svg .f-onnight{fill: var(--dg-onnight)}.dg-svg .f-onnight2{fill: var(--dg-onnight2)}.dg-svg .t-text{font-family: var(--font-text,"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif)}.dg-svg .t-mono{font-family: var(--font-mono,"Atkinson Hyperlegible Mono",ui-monospace,Menlo,monospace);font-variant-numeric: tabular-nums}.dg-svg .t-disp{font-family: var(--font-display,"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif);letter-spacing: -.01em}.dg{margin: 2.25rem 0;padding: clamp(12px,3.2vw,28px);max-width: 780px;background: var(--card,#FFFFFF);border: 1px solid var(--line,#E3DDD1);border-radius: 24px;box-shadow: var(--shadow-1,0 1px 2px rgba(13,27,46,.06),0 8px 24px rgba(13,27,46,.07))}.dg-art{container-type: inline-size}.dg-svg{display: block;width: 100%;height: auto;overflow: visible}.dg-narrow{display: none}@container (max-width: 620px){.dg-wide{display: none}.dg-narrow{display: block}}.dg-cap{margin: 16px 0 0;font-size: .875rem;line-height: 1.5;color: var(--ink-2,#4A5363);max-width: 66ch;text-wrap: pretty}.dg.dg-app-steps{background: transparent;border: 0;box-shadow: none;padding: 0;max-width: none}.dg.dg-app-steps .dg-cap{margin-top: 14px}.dg-doc{container-type: inline-size;max-width: 980px}.dg-doc-grid{display: grid;gap: 22px 36px}.dg-doc .dg-art{max-width: 460px}@container (min-width: 620px){.dg-doc-grid{grid-template-columns: minmax(0,360px) minmax(0,1fr);align-items: start;gap: 22px 28px}.dg-doc .dg-legend li{font-size: .92rem}}@container (min-width: 760px){.dg-doc-grid{grid-template-columns: minmax(0,420px) minmax(0,1fr);gap: 22px 36px}}.dg-legend{list-style: none;margin: 0;padding: 0;display: grid;gap: 14px;align-content: start}.dg-legend li{display: grid;grid-template-columns: 28px minmax(0,1fr);gap: 12px;font-size: .97rem;line-height: 1.5;color: var(--ink-2,#4A5363)}.dg-legend strong{color: var(--ink,#0D1B2E);font-weight: 700}.dg-n{display: inline-grid;place-items: center;width: 26px;height: 26px;margin-top: 1px;border-radius: 50%;background: var(--gold,#FFB224);color: #0D1B2E;font: 700 .8rem/1 var(--font-mono,ui-monospace,monospace)}@media (prefers-reduced-motion: no-preference){.dg-js .dg:not([data-anim]):not(.is-in) .a-fade,.dg-js .dg:not([data-anim]):not(.is-in) .a-rise,.dg-js .dg:not([data-anim]):not(.is-in) .a-pop{opacity: 0}.dg-js .dg:not([data-anim]):not(.is-in) .a-grow-x{scale: 0 1}.dg-js .dg:not([data-anim]):not(.is-in) .a-draw{stroke-dashoffset: 1}.dg.is-wait .a-fade,.dg.is-wait .a-rise,.dg.is-wait .a-pop,.dg.is-wait .a-drop{opacity: 0}.dg.is-wait .a-grow-x{scale: 0 1}.dg.is-wait .a-draw{stroke-dashoffset: 1}.dg.is-wait .a-dim{opacity: 1}.dg .a-grow-x{transform-box: fill-box;transform-origin: 0 50%}.dg .a-pop{transform-box: fill-box;transform-origin: 50% 50%}.dg .a-draw{stroke-dasharray: 1}.dg.is-in .a-fade{animation: dg-fade 520ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg.is-in .a-rise{animation: dg-rise 560ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg.is-in .a-pop{animation: dg-pop 440ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg.is-in .a-grow-x{animation: dg-grow 760ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg.is-in .a-draw{animation: dg-draw 620ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg.is-in .d1{animation-delay: 110ms}.dg.is-in .d2{animation-delay: 220ms}.dg.is-in .d3{animation-delay: 330ms}.dg.is-in .d4{animation-delay: 440ms}.dg.is-in .d5{animation-delay: 550ms}.dg.is-in .d6{animation-delay: 660ms}.dg.is-in .d7{animation-delay: 770ms}.dg.is-in .d8{animation-delay: 880ms}.dg.is-in .d9{animation-delay: 990ms}.dg-legend li{transition: color var(--dur-hover,200ms) var(--ease-out,ease)}.dg-legend li:hover{color: var(--ink,#0D1B2E)}}@media (prefers-reduced-motion: no-preference){.dg[data-anim] .a-drop{transform-box: fill-box;transform-origin: 50% 100%}.dg[data-anim].is-in .a-tmp{animation: dg-tmp 900ms linear both}.dg[data-anim].is-in .a-dim{animation: dg-undim 600ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.dg[data-anim].is-in .a-drop{animation: dg-drop 620ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}}@keyframes dg-tmp{0%{opacity: 0}16%{opacity: 1}80%{opacity: 1}100%{opacity: 0}}@keyframes dg-undim{from{opacity: 1}}@keyframes dg-drop{from{opacity: 0;translate: 0 -28px}70%{opacity: 1}to{opacity: 1;translate: 0 0}}@keyframes dg-fade{from{opacity: 0}to{opacity: 1}}@keyframes dg-rise{from{opacity: 0;translate: 0 8px}to{opacity: 1;translate: 0 0}}@keyframes dg-pop{from{opacity: 0;scale: .86}to{opacity: 1;scale: 1}}@keyframes dg-grow{from{scale: 0 1}to{scale: 1 1}}@keyframes dg-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (prefers-reduced-motion: no-preference){.dg[data-anim].is-out :is(.a-fade,.a-rise,.a-pop,.a-grow-x,.a-draw,.a-drop,text[data-tl]){animation: dg-out 420ms cubic-bezier(.4,0,1,1) both !important}.dg[data-anim].is-in.is-again text[data-tl]:not(.a-fade,.a-rise,.a-pop,.a-drop){animation: dg-fade 420ms var(--ease-out,cubic-bezier(.22,1,.36,1)) both}}@keyframes dg-out{to{opacity: 0}}.dg[data-anim]{position: relative}.dg-pause{position: absolute;z-index: 3;top: 0;right: 16px;translate: 0 -70%;min-height: 40px;padding: 9px 16px;margin: 0;border: 1.5px solid var(--blue-ink,#0A66C8);border-radius: 999px;background: var(--card,#FFFFFF);color: var(--blue-ink,#0A66C8);font: 700 .9375rem/1.2 var(--font-text,"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif);box-shadow: var(--shadow-1,0 1px 2px rgba(13,27,46,.06),0 8px 24px rgba(13,27,46,.07));cursor: pointer;opacity: 0;pointer-events: none;clip-path: inset(50%)}.dg-pause:focus-visible{opacity: 1;pointer-events: auto;clip-path: none;outline: 3px solid var(--blue,#0080EF);outline-offset: 3px}.dg-sr{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dg-tabs{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 18px}.dg-tabs[hidden],.dg-range[hidden]{display: none}.dg-tabs button{min-width: 64px;min-height: 40px;padding: 8px 14px;border-radius: 999px;cursor: pointer;border: 1.5px solid var(--blue-ink,#0A66C8);background: var(--card,#FFFFFF);color: var(--blue-ink,#0A66C8);font: 700 1rem/1 var(--font-mono,ui-monospace,Menlo,monospace);font-variant-numeric: tabular-nums;transition: background-color var(--dur-hover,200ms) var(--ease-out,ease),color var(--dur-hover,200ms) var(--ease-out,ease)}.dg-tabs button[aria-pressed="true"]{background: var(--blue-ink,#0A66C8);color: var(--on-blue,#FFFFFF)}.dg-tabs button:focus-visible,.dg-range input:focus-visible{outline: 3px solid var(--blue,#0080EF);outline-offset: 3px}@media (hover: hover) and (pointer: fine){.dg-tabs button[aria-pressed="false"]:hover{background: var(--blue-soft,#E2EEFC)}}.dg-range{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 6px 16px;margin: 16px 0 4px}.dg-range label{font-weight: 700;color: var(--ink,#0D1B2E)}.dg-range output{font: 700 1rem/1.3 var(--font-mono,ui-monospace,Menlo,monospace);color: var(--blue-ink,#0A66C8);text-align: right}.dg-range input{grid-column: 1 / -1;width: 100%;min-height: 32px;margin: 0;accent-color: var(--blue-ink,#0A66C8);cursor: pointer}.dg [data-st-o]{transition: opacity 300ms var(--ease-out,ease)}