@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url('/fonts/Inter-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
@font-face{font-family:Barlow;src:url('/fonts/Barlow-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
@font-face{font-family:'Source Sans 3';src:url('/fonts/SourceSans3-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
#vbt-design-system{font-family:var(--vbt-font-ui),var(--vbt-font-fallback);font-size:16px;line-height:1.6;color:var(--vbt-color-ink);max-width:var(--vbt-layout-contentMax);margin:auto;background:var(--vbt-color-surface)}
#vbt-design-system *{box-sizing:border-box}
#vbt-design-system h1,#vbt-design-system h2,#vbt-design-system h3,#vbt-design-system h4{font-family:var(--font-ui);font-weight:900;line-height:1.15;color:var(--vbt-color-brand);letter-spacing:-.02em;margin:0 0 16px}
#vbt-design-system h1{font-size:clamp(32px,4vw,var(--vbt-type-h1))}#vbt-design-system h2{font-size:var(--vbt-type-h2)}#vbt-design-system h3{font-size:var(--vbt-type-h3)}#vbt-design-system h4{font-size:18px;margin:16px 0 8px}
#vbt-design-system p{margin:0 0 16px;max-width:80ch}#vbt-design-system ul{padding-left:20px;margin:8px 0 24px}#vbt-design-system li{margin:8px 0}
#vbt-design-system small{font-size:12px}#vbt-design-system a{color:var(--vbt-color-action);text-underline-offset:3px}
#vbt-design-system button,#vbt-design-system input,#vbt-design-system select,#vbt-design-system textarea{font:inherit}
#vbt-design-system :focus-visible{outline:3px solid var(--vbt-color-action);outline-offset:3px}
#vbt-design-system .ds-header{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:32px 32px 24px;border-bottom:1px solid var(--vbt-color-line)}
#vbt-design-system .ds-header p{margin:0}#vbt-design-system .ds-header>div:last-child{display:grid;gap:8px;justify-items:end;text-align:right}
#vbt-design-system .ds-eyebrow{font:700 11px/1.5 var(--vbt-font-ui),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--vbt-color-muted);display:block;margin-bottom:12px}
#vbt-design-system .ds-badge{font-size:12px;border:1px solid var(--vbt-color-line);border-radius:var(--vbt-radius-pill);padding:6px 12px;white-space:nowrap;display:inline-block;color:var(--vbt-color-muted)}
#vbt-design-system .ds-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:16px 32px;border-bottom:1px solid var(--vbt-color-line)}
#vbt-design-system .ds-tabs button{min-height:var(--vbt-layout-controlMin);border:0;border-radius:6px;background:transparent;padding:8px 12px;color:var(--vbt-color-muted);cursor:pointer;font-size:14px}
#vbt-design-system .ds-tabs button[aria-current=page]{background:var(--vbt-color-brand);color:var(--vbt-color-surface)}
#vbt-design-system .ds-content{padding:32px}#vbt-design-system .ds-content>section{margin-bottom:48px}#vbt-design-system .ds-content>h2:not(:first-child){margin-top:40px}
#vbt-design-system .ds-cover{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:40px;padding:32px;background:var(--vbt-color-canvas);border-top:5px solid var(--vbt-color-brand)}
#vbt-design-system .ds-cover h2{font-size:clamp(30px,4vw,48px);max-width:20ch;line-height:1.03;margin-bottom:24px}
#vbt-design-system .ds-logo-plate{background:var(--vbt-color-surface);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;color:var(--vbt-color-muted)}
#vbt-design-system .ds-logo{object-fit:contain;width:100%;height:auto;display:block;max-width:140px;max-height:140px}
#vbt-design-system .ds-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:32px 0 48px}
#vbt-design-system .ds-principles article{border-top:1px solid var(--vbt-color-line);padding-top:16px}#vbt-design-system .ds-index{font-size:12px;letter-spacing:.1em;color:var(--vbt-color-muted);display:block;margin-bottom:8px}
#vbt-design-system .ds-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:20px;margin:24px 0}
#vbt-design-system figure{margin:0}#vbt-design-system .ds-swatch{height:68px;border:1px solid var(--vbt-color-line);border-radius:6px 6px 0 0}
#vbt-design-system figcaption{padding:10px 0;display:flex;flex-direction:column;gap:4px;font-size:13px}#vbt-design-system figcaption code{font-size:12px;color:var(--vbt-color-muted)}#vbt-design-system figcaption small{line-height:1.4}
#vbt-design-system .ds-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
#vbt-design-system .ds-type{font-size:32px;border-top:1px solid var(--vbt-color-line);padding:16px 0;line-height:1.2}
#vbt-design-system .ds-type span{font:14px/1.5 var(--vbt-font-ui),sans-serif;color:var(--vbt-color-muted)}#vbt-design-system .ds-type.heading{font-family:Barlow,sans-serif;font-weight:700}#vbt-design-system .ds-type.body{font-family:'Source Sans 3',sans-serif}
#vbt-design-system .ds-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
#vbt-design-system .ds-chips>span,#vbt-design-system .ds-chips>code{font-size:12px;padding:6px 10px;border-radius:6px;background:var(--vbt-color-canvas);border:1px solid var(--vbt-color-line)}
#vbt-design-system .ds-chips .positive{background:var(--vbt-color-positive-soft);color:var(--vbt-color-positive)}#vbt-design-system .ds-chips .warning{background:var(--vbt-color-warning-soft);color:var(--vbt-color-warning)}#vbt-design-system .ds-chips .negative{background:var(--vbt-color-negative-soft);color:var(--vbt-color-negative)}
#vbt-design-system blockquote{margin:16px 0;padding:20px;border-left:3px solid var(--vbt-color-brand);background:var(--vbt-color-canvas);font-family:'Source Sans 3',sans-serif;font-size:20px}
#vbt-design-system .ds-muted{color:var(--vbt-color-muted);font-size:14px}#vbt-design-system .ds-note{padding:16px 20px;background:var(--vbt-color-canvas);border-left:3px solid var(--vbt-color-action);margin:20px 0;color:var(--vbt-color-ink);font-size:14px}
#vbt-design-system .ds-demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px;background:var(--vbt-color-canvas)}
#vbt-design-system .ds-actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
#vbt-design-system .ds-button{min-height:var(--vbt-layout-controlMin);padding:10px 16px;border:1px solid var(--vbt-color-control-line);border-radius:6px;background:var(--vbt-color-surface);color:var(--vbt-color-brand);cursor:pointer;line-height:1.3;font-weight:700;font-size:14px}
#vbt-design-system .ds-button.primary{background:var(--vbt-color-action);color:var(--vbt-color-surface);border-color:var(--vbt-color-action)}#vbt-design-system .ds-button.primary:hover{background:var(--vbt-color-action-hover)}#vbt-design-system .ds-button:disabled{cursor:not-allowed;opacity:.55}
#vbt-design-system label{font-size:14px;font-weight:700;display:block;margin:12px 0 6px;color:var(--vbt-color-ink)}#vbt-design-system label span{font-weight:400}
#vbt-design-system input,#vbt-design-system select,#vbt-design-system textarea{width:100%;min-height:var(--vbt-layout-controlMin);border:1px solid var(--vbt-color-control-line);border-radius:6px;padding:10px 12px;background:var(--vbt-color-surface);color:var(--vbt-color-ink);resize:vertical}
#vbt-design-system [aria-invalid=true]{border-color:var(--vbt-color-negative)}#vbt-design-system .ds-error{color:var(--vbt-color-negative);font-size:14px;margin:8px 0}
#vbt-design-system .ds-table-scroll{overflow:auto;margin:20px 0 32px;max-width:100%}#vbt-design-system table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}
#vbt-design-system th{font-size:12px;text-align:left;background:var(--vbt-color-canvas);color:var(--vbt-color-muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--vbt-color-line)}#vbt-design-system td{padding:14px;border-bottom:1px solid var(--vbt-color-line);vertical-align:top;white-space:normal}#vbt-design-system td:first-child{font-weight:700;min-width:130px}
#vbt-design-system .ds-workbench{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:24px;background:var(--vbt-color-canvas)}#vbt-design-system .ds-controls{align-self:start}#vbt-design-system .ds-controls p{margin-top:20px}
#vbt-design-system .ds-preview{min-width:0;display:grid;place-items:start center;padding:12px}
#vbt-design-system .ds-specimen{background:var(--vbt-color-surface);color:var(--vbt-color-ink);width:100%;border:1px solid var(--vbt-color-line);display:flex;flex-direction:column;overflow:hidden;container-type:inline-size}
#vbt-design-system .ds-specimen-head{display:flex;justify-content:space-between;align-items:start;gap:16px}#vbt-design-system .ds-specimen-head>span{font-size:8px;line-height:1.4;letter-spacing:.05em;color:var(--vbt-color-muted);text-align:right}#vbt-design-system .ds-specimen .ds-logo{max-width:62px;max-height:62px}
#vbt-design-system .ds-specimen h3{font-family:Barlow,sans-serif;font-weight:700;overflow-wrap:anywhere;margin:16px 0;font-size:clamp(20px,6cqi,32px)}#vbt-design-system .ds-specimen p{font-family:'Source Sans 3',sans-serif;font-size:clamp(12px,3.5cqi,18px);line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
#vbt-design-system .ds-specimen-body{padding-top:32px;flex:1}#vbt-design-system .ds-specimen .ds-eyebrow{font-size:9px}#vbt-design-system .ds-specimen-foot{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:var(--vbt-color-muted);padding-top:12px;border-top:1px solid var(--vbt-color-line);margin-top:24px}
#vbt-design-system .ds-carta{max-width:430px;aspect-ratio:210/297;padding:10%}
#vbt-design-system .ds-slide{max-width:700px;aspect-ratio:16/9;padding:5%}#vbt-design-system .ds-slide .ds-specimen-body{padding-top:12px}#vbt-design-system .ds-slide .ds-logo{max-height:36px}
#vbt-design-system .ds-story{max-width:320px;aspect-ratio:9/16;padding:14% 8% 20%;border-top:6px solid var(--vbt-color-brand)}#vbt-design-system .ds-story .ds-specimen-head>span{display:none}#vbt-design-system .ds-story .ds-specimen-body{padding-top:20px}#vbt-design-system .ds-story h3{font-size:clamp(20px,9cqi,36px)}#vbt-design-system .ds-story p{font-size:clamp(12px,4.7cqi,18px)}#vbt-design-system .ds-story .ds-specimen-foot{font-size:6px}
#vbt-design-system .ds-specimen-cta{display:inline-block;font:700 12px/1.4 Inter,sans-serif;margin-top:8px;color:var(--vbt-color-action)}
#vbt-design-system .ds-template-list article{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--vbt-color-line);padding:28px 0}
#vbt-design-system .ds-filter{max-width:360px;margin:24px 0}#vbt-design-system .ds-access-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}#vbt-design-system .ds-access-layout nav{background:var(--vbt-color-brand-deep);color:var(--vbt-color-surface);padding:16px;border-radius:8px}#vbt-design-system .ds-access-layout nav div{padding:12px;font-size:14px}
#vbt-design-system .ds-area-list article{display:flex;align-items:start;gap:24px;border-top:1px solid var(--vbt-color-line);padding:24px 0}#vbt-design-system .ds-area-list article>div{flex:1}#vbt-design-system .ds-area-list ul{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:20px;font-size:14px}
#vbt-design-system .ds-process{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}#vbt-design-system .ds-process span{background:var(--vbt-color-canvas);padding:16px;flex:1;min-width:120px;font-size:14px}#vbt-design-system .ds-process small{display:block;color:var(--vbt-color-muted);margin-bottom:8px}
#vbt-design-system .ds-references{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}#vbt-design-system .ds-references article{border-top:1px solid var(--vbt-color-line);padding-top:20px}#vbt-design-system .ds-references a{font:inherit}
#vbt-design-system .ds-footer{padding:24px 32px;border-top:1px solid var(--vbt-color-line);font-size:12px;color:var(--vbt-color-muted)}
@media(max-width:1100px){#vbt-design-system .ds-workbench{grid-template-columns:210px minmax(0,1fr)}#vbt-design-system .ds-cover{grid-template-columns:1fr 160px;gap:24px}}
@media(max-width:720px){#vbt-design-system .ds-header{flex-direction:column;padding:24px 16px}#vbt-design-system .ds-header>div:last-child{justify-items:start;text-align:left}#vbt-design-system .ds-tabs{padding:12px 16px;flex-wrap:nowrap;overflow:auto}#vbt-design-system .ds-tabs button{white-space:nowrap}#vbt-design-system .ds-content{padding:24px 16px}#vbt-design-system .ds-cover{grid-template-columns:1fr;padding:24px}#vbt-design-system .ds-logo-plate{max-width:190px}#vbt-design-system .ds-two,#vbt-design-system .ds-principles,#vbt-design-system .ds-demo-controls,#vbt-design-system .ds-workbench,#vbt-design-system .ds-template-list article,#vbt-design-system .ds-access-layout,#vbt-design-system .ds-references{grid-template-columns:1fr;gap:24px}#vbt-design-system .ds-area-list article{flex-wrap:wrap;gap:12px}#vbt-design-system .ds-palette{grid-template-columns:repeat(2,minmax(0,1fr))}#vbt-design-system .ds-workbench{padding:16px}#vbt-design-system h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){#vbt-design-system *,#vbt-design-system *:before,#vbt-design-system *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#vbt-design-system .ds-success{color:var(--vbt-color-positive);font-size:14px;margin:8px 0}