._highlight_18zri_1{color:#e2edf5}._highlight_18zri_1 .token.comment,._highlight_18zri_1 .token.prolog,._highlight_18zri_1 .token.doctype,._highlight_18zri_1 .token.cdata{color:#a0adba}._highlight_18zri_1 .token.punctuation{color:#ccd7e1}._highlight_18zri_1 .token.property,._highlight_18zri_1 .token.variable,._highlight_18zri_1 .token.attr-name{color:#92d8ff}._highlight_18zri_1 .token.selector,._highlight_18zri_1 .token.tag,._highlight_18zri_1 .token.class-name{color:#8ee5cc}._highlight_18zri_1 .token.string,._highlight_18zri_1 .token.attr-value{color:#f5c78f}._highlight_18zri_1 .token.keyword,._highlight_18zri_1 .token.atrule,._highlight_18zri_1 .token.important{color:#d6adff}._highlight_18zri_1 .token.number,._highlight_18zri_1 .token.color,._highlight_18zri_1 .token.unit,._highlight_18zri_1 .token.boolean,._highlight_18zri_1 .token.constant{color:#ffc0ce}._highlight_18zri_1 .token.function{color:#f3df9b}._highlight_18zri_1 .token.operator,._highlight_18zri_1 .token.entity,._highlight_18zri_1 .token.url{color:#b3deef}._editor_18zri_48{background:#172633;flex:1;min-width:0;min-height:20rem;display:grid;position:relative;overflow:hidden}._editor_18zri_48 ._overlay_18zri_58,._editor_18zri_48 textarea{box-sizing:border-box;width:100%;padding:1rem 1rem var(--report-clearance,1rem);font-variant-ligatures:none;letter-spacing:normal;text-align:left;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;border:0;border-radius:0;margin:0;font:.75rem/1.7 Courier Prime,monospace}._editor_18zri_48 ._overlay_18zri_58{pointer-events:none;color:#e2edf5;background:0 0;position:absolute;inset:0;overflow:hidden}._editor_18zri_48 ._overlay_18zri_58 code{font:inherit}._editor_18zri_48 textarea{resize:vertical;color:#0000;-webkit-text-fill-color:transparent;caret-color:#e2edf5;background:0 0;height:100%;min-height:20rem;position:relative;overflow:auto}._editor_18zri_48 textarea::selection{background:#527bb580}@media (forced-colors:active){._editor_18zri_48 ._overlay_18zri_58{visibility:hidden}._editor_18zri_48 textarea{color:canvastext;-webkit-text-fill-color:CanvasText;caret-color:canvastext}}._example_18zri_113{color:#e2edf5;background:#172633;border-radius:.45rem;min-width:0;margin:1rem 0 1.5rem;position:relative;overflow:hidden}._example_18zri_113 pre{padding:1rem 1rem var(--report-clearance,1rem);white-space:pre;tab-size:2;margin:0;font:.75rem/1.7 Courier Prime,monospace;overflow:auto}._example_18zri_113 pre code{font:inherit}:is(._example_18zri_113,._editor_18zri_48) a._reportIssue_18zri_136{z-index:1;bottom:var(--report-bottom,8px);right:var(--report-right,8px);color:#fff;white-space:nowrap;background:#294153;border:1px solid #91a8ba;border-radius:.35rem;padding:.4rem .7rem;font:600 .75rem/1.4 system-ui,sans-serif;text-decoration:none;display:inline-block;position:absolute}:is(._example_18zri_113,._editor_18zri_48) a._reportIssue_18zri_136:hover{background:#3a566c}:is(._example_18zri_113,._editor_18zri_48) a._reportIssue_18zri_136:focus-visible{outline-offset:3px;outline:2px solid #92d8ff}._heroCopy_phc70_1{z-index:2;align-self:center;min-width:0;max-width:38rem;position:relative;container-type:inline-size}._eyebrow_phc70_10{color:var(--blue,#3367f0);letter-spacing:.12em;align-items:center;gap:10px;font-family:Courier Prime,monospace;font-size:11px;font-weight:700;display:flex}._headline_phc70_21{letter-spacing:-.055em;margin:27px 0 24px;font-family:DM Sans,sans-serif;font-size:clamp(3.375rem,14.2cqi,5.5rem);font-weight:800;line-height:1}._headline_phc70_21 span{display:block}._headlineIntro_phc70_34{color:var(--ink,#152230)}._headlineAccent_phc70_38{color:var(--blue,#3367f0);letter-spacing:-.055em;font-family:Tinos,serif;font-style:italic;font-weight:400}._rotatingSentence_phc70_46{color:var(--ink,#152230);letter-spacing:-.035em;flex-wrap:wrap;justify-content:center;gap:7px;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(1.125rem,5.1cqi,1.75rem);font-weight:700;line-height:1.25;display:flex}._stackPicker_phc70_60{padding-top:6px}._pickerRow_phc70_64{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}._pickerRow_phc70_64 ._rotatingSentence_phc70_46{flex:1;min-width:min-content;max-width:100%}._wordPicker_phc70_78{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.12em;padding:0 0 0 4px;transition:background .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 1px #0000}._wordWindow_phc70_99,._chevron_phc70_100{pointer-events:none}._wordPicker_phc70_78:focus-visible{outline:2px solid var(--blue,#3367f0);outline-offset:4px}._chevron_phc70_100{text-align:center;width:1em;height:1em;color:var(--blue,#3367f0);opacity:0;flex:0 0 1em;font-size:.65em;transition:opacity .2s,transform .2s}._chevronOpen_phc70_122{transform:rotate(180deg)}._dropdownMenu_phc70_126{z-index:100;overscroll-behavior:contain;background:#fff;border:1px solid #e0e6f0;border-radius:16px;width:240px;max-width:calc(100vw - 24px);padding:8px;font-family:DM Sans,sans-serif;animation:.16s ease-out _menuAppear_phc70_1;position:fixed;overflow-y:auto;box-shadow:0 16px 48px #1923331a,0 3px 10px #19233308}._dropdownHeading_phc70_144{color:#718096;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px 10px;font-size:10px;font-weight:600}._dropdownOption_phc70_153{color:#344054;cursor:pointer;user-select:none;border-radius:9px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 10px;font-size:14px;display:flex}._dropdownOption_phc70_153[aria-selected=true]{color:var(--blue,#3367f0);font-weight:600}._optionText_phc70_171{flex-direction:column;gap:3px;display:flex}._optionDescription_phc70_177{color:#667085;font-size:12px;font-weight:400;line-height:1.4}._optionActive_phc70_184{background:#edf2ff}._optionCheck_phc70_188{color:var(--blue,#3367f0);font-size:16px}@keyframes _menuAppear_phc70_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._picking_phc70_204 ._wordPicker_phc70_78{background:#eaf0ff;box-shadow:0 1px #a9bdfa}._picking_phc70_204 ._chevron_phc70_100{opacity:1}._pickerActions_phc70_213{min-height:2.5em;color:var(--muted,#63717d);opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:14px;font-size:12px;transition:opacity .2s;display:flex}._picking_phc70_204 ._pickerActions_phc70_213{opacity:1;pointer-events:auto}._goButton_phc70_231{background:var(--blue,#3367f0);color:#fff;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:12px;min-height:40px;padding:8px 15px;font:700 12px DM Sans,sans-serif;transition:opacity .2s,visibility .2s;display:inline-flex}._goVisible_phc70_254{opacity:1;visibility:visible;pointer-events:auto}._goButton_phc70_231:hover:not(:disabled){background:#2347c2}._goButton_phc70_231:disabled{color:#7b879a;cursor:default;background:#e1e6ef}._goButton_phc70_231:focus-visible{outline:2px solid var(--blue,#3367f0);outline-offset:3px}@media (hover:none){._chevron_phc70_100,._pickerActions_phc70_213{opacity:1;pointer-events:auto}._wordPicker_phc70_78{box-shadow:0 1px #a9bdfa}}._sentenceLine_phc70_287{flex-wrap:wrap;flex-shrink:1;justify-content:center;align-items:baseline;gap:.28em;min-width:0;max-width:100%;display:flex}._wordWindow_phc70_99{min-width:0;color:var(--blue,#3367f0);vertical-align:bottom;white-space:nowrap;flex-shrink:0;display:inline-block;overflow:hidden}._rotatingWord_phc70_308{will-change:transform, opacity;width:max-content;display:inline-block}._letter_phc70_314{will-change:transform, opacity;display:inline-block}._heroDescription_phc70_319{max-width:520px;color:var(--muted,#63717d);margin:0;font-size:clamp(1rem,3.1cqi,1.0625rem);line-height:1.75}._packageDetails_phc70_327{color:var(--muted,#63717d);margin:16px 0 0;font-size:13px;line-height:1.6}._packageName_phc70_334{color:#344054;font-family:Courier Prime,monospace;font-size:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#edf0f4;border:0;border-radius:4px;align-items:center;gap:6px;margin-left:-5px;margin-right:6px;padding:3px 5px;display:inline-flex}._packageName_phc70_334 code{font:inherit;user-select:text}._packageName_phc70_334:hover{background:#e4e8ee}._copyStatus_phc70_360{margin-left:8px;font-size:12px}._packageDetails_phc70_327 a{color:var(--blue,#3367f0);text-underline-offset:4px;text-decoration:underline}._packageDetails_phc70_327 a:hover{color:#2347c2}._packageDetails_phc70_327 a:focus-visible,._packageName_phc70_334:focus-visible{outline:2px solid var(--blue,#3367f0);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion:reduce){._dropdownMenu_phc70_126{animation:none}._wordPicker_phc70_78,._chevron_phc70_100,._pickerActions_phc70_213,._goButton_phc70_231,._wordWindow_phc70_99{transition:none}._rotatingWord_phc70_308,._letter_phc70_314{will-change:auto}}._sizer_13ol9_1{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:calc(100% - 60px);display:grid;position:relative}._resizeHandle_13ol9_9{color:var(--muted);cursor:col-resize;font-variant-numeric:tabular-nums;touch-action:none;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:.65rem;display:flex;position:absolute;top:0;bottom:0;left:calc(100% + .75rem)}._resizeHandle_13ol9_9:focus-visible{outline:2px solid var(--blue);outline-offset:.2rem}._resizeGrip_13ol9_31{background-image:radial-gradient(circle,currentColor 1px,#0000 1.5px);background-size:4px 4px;width:.3rem;height:1rem}._nav_1qo0r_1{border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:2rem;max-width:76rem;min-height:5.25rem;margin:auto;padding:1rem 2rem;display:flex;position:relative}._nav_1qo0r_1 a{text-decoration:none}._nav_1qo0r_1 a:focus-visible,._trigger_1qo0r_17:focus-visible{outline:2px solid var(--blue);outline-offset:4px}._brand_1qo0r_21{color:var(--ink);letter-spacing:-.05em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:flex}._brand_1qo0r_21>span{background:var(--blue);color:#fff;border-radius:.6rem;place-items:center;width:2.2rem;height:2.2rem;font:italic 1.6rem Tinos,serif;display:grid}._pages_1qo0r_42{gap:.25rem;display:flex}._pages_1qo0r_42 a{color:var(--muted);border-radius:.45rem;padding:.65rem .85rem;font-size:.85rem;font-weight:500}._pages_1qo0r_42 a:hover{color:var(--ink);background:#e9edf2}._pages_1qo0r_42 a[aria-current]{color:#2856ca;background:#e8eefe}._tools_1qo0r_61{align-items:center;gap:.75rem;min-width:0;margin-left:auto;display:flex}._picker_1qo0r_68{min-width:0;position:relative}._trigger_1qo0r_17{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:.6rem;align-items:center;gap:.7rem;min-height:2.75rem;padding:.5rem .75rem;list-style:none;display:flex}._trigger_1qo0r_17::-webkit-details-marker{display:none}._trigger_1qo0r_17:hover,._picker_1qo0r_68[open] ._trigger_1qo0r_17{border-color:#9aabc1}._pickerLabel_1qo0r_92{color:var(--muted);font-size:.7rem}._selected_1qo0r_96{font-size:.8rem;font-weight:500}._trigger_1qo0r_17 svg{color:var(--muted);flex-shrink:0}._picker_1qo0r_68[open] ._trigger_1qo0r_17 svg{transform:rotate(180deg)}._libraryPanel_1qo0r_107{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.85rem;width:min(19rem,100vw - 2.5rem);max-height:min(32rem,70vh);padding:.5rem;position:absolute;top:calc(100% + .65rem);right:0;overflow-y:auto;box-shadow:0 12px 36px #1522301a,0 2px 6px #15223008}._libraryPanel_1qo0r_107 p{color:var(--muted);margin:0;padding:.65rem .75rem;font-size:.72rem}._libraryList_1qo0r_129{gap:.15rem;display:grid}._libraryList_1qo0r_129 a{color:var(--ink);border-radius:.45rem;justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;padding:.6rem .75rem;font-size:.8rem;display:flex}._libraryList_1qo0r_129 a:hover{background:#f0f3f8}._libraryList_1qo0r_129 a[aria-current]{color:#2856ca;background:#e8eefe;font-weight:500}._libraryList_1qo0r_129 a:focus-visible{outline-offset:-2px}._check_1qo0r_155{width:1rem}._description_1qo0r_158{color:var(--muted);margin-top:.2rem;font-size:.7rem;font-weight:400;display:block}._github_1qo0r_165{color:var(--muted);border-radius:.6rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}._github_1qo0r_165:hover{color:var(--ink);background:#e9edf2}@media (width<=760px){._nav_1qo0r_1{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:1rem 1.25rem .75rem;display:grid}._pages_1qo0r_42{order:3;grid-column:1/-1;width:100%}._pages_1qo0r_42 a{text-align:center;flex:1}._tools_1qo0r_61{justify-self:end;gap:.25rem;max-width:100%;margin-left:0}._libraryPanel_1qo0r_107{right:-3rem}._pickerLabel_1qo0r_92{display:none}._trigger_1qo0r_17{gap:.4rem;padding:.5rem}._selected_1qo0r_96{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}._brand_1qo0r_21{gap:.4rem;font-size:1.1rem}._brand_1qo0r_21>span{width:1.9rem;height:1.9rem}}@media (width<=540px){._tools_1qo0r_61{grid-column:1/-1;justify-self:stretch}._picker_1qo0r_68{flex:1}._trigger_1qo0r_17{justify-content:space-between}._libraryPanel_1qo0r_107{right:0}._pages_1qo0r_42{order:3}}@media (width<=760px){._tools_1qo0r_61,._picker_1qo0r_68{position:static}._libraryPanel_1qo0r_107{width:auto;top:100%;left:1.25rem;right:1.25rem}}._page_16qa8_1{--ink:#152230;--muted:#63717d;--line:#d8dee3;--paper:#f8f9fb;--blue:#3367f0;--mint:#d9fbe6;background:var(--paper);color:var(--ink);min-height:100vh}._hero_16qa8_12,._comparison_16qa8_13,._playgroundSection_16qa8_14,._notes_16qa8_15,footer{max-width:76rem;margin:auto;padding-left:2rem;padding-right:2rem}footer a{color:var(--muted);font-family:Courier Prime,monospace;font-size:.72rem;text-decoration:none}._hero_16qa8_12{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));gap:3rem;padding-top:5rem;padding-bottom:5rem;display:grid}._kicker_16qa8_36{color:var(--blue);letter-spacing:.12em;margin:0 0 1.2rem;font-family:Courier Prime,monospace;font-size:.69rem;font-weight:700}h2,h3,p{margin-top:0}._compareGrid_16qa8_49{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-self:center;gap:1.2rem;display:grid}._compareCard_16qa8_55{border:1px solid var(--line);background:#fff;min-width:0;padding:1.5rem}._cardHead_16qa8_61,._previewTop_16qa8_62,._settingsTop_16qa8_63,._codeTop_16qa8_64{border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding-bottom:.9rem;font-family:Courier Prime,monospace;font-size:.7rem;display:flex}._cardHead_16qa8_61 b{background:var(--mint);color:#167044;border-radius:99px;margin-left:auto;padding:.25rem .45rem;font-size:.6rem;font-weight:500}._dot_16qa8_82,._nativeDot_16qa8_83{background:var(--blue);border-radius:50%;width:.55rem;height:.55rem}._nativeDot_16qa8_83{background:#a4afb8}._nativeCard_16qa8_92{background:#f1f3f5}._compareCard_16qa8_55>label,._preview_16qa8_62>label{margin:3rem 0 .55rem;font-size:.78rem;font-weight:700;display:block}._compareInput_16qa8_102.datetime-neo,._compareInput_16qa8_102::part(root){--datetime-neo-background:white;--datetime-neo-border:#aeb8c0;--datetime-neo-focus:var(--blue);width:100%;min-width:0}._nativeCard_16qa8_92 input{color:var(--ink);background:#fff;border:1px solid #aeb8c0;border-radius:.25rem;width:100%;max-width:100%;padding:.62rem}._compareCard_16qa8_55 ul{border-top:1px solid var(--line);color:var(--muted);margin:1.4rem 0 0;padding:1rem 0 0;font-size:.76rem;line-height:1.8;list-style:none}._compareCard_16qa8_55 li:before{content:"↳";margin-right:.5rem}._playgroundSection_16qa8_14{border-top:1px solid var(--line);padding-top:4rem;padding-bottom:7rem}._playgroundHeading_16qa8_137{grid-template-columns:minmax(0,1fr) 20rem;align-items:center;gap:2rem;margin-bottom:2rem;display:grid}._playgroundHeading_16qa8_137 ._kicker_16qa8_36{margin-bottom:.85rem}._playgroundHeading_16qa8_137 h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,5vw,4rem);font-weight:600;line-height:1.05}._playgroundIntro_16qa8_154{color:var(--muted);margin:1rem 0 0;font-size:.95rem;line-height:1.6}._galleryLink_16qa8_160{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.5rem;padding:1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}._galleryLink_16qa8_160:hover{border-color:var(--blue);box-shadow:0 4px 16px #1522300a}._galleryLink_16qa8_160:focus-visible{outline:2px solid var(--blue);outline-offset:.25rem}._gallerySamples_16qa8_180{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}._gallerySamples_16qa8_180>span{border:1px solid var(--line);border-radius:.25rem;justify-content:center;align-items:center;width:4.25rem;height:2rem;font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;line-height:1;display:inline-flex}._gallerySamples_16qa8_180>span:nth-child(2){color:#91e9b6;background:#172633;border-color:#172633;font-family:Courier Prime,monospace}._gallerySamples_16qa8_180>span:nth-child(3){color:#6250a5;background:#eeedff;border-color:#d6d0f5;border-radius:99px;font-family:Tinos,serif;font-size:.9rem}._galleryTitle_16qa8_212{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}._galleryTitle_16qa8_212>span{color:var(--blue)}._galleryDescription_16qa8_221{color:var(--muted);margin-top:.35rem;font-size:.75rem;line-height:1.5;display:block}._fieldHint_16qa8_228{color:var(--muted);margin:.5rem 0 0;font-family:sans-serif;font-size:.72rem;line-height:1.5}._playground_16qa8_14{border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));display:grid}._settings_16qa8_63,._preview_16qa8_62,._codePanel_16qa8_242{min-width:0;padding:1.5rem}._settings_16qa8_63{border-right:1px solid var(--line)}._settingsTop_16qa8_63 button{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;margin-left:auto}._field_16qa8_228{margin-top:1.5rem;font-family:Courier Prime,monospace;font-size:.7rem;font-weight:500;display:block}._fieldLabel_16qa8_264{margin-bottom:.55rem;display:block}._field_16qa8_228 em{color:var(--muted);font-style:normal}._field_16qa8_228 select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.25rem;width:100%;padding:.62rem}._previewInput_16qa8_280.datetime-neo,._previewInput_16qa8_280::part(root){--datetime-neo-background:white;--datetime-neo-border:#9db5ce;--datetime-neo-focus:var(--blue);width:100%}._twoFields_16qa8_287{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem;display:grid}._toggleRow_16qa8_292{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;display:flex}._toggleRow_16qa8_292 label{font-size:.76rem}._toggleRow_16qa8_292 input{accent-color:var(--blue)}._preview_16qa8_62{background:#edf5ff}._previewTop_16qa8_62{justify-content:space-between}._previewTop_16qa8_62 code{color:var(--muted)}._preview_16qa8_62>label{margin-top:3rem}._valueLine_16qa8_318{border-top:1px solid #c3d6e8;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:.9rem;font-size:.7rem;display:flex}._valueLine_16qa8_318 code{overflow-wrap:anywhere;text-align:right}._valueLine_16qa8_318 span{color:var(--muted)}._codePanel_16qa8_242{color:#dbe6ee;background:#172633;grid-column:1/-1;padding:0}._codeTop_16qa8_64{border-color:#3a4d5c;padding:.9rem 1rem}._codePanel_16qa8_242>:last-child{border-radius:0;margin:0}._codeTop_16qa8_64 span:last-child{color:#91e9b6;margin-left:auto}._notes_16qa8_15{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:0;display:grid}._notes_16qa8_15>div{min-height:13rem;padding:2rem}._notes_16qa8_15>div+div{border-left:1px solid var(--line)}._notes_16qa8_15 span{color:var(--blue);font-family:Courier Prime,monospace;font-size:.7rem}._notes_16qa8_15 h3{letter-spacing:-.04em;margin:2.5rem 0 .5rem;font-size:1.2rem}._notes_16qa8_15 p{color:var(--muted);max-width:16rem;font-size:.86rem;line-height:1.5}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem;font-family:Courier Prime,monospace;font-size:.7rem;display:flex}footer span:first-child{color:var(--ink);font-weight:700}@media (width<=720px){._playgroundHeading_16qa8_137{grid-template-columns:1fr}._hero_16qa8_12,._playgroundSection_16qa8_14,footer{padding-left:1.25rem;padding-right:1.25rem}._hero_16qa8_12{padding-top:4rem;padding-bottom:4rem}._settings_16qa8_63{border-bottom:1px solid var(--line);border-right:0}._notes_16qa8_15{grid-template-columns:1fr}._notes_16qa8_15>div+div{border-left:0;border-top:1px solid var(--line)}._notes_16qa8_15>div{min-height:auto;padding:1.5rem 1.25rem}._notes_16qa8_15 h3{margin-top:1rem}._playgroundSection_16qa8_14{padding-bottom:4rem}footer{gap:1rem}}._page_19naq_1{--ink:#152230;--muted:#63717d;--line:#d8dee3;--paper:#f8f9fb;--blue:#3367f0;background:var(--paper);color:var(--ink);min-height:100vh}._layout_19naq_11{grid-template-columns:13rem minmax(0,1fr);gap:3rem;max-width:76rem;margin:auto;padding:3.5rem 2rem 6rem;display:grid}._layout_19naq_11 aside nav{gap:.4rem;max-height:calc(100vh - 4rem);display:grid;position:sticky;top:2rem;overflow-y:auto}._layout_19naq_11 aside a{color:var(--muted);border-radius:.35rem;padding:.7rem .8rem;font-size:.85rem;text-decoration:none}._layout_19naq_11 aside a[aria-current]{color:#234cae;background:#e8eefc;font-weight:700}._navPage_19naq_39>a{display:block}._sectionLinks_19naq_42{border-left:1px solid var(--line);margin:.25rem 0 .5rem .8rem;padding:0 0 0 .6rem;list-style:none}._layout_19naq_11 aside ._sectionLinks_19naq_42 a{padding:.35rem .6rem;font-size:.78rem;display:block}._layout_19naq_11 aside a:hover{color:#234cae;background:#e8eefc}._eyebrow_19naq_57{color:var(--blue);letter-spacing:.1em;margin-bottom:1rem;font:700 .7rem Courier Prime,monospace;display:block}._content_19naq_66{min-width:0;line-height:1.7}._content_19naq_66 h1{letter-spacing:-.06em;margin:0 0 1.7rem;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:600;line-height:1.05}._content_19naq_66 h2{letter-spacing:-.03em;margin:2.5rem 0 .7rem;scroll-margin-top:2rem;font-size:1.45rem}._content_19naq_66 p{color:#4a5d6d;max-width:70ch}._content_19naq_66 ._intro_19naq_87{font-size:1.15rem}._content_19naq_66 a{color:#235bc4;text-underline-offset:.2em}._content_19naq_66 code,._content_19naq_66 kbd{font-family:Courier Prime,monospace;font-size:.85em}._justWorks_19naq_99{color:#24644c;white-space:nowrap;background:#e5f3ed;border:1px solid #b7d8cd;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}._justWorks_19naq_99 sup{margin-left:.1em;font-size:.65em}._tableScroll_19naq_114{overflow-x:auto}._content_19naq_66 table{border-collapse:collapse;text-align:left;width:100%;margin:1rem 0;font-size:.85rem}._content_19naq_66 th,._content_19naq_66 td{border-bottom:1px solid var(--line);vertical-align:top;padding:.85rem .6rem}._content_19naq_66 th{color:var(--muted)}._example_19naq_133{border:1px solid var(--line);background:#fff;border-radius:.6rem;margin:2.5rem 0;overflow:hidden}._exampleHeading_19naq_140{border-bottom:1px solid var(--line);padding:1.3rem 1.5rem}._exampleHeading_19naq_140 h2{margin:0 0 .3rem}._exampleHeading_19naq_140 p{margin:0;font-size:.9rem}._exampleColumns_19naq_151{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._preview_19naq_155{background:#f0f4f8;min-width:0;padding:1.5rem;font-size:.85rem}._variantLabel_19naq_161{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;display:block}._previewControl_19naq_167{position:relative}._previewHost_19naq_170{grid-template-columns:minmax(0,1fr);display:grid}._galleryControls_19naq_175{border:0;border-top:1px solid var(--line);grid-column:1/-1;gap:1rem;min-width:0;margin:1.5rem 0 0;padding:1rem 0 0;font-size:.8rem;display:grid}._galleryControls_19naq_175 legend{color:var(--muted);padding-right:.5rem}._galleryControls_19naq_175 label{gap:.4rem;display:grid}._galleryControls_19naq_175 select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #9ba8b6;border-radius:.25rem;padding:.4rem}._galleryControls_19naq_175 ._offsetToggle_19naq_203{align-items:center;gap:.5rem;display:flex}._offsetToggle_19naq_203 input{accent-color:var(--blue)}._cssEditor_19naq_211{color:#e2edf5;background:#172633;flex-direction:column;min-width:0;display:flex}._editorToolbar_19naq_218{border-bottom:1px solid #3a4d5c;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}._editorToolbar_19naq_218 label{margin-right:auto}._editorButtons_19naq_230{gap:.5rem;display:flex}._editorToolbar_19naq_218 button{cursor:pointer;color:#edf5ff;white-space:nowrap;background:#294153;border:1px solid #668099;border-radius:.3rem;padding:.35rem .5rem}._copyStatus_19naq_243{flex-basis:100%;font-size:.75rem}._copyStatus_19naq_243:empty{position:absolute}._page_19naq_1 :is(a,button,textarea,input,select):focus-visible{outline-offset:3px;outline:2px solid #628eff}@media (width<=1050px){._exampleColumns_19naq_151{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){._layout_19naq_11{grid-template-columns:minmax(0,1fr);gap:2rem;padding:1.5rem 1.25rem 4rem}._layout_19naq_11 aside nav{grid-template-columns:1fr 1fr;max-height:none;position:static;overflow-y:visible}._layout_19naq_11 aside ._eyebrow_19naq_57{grid-column:1/-1;margin-bottom:.2rem}._layout_19naq_11 aside a{padding:.5rem}._content_19naq_66 h1{font-size:2.6rem}}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/dm-sans-latin-800-normal-C2H8778U.woff2)format("woff2"),url(/assets/dm-sans-latin-800-normal-BwbkPQqB.woff)format("woff")}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-normal-rilFpyjL.woff2)format("woff2"),url(/assets/tinos-latin-400-normal-B05awSIM.woff)format("woff")}@font-face{font-family:Tinos;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-italic-BYAl0kbZ.woff2)format("woff2"),url(/assets/tinos-latin-400-italic-HcuZF3H0.woff)format("woff")}@font-face{font-family:Roboto Flex;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-flex-latin-400-normal-fym6pXp8.woff2)format("woff2"),url(/assets/roboto-flex-latin-400-normal-rsiUsyzH.woff)format("woff")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,select{font:inherit}