.sd[data-astro-cid-ecn5p4mc]{--ink: #020f30;--line: #cbd0db;color:var(--ink)}.sd-bar[data-astro-cid-ecn5p4mc]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}.sd-switch[data-astro-cid-ecn5p4mc]{display:inline-flex;padding:4px;border:1px solid var(--color-navy);border-radius:var(--radius-sm);background:#fff}.sd-switch__b[data-astro-cid-ecn5p4mc]{padding:.625rem 1rem;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-navy);font:700 .9375rem/1.25rem var(--font-sans);cursor:pointer;transition:background-color .16s linear,color .16s linear}.sd-switch__b[data-astro-cid-ecn5p4mc][aria-pressed=true]{background:var(--color-navy);color:#fff}.sd-switch__b[data-astro-cid-ecn5p4mc][aria-pressed=false]:hover{background:var(--color-blue-200);color:#fff}.sd-status[data-astro-cid-ecn5p4mc]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin:0;font-size:1rem;line-height:1.4}.sd-status__k[data-astro-cid-ecn5p4mc]{padding:.25rem .5rem;border-radius:var(--radius-xs);background:var(--color-blue-100);color:var(--color-blue-200);font-family:var(--font-mono);font-size:.75rem;line-height:1;font-weight:600;letter-spacing:.02em;text-transform:uppercase}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-status__k[data-astro-cid-ecn5p4mc]{background:var(--color-yellow-100);color:var(--color-yellow-300)}.sd-body[data-astro-cid-ecn5p4mc]{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}@media(min-width:62rem){.sd-body[data-astro-cid-ecn5p4mc]{grid-template-columns:17rem minmax(0,1fr);gap:2rem;align-items:stretch}.sd[data-astro-cid-ecn5p4mc] .sd-body[data-astro-cid-ecn5p4mc] .sd-panel[data-astro-cid-ecn5p4mc]{order:0}}.sd-panel[data-astro-cid-ecn5p4mc]{display:none;order:2;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:var(--radius-sm);background:var(--color-navy);color:#fff}.sd[data-astro-cid-ecn5p4mc].is-ready .sd-panel[data-astro-cid-ecn5p4mc]{display:flex}.sd-panel__h[data-astro-cid-ecn5p4mc]{margin:0;font-family:var(--font-mono);font-size:.8125rem;line-height:1;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-blue-40)}.sd-set[data-astro-cid-ecn5p4mc]{margin:0;padding:0;border:0}.sd-set__k[data-astro-cid-ecn5p4mc]{margin-bottom:.625rem;padding:0}.sd-set__k[data-astro-cid-ecn5p4mc] code[data-astro-cid-ecn5p4mc]{font-family:var(--font-mono);font-size:.875rem;color:#fff}.sd-swatches[data-astro-cid-ecn5p4mc]{display:flex;gap:.5rem}.sd-swatch[data-astro-cid-ecn5p4mc]{width:2.5rem;height:2.5rem;border:2px solid transparent;border-radius:var(--radius-xs);background:var(--sw);box-shadow:inset 0 0 0 2px var(--color-navy);cursor:pointer}.sd-swatch[data-astro-cid-ecn5p4mc][aria-pressed=true]{border-color:#fff}.sd-seg[data-astro-cid-ecn5p4mc]{display:flex;gap:2px;padding:2px;border-radius:var(--radius-xs);background:#ffffff1a}.sd-seg__b[data-astro-cid-ecn5p4mc]{flex:1;padding:.5rem 0;border:0;border-radius:var(--radius-xs);background:transparent;color:#fff;font:600 .875rem/1 var(--font-mono);cursor:pointer;transition:background-color .16s linear,color .16s linear}.sd-seg__b[data-astro-cid-ecn5p4mc][aria-pressed=true]{background:#fff;color:var(--color-navy)}.sd-seg__b[data-astro-cid-ecn5p4mc][aria-pressed=false]:hover{background:var(--color-blue-200)}.sd-swatch[data-astro-cid-ecn5p4mc]:focus-visible,.sd-seg__b[data-astro-cid-ecn5p4mc]:focus-visible,.sd-switch__b[data-astro-cid-ecn5p4mc]:focus-visible{outline:2px solid var(--color-blue-40);outline-offset:2px}.sd-panel__foot[data-astro-cid-ecn5p4mc]{margin:auto 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);font-size:.875rem;line-height:1.4;color:#ffffffb8}.sd-screens[data-astro-cid-ecn5p4mc]{list-style:none;margin:0;padding:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:end;border-radius:var(--radius-sm);background:var(--color-neutral-100)}@media(min-width:48rem){.sd-screens[data-astro-cid-ecn5p4mc]{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.5fr);padding:2rem;gap:1.5rem}}.sd-screen--web[data-astro-cid-ecn5p4mc]{grid-column:1 / -1}@media(min-width:48rem){.sd-screen--web[data-astro-cid-ecn5p4mc]{grid-column:auto}}.sd-screen__label[data-astro-cid-ecn5p4mc]{display:block;margin-bottom:.75rem;font-family:var(--font-mono);font-size:.75rem;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-neutral-400)}.sd-screen[data-astro-cid-ecn5p4mc]{--p: #2e56ff;--pf: #ffffff;--r: 8px;--w: 700;--up: none;--fs: 1;--bg: #ffffff;--surface: #f6f7fc;--fg: #020f30;--muted: #5c6271;--line-ui: #e4e7ef;--notch: #020f30;font-size:calc(1rem * var(--fs))}.sd-screen[data-astro-cid-ecn5p4mc].is-dark{--bg: #061645;--surface: #0d2263;--fg: #ffffff;--muted: #a9bcff;--line-ui: rgba(255, 255, 255, .14);--notch: #000814}.sd-device[data-astro-cid-ecn5p4mc]{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-navy);background:var(--bg);color:var(--fg);transition:background-color .36s ease,color .36s ease,box-shadow .36s ease}.sd-screen--ios[data-astro-cid-ecn5p4mc] .sd-device[data-astro-cid-ecn5p4mc],.sd-screen--android[data-astro-cid-ecn5p4mc] .sd-device[data-astro-cid-ecn5p4mc]{border-radius:var(--radius-xl);aspect-ratio:9 / 17}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-device[data-astro-cid-ecn5p4mc]{border-radius:var(--radius-sm);aspect-ratio:16 / 11}.sd-screen[data-astro-cid-ecn5p4mc].is-pulse .sd-device[data-astro-cid-ecn5p4mc]{box-shadow:0 0 0 4px var(--color-blue-200)}.sd-notch[data-astro-cid-ecn5p4mc]{display:block;width:32%;height:.9em;margin:.6em auto 0;border-radius:99px;background:var(--notch);box-shadow:0 0 0 1px #ffffff1f}.sd-screen--android[data-astro-cid-ecn5p4mc] .sd-notch[data-astro-cid-ecn5p4mc]{width:.9em}.sd-chrome[data-astro-cid-ecn5p4mc]{border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:center;gap:.35em;padding:.55em .75em;border-bottom:1px solid var(--line);background:var(--surface)}.sd-chrome[data-astro-cid-ecn5p4mc] i[data-astro-cid-ecn5p4mc]{width:.55em;height:.55em;border-radius:50%;background:var(--line)}.sd-chrome__url[data-astro-cid-ecn5p4mc]{margin-left:.5em;padding:.2em .75em;border-radius:99px;background:var(--bg);font-family:var(--font-mono);font-size:.62em;color:var(--muted)}.sd-ui[data-astro-cid-ecn5p4mc]{display:flex;flex-direction:column;gap:.55em;flex:1;padding:1.1em 1em 1em;font-size:.8em}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui[data-astro-cid-ecn5p4mc]{padding:1.4em 1.6em;font-size:.86em;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5em;align-content:start}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui[data-astro-cid-ecn5p4mc]>[data-astro-cid-ecn5p4mc]:nth-child(-n+3){grid-column:1}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc],.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__row[data-astro-cid-ecn5p4mc]{grid-column:2}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc]{grid-row:1 / span 2}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__btn[data-astro-cid-ecn5p4mc],.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__link[data-astro-cid-ecn5p4mc]{grid-column:1}.sd-ui__eyebrow[data-astro-cid-ecn5p4mc]{margin:0;font-family:var(--font-mono);font-size:.72em;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sd-ui__title[data-astro-cid-ecn5p4mc]{margin:0;font-size:1.9em;line-height:1;font-weight:500;letter-spacing:-.02em}.sd-ui__price[data-astro-cid-ecn5p4mc]{margin:0;font-size:.95em;color:var(--muted)}.sd-ui__price[data-astro-cid-ecn5p4mc] b[data-astro-cid-ecn5p4mc]{color:var(--fg);font-size:1.25em}.sd-ui__chips[data-astro-cid-ecn5p4mc]{list-style:none;margin:.3em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35em}.sd-ui__chips[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{padding:.35em .6em;border-radius:var(--r);background:var(--surface);font-size:.78em;transition:border-radius .36s ease}.sd-ui__row[data-astro-cid-ecn5p4mc]{display:flex;align-items:center;gap:.5em;font-size:.85em}.sd-ui__toggle[data-astro-cid-ecn5p4mc]{position:relative;width:2.2em;height:1.25em;border-radius:99px;background:var(--p);transition:background-color .36s ease}.sd-ui__toggle[data-astro-cid-ecn5p4mc] i[data-astro-cid-ecn5p4mc]{position:absolute;top:.18em;right:.18em;width:.9em;height:.9em;border-radius:50%;background:var(--pf)}.sd-ui__list[data-astro-cid-ecn5p4mc]{list-style:none;margin:.4em 0 0;padding:0;border-top:1px solid var(--line-ui)}.sd-ui__list[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{display:flex;justify-content:space-between;padding:.55em 0;border-bottom:1px solid var(--line-ui);font-size:.82em}.sd-ui__list[data-astro-cid-ecn5p4mc] span[data-astro-cid-ecn5p4mc]{color:var(--muted)}.sd-ui__btn[data-astro-cid-ecn5p4mc]{margin-top:auto;padding:.8em 1em;border-radius:var(--r);background:var(--p);color:var(--pf);text-align:center;font-weight:var(--w);text-transform:var(--up);letter-spacing:.01em;transition:background-color .36s ease,color .36s ease,border-radius .36s ease}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__btn[data-astro-cid-ecn5p4mc]{margin-top:.6em;justify-self:start;padding-inline:1.6em}.sd-ui__link[data-astro-cid-ecn5p4mc]{align-self:center;font-size:.82em;font-weight:600;color:var(--p);transition:color .36s ease}.sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__link[data-astro-cid-ecn5p4mc]{align-self:start}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--ios[data-astro-cid-ecn5p4mc] .sd-ui__title[data-astro-cid-ecn5p4mc]{font-weight:800;letter-spacing:-.04em}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--ios[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{border-radius:99px;background:var(--p);color:var(--pf)}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--ios[data-astro-cid-ecn5p4mc] .sd-ui__eyebrow[data-astro-cid-ecn5p4mc]{text-transform:none;font-family:var(--font-sans);font-weight:700;letter-spacing:0}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc]:not(.is-dark) .sd-device[data-astro-cid-ecn5p4mc]{background:#eceef4}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui[data-astro-cid-ecn5p4mc]{text-align:center;gap:.35em}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__title[data-astro-cid-ecn5p4mc]{font-size:1.35em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc]{justify-content:center}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px var(--muted)}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__row[data-astro-cid-ecn5p4mc]{justify-content:center}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__toggle[data-astro-cid-ecn5p4mc],[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__toggle[data-astro-cid-ecn5p4mc] i[data-astro-cid-ecn5p4mc]{border-radius:0}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-ui__list[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{border-bottom-style:dashed}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc]:not(.is-dark) .sd-device[data-astro-cid-ecn5p4mc]{background:#fff7e8}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__title[data-astro-cid-ecn5p4mc]{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:2.4em;letter-spacing:-.01em}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__price[data-astro-cid-ecn5p4mc] b[data-astro-cid-ecn5p4mc]{color:var(--p)}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__chips[data-astro-cid-ecn5p4mc] li[data-astro-cid-ecn5p4mc]{background:transparent;color:var(--p);box-shadow:inset 0 0 0 1.5px var(--p)}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc] .sd-ui__link[data-astro-cid-ecn5p4mc]{text-decoration:underline;text-transform:uppercase;letter-spacing:.06em}.sd-notes[data-astro-cid-ecn5p4mc]{display:flex;flex-wrap:wrap;gap:.3rem;min-height:3.25rem;margin-top:.625rem;align-content:flex-start}.sd-note[data-astro-cid-ecn5p4mc]{padding:.3em .45em;border-radius:var(--radius-xs);background:var(--color-yellow-200);color:var(--color-navy);font-family:var(--font-mono);font-size:.6875rem;line-height:1;font-weight:600;opacity:0;transform:translateY(.4em);transition:opacity .22s linear,transform .32s cubic-bezier(.16,1,.3,1)}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-note[data-astro-cid-ecn5p4mc]{opacity:1;transform:none}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--android[data-astro-cid-ecn5p4mc] .sd-note[data-astro-cid-ecn5p4mc]{transition-delay:90ms}[data-astro-cid-ecn5p4mc][data-mode=drift] .sd-screen--web[data-astro-cid-ecn5p4mc] .sd-note[data-astro-cid-ecn5p4mc]{transition-delay:.18s}.sd-cap[data-astro-cid-ecn5p4mc]{margin:1rem 0 0;font-size:.875rem;line-height:1.25rem;color:var(--color-neutral-400)}@media(prefers-reduced-motion:reduce){.sd[data-astro-cid-ecn5p4mc] [data-astro-cid-ecn5p4mc],.sd[data-astro-cid-ecn5p4mc] [data-astro-cid-ecn5p4mc]:before{transition:none!important}}.ds{color:var(--color-navy)}.ds a{text-decoration:none}.ds :where(a,button):focus-visible{outline:2px solid var(--color-blue-200);outline-offset:3px}.ds-for{padding-block:var(--section-pad);background:var(--color-navy);color:#fff}.ds-fb{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.ds-fb__item{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1.25rem;align-items:start;padding:1.5rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);overflow:hidden;transition:flex-grow var(--dur-panel) var(--ease-in-out),background-color var(--dur-base) linear,border-color var(--dur-base) linear}.ds-fb__hit{display:none}.ds-fb__spot{grid-row:span 2;display:block;width:3rem;color:var(--color-blue-40)}.ds-fb__tag{margin:.25rem 0 0;font-family:var(--font-mono);font-size:var(--type-eyebrow);line-height:1.2;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-blue-40)}.ds-fb__more{display:grid;grid-template-rows:1fr;transition:grid-template-rows .52s var(--ease-in-out)}.ds-fb__more>div{min-height:0;overflow:hidden}.ds-fb__line{margin:.875rem 0 0;max-width:40rem;font-size:clamp(1.375rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.ds-fb__back{display:inline-flex;align-items:center;gap:.375rem;margin-top:1.25rem;font-weight:700;color:#fff;transition:color var(--dur-fast) linear}.ds-fb__back:hover{color:var(--color-blue-light)}.ds-fb__back svg{transition:transform .22s var(--ease-out)}.ds-fb__back:hover svg{transform:translate(3px)}.ds-fb__bar{display:none}.ds-for.is-live .ds-fb__item:not(.is-on) .ds-fb__more{grid-template-rows:0fr}.ds-for.is-live .ds-fb__item:not(.is-on){cursor:pointer}.ds-for.is-live .ds-fb__item:not(.is-on) .ds-fb__hit{display:block;position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer}.ds-for.is-live .ds-fb__item:not(.is-on):hover{background:var(--color-blue-200);border-color:var(--color-blue-200)}.ds-for.is-live .ds-fb__item:not(.is-on):hover :is(.ds-fb__spot,.ds-fb__tag){color:#fff}.ds-for.is-live .ds-fb__item.is-on{border-color:#fff;background:#ffffff0a}.ds-for.is-live .ds-fb__item.is-on .ds-fb__spot{color:#fff}.ds-for.is-live .ds-fb__bar{position:absolute;left:0;right:0;bottom:0;height:3px;display:block;background:#ffffff1f}.ds-for.is-live .ds-fb__item:not(.is-on) .ds-fb__bar{display:none}.ds-fb__bar i{display:block;height:100%;background:var(--color-blue-200);transform-origin:0 50%;transform:scaleX(0)}.ds-for.is-playing .ds-fb__item.is-on .ds-fb__bar i{animation:ds-fill var(--dur, 5.2s) linear forwards}@keyframes ds-fill{to{transform:scaleX(1)}}@media(min-width:62rem){.ds-fb{display:flex;min-height:20rem}.ds-fb__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:2rem}.ds-fb__spot{width:4rem;margin-bottom:1.5rem}.ds-for.is-live .ds-fb__item.is-on{flex-grow:2.6}.ds-fb__more{margin-top:auto}}.ds-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}@media(min-width:62rem){.ds-parts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto;gap:0}.ds-part{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start}.ds-part+.ds-part{padding-left:2rem;margin-left:2rem}}.ds-part__head{display:flex;align-items:center;gap:1rem;margin-top:2rem}.ds-part__spot{display:block;width:2.75rem;color:var(--color-blue-200)}.ds-part__n{display:block;font-family:var(--font-mono);font-size:var(--type-eyebrow);line-height:1;color:var(--color-blue-200)}.ds-part__t{margin:.875rem 0 0;font-size:var(--type-card-lg);line-height:1.15;letter-spacing:-.02em;font-weight:400}.ds-part__b{margin:.875rem 0 0;font-size:var(--type-body);line-height:1.6;color:var(--color-neutral-400);text-wrap:pretty}.ds-fig{display:flex;flex-direction:column;justify-content:center;min-height:15rem;padding:1.5rem;border-radius:var(--radius-sm);background:var(--color-neutral-100)}.ds-fig__file{margin:0 0 .875rem;font-family:var(--font-mono);font-size:.75rem;line-height:1;letter-spacing:.02em;color:var(--color-neutral-400)}.ds-fig__tokens ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-neutral-200)}.ds-fig__tokens li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding-block:.625rem;border-bottom:1px solid var(--color-neutral-200);font-size:.875rem}.ds-fig__tokens code{font-family:var(--font-mono);font-size:.8125rem}.ds-fig__tokens li>span{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-neutral-400)}.ds-fig__tokens i{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-xs);background:var(--sw, #ffffff);font-style:normal}.ds-fig__r{border:2px solid var(--color-navy);border-radius:var(--radius-md)!important;background:#fff!important}.ds-fig__t{font-size:.75rem;font-weight:700;background:#fff!important;box-shadow:inset 0 0 0 1px var(--color-neutral-200)}.ds-fig__s{background:linear-gradient(90deg,var(--color-blue-200) 0 2px,transparent 2px calc(100% - 2px),var(--color-blue-200) calc(100% - 2px)),#fff!important;box-shadow:inset 0 0 0 1px var(--color-neutral-200)}.ds-fig__to{display:flex;gap:.5rem;margin:1rem 0 0}.ds-fig__to span{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:var(--radius-xs);background:var(--color-blue-100);color:var(--color-blue-200);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.ds-fig__to span:before{content:"";width:.75em;height:.75em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat}.ds-fig__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ds-fig__side{padding:1rem;border-radius:var(--radius-xs);background:#fff;box-shadow:inset 0 0 0 1px var(--color-neutral-200)}.ds-fig__side .ds-fig__file{font-size:.6875rem;line-height:1.2}.ds-parts{--ds-p: #2e56ff}.ds-fig__sw{background:var(--ds-p)!important;transition:background-color .36s ease}.ds-parts.is-changed .ds-fig__live{animation:ds-row .9s ease}@keyframes ds-row{0%{background:var(--color-blue-100)}to{background:transparent}}.ds-parts.is-changed .ds-fig__to span{animation:ds-pop .52s steps(3,end)}.ds-parts.is-changed .ds-fig__to span:nth-child(2){animation-delay:.12s}@keyframes ds-pop{50%{transform:scale(1.12)}}.ds-fig__test b{transition:transform .22s ease}.ds-parts.is-changed .ds-fig__test:not(.is-pass) b{transform:scale(0)}.ds-parts.is-changed .ds-fig__test.is-pass b{animation:ds-pop .42s steps(3,end)}.ds-fig__btn{display:block;padding:.75rem;border-radius:var(--radius-md);background:var(--ds-p);transition:background-color .36s ease;color:#fff;text-align:center;font-size:.875rem;font-weight:700}.ds-fig__test{display:flex;align-items:center;gap:.5rem;margin:1rem 0 0;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-navy)}.ds-fig__test b{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-xs);background:var(--color-green-200);color:var(--color-green-300);font-size:.75rem}.ds-fig__rule{margin:0 0 1rem;font-size:1.125rem;line-height:1.3;font-weight:500}.ds-fig__dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ds-fig__do,.ds-fig__dont{padding:.75rem;border-radius:var(--radius-xs);background:#fff;box-shadow:inset 0 3px 0 var(--mk)}.ds-fig__do{--mk: var(--color-green-200)}.ds-fig__dont{--mk: var(--color-orange-200)}.ds-fig__mark{display:block;margin:.25rem 0 .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ds-fig__mini{display:grid;gap:.375rem}.ds-fig__mini b,.ds-fig__mini em{display:block;height:1.5rem;border-radius:var(--radius-xs);background:var(--ds-p);transition:background-color .36s ease,box-shadow .36s ease}.ds-fig__mini em{background:transparent;box-shadow:inset 0 0 0 1px var(--ds-p)}@media(prefers-reduced-motion:reduce){.ds *{transition:none!important}}