.hb-demo-bar{z-index:45;background:var(--surface);border-bottom:1px solid var(--line);position:relative}.db-in{z-index:46;height:44px;padding:0 var(--gutter);align-items:center;gap:28px;display:flex;position:relative}.hb-demo-bar .db-in{max-width:var(--content-max);margin:0 auto}.app .hb-demo-bar .db-in{max-width:none;margin:0}.db-home{flex:none;align-items:center;height:100%;display:inline-flex}.db-tag{border:1px solid var(--navy);border-radius:var(--r-ctl);height:22px;font:500 11px/1 var(--font-h);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);white-space:nowrap;align-items:center;padding:0 7px 0 8px;display:inline-flex}.db-note{font:400 13px/1 var(--font-b);color:var(--text-3);white-space:nowrap}.db-ch{align-items:stretch;gap:28px;height:100%;margin:0;padding:0;list-style:none;display:flex}.db-c{display:flex}.db-c>a,.db-c>button,.db-c>span{cursor:pointer;height:100%;font:400 14px/1 var(--font-h);letter-spacing:.02em;color:var(--text-2);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex;position:relative}.db-c>a:hover,.db-c>button:hover{color:var(--ink)}.db-n{border:1px solid var(--line-2);border-radius:var(--r-ctl);width:20px;height:20px;font:500 12px/1 var(--font-h);color:var(--text-3);font-variant-numeric:tabular-nums;background:var(--bg);flex:none;place-items:center;display:inline-grid}.db-n .icon{stroke-width:2px;width:12px;height:12px}.db-c[data-state=current]>*{color:var(--ink);font-weight:500}.db-c[data-state=current]>:after{content:"";background:var(--navy);height:2px;position:absolute;bottom:-1px;left:0;right:0}.db-c[data-state=current] .db-n{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.db-c[data-state=done] .db-n{border-color:var(--navy);color:var(--navy)}.db-sub{color:var(--text-2);font-weight:400}.db-sub:before{content:"·";color:var(--text-3);margin:0 8px}.db-right{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.db-right .hb-tip-btn{color:var(--text-3)}.db-next{border-radius:var(--r-ctl);background:var(--navy);height:30px;color:var(--on-navy);font:500 13px/1 var(--font-h);letter-spacing:.04em;white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:6px;padding:0 10px 0 14px;display:inline-flex;position:relative}.db-next:hover{background:var(--navy-2)}.db-next[aria-busy=true]{opacity:.7;cursor:progress}.db-next .k{color:var(--on-navy-2);font-weight:400}.db-next .icon{width:16px;height:16px}.db-next.is-quiet{color:var(--text-2);cursor:default;background:0 0;padding:0 2px}.db-next.is-quiet:after{content:none}.db-next.is-quiet .k{color:var(--text-3)}.db-short,.db-now{display:none}@media (min-width:768px) and (max-width:1279px){.app .db-c:not([data-state=current]){display:none}}.hb-demo-bar[data-tour]:after{content:"";width:var(--tour,0%);background:var(--navy);height:2px;position:absolute;bottom:-1px;left:0}@media (min-width:1024px){html:has(.hb-demo-bar){--demo-h:45px}.hb-demo-bar{position:sticky;top:0}html[data-display=app] .hb-demo-bar{top:var(--safe-top)}}@media (max-width:767px){.db-in{padding:0 var(--gutter);gap:12px}.db-tag{letter-spacing:.12em;height:24px;padding:0 6px 0 8px;font-size:13px}.db-ch,.db-right .hb-tip,.db-long{display:none}.db-short{display:inline}.db-now{min-width:0;height:100%;font:500 15px/1 var(--font-h);letter-spacing:.02em;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.db-now>.icon{width:14px;height:14px;color:var(--text-3);margin-left:-4px}.db-now>.db-n{background:var(--navy);border-color:var(--navy);color:var(--on-navy);margin-right:-2px}.db-now,.db-home{position:relative}.db-now:after,.db-home:after{content:"";position:absolute;inset:-2px 0}.db-seg{flex:none;gap:3px;display:inline-flex}.db-seg i{background:var(--line-2);width:12px;height:3px;display:block}.db-seg i.on{background:var(--navy)}.db-right{gap:0}.db-next{letter-spacing:.03em;height:32px;padding:0 8px 0 12px;font-size:14px}.db-next:after{content:"";position:absolute;inset:-8px}.db-note{text-overflow:ellipsis;font-size:13px;overflow:hidden}html:has(.hb-demo-bar[data-tour]){--demo-h:45px}.hb-demo-bar[data-tour]{z-index:75;position:sticky;top:0}html[data-display=app] .hb-demo-bar[data-tour]{top:var(--safe-top)}.hb-demo-bar[data-tour] .db-in{gap:10px}.hb-demo-bar[data-tour] .db-tag{padding:0 5px 0 7px}.hb-demo-bar[data-tour] .db-next{padding:0 6px 0 10px}.db-next.is-quiet{font-size:14px}}.st-s{display:none}@media (max-width:374px){.st-l{display:none}.st-s{display:inline}}.db-pop{z-index:60;background:var(--bg);border:1px solid var(--line);box-shadow:var(--sh-2);position:absolute;top:calc(100% + 6px)}.db-pop-scrim{z-index:44;background:#0f1e2a2e;position:fixed;inset:0}.db-hand{width:288px;padding:20px;right:12px}.db-hand:before{content:"";background:var(--bg);border-left:1px solid var(--line);border-top:1px solid var(--line);width:10px;height:10px;position:absolute;top:-6px;right:40px;transform:rotate(45deg)}.db-hand-h{font:500 17px/1.2 var(--font-h);color:var(--ink);white-space:nowrap;align-items:center;gap:10px;display:flex}.db-hand-h .icon{width:22px;height:22px;color:var(--navy)}.db-hand-s{color:var(--text-2);white-space:nowrap;margin-top:6px;font-size:15px}.db-hand-a{gap:8px;margin-top:18px;display:grid}.db-hand-a .btn{width:100%;height:48px;font-size:15px}.db-menu{padding:4px 0 0;left:12px;right:12px}.db-menu ol{margin:0;padding:0 16px;list-style:none}.db-menu li+li{border-top:1px solid var(--line)}.db-menu ol :is(a,span.db-row,button){text-align:left;width:100%;min-height:56px;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0;display:grid}.db-menu ol span.db-row{cursor:default}.db-menu .db-n{width:26px;height:26px;font-size:13px}.db-menu .db-n .icon{width:14px;height:14px}.db-menu li[data-state=current] .db-n{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.db-menu li[data-state=done] .db-n{border-color:var(--navy);color:var(--navy)}.db-menu b{font:500 16px/1.25 var(--font-h);color:var(--ink);white-space:nowrap;display:block}.db-menu li[data-state=todo] b{font-weight:400}.db-menu small{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;display:block;overflow:hidden}.db-menu .dev{color:var(--text-3)}.db-menu .dev .icon{width:18px;height:18px}.db-menu-k{font:500 13px/1 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:14px 16px 2px}.db-menu .demo-peek{width:auto;margin:8px 16px 16px}.db-menu-f{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-top:4px;padding:0 16px;display:flex}.db-menu-f span{color:var(--text-3);white-space:nowrap;font-size:13px}.db-menu-f :is(a,button){cursor:pointer;min-height:48px;font:500 15px/1 var(--font-h);letter-spacing:.03em;color:var(--navy);white-space:nowrap;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.db-menu-f .db-skip{font:400 14px/1 var(--font-b);letter-spacing:0;color:var(--text-3);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}@media (max-width:767px){.db-menu{max-height:calc(100dvh - 60px);overflow:auto}.db-menu ol :is(a,span.db-row,button){min-height:52px}}@media (min-width:768px){.db-menu{width:360px;left:auto;right:12px}}.dl-page{padding-bottom:72px}.dl-head .h-page{margin-top:18px}.dl-lede{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;margin-top:10px;font-size:17px;display:flex}.dl-lede .hb-tip-btn{color:var(--text-3)}.dl-one{border:1px solid var(--line-2);border-top:2px solid var(--navy);background:var(--bg);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 24px;margin-top:40px;padding:28px 32px;display:grid}.dl-n{border:1px solid var(--line-2);border-radius:var(--r-ctl);width:36px;height:36px;font:500 16px/1 var(--font-h);color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:inline-grid}.dl-one .dl-n{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.dl-t{gap:6px;min-width:0;display:grid}.dl-t b{font:400 24px/1.2 var(--font-h);color:var(--ink);letter-spacing:-.005em;white-space:nowrap}.dl-t b .dev{display:none}.dl-t>span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.dl-dev{font:400 13px/1 var(--font-b);color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.dl-dev .icon{width:18px;height:18px}.dl-one .btn{height:52px;padding:0 28px;font-size:15px}.dl-rest{margin-top:8px;display:grid}.dl-row{border:0;border-bottom:1px solid var(--line);background:var(--bg);text-align:left;width:100%;color:inherit;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 24px;padding:22px 33px;display:grid}.dl-row .dl-t b{font-size:20px}.dl-row .btn{pointer-events:none;min-width:176px}.dl-row:hover .btn{border-color:var(--navy)}.dl-row[aria-busy=true]{cursor:progress;opacity:.7}.dl-row-act{align-items:center;gap:20px;display:flex}.dl-row .chev{display:none}.dl-folds{border-top:1px solid var(--line);margin-top:48px}.dl-fold{border-bottom:1px solid var(--line)}.dl-fold>summary{cursor:pointer;min-height:60px;font:500 16px/1 var(--font-h);letter-spacing:.02em;color:var(--ink);align-items:center;gap:16px;list-style:none;display:flex}.dl-fold>summary::-webkit-details-marker{display:none}.dl-fold>summary .sp{flex:1}.dl-fold>summary>.icon{color:var(--text-3);transition:transform var(--t-fast) var(--ease)}.dl-fold[open]>summary>.icon{transform:rotate(90deg)}.dl-fold .stack{flex:none;display:inline-flex}.dl-fold .stack .av{box-shadow:0 0 0 2px var(--bg);margin-left:-6px}.dl-fold-in{padding-bottom:28px}.dl-fold .demo-people,.dl-fold .demo-sec:first-of-type{margin-top:8px}@media (max-width:767px){.dl-page{padding-bottom:48px}.dl-head .eyebrow{display:none}.dl-head .h-page{margin-top:0}.dl-lede{margin-top:8px;font-size:15px}.dl-one{grid-template-columns:auto minmax(0,1fr);gap:0 16px;margin-top:32px;padding:20px}.dl-one .dl-n{width:32px;height:32px;font-size:15px}.dl-one .dl-t b{font-size:22px}.dl-one .btn{grid-column:1/-1;width:100%;margin-top:20px}.dl-rest{border-top:1px solid var(--line);grid-template-columns:1fr;gap:0;margin-top:32px}.dl-row{grid-template-columns:32px minmax(0,1fr) auto;gap:0 14px;min-height:76px;padding:0 4px 0 0}.dl-row .dl-n{width:32px;height:32px;font-size:15px}.dl-row .dl-t{gap:4px}.dl-row .dl-t b{font-size:17px}.dl-row-act{display:none}.dl-row .chev{color:var(--text-3);display:block}.dl-t b .dev{vertical-align:-2px;color:var(--text-3);margin-left:10px;display:inline-flex}.dl-t b .dev .icon{width:17px;height:17px}.dl-one>.dl-dev{display:none}.dl-folds{margin-top:32px}.dl-fold>summary{min-height:56px;font-size:15px}}.demo-peek{cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;min-height:48px;color:var(--navy);font:500 15px/1 var(--font-h);letter-spacing:.03em;align-items:center;gap:12px;margin-top:12px;padding:0 12px 0 10px;display:flex}.demo-peek .db-tag{height:22px;font-size:11px}.demo-peek .t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-peek .icon{width:16px;height:16px}@media (max-width:767px){.demo-peek .db-tag{height:24px;font-size:13px}}.demo-mail.sheet{z-index:72;height:94dvh;max-height:94dvh}.scrim:has(+.demo-mail){z-index:71}.demo-mail .sheet-head{align-items:flex-start}.demo-mail .dm-k{color:var(--text-3);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.demo-mail .sheet-head .h-sec{margin-top:12px;font-size:22px;line-height:1.25}.demo-mail .sheet-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:15px;overflow:hidden}.demo-mail .sheet-body{border-top:1px solid var(--line);padding:0;display:flex;overflow:hidden}.demo-mail iframe{background:var(--bg);border:0;flex:1;width:100%;min-height:60vh}.demo-mail .dm-empty{padding:24px var(--gutter);color:var(--text-2);font-size:15px}@media (min-width:1024px){.demo-mail.sheet{width:560px}}