:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;min-width:320px;min-height:100vh;margin:0}button{padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;cursor:pointer;background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:1280px;padding:2rem;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}[data-highlight-id]{background-color:var( --vth-highlight-background, var(--vth-highlight-color) )!important;color:var(--vth-highlight-foreground, inherit);border-radius:var(--vth-highlight-border-radius, 0);-webkit-box-decoration-break:clone;box-decoration-break:clone}code [data-highlight-id]{padding-inline:var(--vth-highlight-code-padding-inline, 0);background-color:var( --vth-highlight-code-background, var(--vth-highlight-background, var(--vth-highlight-color)) )!important;color:var( --vth-highlight-code-foreground, var(--vth-highlight-foreground, inherit) );border-radius:var( --vth-highlight-code-border-radius, var(--vth-highlight-border-radius, 0) )}._palette_1bz8a_1{display:flex;flex-wrap:wrap;gap:8px}._colorTile_1bz8a_7{width:28px;height:28px;padding:0;cursor:pointer;border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 1px 2px #0f172a33;transition:transform .12s ease,box-shadow .12s ease}._colorTile_1bz8a_7:hover{box-shadow:0 3px 8px #0f172a47;transform:scale(1.12)}._colorTile_1bz8a_7:focus-visible{outline:3px solid #2563eb;outline-offset:2px}._removeTile_1bz8a_28{background:linear-gradient(135deg,#fff 0 45%,#dc2626 45% 55%,#fff 55% 100%);border-color:#cbd5e1}._colorMenu_ryiu1_1{position:fixed;top:var(--705af13e);left:var(--705af13d);z-index:999;max-width:calc(100vw - 16px)}._defaultColorMenu_ryiu1_9{width:min(264px,100vw - 16px);padding:12px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;box-shadow:0 12px 32px #0f172a33}._playground_1nbjm_2{display:grid;gap:24px;max-width:960px;margin:0 auto;text-align:left}._header_1nbjm_10,._example_1nbjm_11{padding:24px;background:rgb(255 255 255 / 5%);border:1px solid rgb(148 163 184 / 28%);border-radius:16px}._header_1nbjm_10 h1,._example_1nbjm_11 h2,._header_1nbjm_10 p,._example_1nbjm_11 p{margin-top:0}._header_1nbjm_10 h1{margin-bottom:8px}._stickyToolbar_1nbjm_29{position:sticky;top:12px;z-index:100;display:flex;gap:16px;align-items:center;justify-content:space-between;align-self:start;padding:8px 10px 8px 16px;background:rgb(15 23 42 / 94%);border:1px solid rgb(148 163 184 / 28%);border-radius:12px;box-shadow:0 10px 24px #0f172a4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._headerControls_1nbjm_46{display:flex;gap:8px;align-items:center}._eyebrow_1nbjm_52,._documentId_1nbjm_53{margin-bottom:8px;color:#7dd3fc;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}._languageSwitcher_1nbjm_62{display:inline-flex;padding:3px;background:rgb(15 23 42 / 45%);border:1px solid rgb(148 163 184 / 35%);border-radius:8px}._rangesButton_1nbjm_70,._clearButton_1nbjm_71,._closeButton_1nbjm_72{color:#e0f2fe;font:inherit;font-weight:700;background:rgb(14 116 144 / 35%);border:1px solid rgb(125 211 252 / 45%)}._rangesButton_1nbjm_70{padding:7px 10px;font-size:.8rem}._languageButton_1nbjm_85{min-width:38px;padding:5px 8px;color:inherit;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.05em;background:transparent;border:0;border-radius:5px}._languageButton_1nbjm_85:hover{border-color:transparent}._activeLanguage_1nbjm_102{color:#0f172a;background:#7dd3fc}._notice_1nbjm_107{max-width:760px;margin-bottom:0;color:#fde68a}._example_1nbjm_11{display:grid;gap:20px}._exampleHeader_1nbjm_118{padding-bottom:16px;border-bottom:1px solid rgb(148 163 184 / 20%)}._exampleHeader_1nbjm_118 h2{margin-bottom:8px;font-size:1.2rem}._exampleHeader_1nbjm_118 p:last-child{margin-bottom:0;color:#e2e8f0db}._rangesDrawer_1nbjm_133{position:fixed;inset:0 0 0 auto;z-index:1000;display:grid;grid-template-rows:auto 1fr auto;width:min(600px,100vw);min-height:100dvh;color:#e2e8f0;background:#172033;border-left:1px solid rgb(148 163 184 / 38%);box-shadow:-18px 0 48px #0f172a7a}._drawerEnterActive_1nbjm_147,._drawerLeaveActive_1nbjm_148{transition:transform .22s ease,opacity .22s ease}._drawerEnterFrom_1nbjm_152,._drawerLeaveTo_1nbjm_153{opacity:0;transform:translate(100%)}._drawerEnterTo_1nbjm_158,._drawerLeaveFrom_1nbjm_159{opacity:1;transform:translate(0)}._drawerHeader_1nbjm_164,._drawerFooter_1nbjm_165{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgb(148 163 184 / 20%)}._drawerHeader_1nbjm_164 h2,._drawerHeader_1nbjm_164 p{margin:0}._drawerEyebrow_1nbjm_179{margin-bottom:4px!important;color:#7dd3fc;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}._closeButton_1nbjm_72{width:36px;height:36px;padding:0;font-size:1.5rem;line-height:1}._drawerBody_1nbjm_196{display:grid;gap:24px;padding:24px;overflow:auto}._rangeGroup_1nbjm_203 h3{margin:0 0 10px;color:#bae6fd;font-size:1rem}._rangeList_1nbjm_209{display:grid;gap:8px;padding:0;margin:0;list-style:none}._rangeList_1nbjm_209 li{display:flex;gap:10px;align-items:center;padding:10px 12px;background:rgb(255 255 255 / 6%);border:1px solid rgb(148 163 184 / 18%);border-radius:8px}._rangeList_1nbjm_209 code{margin-left:auto;color:#94a3b8;font-size:.75rem}._colorSwatch_1nbjm_233{flex:0 0 auto;width:14px;height:14px;border:1px solid rgb(255 255 255 / 65%);border-radius:50%}._emptyRanges_1nbjm_241{margin:0;color:#94a3b8}._drawerFooter_1nbjm_165{justify-content:flex-end;border-top:1px solid rgb(148 163 184 / 20%);border-bottom:0}._clearButton_1nbjm_71{padding:9px 12px}._clearButton_1nbjm_71:disabled{cursor:not-allowed;opacity:.45}._customPicker_1nbjm_261{display:grid;gap:14px;width:min(320px,calc(100vw - 16px));padding:16px;color:#172033;background:#f8fafc;border:3px solid #172033;border-radius:4px;box-shadow:8px 8px #7dd3fc}._customPickerHeader_1nbjm_273{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}._customPickerHeader_1nbjm_273 strong{font-size:1rem}._customPickerHeader_1nbjm_273 p{margin:4px 0 0;color:#475569;font-size:.8rem}._customPickerClose_1nbjm_290{width:28px;height:28px;padding:0;color:#172033;font-size:1.25rem;line-height:1;background:transparent;border:2px solid currentColor;border-radius:0}._customColorGrid_1nbjm_302{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}._customColorTile_1nbjm_308{aspect-ratio:1;padding:0;cursor:pointer;border:2px solid #172033;border-radius:0;box-shadow:3px 3px #172033;transition:transform .12s ease,box-shadow .12s ease}._customColorTile_1nbjm_308:hover,._customColorTile_1nbjm_308:focus-visible{box-shadow:5px 5px #172033;transform:translate(-2px,-2px)}._customRemoveButton_1nbjm_324{justify-self:start;padding:7px 10px;color:#991b1b;font:inherit;font-size:.8rem;font-weight:700;background:#fee2e2;border:2px solid currentColor;border-radius:0}