@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_9b66bfa9-module__TaD6FW__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_9b66bfa9-module__TaD6FW__variable{--font-demo:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}
.demo-app{min-height:100dvh}.demo-stage{background:var(--demo-stage-bg,#f3efe7);width:100%;min-height:100dvh}.demo-bezel{width:100%;height:100dvh;position:relative}.demo-notch,.demo-caption{display:none}.demo-screen{background:var(--demo-canvas,#fff);width:100%;height:100%;color:var(--demo-ink,#111);isolation:isolate;--demo-top-inset:env(safe-area-inset-top,0px);--demo-bottom-inset:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.demo-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 16px 24px;overflow:hidden auto}@media (min-width:768px){.demo-stage{align-content:center;place-items:center;gap:16px;padding:32px 16px;display:grid}.demo-bezel{background:var(--demo-bezel,#0b1220);border-radius:54px;width:390px;height:844px;padding:12px;box-shadow:0 30px 80px #10192e59,inset 0 0 0 1px #ffffff0f}.demo-notch{background:var(--demo-bezel,#0b1220);z-index:60;pointer-events:none;border-radius:999px;width:120px;height:34px;display:block;position:absolute;top:22px;left:50%;transform:translate(-50%)}.demo-screen{--demo-top-inset:44px;--demo-bottom-inset:10px;border-radius:42px}.demo-caption{text-align:center;max-width:390px;color:var(--demo-ink-2,#3d4a63);font-size:14px;font-weight:600;display:block}.demo-caption-title{color:var(--demo-ink,#10192e);font-size:16px;font-weight:800}.demo-caption-hint{margin-top:4px}}@media (min-width:768px) and (max-height:960px){.demo-bezel{zoom:.88}}@media (min-width:768px) and (max-height:840px){.demo-bezel{zoom:.76}}.demo-overlay{z-index:40;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.demo-overlay[data-align=center]{align-items:center;padding:16px}.demo-backdrop{background:#10192e73;animation:.16s ease-out demo-fade-in;position:absolute;inset:0}.demo-sheet{overscroll-behavior:contain;border-radius:var(--demo-r-sheet,28px)var(--demo-r-sheet,28px)0 0;background:var(--demo-surface,#fff);width:100%;max-height:88%;color:var(--demo-ink,#111);box-shadow:var(--demo-shadow-sheet,0 -8px 40px #10192e2e);padding:8px 20px calc(20px + var(--demo-bottom-inset,0px));animation:.22s cubic-bezier(.2,.8,.2,1) demo-slide-up;position:relative;overflow-y:auto}.demo-sheet-grabber{background:#d9d2c4;border-radius:999px;width:36px;height:5px;margin:6px auto 14px}.demo-dialog{background:var(--demo-surface,#fff);width:100%;color:var(--demo-ink,#111);box-shadow:var(--demo-shadow-dialog,0 16px 48px #10192e38);border-radius:24px;padding:20px;animation:.18s cubic-bezier(.2,.8,.2,1) demo-pop-in;position:relative}.demo-snack-host{left:12px;right:12px;bottom:calc(88px + var(--demo-bottom-inset,0px));z-index:45;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.demo-snack{pointer-events:auto;background:var(--demo-ink,#10192e);color:#fff;border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-size:15px;font-weight:600;animation:.2s cubic-bezier(.2,.8,.2,1) demo-slide-up;display:flex;box-shadow:0 10px 30px #10192e40}.demo-snack button{min-height:44px;color:var(--demo-accent,#ffc532);border-radius:999px;margin-left:auto;padding:0 14px;font-size:14px;font-weight:800}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes demo-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-backdrop,.demo-sheet,.demo-dialog,.demo-snack{animation:none}}@media (min-width:768px){[data-frame=tablet] .demo-bezel{border-radius:44px;width:1024px;height:768px;padding:12px}[data-frame=tablet] .demo-notch{display:none}[data-frame=tablet] .demo-screen{--demo-top-inset:16px;--demo-bottom-inset:12px;border-radius:34px}[data-frame=tablet] .demo-caption{max-width:720px}[data-frame=tablet] .demo-bezel{zoom:1}}@media (min-width:768px) and (max-height:900px){[data-frame=tablet] .demo-bezel{zoom:.78}}@media (min-width:768px) and (max-width:1120px){[data-frame=tablet] .demo-bezel{zoom:.72}}@media (min-width:768px) and (max-height:780px){[data-frame=tablet] .demo-bezel{zoom:.62}}
@layer components{.demo-app [data-tone=sun]{--tone-bg:#fff1cc;--tone-fg:#9a5b00}.demo-app [data-tone=sky]{--tone-bg:#dbeafe;--tone-fg:#1d4ed8}.demo-app [data-tone=mint]{--tone-bg:#d1fae5;--tone-fg:#047857}.demo-app [data-tone=lilac]{--tone-bg:#ede9fe;--tone-fg:#6d28d9}.demo-app [data-tone=coral]{--tone-bg:#ffe4d6;--tone-fg:#b4380a}.demo-app [data-tone=teal]{--tone-bg:#ccfbf1;--tone-fg:#0f766e}.demo-app [data-tone=rose]{--tone-bg:#fce7f3;--tone-fg:#be185d}.demo-app [data-tone=butter]{--tone-bg:#fef9c3;--tone-fg:#854d0e}.demo-app [data-tone=indigo]{--tone-bg:#e0e7ff;--tone-fg:#4338ca}.demo-app [data-tone=ink]{--tone-bg:#10192e;--tone-fg:#fff}.demo-app [data-tone=good]{--tone-bg:var(--demo-good-bg);--tone-fg:var(--demo-good-ink)}.demo-app [data-tone=warn]{--tone-bg:var(--demo-warn-bg);--tone-fg:var(--demo-warn-ink)}.demo-app [data-tone=bad]{--tone-bg:var(--demo-bad-bg);--tone-fg:var(--demo-bad-ink)}.demo-app [data-tone=info]{--tone-bg:var(--demo-info-bg);--tone-fg:var(--demo-info-ink)}.demo-app [data-tone=sand]{--tone-bg:var(--demo-sand);--tone-fg:var(--demo-ink-2)}.demo-ink-2{color:var(--demo-ink-2)}.demo-ink-3{color:var(--demo-ink-3)}.demo-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--demo-ink-2);font-size:12px;font-weight:700;line-height:16px}.demo-title{letter-spacing:-.01em;color:var(--demo-ink);font-size:24px;font-weight:800;line-height:28px}.demo-display{letter-spacing:-.02em;color:var(--demo-ink);font-size:32px;font-weight:800;line-height:36px}.demo-card-title{color:var(--demo-ink);font-size:18px;font-weight:700;line-height:24px}.demo-small{color:var(--demo-ink-2);font-size:14px;font-weight:600;line-height:20px}.demo-card{background:var(--demo-surface);border-radius:var(--demo-r-card);box-shadow:var(--demo-shadow-card);padding:16px}.demo-card+.demo-card{margin-top:12px}.demo-hairline{background:var(--demo-line);height:1px}.demo-press{transition:transform .12s,background-color .12s}.demo-press:active{transform:scale(.98)}.demo-tile{border-radius:var(--demo-r-tile);background:var(--tone-bg);min-height:108px;color:var(--demo-ink);text-align:left;flex-direction:column;justify-content:space-between;width:100%;padding:14px;display:flex;position:relative}.demo-tile[data-tone=accent]{background-image:var(--demo-gradient);box-shadow:var(--demo-shadow-sun)}.demo-tile .demo-tile-icon{color:var(--tone-fg)}.demo-tile[data-tone=accent] .demo-tile-icon{color:var(--demo-ink)}.demo-tile .demo-tile-label{font-size:15px;font-weight:700;line-height:20px}.demo-tile .demo-tile-badge{color:var(--tone-fg);background:#ffffffb8;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:12px;right:12px}.demo-tile[data-tone=accent] .demo-tile-badge{color:var(--demo-ink);background:#ffffff47}.demo-tile .demo-tile-dot{background:var(--demo-warn);width:10px;height:10px;box-shadow:0 0 0 3px var(--tone-bg);border-radius:999px;position:absolute;top:14px;right:14px}.demo-bigbtn{border-radius:var(--demo-r-btn);height:52px;min-height:52px;color:var(--demo-ink);background:var(--demo-sand);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:700;display:inline-flex}.demo-bigbtn[data-variant=primary]{background-image:var(--demo-gradient);box-shadow:var(--demo-shadow-sun);color:var(--demo-on-accent)}.demo-bigbtn[data-variant=ink]{background:var(--demo-ink);color:#fff}.demo-bigbtn[data-variant=danger]{background:var(--demo-bad-bg);color:var(--demo-bad-ink)}.demo-bigbtn[data-variant=tonal]{background:var(--demo-sand);color:var(--demo-ink)}.demo-bigbtn:disabled,.demo-bigbtn[aria-disabled=true]{background:var(--demo-sand);color:var(--demo-ink-3);box-shadow:none;cursor:not-allowed;background-image:none}.demo-bigbtn[data-full=true]{width:100%}.demo-textbtn{min-height:44px;color:var(--demo-accent-ink);border-radius:10px;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:700;display:inline-flex}.demo-textbtn:disabled{color:var(--demo-ink-3)}.demo-iconbtn{width:44px;height:44px;color:var(--demo-ink);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.demo-iconbtn:active{background:var(--demo-sand)}.demo-chip{white-space:nowrap;background:var(--demo-sand);height:48px;color:var(--demo-ink-2);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.demo-chip[data-size=sm]{height:44px;padding:0 14px}.demo-chip[data-size=xs]{height:32px;padding:0 12px;font-size:13px}.demo-chip .demo-chip-dot{background:var(--tone-fg,var(--demo-ink-3));border-radius:999px;width:8px;height:8px}.demo-chip[data-active=true]{background:var(--tone-fg,var(--demo-ink));color:#fff}.demo-chip[data-tone=ink][data-active=true]{background:var(--demo-ink);color:#fff}.demo-chip[data-tone=ink] .demo-chip-dot{background:var(--demo-ink-3)}.demo-chip[data-active=true] .demo-chip-dot{background:#ffffffd9}.demo-chip[data-fill=tone]{background:var(--tone-bg);color:var(--tone-fg)}.demo-status{white-space:nowrap;background:var(--tone-bg);height:28px;color:var(--tone-fg);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.demo-status .demo-status-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.demo-status[data-tone=ink]{background:var(--demo-ink);color:#fff}.demo-status[data-wrap=true]{white-space:normal;text-align:left;height:auto;min-height:28px;padding:4px 10px;line-height:18px}.demo-status[data-wrap=true] .demo-status-dot{flex-shrink:0}.demo-checkrow{align-items:center;gap:8px;width:100%;display:flex}.demo-checkrow-btn{text-align:left;min-width:0;min-height:56px;color:var(--demo-ink);border-radius:12px;flex:1;align-items:center;gap:14px;padding:8px 4px;display:flex}.demo-checkrow-btn:active{background:var(--demo-sand)}.demo-checkrow .demo-checkbox{border-radius:var(--demo-r-check);border:2px solid var(--demo-ink-2);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .16s,background-color .12s;display:flex}.demo-checkrow[data-checked=true] .demo-checkbox{background:var(--demo-good);border-color:var(--demo-good)}.demo-checkrow[data-locked=true] .demo-checkbox{border-style:dashed;border-color:var(--demo-ink-3);color:var(--demo-ink-3)}.demo-checkrow[data-locked=true][data-checked=true] .demo-checkbox{border-style:solid;border-color:var(--demo-good)}.demo-checkrow .demo-checkrow-label{font-size:16px;font-weight:600;line-height:22px}.demo-checkrow .demo-checkrow-sub{color:var(--demo-ink-2);margin-top:2px;font-size:14px;font-weight:600;line-height:20px}.demo-checkrow[data-struck=true] .demo-checkrow-label{color:var(--demo-ink-3);text-decoration:line-through}.demo-checkrow[data-locked=true] .demo-checkrow-btn{cursor:not-allowed}.demo-card-complete{background:var(--demo-good-bg)}.demo-field{justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;display:flex}.demo-field-label{color:var(--demo-ink-2);flex:0 0 34%;font-size:14px;font-weight:600;line-height:20px}.demo-field-value{color:var(--demo-ink);text-align:right;flex:1;font-size:16px;font-weight:700;line-height:22px}.demo-field[data-press=true]{text-align:left;border-radius:12px;align-items:center;width:calc(100% + 16px);min-height:56px;margin:0 -8px;padding:6px 8px}.demo-field[data-press=true]:active{background:var(--demo-sand)}.demo-field .demo-field-icon{color:var(--tone-fg,var(--demo-accent-ink));flex-shrink:0}.demo-plate{border-radius:var(--demo-r-plate);background:var(--tone-bg);width:40px;height:40px;color:var(--tone-fg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.demo-plate[data-size="44"]{width:44px;height:44px}.demo-sheetrow{text-align:left;width:100%;min-height:56px;color:var(--demo-ink);border-radius:12px;align-items:center;gap:14px;padding:6px 4px;font-size:16px;font-weight:600;display:flex}.demo-sheetrow:active{background:var(--demo-sand)}.demo-sheetrow[data-danger=true]{color:var(--demo-bad-ink)}.demo-progress{background:var(--demo-sand);border-radius:999px;height:8px;overflow:hidden}.demo-progress>div{background:var(--tone-fg,var(--demo-good));transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .2s}.demo-photo{aspect-ratio:4/3;border-radius:var(--demo-r-photo);background:linear-gradient(160deg,var(--tone-bg),color-mix(in srgb,var(--tone-bg)60%,var(--tone-fg)));width:100%;color:var(--tone-fg);text-align:left;display:block;position:relative;overflow:hidden}.demo-photo[data-taken=false]{outline:2px dashed var(--tone-fg);outline-offset:-2px}.demo-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-photo .demo-photo-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-photo .demo-photo-cap{color:var(--demo-ink);background:#ffffffdb;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;line-height:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.demo-photo .demo-photo-tick{background:var(--demo-good);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.demo-photo .demo-photo-cam{width:28px;height:28px;color:var(--tone-fg);background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.demo-nav{height:calc(64px + var(--demo-bottom-inset,0px));padding-bottom:var(--demo-bottom-inset,0px);background:var(--demo-surface);box-shadow:var(--demo-shadow-float);z-index:20;border-radius:24px 24px 0 0;flex-shrink:0;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:stretch;display:grid;position:relative;overflow:visible}.demo-nav[data-mode=pack]{grid-template-columns:1fr 72px 1fr}.demo-nav-slot{min-height:48px;color:var(--demo-ink-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:700;line-height:14px;display:flex}.demo-nav-slot[data-active=true]{color:var(--demo-ink)}.demo-nav[data-mode=pack] .demo-nav-slot{color:var(--demo-ink);flex-direction:row;gap:4px;font-size:13px}.demo-nav-fab-wrap{justify-content:center;display:flex;position:relative}.demo-nav-fab{background-image:var(--demo-gradient);width:56px;height:56px;color:var(--demo-ink);box-shadow:var(--demo-shadow-sun);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-18px}.demo-header{padding-top:var(--demo-top-inset,0px);background:var(--demo-canvas);flex-shrink:0}.demo-hscroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:4px 16px 10px;display:flex;overflow-x:auto}.demo-hscroll::-webkit-scrollbar{display:none}.demo-hscroll>*{scroll-snap-align:start}.demo-skeleton{border-radius:var(--demo-r-card);background:var(--demo-sand);height:120px}.demo-skeleton+.demo-skeleton{margin-top:12px}.demo-seg{gap:6px;display:inline-flex}.demo-num{background:var(--demo-sand);width:100%;min-height:44px;color:var(--demo-ink);font-size:15px;font-weight:700;font-family:var(--font-geist-mono),ui-monospace,monospace;border-radius:12px;padding:0 10px}.demo-num::placeholder{color:var(--demo-ink-2);font-weight:500;font-family:var(--font-demo),system-ui,sans-serif}.demo-num:focus{outline:2px solid var(--demo-accent-deep);outline-offset:1px}.demo-notice{background:var(--tone-bg);color:var(--tone-fg);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;line-height:20px}}