:root{--bg:#f8fafc;--panel:#fff;--panel-2:#f1f5f9;--line:#e2e8f0;--ink:#0f172a;--muted:#475569;--accent:#0f766e;--accent-ink:#fff;--accent-soft:#e6f6f4;--accent-strong:#00555a;--canvas:#eef2f6;--dot:#cfd8e3;--mark:#d6246e;--pad:#2a9d6a;--code:#f1f5f9;--ok:#15803d;--no:#b3261e;--warn:#8a5a00;--shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a12;--glow:radial-gradient(60% 70% at 70% 20%, #14b8a62e, transparent 70%), radial-gradient(50% 60% at 10% 0%, #00555a1a, transparent 70%);--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--display:"Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nav-w:17rem;--rail-w:22rem;--head-h:3.75rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1113;--panel:#0f191c;--panel-2:#15222a;--line:#1f3036;--ink:#e8f1f2;--muted:#93a8ad;--accent:#2dd4bf;--accent-ink:#042f2e;--accent-soft:#11302f;--accent-strong:#5eead4;--canvas:#081012;--dot:#1b2c32;--mark:#ff6aa2;--pad:#4cc38a;--code:#0c1619;--ok:#6cc584;--no:#ff8a80;--warn:#e3b25c;--shadow:0 1px 2px #0006, 0 8px 28px #0006;--glow:radial-gradient(60% 70% at 70% 20%, #2dd4bf24, transparent 70%), radial-gradient(50% 60% at 10% 0%, #00555a4d, transparent 70%);color-scheme:dark}}:root[data-theme=dark]{--bg:#0a1113;--panel:#0f191c;--panel-2:#15222a;--line:#1f3036;--ink:#e8f1f2;--muted:#93a8ad;--accent:#2dd4bf;--accent-ink:#042f2e;--accent-soft:#11302f;--accent-strong:#5eead4;--canvas:#081012;--dot:#1b2c32;--mark:#ff6aa2;--pad:#4cc38a;--code:#0c1619;--ok:#6cc584;--no:#ff8a80;--warn:#e3b25c;--shadow:0 1px 2px #0006, 0 8px 28px #0006;--glow:radial-gradient(60% 70% at 70% 20%, #2dd4bf24, transparent 70%), radial-gradient(50% 60% at 10% 0%, #00555a4d, transparent 70%);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--head-h) + 1rem)}body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}code,kbd,pre,samp{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-skip{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:.5rem .75rem;position:absolute;top:.5rem;left:-999px}.ds-skip:focus{left:.5rem}.ds-i{flex:none;place-items:center;width:1em;height:1em;line-height:1;display:inline-grid}.ds-i svg{fill:currentColor;width:100%;height:100%}.ds-head{z-index:30;height:var(--head-h);padding-inline:max(1rem, env(safe-area-inset-left,0px)) max(1rem, env(safe-area-inset-right,0px));background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.ds-brand{color:var(--ink);white-space:nowrap;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.ds-wordmark{font:700 1.05rem/1 var(--display);letter-spacing:-.01em;align-items:baseline;gap:.45rem;display:inline-flex}.ds-wordmark b{font:500 .78rem var(--font);background:var(--accent-soft);color:var(--accent);letter-spacing:0;border-radius:999px;padding:.2rem .5rem}.ds-head-left{align-items:center;gap:.75rem;display:flex}.ds-head-tools{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.ds-iconbtn.ds-menu-btn{display:none}.ds-iconbtn{border:1px solid var(--line);background:var(--panel);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;font-size:1rem;text-decoration:none;display:inline-grid}.ds-iconbtn:hover{color:var(--ink);background:var(--panel-2)}.ds-seg{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.ds-seg button,.ds-seg a{min-width:2rem;height:1.9rem;color:var(--muted);font:600 .75rem/1 var(--font);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0 .55rem;text-decoration:none;display:inline-grid}.ds-seg button{font-size:.95rem}.ds-seg button:hover,.ds-seg a:hover{color:var(--ink)}.ds-seg button[aria-pressed=true],.ds-seg a[aria-current=true]{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px #0f172a2e}.ds-seg-icon{width:1.6rem;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.ds-dd{position:relative}.ds-dd>summary{white-space:nowrap;border:1px solid var(--line);background:var(--panel);height:2.25rem;color:var(--ink);font:600 .8125rem/1 var(--font);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:0 .75rem;list-style:none;display:inline-flex}.ds-dd>summary:hover{background:var(--panel-2)}.ds-dd>summary .ds-i{color:var(--accent)}.ds-dd>summary::-webkit-details-marker{display:none}.ds-dd>summary:after{content:"";width:.4rem;height:.4rem;color:var(--muted);border-bottom:2px solid;border-right:2px solid;transform:translateY(-2px)rotate(45deg)}.ds-dd[open]>summary{background:var(--panel-2)}.ds-dd-list{z-index:40;background:var(--panel);border:1px solid var(--line);width:22rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}.ds-dd-list button{text-align:start;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.6rem .75rem;display:grid}.ds-dd-list button:hover{background:var(--panel-2)}.ds-dd-list button[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.ds-dd-list b{font-weight:600}.ds-dd-list small{color:var(--muted);grid-column:1/-1;font-size:.75rem;line-height:1.4}.ds-chip{font:500 .68rem var(--mono);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:5px;padding:.1rem .4rem}.ds-shell{grid-template-columns:var(--nav-w) minmax(0, 1fr) var(--rail-w);min-height:calc(100vh - var(--head-h));display:grid}.ds-nav{top:var(--head-h);height:calc(100vh - var(--head-h));padding:1rem .75rem 3rem max(.75rem, env(safe-area-inset-left,0px));border-right:1px solid var(--line);background:var(--panel);align-self:start;position:sticky;overflow-y:auto}.ds-nav h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.25rem .5rem .35rem;font-size:.6875rem;font-weight:600}.ds-nav h3{color:var(--ink);margin:.9rem .5rem .2rem;font-size:.75rem;font-weight:600}.ds-nav a{color:var(--ink);border-radius:6px;justify-content:space-between;gap:.5rem;padding:.3rem .5rem;font-size:.875rem;text-decoration:none;display:flex}.ds-nav a span{font:.6875rem var(--mono);color:var(--muted);white-space:nowrap}.ds-nav a:hover{background:var(--panel-2)}.ds-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.ds-nav a[hidden]{display:none}.ds-nav-empty{color:var(--muted);padding:.5rem;font-size:.85rem}.ds-main{min-width:0;padding:2.25rem 2.5rem 6rem}.ds-article{max-width:56rem;margin:0 auto}.ds-eyebrow{font:500 .75rem var(--mono);color:var(--accent);letter-spacing:.02em}.ds-article>h1{letter-spacing:-.02em;text-wrap:balance;margin:.25rem 0 .5rem;font-size:2.1rem;line-height:1.15}.ds-article>h2{letter-spacing:-.01em;border-top:1px solid var(--line);text-wrap:balance;margin:2.75rem 0 .75rem;padding-top:.5rem;font-size:1.4rem}.ds-article>h3{margin:1.75rem 0 .5rem;font-size:1.05rem}.ds-article>p,.ds-article>ul>li,.ds-article>ol>li,.ds-article .ds-do-dont li{max-width:46rem}.ds-article :not(pre)>code{background:var(--code);border-radius:5px;padding:.1em .35em;font-size:.86em}.ds-summary{max-width:44rem;color:var(--muted);font-size:1.05rem}.ds-badges{flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0 0;display:flex}.ds-badges .ds-chip{font-size:.72rem}.ds-code-id{vertical-align:middle;margin-inline-start:.5rem}.ds-rail{top:var(--head-h);height:calc(100vh - var(--head-h));border-left:1px solid var(--line);align-self:start;padding:2.25rem 1rem 3rem;font-size:.8125rem;position:sticky;overflow-y:auto}.ds-rail h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .6rem;font-size:.6875rem;font-weight:600}.ds-toc{margin:0;padding:0;list-style:none}.ds-toc a{border-left:2px solid var(--line);color:var(--muted);padding:.2rem 0 .2rem .75rem;text-decoration:none;display:block}.ds-toc a:hover{color:var(--ink)}.ds-toc a[aria-current=true]{color:var(--accent);border-left-color:var(--accent);font-weight:600}.ds-toc .l3 a{padding-left:1.5rem}.ds-rail[data-rail=inspect] .ds-toc-wrap,.ds-rail[data-rail=idle] .ds-toc-wrap,.ds-rail:not([data-rail=inspect]):not([data-rail=idle]) .ds-insp{display:none}.ds-callout{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:1.25rem 0;padding:.8rem 1rem}.ds-callout.is-warn{border-color:color-mix(in srgb, var(--warn) 45%, var(--line));background:color-mix(in srgb, var(--warn) 8%, var(--panel))}.ds-callout>:first-child{margin-top:0}.ds-callout>:last-child{margin-bottom:0}.ds-table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:1rem 0 1.5rem;overflow-x:auto}.ds-table-wrap table{border-collapse:collapse;width:100%;font-size:.84rem}.ds-table-wrap th,.ds-table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .8rem}.ds-table-wrap th{background:var(--panel-2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:.6875rem;font-weight:600}.ds-table-wrap tr:last-child td{border-bottom:0}.ds-table-wrap td.num{font:.78rem var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums}.ds-article>table:not(.ds-plain){width:100%}.ds-do-dont{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.ds-rule{border:1px solid var(--line);background:var(--panel);border-top-width:3px;border-radius:12px;padding:.85rem 1rem}.ds-rule.is-do{border-top-color:var(--ok)}.ds-rule.is-dont{border-top-color:var(--no)}.ds-rule h3{text-transform:uppercase;letter-spacing:.07em;margin:0 0 .4rem;font-size:.72rem}.ds-rule.is-do h3{color:var(--ok)}.ds-rule.is-dont h3{color:var(--no)}.ds-rule ul{margin:0;padding-left:1.1rem;font-size:.9rem}.ds-rule li+li{margin-top:.25rem}.ds-example{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:1.25rem 0 1.75rem;overflow:hidden}.ds-example-head{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.ds-example-head strong{color:var(--ink);font-weight:600}.ds-tabs{gap:2px;margin-inline-start:auto;display:inline-flex}.ds-tabs button{color:var(--muted);font:500 .75rem var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.3rem .6rem}.ds-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.ds-canvas{background-color:var(--canvas);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:14px 14px;padding:1.5rem;position:relative;overflow-x:auto}.ds-frame{color:#212529;background:#fff;border-radius:10px;min-width:0;padding:1.25rem;position:relative;box-shadow:0 0 0 1px #00000012,0 6px 24px #00000014}.ds-frame[data-bs-theme=dark]{color:#dee2e6;background:#1e2125}.ds-frame.is-narrow{max-width:24rem;margin-inline:auto}.ds-pane[hidden]{display:none}.ds-source{background:var(--code);white-space:pre;tab-size:2;color:var(--ink);margin:0;padding:1rem 1.1rem;font-size:.78rem;line-height:1.65;position:relative;overflow-x:auto}.ds-copy{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 .7rem var(--font);cursor:pointer;border-radius:6px;padding:.2rem .5rem;position:absolute;top:.5rem;right:.5rem}.ds-nodark{color:var(--muted);margin:.6rem 0 0;font-size:.75rem}.ds-nodark[hidden]{display:none}.tok-t{color:#2b5fa8}.tok-a{color:#8a4baf}.tok-v{color:#1f7a4d}:root[data-theme=dark] .tok-t{color:#7fb4ff}:root[data-theme=dark] .tok-a{color:#d3a2ff}:root[data-theme=dark] .tok-v{color:#7fd8a5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tok-t{color:#7fb4ff}:root:not([data-theme=light]) .tok-a{color:#d3a2ff}:root:not([data-theme=light]) .tok-v{color:#7fd8a5}}.ds-matrix-wrap{container-type:inline-size}.ds-matrix-head,.ds-matrix-row{grid-template-columns:6rem repeat(var(--cols), minmax(0, 1fr));align-items:center;gap:.5rem 1rem;display:grid}.ds-matrix-head{font:600 .68rem var(--font);text-transform:uppercase;letter-spacing:.07em;color:#6c757d;padding-bottom:.5rem}.ds-matrix-row{border-top:1px solid color-mix(in srgb, currentcolor 12%, transparent);padding:.5rem 0}.ds-matrix-row .r{font:.75rem var(--mono);color:#6c757d}.ds-cells{display:contents}.ds-cell{min-width:0}@container (width<=46rem){.ds-matrix-head{display:none}.ds-matrix-row{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.75rem 0}.ds-cells{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.ds-cell{justify-items:start;gap:.3rem;display:grid}.ds-cell:before{content:attr(data-state);font:600 .62rem var(--font);text-transform:uppercase;letter-spacing:.07em;color:#6c757d}}.ds-hidden{visibility:hidden;width:0;height:0;position:absolute;overflow:hidden}.ds-formatbar{border:1px solid var(--line);background:var(--panel);width:fit-content;color:var(--muted);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.25rem 0 .5rem;padding:.35rem .6rem .35rem .8rem;font-size:.85rem;display:flex}.ds-formatbar small{color:var(--muted)}@media (width<=760px){.ds-formatbar small{display:none}}.ds-sws{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.65rem;margin:1rem 0 1.5rem;display:grid}.ds-sw{border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;font:inherit;color:var(--ink);border-radius:14px;padding:0;transition:transform .12s,box-shadow .12s;display:grid;overflow:hidden}.ds-sw:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ds-sw .c{justify-content:space-between;align-items:flex-end;height:4.4rem;padding:.5rem .65rem;display:flex}.ds-sw .aa{font:700 1.15rem/1 var(--display)}.ds-sw .k{font:600 .62rem var(--mono);opacity:.9}.ds-sw .m{gap:.1rem;padding:.5rem .65rem .6rem;display:grid}.ds-sw .m b{font:600 .76rem var(--font);overflow-wrap:anywhere}.ds-sw .m code{font:.7rem var(--mono);color:var(--muted);word-break:break-all}.ds-sw.is-copied,.ds-step.is-copied{outline:2px solid var(--ok);outline-offset:1px}.ds-scale-row{margin:.5rem 0 .9rem}.ds-scale-row h4{font:600 .78rem var(--mono);text-transform:capitalize;color:var(--muted);margin:0 0 .3rem}.ds-scale2{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(3.6rem,1fr));display:grid;overflow:hidden}.ds-step{cursor:pointer;text-align:left;min-height:4.2rem;font:inherit;border:0;align-content:space-between;gap:.35rem;padding:.45rem .5rem;transition:transform .12s;display:grid}.ds-step:hover{z-index:1;transform:scale(1.05)}.ds-step b{font:700 .82rem var(--display)}.ds-step span{font:.58rem var(--mono);opacity:.9;word-break:break-all}.ds-lab-wrap{margin:1.25rem 0 2rem}.ds-lab-controls{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:1rem;padding:1rem;display:grid}.ds-lab-presets{flex-wrap:wrap;gap:.4rem;display:flex}.ds-lab-presets button{border:1px solid var(--line);background:var(--panel);height:2rem;color:var(--ink);font:600 .78rem var(--font);cursor:pointer;border-radius:999px;padding:0 .85rem}.ds-lab-presets button:hover{background:var(--panel-2)}.ds-lab-presets button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ds-lab-roles{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:.75rem 1rem;display:grid}.ds-lab-role label{font:600 .72rem var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem;display:block}.ds-lab-inputs{align-items:center;gap:.5rem;display:flex}.ds-lab-inputs input[type=color]{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;width:2.6rem;height:2.4rem;padding:2px}.ds-lab-inputs input[type=text]{border:1px solid var(--line);background:var(--panel);width:6.2rem;height:2.4rem;color:var(--ink);font:.8rem var(--mono);border-radius:10px;padding:0 .6rem}.ds-ratio{font:600 .66rem var(--mono);background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:6px;padding:.15rem .4rem}.ds-ratio[data-pass=yes]{color:var(--ok)}.ds-ratio[data-pass=no]{color:var(--no)}.ds-lab-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ds-lab-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.ds-lab-out{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-top:1rem;display:grid}.ds-lab-out h3{margin:0 0 .25rem}.ds-lab-out p{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}@media (width<=560px){.ds-lab-two{grid-template-columns:minmax(0,1fr)}.ds-formatbar{position:static}}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin:1rem 0 1.5rem;display:grid}.ds-swatch{border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:.78rem;overflow:hidden}.ds-swatch .c{border-bottom:1px solid var(--line);height:3.6rem}.ds-swatch div:last-child{padding:.45rem .6rem}.ds-swatch b{word-break:break-all;font-size:.76rem;font-weight:600;display:block}.ds-swatch code{color:var(--muted);word-break:break-all;font-size:.7rem}.ds-scale{border:1px solid var(--line);border-radius:10px;margin:.25rem 0 1rem;display:flex;overflow:hidden}.ds-scale div{min-width:0;height:3rem;font:.62rem var(--mono);flex:1;align-items:flex-end;padding:.25rem;display:flex}.ds-icons{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin:1rem 0 2rem;display:grid}.ds-icon{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:10px;justify-items:center;gap:.35rem;padding:.8rem .4rem .6rem;display:grid}.ds-icon i{color:var(--ink);min-height:1.4rem;font-size:1.25rem}.ds-icon .n{font:.68rem var(--mono);color:var(--ink);word-break:break-all}.ds-icon .c{font:.62rem var(--mono);color:var(--muted);word-break:break-all}.ds-icon:hover{border-color:var(--accent)}.ds-icon.is-copied{border-color:var(--ok)}.ds-icon[hidden]{display:none}.ds-iconbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.ds-iconbar input{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:.875rem var(--font);border-radius:8px;flex:14rem;padding:.5rem .7rem}.ds-iconmeta{color:var(--muted);font-size:.85rem}.ds-icon-grid-frame{overscroll-behavior:contain;max-height:min(34rem,70vh);padding:1rem;overflow-y:auto}.ds-icon-grid-frame .ds-icons{margin:0}.ds-insp h2{margin-top:0}.ds-insp-empty{color:var(--muted)}.ds-insp-sel{background:var(--panel-2);border:1px solid var(--line);font:.75rem var(--mono);word-break:break-word;border-radius:8px;margin-bottom:.75rem;padding:.5rem .6rem}.ds-box{text-align:center;font:.7rem var(--mono);color:var(--muted);border:1px dashed #e8a33d;border-radius:6px;margin:.25rem 0 1rem;padding:1.4rem;position:relative}.ds-box .b{border:1.5px solid var(--ink);border-radius:4px;padding:1.1rem}.ds-box .p{background:color-mix(in srgb, var(--pad) 18%, transparent);border-radius:3px;padding:1.1rem}.ds-box .c{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--ink);border-radius:2px;padding:.35rem}.ds-box .l{font-size:.62rem;position:absolute}.ds-props{border-collapse:collapse;width:100%}.ds-props td{border-bottom:1px solid var(--line);vertical-align:top;padding:.3rem 0}.ds-props td:first-child{color:var(--muted);width:40%}.ds-props td:last-child{font:.74rem var(--mono);word-break:break-word}.ds-dot{border:1px solid var(--line);vertical-align:-1px;border-radius:3px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.ds-layer{z-index:41;pointer-events:none;position:fixed;inset:0}.ds-hover-box{z-index:40;pointer-events:none;border:1px solid var(--mark);position:fixed}.ds-sel-box{z-index:41;pointer-events:none;outline:1.5px solid var(--mark);position:fixed}.ds-sel-pad{z-index:40;pointer-events:none;background:color-mix(in srgb, var(--pad) 24%, transparent);position:fixed}.ds-sel-tag{z-index:42;pointer-events:none;background:var(--mark);color:#fff;font:500 10px/1.5 var(--mono);white-space:nowrap;border-radius:3px;padding:1px 5px;position:fixed}@media (width<=1180px){.ds-shell{grid-template-columns:var(--nav-w) minmax(0, 1fr)}.ds-rail{z-index:35;width:min(22rem,100%);height:auto;max-height:55vh;padding:1rem max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) 1rem;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px 0 0;position:fixed;top:auto;bottom:0;right:0}.ds-rail:not([data-rail=inspect]){display:none}}@media (width<=860px){.ds-shell{grid-template-columns:minmax(0,1fr)}.ds-iconbtn.ds-menu-btn{display:inline-grid}.ds-nav{z-index:36;top:var(--head-h);width:min(19rem,88vw);transition:transform .2s;position:fixed;left:0;transform:translate(-102%);box-shadow:8px 0 30px #00000038}.ds-nav.is-open{transform:none}.ds-brand small,.ds-brand-long{display:none}.ds-article>h1{font-size:1.7rem}.ds-canvas{padding:1rem .75rem}.ds-frame{padding:.9rem}.ds-main{padding-inline:max(1rem, env(safe-area-inset-left,0px)) max(1rem, env(safe-area-inset-right,0px))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.ds-nav-home{margin:.75rem 0 .1rem;font-weight:600}.ds-home{padding:0 max(1.25rem, env(safe-area-inset-left,0px), calc((100% - 76rem) / 2 + 1.25rem)) 4rem;overflow-x:clip}.ds-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:2.5rem;padding:3.5rem 0 2.5rem;display:grid;position:relative}.ds-hero:before{content:"";z-index:-1;background:var(--glow);pointer-events:none;position:absolute;inset:-4rem -50vw 0}.ds-pill{background:var(--accent-soft);color:var(--accent);font:600 .78rem/1 var(--font);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;display:inline-flex}.ds-pill .ds-i{font-size:.7rem}.ds-hero h1{font:700 clamp(2.3rem, 4.6vw, 3.6rem)/1.05 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:1rem 0 .9rem}.ds-hero h1 em{background:linear-gradient(100deg, var(--accent-strong), var(--accent) 55%, #14b8a6);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.ds-lead{max-width:36rem;color:var(--muted);font-size:1.1rem;line-height:1.65}.ds-cta{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 1.25rem;display:flex}.ds-cta a{height:2.85rem;font:600 .92rem/1 var(--font);border-radius:12px;align-items:center;gap:.55rem;padding:0 1.2rem;text-decoration:none;display:inline-flex}.ds-cta-main{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 38%, transparent)}.ds-cta-main:hover{filter:brightness(1.08)}.ds-cta-alt{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.ds-cta-alt:hover{background:var(--panel-2)}a.ds-cta-alt{height:2.85rem;font:600 .92rem/1 var(--font);border-radius:12px;align-items:center;gap:.55rem;padding:0 1.2rem;text-decoration:none;display:inline-flex}.ds-vers{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.1rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.ds-vers li{align-items:center;gap:.45rem;display:inline-flex}.ds-dot2{background:var(--line);border-radius:50%;width:.5rem;height:.5rem}.ds-dot2.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 25%, transparent)}.ds-art{min-width:0;position:relative}.ds-art-label{font:500 .72rem var(--mono);color:var(--muted);position:absolute;top:-1.35rem;left:.15rem}.ds-art-frame{aspect-ratio:6/5;border:1px solid var(--line);background-color:var(--panel);background-image:radial-gradient(var(--dot) 1px, transparent 1px);box-shadow:var(--shadow);background-size:16px 16px;border-radius:20px;position:relative;overflow:hidden}.ds-art-card{color:#00555a;background:#fff;border-radius:26px;justify-items:center;gap:.15rem;padding:1.6rem 2.4rem 1.3rem;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #00555a1a,0 20px 50px #00555a38}.ds-art-card b{font:700 1.25rem/1.1 var(--display);letter-spacing:-.01em}.ds-art-card span{font:500 .78rem var(--font);color:#5b7f82}.ds-art-item{position:absolute}.ds-art-btns{align-items:center;gap:.7rem;display:flex;bottom:9%;left:6%}.ds-art-item.ds-art-progress{background:#fff;border-radius:12px;width:11rem;height:2.1rem;top:10%;right:6%;box-shadow:0 8px 24px #0f172a1f}.ds-art-progress:before{content:"";background:#e2e8f0;border-radius:99px;height:.5rem;position:absolute;top:.8rem;left:.9rem;right:.9rem}.ds-art-progress i{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:99px;width:calc(68% - 1.224rem);height:.5rem;position:absolute;top:.8rem;left:.9rem}.ds-art-item.ds-art-alert{color:#14532d;font:600 .82rem var(--font);background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:.55rem .95rem;bottom:12%;right:5%}.ds-art-swatches{background:#fff;border-radius:12px;gap:.3rem;padding:.4rem;display:flex;top:9%;left:6%;box-shadow:0 8px 24px #0f172a1f}.ds-art-swatches i{border-radius:6px;width:1.35rem;height:1.35rem;display:block}.ds-selbox{outline:1.5px solid var(--mark);outline-offset:5px;padding:0;display:inline-flex;position:relative}.ds-selbox i{border:1.5px solid var(--mark);background:#fff;border-radius:2px;width:7px;height:7px;position:absolute}.ds-selbox i:first-child{top:-9px;left:-9px}.ds-selbox i:nth-child(2){top:-9px;right:-9px}.ds-selbox i:nth-child(3){bottom:-9px;left:-9px}.ds-selbox i:nth-child(4){bottom:-9px;right:-9px}.ds-seltag{background:var(--mark);color:#fff;font:500 10px/1.6 var(--mono);white-space:nowrap;border-radius:4px;padding:1px 6px;position:absolute;top:calc(100% + 12px);left:0}.ds-cursor{color:var(--c);filter:drop-shadow(0 1px 1px #00000040);align-items:flex-start;gap:0;display:flex;position:absolute}.ds-cursor .ds-i{width:auto;height:1.45rem}.ds-cursor .ds-i svg{width:auto;height:100%}.ds-cursor span{background:var(--c);color:#fff;font:600 10px/1.7 var(--font);border-radius:0 8px 8px;margin:1.15rem 0 0 -.05rem;padding:1px 7px}.ds-cursor-a{--c:#0d9488;top:24%;right:30%}.ds-cursor-b{--c:#7c3aed;bottom:30%;left:26%}.ds-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:.5rem 0 3.5rem;display:grid}.ds-stats div{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:1rem 1.1rem}.ds-stats b{font:700 1.9rem/1.1 var(--display);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;display:block}.ds-stats span{color:var(--muted);font-size:.8rem}.ds-block{margin:0 0 3.75rem}.ds-block>header{margin-bottom:1.4rem}.ds-block h2{font:700 1.75rem/1.15 var(--display);letter-spacing:-.02em;margin:0 0 .35rem}.ds-block>header p{color:var(--muted);max-width:40rem;margin:0}.ds-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.ds-card{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:18px;padding:1.35rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.ds-card-i{background:var(--accent-soft);width:2.6rem;height:2.6rem;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:.9rem;font-size:1.1rem;display:inline-grid}.ds-card h3{font:600 1.05rem/1.25 var(--display);margin:0 0 .35rem}.ds-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.ds-card-link:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:var(--shadow);transform:translateY(-3px)}.ds-card-link.is-soon{opacity:.62}.ds-card-link.is-soon:hover{box-shadow:none;border-color:var(--line);transform:none}.ds-card-meta{font:600 .78rem/1 var(--font);color:var(--accent);align-items:center;gap:.45rem;margin-top:1rem;display:inline-flex}.ds-brand-strip{box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin-bottom:1.25rem;display:grid;overflow:hidden}.ds-brand-strip div{align-content:end;gap:.1rem;min-height:7.5rem;padding:.8rem;display:grid}.ds-brand-strip b{font:600 .82rem var(--display)}.ds-brand-strip span{font:.7rem var(--mono);opacity:.85}.ds-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-top:1.75rem;font-size:.85rem;display:flex}.ds-foot p{margin:0}.ds-foot nav{flex-wrap:wrap;gap:.4rem 1.25rem;margin-inline-start:auto;display:flex}@media (width<=980px){.ds-hero{grid-template-columns:minmax(0,1fr);padding-top:2.5rem}.ds-stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}}@media (width<=560px){.ds-wordmark b{display:none}.ds-art-frame{aspect-ratio:1}.ds-art-alert,.ds-cursor-b{display:none}.ds-art-item.ds-art-progress{top:auto;bottom:26%;right:6%}.ds-seg-icon,.ds-vl,.ds-github{display:none}.ds-head{gap:.5rem}.ds-head-tools{gap:.4rem}}.ds-dd-icon>summary{gap:.4rem;padding:0 .6rem}#ds-mode>summary{justify-content:center;width:2.25rem;padding:0}#ds-mode>summary:after{display:none}.ds-code2{font:700 .72rem/1 var(--font);letter-spacing:.03em}.ds-mode-i{color:var(--accent);place-items:center;font-size:1rem;display:none}:root[data-theme=light] .ds-mode-i.is-light,:root[data-theme=dark] .ds-mode-i.is-dark,:root:not([data-theme]) .ds-mode-i.is-auto{display:grid}.ds-dd-list a{color:var(--ink);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:.15rem .75rem;padding:.6rem .75rem;text-decoration:none;display:grid}.ds-dd-list a:hover{background:var(--panel-2)}.ds-dd-list [aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.ds-dd-narrow{width:14rem}.ds-dd-row{align-items:center;gap:.65rem;display:inline-flex}.ds-dd-row .ds-i{color:var(--accent)}.ds-check{color:var(--accent);opacity:0;place-items:center;font-size:.8rem;display:grid}[aria-checked=true]>.ds-check{opacity:1}.ds-switch{background:color-mix(in srgb, var(--muted) 40%, var(--line));border-radius:999px;flex:none;width:2.1rem;height:1.2rem;transition:background .15s;position:relative}.ds-switch i{background:#fff;border-radius:50%;width:.95rem;height:.95rem;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}[aria-pressed=true]>.ds-switch{background:var(--accent)}[aria-pressed=true]>.ds-switch i{transform:translate(.9rem)}.ds-brandsw{border:1px solid var(--line);background:var(--panel);height:2.25rem;color:var(--ink);font:600 .8125rem/1 var(--font);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:0 .7rem 0 .6rem;display:inline-flex}.ds-brandsw:hover{background:var(--panel-2)}.ds-brandsw-mark{color:var(--accent);place-items:center;display:grid}.ds-brandsw[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft)}.ds-switchbtn{cursor:pointer;background:0 0;border:0;padding:0}.ds-switchbtn .ds-switch{width:3rem;height:1.7rem}.ds-switchbtn .ds-switch i{width:1.35rem;height:1.35rem;top:2px;left:2px}.ds-switchbtn[aria-pressed=true] .ds-switch i{transform:translate(1.3rem)}.ds-try{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:var(--shadow);border-radius:22px;margin:0 0 3rem;padding:1.6rem}.ds-try>header h2{font:700 1.5rem/1.2 var(--display);letter-spacing:-.02em;margin:0 0 .25rem}.ds-try>header p{color:var(--muted);max-width:38rem;margin:0 0 1.1rem}.ds-try-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:1.5rem;display:grid}.ds-try-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.ds-try-row:first-child{border-top:0;padding-top:0}.ds-try-label{gap:.15rem;min-width:0;display:grid}.ds-try-label b{font:600 .98rem/1.2 var(--display);align-items:center;gap:.5rem;display:flex}.ds-try-label b .ds-i{color:var(--accent)}.ds-try-label span{color:var(--muted);font-size:.84rem}.ds-chips{flex-wrap:wrap;gap:.4rem;display:flex}.ds-chips button{border:1px solid var(--line);background:var(--panel);min-width:4.4rem;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:12px;gap:0;padding:.45rem .75rem;transition:background .12s,border-color .12s;display:grid}.ds-chips button b{font:700 .95rem/1.2 var(--display)}.ds-chips button small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}.ds-chips button:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.ds-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent)}.ds-chips button[aria-pressed=true] small{color:inherit;opacity:.85}.ds-livebox{border-radius:16px;gap:.85rem;padding:1.2rem;display:grid;box-shadow:0 0 0 1px #00000014,0 10px 30px #0f172a1a}.ds-live-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ds-footer{border-top:1px solid var(--line);background:var(--panel)}.ds-footer-in{max-width:76rem;padding:1.5rem max(1.25rem, env(safe-area-inset-left,0px)) calc(1rem + env(safe-area-inset-bottom,0px));gap:1.1rem;margin:0 auto;display:grid}.ds-foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.1rem 2rem;display:flex}.ds-foot-brand{min-width:0;max-width:22rem;color:var(--ink);align-items:center;gap:.85rem;text-decoration:none;display:flex}.ds-foot-brand b{font:700 .98rem/1.2 var(--display);display:block}.ds-foot-brand span span{color:var(--muted);margin-top:.15rem;font-size:.8rem;line-height:1.4;display:block}.ds-foot-people{flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;display:flex}.ds-founders{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ds-founder{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:999px;align-items:center;gap:.55rem;padding:.28rem .85rem .28rem .28rem;text-decoration:none;display:flex}.ds-founder:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft)}.ds-founder img{object-fit:cover;border-radius:50%;width:2rem;height:2rem}.ds-founder b{font:600 .82rem/1.15 var(--font);display:block}.ds-founder small{color:var(--muted);font-size:.68rem;display:block}.ds-collabs{align-items:center;gap:.6rem;display:flex}.ds-collabs-label{color:var(--muted);font:600 .68rem/1 var(--font);letter-spacing:.08em;text-transform:uppercase;display:none}.ds-collabs.has-people .ds-collabs-label{display:inline}.ds-stack{align-items:center;padding-left:.4rem;display:flex}.ds-stack a{background:var(--panel-2);width:2rem;height:2rem;box-shadow:0 0 0 2px var(--panel);color:var(--muted);font:700 .68rem var(--font);border-radius:50%;place-items:center;margin-left:-.4rem;text-decoration:none;transition:transform .12s;display:grid}.ds-stack a:hover{z-index:1;transform:translateY(-2px)}.ds-stack img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ds-collab-add{border:1.5px dashed color-mix(in srgb, var(--muted) 60%, var(--line));width:2rem;height:2rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.8rem;text-decoration:none;display:grid}.ds-collab-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ds-foot-links{flex-wrap:wrap;gap:.4rem;display:flex}.ds-foot-links a{border:1px solid var(--line);height:2.2rem;color:var(--ink);font:600 .8rem/1 var(--font);border-radius:10px;align-items:center;gap:.5rem;padding:0 .85rem;text-decoration:none;display:inline-flex}.ds-foot-links a:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft)}.ds-foot-links img{width:1rem;height:1rem}.ds-foot-links .ds-i{color:var(--muted)}.ds-footer-bar{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.25rem;padding-top:.9rem;font-size:.78rem;display:flex}.ds-support-link{color:var(--muted);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.ds-support-link .ds-i{color:#e11d48}.ds-support-link:hover{color:var(--ink)}.ds-head-sep{background:var(--line);width:1px;height:1.4rem;margin:0 .15rem}.ds-site-link img{width:1.25rem;height:1.25rem;display:block}.ds-iconbtn.ds-heart .ds-i{color:#e11d48}.ds-iconbtn.ds-heart:hover{background:color-mix(in srgb, #e11d48 10%, var(--panel));border-color:#fda4af}.ds-nav{align-self:stretch;height:auto;padding:0;position:static;overflow:visible}.ds-nav-in{top:var(--head-h);max-height:calc(100vh - var(--head-h));padding:1rem .75rem 2rem max(.75rem, env(safe-area-inset-left,0px));position:sticky;overflow-y:auto}.ds-rail{align-self:stretch;height:auto;padding:0;position:static;overflow:visible}.ds-rail-in{top:var(--head-h);max-height:calc(100vh - var(--head-h));padding:2.25rem 1rem 2rem;position:sticky;overflow-y:auto}.ds-main{padding-bottom:4rem}@media (width<=1180px){.ds-rail{z-index:35;border:1px solid var(--line);background:var(--panel);width:min(22rem,100%);height:auto;max-height:55vh;box-shadow:var(--shadow);border-radius:12px 0 0;position:fixed;top:auto;bottom:0;right:0;overflow-y:auto}.ds-rail-in{max-height:none;padding:1rem max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) 1rem;position:static}}@media (width<=860px){.ds-nav{z-index:36;top:var(--head-h);width:min(19rem,88vw);height:calc(100vh - var(--head-h));align-self:auto;transition:transform .2s;position:fixed;left:0;overflow-y:auto;transform:translate(-102%);box-shadow:8px 0 30px #00000038}.ds-nav.is-open{transform:none}.ds-nav-in{max-height:none;position:static}}@media (width<=760px){.ds-site-link,.ds-head-sep{display:none}.ds-foot-people{width:100%}}@media (width<=560px){.ds-github{display:none}}.ds-itabs{border-bottom:1px solid var(--line);gap:.15rem;margin-bottom:.75rem;display:flex}.ds-itabs button{color:var(--muted);font:600 .78rem/1 var(--font);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem .85rem}.ds-itabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.ds-chain{font:.66rem var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.15rem;margin-bottom:.6rem;display:flex}.ds-chain button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.1rem .3rem}.ds-chain button:hover{background:var(--panel-2);color:var(--ink)}.ds-chain button.is-here{background:var(--accent-soft);color:var(--accent);font-weight:600}.ds-insp h3{font:600 .66rem/1 var(--font);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin:1rem 0 .4rem;display:flex}.ds-mini{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:600 .66rem/1.2 var(--font);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:6px;padding:.18rem .5rem}.ds-mini:hover,.ds-mini.is-copied{color:var(--accent);border-color:var(--accent)}.ds-insp-pre{white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:15rem;margin:0;padding:.6rem .7rem;font-size:.68rem}.ds-class-list{flex-wrap:wrap;gap:.3rem;display:flex}.ds-class{border:1px solid var(--line);font:.68rem var(--mono);border-radius:6px;align-items:center;gap:.4rem;padding:.15rem .25rem .15rem .45rem;display:inline-flex}.ds-class b{font-weight:500}.ds-class i{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 .35rem;font-style:normal;font-weight:600}.ds-css-list{gap:.4rem;max-height:26rem;display:grid;overflow:auto}.ds-rule-css{border:1px solid var(--line);background:var(--panel-2);font:.66rem/1.6 var(--mono);border-radius:8px;padding:.45rem .6rem}.ds-rule-css .s{color:var(--accent);word-break:break-word}.ds-rule-css .f{float:right;color:var(--muted);font:500 .58rem var(--font);margin-left:.5rem}.ds-rule-css .d{color:var(--ink);word-break:break-word;margin-top:.15rem}.ds-rule-css .p,.ds-rule-css em{color:var(--muted)}@media (width<=1000px){.ds-footer-grid{grid-template-columns:1fr 1fr}.ds-foot-brand{grid-column:1/-1}.ds-try-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.ds-support{grid-template-columns:auto minmax(0,1fr)}.ds-support-cta{grid-column:1/-1;justify-content:center}.ds-footer-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1069px){.ds-brandsw-label{display:none}.ds-brandsw{padding:0 .55rem}}.ds-switch{display:inline-block}.ds-switchbtn{align-items:center;display:inline-flex}.ds-mini-btn{color:#334155;height:2.3rem;font:600 .85rem/1 var(--font);background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;padding:0 1.05rem;display:inline-flex}.ds-mini-btn.is-solid{color:#fff;background:#0f766e;border-color:#0f766e;box-shadow:0 4px 12px #0f766e4d}.ds-selbox .ds-mini-btn{box-shadow:none}.ds-vbadges{vertical-align:middle;gap:.2rem;margin-inline-start:.55rem;font-weight:500;display:inline-flex}.ds-vb{border:1px solid var(--line);color:var(--muted);font:500 .64rem/1.4 var(--mono);letter-spacing:0;text-transform:none;border-radius:5px;padding:.06rem .38rem}.ds-vb.is-current{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:var(--accent-soft);color:var(--accent)}h1 .ds-vbadges .ds-vb{font-size:.72rem}.ds-nav a .ds-vbadges{margin-inline-start:auto}.ds-sel-mar{z-index:39;pointer-events:none;background:#e8a33d47;position:fixed}.ds-insp-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ds-insp-head .ds-insp-sel{flex:1;min-width:0;margin:0}.ds-inav{gap:2px;display:inline-flex}.ds-inav button{border:1px solid var(--line);background:var(--panel);width:1.65rem;height:1.65rem;color:var(--muted);font:600 .8rem/1 var(--font);cursor:pointer;border-radius:6px}.ds-inav button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.ds-states{flex-wrap:wrap;gap:.4rem;display:flex}.ds-statechip{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:500 .74rem/1.2 var(--font);text-transform:none;letter-spacing:0;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;display:inline-flex}.ds-statechip:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ds-statechip input{accent-color:var(--accent);margin:0}.ds-edit-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;font-size:.78rem;display:grid}.ds-edit-grid label{color:var(--muted)}.ds-edit-grid .ctl{justify-self:end;align-items:center;gap:.3rem;display:inline-flex}.ds-edit-grid input[type=number],.ds-edit-grid select{border:1px solid var(--line);background:var(--panel);width:4.8rem;height:1.9rem;color:var(--ink);font:.76rem var(--mono);border-radius:7px;padding:0 .4rem}.ds-edit-grid input[type=color]{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;width:2.6rem;height:1.9rem;padding:2px}.ds-edit-grid .u{color:var(--muted);font:.7rem var(--mono)}.ds-footer{z-index:31;position:relative}.ds-nav-in{top:var(--head-h);z-index:20;width:var(--nav-w);height:calc(100vh - var(--head-h));background:var(--panel);max-height:none;position:fixed;left:0}.ds-rail-in{top:var(--head-h);z-index:20;width:var(--rail-w);height:calc(100vh - var(--head-h));max-height:none;position:fixed;right:0}@media (width<=1180px){.ds-rail-in{width:auto;height:auto;position:static}}@media (width<=860px){.ds-nav-in{width:auto;height:auto;position:static}}.ds-insp-head{align-items:flex-start}.ds-insp-id{gap:.1rem;min-width:0;display:grid}.ds-insp-id .tag{background:var(--accent);width:fit-content;color:var(--accent-ink);font:600 .72rem/1.4 var(--mono);border-radius:6px;padding:.1rem .5rem}.ds-insp-id .cls{color:var(--muted);font:.7rem/1.4 var(--mono);overflow-wrap:anywhere}.ds-itabs{background:var(--panel-2);border:0;border-radius:11px;gap:2px;margin-bottom:1rem;padding:3px}.ds-itabs button{color:var(--muted);border:0;border-radius:8px;flex:1;margin:0;padding:.45rem .5rem}.ds-itabs button[aria-selected=true]{background:var(--panel);color:var(--ink);border-bottom:0;box-shadow:0 1px 3px #0f172a29}.ds-bm{font:.62rem/1 var(--mono);margin:0 0 1rem}.bm{text-align:center;border-radius:8px;padding:1.5rem 2.1rem;position:relative}.bm .k{color:color-mix(in srgb, var(--ink) 55%, transparent);letter-spacing:.04em;text-transform:uppercase;font-size:.56rem;position:absolute;top:.3rem;left:.5rem}.bm b{color:var(--ink);font-weight:500;position:absolute}.bm .t{top:.5rem;left:50%;translate:-50%}.bm .b{bottom:.5rem;left:50%;translate:-50%}.bm .l{top:50%;left:.55rem;translate:0 -50%}.bm .r{top:50%;right:.55rem;translate:0 -50%}.bm-margin{background:color-mix(in srgb, #e8a33d 26%, var(--panel));border:1px dashed #e8a33d}.bm-border{background:color-mix(in srgb, var(--ink) 16%, var(--panel));border:1px solid color-mix(in srgb, var(--ink) 30%, transparent)}.bm-padding{background:color-mix(in srgb, var(--pad) 30%, var(--panel))}.bm-content{background:color-mix(in srgb, var(--accent) 30%, var(--panel));color:var(--ink);border-radius:4px;padding:.55rem .4rem;font-size:.7rem;font-weight:600}.ds-pgroup{margin:0 0 .9rem}.ds-pgroup h3{border-bottom:1px solid var(--line);margin:0 0 .25rem;padding-bottom:.3rem}.ds-prop{justify-content:space-between;align-items:baseline;gap:.75rem;padding:.28rem 0;font-size:.76rem;display:flex}.ds-prop>span:first-child{color:var(--muted);flex:none}.ds-val{max-width:70%;color:var(--ink);font:.72rem/1.4 var(--mono);text-align:right;overflow-wrap:anywhere;cursor:copy;background:0 0;border:0;border-radius:5px;padding:.1rem .35rem}.ds-val:hover{background:var(--panel-2)}.ds-val.is-copied{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.ds-val-text{text-align:right;max-width:70%;font:.72rem/1.4 var(--mono);overflow-wrap:anywhere}.ds-chipx{border:1px solid var(--line);background:var(--panel-2);font:600 .68rem/1.5 var(--mono);border-radius:999px;padding:.05rem .45rem}.ds-chipx[data-pass=yes],.ds-ratio[data-pass=yes]{color:var(--ok)}.ds-chipx[data-pass=no],.ds-ratio[data-pass=no]{color:var(--no)}.ds-only{display:none}:root[data-version=v53] .ds-only[data-only~=v53],:root[data-version=v45] .ds-only[data-only~=v45],:root[data-version=v41] .ds-only[data-only~=v41]{display:block}:root[data-version=v53] span.ds-only[data-only~=v53],:root[data-version=v45] span.ds-only[data-only~=v45],:root[data-version=v41] span.ds-only[data-only~=v41]{display:inline}.ds-icon-cell.ds-v-scope{min-height:0;color:var(--ink);background:0 0;align-items:center;gap:.6rem;margin:0;padding:0;font-size:1.05rem;line-height:1;display:inline-flex}.ds-article>table{border:1px solid var(--line);border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:10px;width:100%;max-width:100%;margin:1rem 0 1.5rem;font-size:.86rem;display:table;overflow:hidden}.ds-article>table thead th{background:var(--panel-2);color:var(--muted);font:600 .68rem/1.2 var(--font);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.ds-article>table th,.ds-article>table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.55rem .8rem}.ds-article>table tbody tr:last-child td{border-bottom:0}.ds-article>table td code{white-space:nowrap}.ds-try-row{flex-wrap:nowrap}.ds-try-label{flex:1 1 0;min-width:0}.ds-chips{flex-wrap:nowrap;flex:none}.ds-chips button{flex:none;width:4.6rem;min-width:0}.ds-switchbtn{flex:none}@media (width<=560px){.ds-try-row{flex-wrap:wrap}.ds-try-row .ds-chips{width:100%}.ds-chips button{flex:1 1 0;width:auto}}.ds-search{flex:0 20rem;width:min(20rem,100%);height:2.25rem;margin-inline:auto;position:relative}.ds-search-bar{z-index:2;inset-block:0;border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--muted);border-radius:12px;align-items:center;gap:.5rem;transition:width .24s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;left:50%;translate:-50%}.ds-search-bar:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.ds-search-open{min-width:0;height:100%;color:inherit;font:.875rem var(--font);text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.55rem;padding:0 .7rem;display:flex}.ds-search-open kbd,.ds-search-close kbd{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 .6875rem var(--mono);border-radius:6px;margin-inline-start:auto;padding:.05rem .4rem}.ds-search-input{min-width:0;height:100%;color:var(--ink);font:.9375rem var(--font);background:0 0;border:0;outline:0;flex:1;padding:0;display:none}.ds-search-input::-webkit-search-cancel-button{display:none}.ds-search-close{cursor:pointer;background:0 0;border:0;padding:0 .6rem 0 0;display:none}.ds-search[data-open=true] .ds-search-bar{border-color:var(--accent);background:var(--panel);width:min(36rem,100vw - 2rem);color:var(--ink);box-shadow:0 0 0 4px var(--accent-soft), 0 10px 30px #0f172a24}.ds-search[data-open=true] .ds-search-open{cursor:text;flex:none;padding-inline-end:0}.ds-search[data-open=true] .ds-search-label,.ds-search[data-open=true] .ds-search-open kbd{display:none}.ds-search[data-open=true] .ds-search-input,.ds-search[data-open=true] .ds-search-close{display:block}.ds-search-panel{z-index:1;width:min(36rem,100vw - 2rem);max-height:min(26rem, calc(100vh - var(--head-h) - 2rem));border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:.4rem;position:absolute;top:calc(100% + .55rem);left:50%;overflow:auto;translate:-50%;box-shadow:0 18px 50px #0f172a38}.ds-search-results{margin:0;padding:0;list-style:none}.ds-search-results a{color:var(--ink);border-radius:9px;grid-template-columns:1fr auto;gap:.1rem .75rem;padding:.55rem .7rem;text-decoration:none;display:grid}.ds-search-results .t{font-size:.9rem;font-weight:600}.ds-search-results .g{background:var(--accent-soft);color:var(--accent);font:500 .6875rem var(--font);border-radius:999px;grid-area:1/2;align-self:center;padding:.05rem .5rem}.ds-search-results .s{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.78rem;overflow:hidden}.ds-search-results li[aria-selected=true] a,.ds-search-results a:hover{background:var(--accent-soft)}.ds-search-results mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit;border-radius:3px}.ds-search-empty,.ds-search-keys{color:var(--muted);margin:0;padding:.6rem .7rem;font-size:.78rem}.ds-search-keys{border-top:1px solid var(--line);margin-top:.3rem}@media (width<=1100px){.ds-search{width:2.25rem}.ds-search-label,.ds-search-open kbd{display:none}.ds-search-open{justify-content:center;padding:0}.ds-search[data-open=true] .ds-search-bar{z-index:60;inset-block:auto;left:.75rem;right:.75rem;top:calc((var(--head-h) - 2.25rem) / 2);width:auto;height:2.25rem;position:fixed;translate:0}.ds-search[data-open=true] .ds-search-open{padding-inline-start:.7rem}.ds-search[data-open=true] .ds-search-panel{z-index:60;top:calc(var(--head-h) + .35rem);width:auto;position:fixed;left:.75rem;right:.75rem;translate:0}}.ds-designer-btn[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft);color:var(--accent)}html[data-designer="1"] .ds-frame,html[data-designer="1"] .ds-frame *{cursor:crosshair}html[data-designer="1"] .ds-canvas{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}@media (width<=760px){.ds-wordmark,.ds-brandsw-label{display:none}.ds-head-left{gap:.5rem}.ds-head-tools{gap:.35rem}.ds-head{gap:.5rem;padding-inline:.75rem}}@media (width<=560px){#ds-version-label{display:none}.ds-dd>summary{padding:0 .6rem}}.ds-tools-btn{display:none}@media (width<=980px){.ds-head-left{flex:1;min-width:0}.ds-search{margin-inline-start:auto}.ds-tools-btn{display:inline-grid}.ds-tools-btn[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft);color:var(--accent)}.ds-head .ds-head-tools{max-height:calc(100vh - var(--head-h));padding:.75rem max(.75rem, env(safe-area-inset-right,0px)) .875rem max(.75rem, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.5rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0f172a2e}.ds-head.is-tools-open .ds-head-tools{display:flex}.ds-head-tools>#ds-version{flex:100%}.ds-head-tools>#ds-version>summary{justify-content:flex-start;width:100%}.ds-head-tools>#ds-version>summary:after{margin-inline-start:auto}.ds-head-tools .ds-dd-list{width:auto;max-width:none;box-shadow:none;margin-top:.4rem;position:static}.ds-head-tools #ds-version-label,.ds-head-tools .ds-vl,.ds-head-tools .ds-brandsw-label{display:inline}.ds-head-tools .ds-brandsw{flex:none;padding:0 .7rem 0 .6rem}.ds-head-tools .ds-head-sep{display:none}.ds-head-tools .ds-site-link,.ds-head-tools .ds-github{display:inline-grid}}@media (width<=860px){.ds-designer-btn{display:none}.ds-nav:not(.is-open){box-shadow:none;visibility:hidden;transition:transform .2s,visibility 0s .2s}.ds-nav.is-open{visibility:visible;transition:transform .2s}.ds-rail[data-rail=inspect],.ds-rail[data-rail=idle]{display:none}}@media (width<=560px){.ds-brand .ds-wordmark{display:none}}.ds-navg>summary,.ds-navs>summary{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;list-style:none;display:flex}.ds-navg>summary::-webkit-details-marker,.ds-navs>summary::-webkit-details-marker{display:none}.ds-navg>summary:after,.ds-navs>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:.4rem;height:.4rem;margin-inline-end:.6rem;transition:transform .15s;transform:rotate(-45deg)}.ds-navg[open]>summary:after,.ds-navs[open]>summary:after{transform:translateY(-2px)rotate(45deg)}.ds-navg>summary:hover,.ds-navs>summary:hover{background:var(--panel-2)}.ds-navg>summary:focus-visible,.ds-navs>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ds-nav .ds-navg>summary h2{margin:.5rem}.ds-nav .ds-navs>summary h3{margin:.35rem .5rem}.ds-navs{border-inline-start:1px solid var(--line);margin-inline-start:.25rem;padding-inline-start:.35rem}.ds-navg:not([open]){margin-bottom:0}@media (width>=861px){.ds-nav-in{height:calc(100vh - var(--head-h) - var(--ds-foot-overlap,0px));padding-bottom:1.5rem}}@media (width>=1181px){.ds-rail-in{height:calc(100vh - var(--head-h) - var(--ds-foot-overlap,0px))}}.ds-wordmark{font:700 1rem/1 var(--display);letter-spacing:-.01em;flex-direction:column;align-items:flex-start;gap:.15rem;display:inline-flex}.ds-wordmark strong{font:inherit}.ds-wordmark small{color:var(--accent);font:600 .6875rem/1 var(--font);letter-spacing:.02em}@media (width<=760px){.ds-wordmark{font-size:.92rem;display:inline-flex}}@media (width<=560px){.ds-brand .ds-wordmark{display:inline-flex}}@media (width<=400px){.ds-wordmark{font-size:.82rem}}.ds-theme{align-items:center;display:inline-flex}.ds-theme .ds-themever>summary{height:2.25rem;font:600 .75rem/1 var(--mono);border-start-start-radius:0;border-end-start-radius:0;padding:0 .55rem}.ds-theme .ds-themever .ds-dd-list{width:12rem}.ds-theme-note{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:0 0 1.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:none}.ds-theme-note b{color:var(--accent);display:block}.ds-theme-note span span,.ds-theme-note b span{font-family:var(--mono)}html[data-brand="1"] .ds-theme-note{display:block}html[data-brand="1"] [data-system-only],html:not([data-brand="1"]) [data-theme-only]:not(.ds-theme-note){display:none}@media (width<=980px){.ds-head-tools .ds-theme{flex:none}}.ds-head-versions{align-items:center;gap:.5rem;display:flex}.ds-head-versions .ds-dd-list{left:0;right:auto}.ds-sysver>summary{font-family:var(--mono);font-size:.75rem}.ds-sysver>summary .ds-i{font-size:.9rem}.ds-eyebrow-row{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.5rem;display:flex}.ds-theme-chip{visibility:hidden;border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);color:var(--accent);font:600 .6875rem/1.6 var(--font);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .55rem;text-decoration:none;display:inline-flex}.ds-theme-chip span{font-family:var(--mono)}html[data-brand="1"] .ds-theme-chip{visibility:visible}.ds-theme-chip:hover{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}@media (width>=1320px){.ds-search{left:calc(var(--nav-w) + (100% - var(--nav-w) - var(--rail-w)) / 2);flex:none;width:18rem;margin:0;position:absolute;translate:-50%}.ds-search-bar{left:50%}}@media (width<=980px){.ds-head-tools>.ds-head-versions{flex-wrap:wrap;flex:100%}.ds-head-tools>.ds-head-versions>.ds-dd{flex:8rem}.ds-head-tools>.ds-head-versions .ds-dd-list{width:auto;box-shadow:none;margin-top:.4rem;position:static}}@media (width<=1100px){.ds-search{flex:none}}@media (width<=980px){.ds-head-tools>.ds-head-versions>#ds-version{flex:2 12rem}.ds-head-tools>.ds-head-versions>#ds-sysver{flex:6rem}.ds-head-tools>.ds-head-versions>.ds-dd>summary{justify-content:flex-start;width:100%}.ds-head-tools>.ds-head-versions>.ds-dd>summary:after{margin-inline-start:auto}}.ds-code{border:1px solid var(--line);background:var(--code);border-radius:12px;margin:1.25rem 0;position:relative;overflow:hidden}.ds-code-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--code) 55%, var(--panel));justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .5rem .4rem .9rem;display:flex}.ds-code-lang{color:var(--muted);font:600 .6875rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.ds-code-copy{color:var(--muted);font:600 .75rem/1 var(--font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.3rem .65rem}.ds-code-copy:hover{border-color:var(--line);background:var(--panel);color:var(--ink)}.ds-code-copy.is-copied{color:var(--accent)}.ds-article pre.astro-code{font:.8125rem/1.75 var(--mono);tab-size:2;border:0;border-radius:0;margin:0;padding:1rem 1.125rem 1.1rem;overflow-x:auto;background-color:#0000!important}.ds-article pre.astro-code:not(.ds-code pre){border:1px solid var(--line);border-radius:12px;margin:1.25rem 0;background-color:var(--code)!important}.ds-article pre.astro-code code{font:inherit;background:0 0;padding:0}.ds-article pre.astro-code,.ds-article pre.astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .ds-article pre.astro-code,:root[data-theme=dark] .ds-article pre.astro-code span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ds-article pre.astro-code,:root:not([data-theme=light]) .ds-article pre.astro-code span{color:var(--shiki-dark)}}.ds-navg{margin-top:.35rem}.ds-navg>summary{border-radius:8px;padding:.25rem .5rem .25rem .25rem}.ds-nav .ds-navg>summary h2{color:var(--ink);letter-spacing:.09em;margin:0;padding:.2rem .25rem;font-size:.6875rem}.ds-navg>summary:after{order:3;margin-inline-end:.35rem}.ds-nav-count{background:var(--panel-2);color:var(--muted);font:600 .6875rem/1.5 var(--mono);border-radius:999px;margin-inline-start:auto;padding:0 .4rem}.ds-navs>summary .ds-nav-count{opacity:0;transition:opacity .15s}.ds-navs>summary:hover .ds-nav-count,.ds-navs:not([open])>summary .ds-nav-count{opacity:1}.ds-navs{border-inline-start:1px solid var(--line);margin:.1rem 0 .35rem .6rem;padding-inline-start:.5rem}.ds-nav .ds-navs>summary h3{color:var(--muted);margin:0;padding:.2rem .25rem;font-size:.75rem;font-weight:600}.ds-nav .ds-navs[open]>summary h3,.ds-nav .ds-navs:has([aria-current=page])>summary h3{color:var(--ink)}.ds-nav a{color:color-mix(in srgb, var(--ink) 82%, var(--muted));border-radius:8px;align-items:center;padding:.32rem .6rem;transition:background-color .12s,color .12s;position:relative}.ds-nav a:hover{background:var(--panel-2);color:var(--ink)}.ds-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.ds-nav a[aria-current=page]:before{content:"";inset-block:.4rem;background:var(--accent);border-radius:3px;width:3px;position:absolute;left:-.5rem}.ds-nav .ds-navg>a{margin-inline-start:.25rem}.ds-custom-css{border:1px solid var(--line);background:var(--code);width:100%;min-height:7rem;color:var(--ink);font:.72rem/1.6 var(--mono);resize:vertical;tab-size:2;border-radius:8px;margin-top:.25rem;padding:.6rem .7rem;display:block}.ds-custom-css:focus{outline:2px solid var(--accent);outline-offset:1px}.ds-mini-row{gap:.35rem;margin-inline-start:auto;display:inline-flex}.ds-insp h3{align-items:center;gap:.5rem;display:flex}.ds-article>table thead tr:first-child th:first-child{border-top-left-radius:9px}.ds-article>table thead tr:first-child th:last-child{border-top-right-radius:9px}@media (width<=760px){.ds-article>table{width:max-content;display:block;overflow-x:auto}}.ds-theme .ds-themever{display:none}html[data-brand="1"] .ds-theme .ds-themever{display:block}.ds-theme .ds-brandsw{border-inline-end-width:1px;border-start-end-radius:12px;border-end-end-radius:12px}html[data-brand="1"] .ds-theme .ds-brandsw{border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}.ds-cta{align-items:center;gap:1.25rem}.ds-cta-link{color:var(--ink);font:600 .92rem/1 var(--font);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.ds-cta-link:hover{color:var(--accent)}.ds-cta-link .ds-i{transition:transform .15s}.ds-cta-link:hover .ds-i{transform:translate(3px)}.ds-card-group{flex-direction:column;display:flex}.ds-card-group h3 a{color:inherit;text-decoration:none}.ds-card-group h3 a:hover{color:var(--accent)}.ds-card-pages{gap:.1rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.ds-card-pages a{color:var(--ink);border-radius:8px;margin-inline:-.5rem;padding:.3rem .5rem;font-size:.875rem;text-decoration:none;display:block}.ds-card-pages a:hover{background:var(--accent-soft);color:var(--accent)}.ds-card-group .ds-card-meta{color:var(--muted);margin-top:auto;padding-top:1rem}.ds-card-group.is-soon{opacity:.62}.ds-insp{gap:.25rem;display:grid}.ds-insp-head{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:14px;margin-bottom:.75rem;padding:.75rem .8rem}.ds-insp-id{gap:.3rem}.ds-insp-id .tag{border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.ds-insp-id .cls{font-size:.72rem}.ds-copysel{width:fit-content;margin-top:.25rem}.ds-inav{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.ds-inav button{width:1.7rem;height:1.7rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px}.ds-inav button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.ds-inav button:disabled{opacity:.35;cursor:default}.ds-itabs{z-index:3;background:var(--panel-2);border-radius:12px;margin:0 -.25rem 1rem;padding:4px;position:sticky;top:0;box-shadow:0 6px 12px -8px #0f172a40}.ds-itabs button{transition:background-color .15s,color .15s,box-shadow .15s}details.ds-pgroup{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:0 0 .6rem;padding:0 .8rem}details.ds-pgroup>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;list-style:none;display:flex}details.ds-pgroup>summary::-webkit-details-marker{display:none}details.ds-pgroup>summary h3{color:var(--ink);font:700 .68rem/1 var(--font);letter-spacing:.07em;text-transform:uppercase;border:0;margin:0;padding:0}details.ds-pgroup>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:.42rem;height:.42rem;transition:transform .15s;transform:rotate(-45deg)}details.ds-pgroup[open]>summary:after{transform:translateY(-2px)rotate(45deg)}details.ds-pgroup[open]{padding-bottom:.5rem}details.ds-pgroup .ds-prop{border-radius:8px;margin-inline:-.4rem;padding:.3rem .4rem}details.ds-pgroup .ds-prop:hover{background:var(--panel-2)}.ds-dot{border-radius:50%;width:.95rem;height:.95rem;box-shadow:inset 0 0 0 1px #0f172a2e}.ds-edit-grid input[type=range]{width:5.4rem;height:1.2rem;accent-color:var(--accent)}.ds-edit-grid .ctl{gap:.4rem}.ds-insp-idle{border:1px dashed var(--line);background:var(--panel-2);color:var(--ink);border-radius:14px;gap:.5rem;padding:.85rem .95rem;font-size:.8125rem;line-height:1.5;display:grid}.ds-insp-idle b{font-weight:700}.ds-insp-idle ul{color:var(--muted);margin:0;padding-left:1.1rem}.ds-mini[disabled]{opacity:.4;cursor:default}.ds-custom-css{border-radius:12px}.ds-logo{width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px var(--line), 0 2px 8px #00555a2e;background:#fff;border-radius:11px;flex:none;place-items:center;display:grid;position:relative}.ds-logo img{width:74%;height:74%;display:block}.ds-logo .h{background:#fff;border:1.2px solid #0f766e;border-radius:1.5px;width:.3rem;height:.3rem;position:absolute}.ds-logo .h1{top:-2px;left:-2px}.ds-logo .h2{top:-2px;right:-2px}.ds-logo .h3{bottom:-2px;left:-2px}.ds-logo-ui{color:#fff;font:700 .5rem/1 var(--display);letter-spacing:.02em;box-shadow:0 0 0 2px var(--panel);background:#0f766e;border-radius:6px;padding:.14rem .32rem;position:absolute;bottom:-.4rem;right:-.45rem}.ds-logo.is-lg{border-radius:13px;width:2.9rem;height:2.9rem}.ds-logo.is-lg .ds-logo-ui{font-size:.58rem;bottom:-.45rem;right:-.5rem}.ds-art-card .ds-logo{width:clamp(5.5rem,11vw,8.25rem);height:clamp(5.5rem,11vw,8.25rem);box-shadow:none;border-radius:clamp(1.2rem,2.4vw,1.9rem);margin-bottom:.6rem}.ds-art-card .ds-logo .h{border-width:1.6px;width:.55rem;height:.55rem}.ds-art-card .ds-logo .h1{top:-3px;left:-3px}.ds-art-card .ds-logo .h2{top:-3px;right:-3px}.ds-art-card .ds-logo .h3{bottom:-3px;left:-3px}.ds-art-card .ds-logo-ui{border-radius:10px;padding:.22rem .6rem;font-size:clamp(.7rem,1.5vw,1.05rem);bottom:-.7rem;right:-.9rem;box-shadow:0 0 0 3px #fff}.ds-theme{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:stretch;height:2.25rem;display:inline-flex}html[data-brand="1"] .ds-theme{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft)}.ds-theme .ds-brandsw,html[data-brand="1"] .ds-theme .ds-brandsw{background:0 0;border:0;border-radius:11px;height:auto}.ds-theme .ds-brandsw:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.ds-theme .ds-themever>summary{border:0;border-inline-start:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:0 0;border-radius:0 11px 11px 0;height:100%;padding:0 .6rem}.ds-theme .ds-themever>summary:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.ds-nav a .ds-vbadges{flex:none;align-self:center}.ds-vb{white-space:nowrap}