@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/mona-sans-vietnamese-wght-normal.0tal9jyet6nut.woff2?dpl=dpl_7XfCwWdCojfCe72a5C3yLBcHeiAo)format("woff2-variations");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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/mona-sans-latin-ext-wght-normal.0yc2u8.lnuyd9.woff2?dpl=dpl_7XfCwWdCojfCe72a5C3yLBcHeiAo)format("woff2-variations");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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/mona-sans-latin-wght-normal.0tn5e5~1.nc47.woff2?dpl=dpl_7XfCwWdCojfCe72a5C3yLBcHeiAo)format("woff2-variations");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:Wulkan Headline;src:url(/fonts/wulkan-headline-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Wulkan Headline;src:url(/fonts/wulkan-headline-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--linen-50:#f4f3ee;--linen-100:#eceae3;--linen-200:#e3e1d8;--linen-300:#d6d4ca;--white:#fff;--ink-900:#111118;--ink-700:#4f4f5b;--ink-600:#60606c;--citron-400:#d5f26d;--citron-500:#c8ea55;--citron-100:#eef8c9;--citron-900:#1a2017;--coral-400:#f9875e;--coral-100:#fde3d8;--coral-900:#210d05;--bg-ground:var(--linen-50);--bg-folio:var(--linen-100);--bg-folio-2:var(--linen-200);--bg-paper:var(--white);--text:var(--ink-900);--text-2:var(--ink-700);--text-3:var(--ink-600);--text-on-ink:var(--white);--line:#1111181a;--line-2:#11111833;--line-control:#1111186b;--accent:var(--citron-400);--accent-hover:var(--citron-500);--accent-wash:var(--citron-100);--accent-ink:var(--citron-900);--alert:var(--coral-400);--alert-wash:var(--coral-100);--alert-ink:var(--coral-900);--focus:var(--ink-900);--shadow-paper:0 1px 2px #1111180a, 0 10px 28px #11111814;--shadow-bar:0 -8px 24px #11111814;--font-display:"Wulkan Headline", "Iowan Old Style", "Times New Roman", serif;--font-body:"Mona Sans Variable", "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--margin:20px;--page-max:1120px;--radius-card:14px;--radius-input:10px;--radius-button:12px;--ease:cubic-bezier(.2, 0, 0, 1)}@media (min-width:720px){:root{--margin:32px}}@media (min-width:1100px){:root{--margin:48px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--bg-ground);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;overflow-wrap:break-word;flex-direction:column;margin:0;font-size:16px;line-height:1.55;display:flex}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{inset-inline-start:var(--margin);z-index:50;background:var(--bg-paper);border:1px solid var(--line-2);border-radius:var(--radius-input);padding:10px 14px;font-weight:600;position:absolute;top:-100px}.skip:focus-visible{top:12px}.display{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.h1{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:40px;font-weight:400;line-height:1.05}.h2{font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance;font-size:28px;font-weight:400;line-height:1.1}.h3{font-family:var(--font-display);text-wrap:balance;font-size:24px;font-weight:400;line-height:1.15}.title{text-wrap:balance;font-size:20px;font-weight:600;line-height:1.3}.lead{max-width:56ch;color:var(--text-2);text-wrap:pretty;font-size:17px;line-height:1.5}.body{text-wrap:pretty;font-size:16px;line-height:1.55}.small{text-wrap:pretty;font-size:15px;line-height:1.5}.caption{color:var(--text-3);text-wrap:pretty;font-size:13px;line-height:1.5}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600;line-height:1.3}.muted{color:var(--text-2)}.num{font-variant-numeric:tabular-nums}@media (min-width:960px){.h1{font-size:48px}.h2{font-size:32px}.title{font-size:22px}}.link{color:var(--text);text-underline-position:from-font;text-underline-offset:.12em;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:from-font;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);transition:text-decoration-color .15s var(--ease), color .15s var(--ease)}@media (hover:hover){.link:hover{text-decoration-color:currentColor}}.link--inline{align-items:center;gap:6px;min-height:28px;display:inline-flex}.frame{width:100%;max-width:var(--page-max);padding-inline:max(var(--margin), env(safe-area-inset-left)) max(var(--margin), env(safe-area-inset-right));margin-inline:auto}.site-header{padding-top:max(20px, env(safe-area-inset-top))}.site-header__row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.wordmark-link{border-radius:4px;align-items:center;min-height:44px;display:inline-flex}.wordmark{width:auto;height:16px}.wordmark--small{height:12px}.identity{align-items:center;gap:12px;min-width:0;display:flex}.identity__text{text-align:end;min-width:0;line-height:1.3;display:none}.identity__text strong{font-size:15px;font-weight:600;display:block}.identity__text span{color:var(--text-3);font-size:13px;display:block}.initials{background:var(--text);width:36px;height:36px;color:var(--text-on-ink);letter-spacing:.04em;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}@media (min-width:600px){.identity__text{display:block}}.main{flex:1 0 auto;padding-block:40px 64px}.main--narrow{max-width:calc(560px + 2 * var(--margin))}.main--center{max-width:calc(520px + 2 * var(--margin));padding-top:48px}@media (min-width:960px){.main{padding-block:56px 96px}}.site-footer{padding-block:32px calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:auto}.site-footer__row{gap:20px;display:grid}.site-footer__row .caption{max-width:60ch}.site-footer__links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.site-footer__links .link,.site-footer__links .linkbtn{align-items:center;min-height:36px;font-size:15px;display:inline-flex}@media (min-width:720px){.site-footer__row{grid-template-columns:auto 1fr auto;align-items:start;gap:32px}}body.has-stickybar .site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.stack-16>*+*{margin-top:16px}.stack-24>*+*{margin-top:24px}.stack-32>*+*{margin-top:32px}.stack-48>*+*{margin-top:48px}.portal{gap:32px;display:grid}.portal__main{align-content:start;gap:32px;min-width:0;display:grid}.portal__side{align-content:start;gap:24px;min-width:0;display:grid}@media (min-width:960px){.portal{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:48px}.portal--single{grid-template-columns:minmax(0,1fr)}.portal__aside-inline{max-width:480px}.portal__main{gap:48px}.portal__side{position:sticky;top:24px}.only-mobile{display:none!important}}@media (max-width:959.98px){.only-desktop{display:none!important}}.card{background:var(--bg-folio);border-radius:var(--radius-card);padding:24px}.card--paper{background:var(--bg-paper);border:1px solid var(--line);box-shadow:var(--shadow-paper)}.card--outline{border:1px solid var(--line-2);background:0 0}.card--dashed{border:1.5px dashed var(--line-2);text-align:center;background:0 0}.card--wash{background:var(--accent-wash)}.card--alert{background:var(--alert-wash)}@media (min-width:560px){.card--paper{padding:32px}}.rule{border:0;border-top:1px solid var(--line);margin:0}.btn{border-radius:var(--radius-button);text-align:center;white-space:normal;width:100%;min-height:52px;transition:background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), scale .15s var(--ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.btn:active{scale:.96}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[disabled]:active{scale:1}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--secondary{background:var(--bg-paper);color:var(--text);border:1px solid var(--line-2)}.btn--ghost{color:var(--text);border:1px solid var(--line-2);background:0 0}.btn--auto{width:auto}.btn--sm{min-height:44px;padding-inline:18px;font-size:15px}@media (hover:hover){.btn--primary:hover{background:var(--accent-hover)}.btn--secondary:hover,.btn--ghost:hover{border-color:var(--text-2)}}@media (min-width:720px){.btn--fit{width:auto}}.btn__spinner{border:2px solid;border-inline-end-color:#0000;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.linkbtn{min-height:36px;color:var(--text);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:from-font;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);transition:text-decoration-color .15s var(--ease);border-radius:4px;align-items:center;gap:6px;padding:0 2px;font-weight:500;display:inline-flex}@media (hover:hover){.linkbtn:hover{text-decoration-color:currentColor}}.chip{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:3px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.chip--due{background:var(--accent);color:var(--accent-ink)}.chip--scheduled{border:1px solid var(--line-2);color:var(--text);background:var(--bg-paper)}.chip--scheduled:before{content:"";background:var(--accent);border:1px solid var(--accent-ink);box-sizing:border-box;border-radius:999px;width:8px;height:8px}.chip--processing{background:var(--bg-folio-2);color:var(--text)}.chip--paid{background:var(--text);color:var(--text-on-ink)}.chip--late{background:var(--alert);color:var(--alert-ink)}.chip--neutral{background:var(--bg-folio-2);color:var(--text-2)}.eyebrow{background:var(--accent);color:var(--accent-ink);border-radius:4px;padding:3px 8px;display:inline-block}.greeting{gap:12px;display:grid}.greeting .h1{margin-top:4px}.tabs{border-bottom:1px solid var(--line);gap:8px;margin-top:8px;display:flex}.tab{min-height:48px;color:var(--text-2);transition:color .15s var(--ease);border-radius:4px 4px 0 0;margin-inline-end:16px;padding:0 4px;font-size:16px;font-weight:500;position:relative}.tab:after{content:"";inset-inline:0;height:2px;transition:background-color .15s var(--ease);background:0 0;position:absolute;bottom:-1px}.tab[aria-selected=true]{color:var(--text);font-weight:600}.tab[aria-selected=true]:after{background:var(--text)}@media (hover:hover){.tab:hover{color:var(--text)}}.summary{gap:16px;display:grid}.summary__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.summary__amount{margin-top:4px;font-size:56px}.summary__date{color:var(--text-2);text-wrap:pretty;font-size:16px}.summary__rows{display:grid}.summary__row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;font-size:15px;display:flex}.summary__row:last-child{border-bottom:1px solid var(--line)}.summary__row strong{font-variant-numeric:tabular-nums;font-weight:600}.summary__method{justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.summary__method span{align-items:center;gap:8px;display:inline-flex}.summary__actions{gap:12px;display:grid}.summary__fine{color:var(--text-2)}@media (min-width:960px){.summary__amount{font-size:64px}}.confirm{border-radius:var(--radius-input);background:var(--bg-paper);border:1px solid var(--line-2);gap:12px;padding:16px;display:grid}.banner{border-radius:var(--radius-card);align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.banner--good{background:var(--accent-wash)}.banner--bad{background:var(--alert-wash)}.banner--neutral{background:var(--bg-folio)}.banner__icon{flex:none;margin-top:1px}.banner__text{gap:4px;display:grid}.banner__text strong{font-weight:600}.banner__text p{color:var(--text-2);font-size:15px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-head .caption{font-size:14px}.paper{gap:20px;display:grid}.paper__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.paper__client{font-size:28px}.paper__kind{color:var(--text-2);margin-top:4px}.paper__meta{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px 24px;padding-block:16px;display:grid}.paper__meta>div{gap:4px;min-width:0;display:grid}.paper__meta>div:first-child{grid-column:1/-1}.paper__meta dd{font-size:15px}.paper__covers{gap:8px;display:grid}.paper__covers li{padding-inline-start:18px;font-size:16px;position:relative}.paper__covers li:before{content:"";inset-inline-start:2px;background:var(--text-3);border-radius:999px;width:6px;height:6px;position:absolute;top:.62em}.paper__bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:16px;display:flex}.paper__amount{margin-top:4px;font-size:36px}.paper__payment{color:var(--text-2);font-size:15px}@media (min-width:560px){.paper__meta{grid-template-columns:minmax(0,1fr) max-content max-content;gap:14px 28px}.paper__meta>div:first-child{grid-column:auto}}.rules{gap:20px;display:grid}.rule-item{align-items:flex-start;gap:14px;display:flex}.rule-item__icon{background:var(--bg-paper);border:1px solid var(--line);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.rule-item__text{gap:4px;display:grid}.rule-item__text strong{font-weight:600}.rule-item__text p{color:var(--text-2);font-size:15px}@media (min-width:720px){.rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rule-item{flex-direction:column;gap:12px}}.contact{gap:12px;display:grid}.contact__links{gap:4px;display:grid}.contact__links .link--inline{min-height:36px}.note-form{gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.filter{border:1px solid var(--line-2);min-height:36px;color:var(--text-2);transition:background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);background:0 0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500}.filter[aria-pressed=true]{background:var(--text);color:var(--text-on-ink);border-color:var(--text)}@media (hover:hover){.filter:not([aria-pressed=true]):hover{border-color:var(--text-2);color:var(--text)}}.year-head{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:8px;display:flex}.hrow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;padding-block:16px;display:grid}.hrow:last-child{border-bottom:1px solid var(--line)}.hrow__title{font-weight:600}.hrow__title span{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:6px;font-weight:400}.hrow__sub{color:var(--text-2);grid-column:1;font-size:15px}.hrow__amount{font-variant-numeric:tabular-nums;text-align:end;grid-area:1/2;font-weight:600}.hrow__status{color:var(--text-2);grid-column:1;align-items:center;gap:8px;margin-top:6px;font-size:14px;display:flex}.hrow__pdf{grid-area:3/2;justify-self:end}@media (min-width:720px){.hrow{grid-template-columns:96px minmax(0,1fr) 110px 150px auto;align-items:center;gap:4px 20px}.hrow__date{color:var(--text-2);font-variant-numeric:tabular-nums;grid-area:1/1/span 2;font-size:15px}.hrow__title{grid-area:1/2}.hrow__sub{grid-area:2/2}.hrow__amount{grid-area:1/3/span 2}.hrow__status{grid-area:1/4/span 2;margin-top:0}.hrow__pdf{grid-area:1/5/span 2}}.hrow__date{display:none}@media (min-width:720px){.hrow__date{display:block}}.stickybar{inset-inline:0;z-index:30;padding:12px max(var(--margin), env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom)) max(var(--margin), env(safe-area-inset-right));background:var(--bg-ground);border-top:1px solid var(--line);box-shadow:var(--shadow-bar);opacity:0;pointer-events:none;position:fixed;bottom:0;translate:0 100%}.stickybar[data-visible=true]{opacity:1;pointer-events:auto;translate:0}.stickybar__row{max-width:var(--page-max);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.stickybar__amount{font-size:26px;line-height:1}.stickybar__sub{color:var(--text-2);margin-top:4px;font-size:13px}.stickybar .btn{flex:none;width:auto;min-height:48px;padding-inline:20px}@media (min-width:960px){.stickybar{display:none}}@media (prefers-reduced-motion:no-preference){.stickybar{transition:translate .3s var(--ease), opacity .2s var(--ease)}}.field{gap:8px;display:grid}.field label{font-size:15px;font-weight:500}.field .hint{color:var(--text-3);font-size:14px}.input{border:1px solid var(--line-control);border-radius:var(--radius-input);background:var(--bg-paper);width:100%;min-height:52px;transition:border-color .15s var(--ease);padding:12px 14px;font-size:16px;line-height:1.4}.input::placeholder{color:var(--text-3)}.input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--text)}.input[aria-invalid=true]{border-color:var(--text);border-width:2px}.input--code{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;min-height:64px;padding-inline-start:calc(14px + .3em);font-size:32px;font-weight:500}textarea.input{resize:vertical;min-height:120px}.checkrow{cursor:pointer;align-items:flex-start;gap:12px;padding:4px 0;font-size:16px;line-height:1.5;display:flex}.checkrow input{appearance:none;border:1.5px solid var(--line-control);background:var(--bg-paper);width:24px;height:24px;transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:6px;flex:none;place-content:center;margin:0;display:inline-grid}.checkrow input:before{content:"";border-inline-start:2.5px solid var(--accent-ink);border-bottom:2.5px solid var(--accent-ink);opacity:0;width:12px;height:7px;translate:0 -1px;rotate:-45deg}.checkrow input:checked{background:var(--accent);border-color:var(--accent-ink)}.checkrow input:checked:before{opacity:1}.checkrow input[aria-invalid=true]{border-color:var(--text);border-width:2px}.error{border-radius:var(--radius-input);background:var(--alert-wash);color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;display:flex}.error svg{flex:none;margin-top:2px}.status-line{color:var(--text-2);align-items:flex-start;gap:10px;font-size:15px;display:flex}.status-line svg{flex:none;margin-top:2px}.steps{color:var(--text-3);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.steps__dot{background:var(--line-2);border-radius:999px;width:24px;height:4px}.steps__dot[data-on=true]{background:var(--text)}.agreement{display:grid}.agreement__row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;font-size:15px;display:flex}.agreement__row:first-child{border-top:0;padding-top:0}.agreement__row:last-child{padding-bottom:0}.agreement__row dt{color:var(--text-2);white-space:nowrap}.agreement__row strong{font-variant-numeric:tabular-nums;text-align:end;font-weight:600}.terms{gap:16px;display:grid}.terms h3{font-size:16px;font-weight:600}.terms p{color:var(--text-2);font-size:15px}.element-wrap{gap:16px;display:grid}.powered{color:var(--text-3);justify-content:flex-end;align-items:center;gap:6px;font-size:13px;display:flex}.skeleton{gap:12px;display:grid}.skeleton__block{border-radius:var(--radius-input);background:var(--bg-folio-2);min-height:52px}@media (prefers-reduced-motion:no-preference){.skeleton__block{animation:pulse 1.4s var(--ease) infinite}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.fake-element{gap:12px;display:grid}.fake-element__tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fake-element__tab{border-radius:var(--radius-input);border:1px solid var(--line-2);background:var(--bg-paper);gap:4px;padding:12px 14px;font-size:14px;font-weight:600;display:grid}.fake-element__tab[data-on=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.fake-element__tab span{color:var(--text-3);font-size:13px;font-weight:400}.fake-element__field{gap:6px;font-size:14px;font-weight:500;display:grid}.fake-element__input{border:1px solid var(--line-2);border-radius:var(--radius-input);background:var(--bg-paper);min-height:48px;color:var(--text-2);align-items:center;padding:12px 14px;font-size:16px;font-weight:400;display:flex}.done{gap:20px;display:grid}.done__icon{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.done__icon--neutral{background:var(--bg-folio-2);color:var(--text)}.mockbar{z-index:40;background:var(--text);color:var(--text-on-ink);scrollbar-width:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex;position:sticky;top:0;overflow-x:auto}.mockbar::-webkit-scrollbar{display:none}.mockbar__label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;white-space:nowrap;margin-inline-end:6px;font-weight:600}.mockbar__sep{background:#fff3;flex:none;width:1px;height:18px;margin-inline:4px}.mockbar button,.mockbar a{color:inherit;white-space:nowrap;border:1px solid #ffffff40;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.mockbar button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active{scale:1}}@media (forced-colors:active){.btn,.chip,.input,.filter,.initials{border:1px solid buttontext}.tab[aria-selected=true]:after{background:highlight}}