@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}.b2b-theme{--b2b-color-paper:#f3f1ea;--b2b-color-ink:#1b1c19;--b2b-color-muted:#62645c;--b2b-color-line:#cecec3;--b2b-color-red:#c93e2b;--b2b-color-blue:#2949a0;--b2b-color-panel:#e9e7df;--b2b-color-white:#fcfbf7;--b2b-color-oak:#bda17c;--b2b-color-walnut:#795036;--b2b-color-charcoal:#444641;--b2b-color-red-accessible:#bd3826;--b2b-surface-page:var(--b2b-color-paper);--b2b-surface-panel:var(--b2b-color-panel);--b2b-surface-white:var(--b2b-color-white);--b2b-surface-ink:var(--b2b-color-ink);--b2b-surface-accent:var(--b2b-color-red);--b2b-surface-blue:var(--b2b-color-blue);--b2b-text-main:var(--b2b-color-ink);--b2b-text-muted:var(--b2b-color-muted);--b2b-text-inverse:var(--b2b-color-paper);--b2b-text-accent:var(--b2b-color-red-accessible);--b2b-border-default:var(--b2b-color-line);--b2b-border-strong:var(--b2b-color-ink);--b2b-material-oak:var(--b2b-color-oak);--b2b-material-walnut:var(--b2b-color-walnut);--b2b-material-charcoal:var(--b2b-color-charcoal);--b2b-space-0:0px;--b2b-space-4:4px;--b2b-space-8:8px;--b2b-space-12:12px;--b2b-space-16:16px;--b2b-space-24:24px;--b2b-space-32:32px;--b2b-space-48:48px;--b2b-space-64:64px;--b2b-space-96:96px;--b2b-border-control:var(--b2b-color-muted);--b2b-focus-ring:var(--b2b-color-blue);--b2b-text-error:var(--b2b-color-red-accessible);--b2b-surface-error:var(--b2b-color-paper);--b2b-surface-disabled:var(--b2b-color-panel);--b2b-text-disabled:var(--b2b-color-muted);--b2b-surface-selected:var(--b2b-color-ink);--b2b-text-selected:var(--b2b-color-paper);--b2b-button-primary-bg:var(--b2b-color-red-accessible);--b2b-button-primary-hover:var(--b2b-surface-ink);--b2b-button-primary-text:var(--b2b-text-inverse);--b2b-button-secondary-bg:var(--b2b-surface-page);--b2b-button-secondary-hover:var(--b2b-surface-panel);--b2b-button-secondary-text:var(--b2b-text-main);--b2b-radius-control:0px;--b2b-border-width:1px;--b2b-focus-width:2px;--b2b-focus-offset:3px;--b2b-control-height:48px;--b2b-button-height:56px;--b2b-swatch-size:48px;--b2b-slider-thumb:24px;--b2b-preview-mobile-height:50;--b2b-preview-desktop-width:67;--b2b-type-display-family:"Archivo Variable";--b2b-type-display-size:128px;--b2b-type-display-line:120px;--b2b-type-display-weight:900;--b2b-type-display-tracking:-.05em;--b2b-type-headline-family:"Archivo Variable";--b2b-type-headline-size:72px;--b2b-type-headline-line:76px;--b2b-type-headline-weight:700;--b2b-type-headline-tracking:-.01em;--b2b-type-section-family:"Archivo Variable";--b2b-type-section-size:56px;--b2b-type-section-line:60px;--b2b-type-section-weight:700;--b2b-type-section-tracking:-.01em;--b2b-type-subheading-family:"Archivo Variable";--b2b-type-subheading-size:30px;--b2b-type-subheading-line:36px;--b2b-type-subheading-weight:700;--b2b-type-subheading-tracking:-.01em;--b2b-type-body-family:"Archivo Variable";--b2b-type-body-size:20px;--b2b-type-body-line:30px;--b2b-type-body-weight:400;--b2b-type-body-tracking:-.01em;--b2b-type-small-family:"Archivo Variable";--b2b-type-small-size:16px;--b2b-type-small-line:24px;--b2b-type-small-weight:400;--b2b-type-small-tracking:-.01em;--b2b-type-label-family:"IBM Plex Mono";--b2b-type-label-size:12px;--b2b-type-label-line:18px;--b2b-type-label-weight:400;--b2b-type-label-tracking:.03em;--b2b-type-metric-family:"IBM Plex Mono";--b2b-type-metric-size:24px;--b2b-type-metric-line:30px;--b2b-type-metric-weight:400;--b2b-type-metric-tracking:-.01em;--b2b-type-control-family:"Archivo Variable";--b2b-type-control-size:16px;--b2b-type-control-line:24px;--b2b-type-control-weight:400;--b2b-type-control-tracking:-.01em}.b2b-theme .b2b-type-display{font-family:var(--b2b-type-display-family), sans-serif;font-size:var(--b2b-type-display-size);line-height:var(--b2b-type-display-line);font-weight:var(--b2b-type-display-weight);letter-spacing:var(--b2b-type-display-tracking)}.b2b-theme .b2b-type-headline{font-family:var(--b2b-type-headline-family), sans-serif;font-size:var(--b2b-type-headline-size);line-height:var(--b2b-type-headline-line);font-weight:var(--b2b-type-headline-weight);letter-spacing:var(--b2b-type-headline-tracking)}.b2b-theme .b2b-type-section{font-family:var(--b2b-type-section-family), sans-serif;font-size:var(--b2b-type-section-size);line-height:var(--b2b-type-section-line);font-weight:var(--b2b-type-section-weight);letter-spacing:var(--b2b-type-section-tracking)}.b2b-theme .b2b-type-subheading{font-family:var(--b2b-type-subheading-family), sans-serif;font-size:var(--b2b-type-subheading-size);line-height:var(--b2b-type-subheading-line);font-weight:var(--b2b-type-subheading-weight);letter-spacing:var(--b2b-type-subheading-tracking)}.b2b-theme .b2b-type-body{font-family:var(--b2b-type-body-family), sans-serif;font-size:var(--b2b-type-body-size);line-height:var(--b2b-type-body-line);font-weight:var(--b2b-type-body-weight);letter-spacing:var(--b2b-type-body-tracking)}.b2b-theme .b2b-type-small{font-family:var(--b2b-type-small-family), sans-serif;font-size:var(--b2b-type-small-size);line-height:var(--b2b-type-small-line);font-weight:var(--b2b-type-small-weight);letter-spacing:var(--b2b-type-small-tracking)}.b2b-theme .b2b-type-label{font-family:var(--b2b-type-label-family), monospace;font-size:var(--b2b-type-label-size);line-height:var(--b2b-type-label-line);font-weight:var(--b2b-type-label-weight);letter-spacing:var(--b2b-type-label-tracking)}.b2b-theme .b2b-type-metric{font-family:var(--b2b-type-metric-family), monospace;font-size:var(--b2b-type-metric-size);line-height:var(--b2b-type-metric-line);font-weight:var(--b2b-type-metric-weight);letter-spacing:var(--b2b-type-metric-tracking)}.b2b-theme .b2b-type-control{font-family:var(--b2b-type-control-family), sans-serif;font-size:var(--b2b-type-control-size);line-height:var(--b2b-type-control-line);font-weight:var(--b2b-type-control-weight);letter-spacing:var(--b2b-type-control-tracking)}.b2b-theme{background:var(--b2b-surface-page);min-height:100svh;color:var(--b2b-text-main);font-family:var(--b2b-type-control-family), sans-serif;font-size:var(--b2b-type-control-size);line-height:var(--b2b-type-control-line);letter-spacing:var(--b2b-type-control-tracking)}body{margin:0}.b2b-theme *,.b2b-theme :before,.b2b-theme :after{box-sizing:border-box}.b2b-theme :is(h1,h2,h3,p){margin:0}.b2b-theme h1{font-size:clamp(42px, 6vw, var(--b2b-type-headline-size));line-height:1.06;font-weight:var(--b2b-type-headline-weight);letter-spacing:var(--b2b-type-headline-tracking)}.b2b-theme h2{font-size:var(--b2b-type-subheading-size);line-height:var(--b2b-type-subheading-line);letter-spacing:var(--b2b-type-subheading-tracking)}.b2b-theme h3{font:inherit;font-weight:600}.b2b-theme code{font-family:var(--b2b-type-label-family), monospace;letter-spacing:0;font-size:13px}.b2b-theme a{color:inherit;text-underline-offset:var(--b2b-space-4)}.b2b-theme :is(button,input,select){font:inherit;color:inherit}.b2b-theme button{cursor:pointer}.b2b-theme :disabled{cursor:default}.b2b-theme :focus-visible,.b2b-theme .b2b-state-focus,.b2b-theme .b2b-dimension input:focus{outline:var(--b2b-focus-width) solid var(--b2b-focus-ring);outline-offset:var(--b2b-focus-offset)}.b2b-theme .b2b-wordmark{letter-spacing:-1.5px;font-size:32px;font-weight:900;line-height:1;text-decoration:none}.b2b-header{align-items:center;gap:var(--b2b-space-32);padding:var(--b2b-space-24) var(--b2b-space-48);display:flex}.b2b-header .b2b-text-button{margin-left:auto}.b2b-account{margin-left:auto;position:relative}.b2b-account summary{padding:var(--b2b-space-12);min-height:var(--b2b-control-height);cursor:pointer}.b2b-account>div{background:var(--b2b-surface-page);border:var(--b2b-border-width) solid var(--b2b-border-strong);z-index:5;width:240px;display:grid;position:absolute;top:100%;right:0}.b2b-account .b2b-text-button{text-align:left;width:100%}.b2b-signout-error{padding:var(--b2b-space-12) var(--b2b-space-48)}.b2b-text-button{padding:var(--b2b-space-12);min-height:var(--b2b-control-height);text-underline-offset:var(--b2b-space-4);background:0 0;border:none;text-decoration:underline}.b2b-tabs{border-block:var(--b2b-border-width) solid var(--b2b-border-default);padding-inline:var(--b2b-space-48);gap:var(--b2b-space-32);flex-wrap:wrap;display:flex}.b2b-tabs a{align-items:center;gap:var(--b2b-space-12);min-height:var(--b2b-button-height);border-bottom:var(--b2b-focus-width) solid transparent;text-decoration:none;display:flex}.b2b-tabs a[aria-current]{border-bottom-color:var(--b2b-surface-accent)}.b2b-tabs .b2b-figma-link{color:var(--b2b-text-muted);margin-left:auto}.b2b-main{padding:var(--b2b-space-48);max-width:1800px;margin-inline:auto}.b2b-intro{gap:var(--b2b-space-24);padding-block:var(--b2b-space-16) var(--b2b-space-64);display:grid}.b2b-intro>p:last-child{color:var(--b2b-text-muted);font-size:var(--b2b-type-body-size);line-height:var(--b2b-type-body-line)}.b2b-section{padding-block:var(--b2b-space-32) var(--b2b-space-48);border-top:var(--b2b-border-width) solid var(--b2b-border-default)}.b2b-section-heading{justify-content:space-between;align-items:baseline;gap:var(--b2b-space-16);margin-bottom:var(--b2b-space-32);flex-wrap:wrap;display:flex}.b2b-section-heading>span{color:var(--b2b-text-muted)}.b2b-palette{gap:var(--b2b-space-24);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.b2b-palette-chip{border:var(--b2b-border-width) solid var(--b2b-border-default);height:108px;margin-bottom:var(--b2b-space-12)}.b2b-type-row{gap:var(--b2b-space-24);padding-block:var(--b2b-space-24);border-bottom:var(--b2b-border-width) solid var(--b2b-border-default);grid-template-columns:170px minmax(0,1fr);display:grid}.b2b-type-meta{align-content:start;gap:var(--b2b-space-8);color:var(--b2b-text-muted);display:grid}.b2b-type-row p{overflow-wrap:anywhere}.b2b-space-scale{gap:var(--b2b-space-24);margin-bottom:var(--b2b-space-48);flex-wrap:wrap;display:flex}.b2b-space-scale>div{gap:var(--b2b-space-16);align-content:start;display:grid}.b2b-table-scroll{overflow-x:auto}.b2b-theme table{border-collapse:collapse;text-align:left;width:100%}.b2b-theme caption{text-align:left;padding-bottom:var(--b2b-space-16)}.b2b-theme :is(th,td){padding:var(--b2b-space-12);border-bottom:var(--b2b-border-width) solid var(--b2b-border-default)}.b2b-theme th{font-weight:400}.b2b-theme thead th{background:var(--b2b-surface-panel);font-weight:700}.b2b-button{justify-content:space-between;align-items:center;gap:var(--b2b-space-16);min-height:var(--b2b-button-height);padding:var(--b2b-space-12) var(--b2b-space-24);border-radius:var(--b2b-radius-control);border:var(--b2b-border-width) solid transparent;text-decoration:none;display:inline-flex}.b2b-button img{flex:0 0 20px}.b2b-button-primary{background:var(--b2b-button-primary-bg);color:var(--b2b-button-primary-text)!important}.b2b-button-primary:is(:hover,.b2b-state-hover):not(:disabled){background:var(--b2b-button-primary-hover)}.b2b-button-secondary{background:var(--b2b-button-secondary-bg);color:var(--b2b-button-secondary-text);border-color:var(--b2b-border-strong)}.b2b-button-secondary:is(:hover,.b2b-state-hover):not(:disabled){background:var(--b2b-button-secondary-hover)}.b2b-button:disabled{background:var(--b2b-surface-disabled);border-color:var(--b2b-border-default);color:var(--b2b-text-disabled)!important}.b2b-actions{gap:var(--b2b-space-16);flex-wrap:wrap;display:flex}.b2b-specimen-stack{gap:var(--b2b-space-32);display:grid}.b2b-component-layout{gap:var(--b2b-space-48);grid-template-columns:280px minmax(0,1fr);display:grid}.b2b-component-layout aside nav{display:grid}.b2b-component-layout aside a{align-items:center;gap:var(--b2b-space-16);min-height:var(--b2b-control-height);padding:var(--b2b-space-12);border-bottom:var(--b2b-border-width) solid var(--b2b-border-default);text-decoration:none;display:flex}.b2b-component-layout aside a[aria-current]{color:var(--b2b-text-accent);border-left:var(--b2b-focus-width) solid var(--b2b-text-accent);background:var(--b2b-surface-panel)}.b2b-specimen{border:var(--b2b-border-width) solid var(--b2b-border-default);min-width:0;padding:var(--b2b-space-32)}.b2b-specimen>h2{margin-bottom:var(--b2b-space-8)}.b2b-specimen>.b2b-help{margin-bottom:var(--b2b-space-32)}.b2b-field{gap:var(--b2b-space-12);display:grid}.b2b-field-title{gap:var(--b2b-space-12);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.b2b-field-label{font-weight:600}.b2b-metric{font-family:var(--b2b-type-metric-family), monospace;font-size:var(--b2b-type-metric-size);line-height:var(--b2b-type-metric-line)}.b2b-metric span{font-size:var(--b2b-type-control-size);color:var(--b2b-text-muted)}.b2b-dimension{grid-template-columns:var(--b2b-control-height) minmax(0,1fr) var(--b2b-control-height);align-items:center;gap:var(--b2b-space-12);display:grid}.b2b-dimension button{min-height:var(--b2b-control-height);font-size:var(--b2b-type-metric-size);justify-content:center;padding:0}.b2b-dimension input{width:100%;min-height:var(--b2b-control-height);accent-color:var(--b2b-surface-ink);touch-action:pan-y;margin:0}.b2b-field[data-invalid=true]{border-left:var(--b2b-focus-width) solid var(--b2b-text-error);padding-left:var(--b2b-space-12)}.b2b-help{color:var(--b2b-text-muted)}.b2b-error{color:var(--b2b-text-error)}.b2b-choice{gap:var(--b2b-space-8);flex-wrap:wrap;display:flex}.b2b-choice button{align-items:center;gap:var(--b2b-space-8);background:var(--b2b-surface-page);min-height:var(--b2b-control-height);border:var(--b2b-border-width) solid var(--b2b-border-control);padding:var(--b2b-space-12) var(--b2b-space-16);flex-wrap:wrap;display:flex}.b2b-choice button[aria-checked=true]{background:var(--b2b-surface-selected);color:var(--b2b-text-selected);border-color:var(--b2b-border-strong)}.b2b-selection-mark{visibility:hidden}.b2b-choice button[aria-checked=true] .b2b-selection-mark{visibility:visible}.b2b-swatch{width:var(--b2b-swatch-size);height:var(--b2b-swatch-size);border:var(--b2b-border-width) solid var(--b2b-border-control);display:inline-block}.b2b-swatch-oak{background:var(--b2b-material-oak)}.b2b-swatch-walnut{background:var(--b2b-material-walnut)}.b2b-swatch-charcoal{background:var(--b2b-material-charcoal)}.b2b-accordion{border-top:var(--b2b-border-width) solid var(--b2b-border-default)}.b2b-accordion summary{padding:var(--b2b-space-24) 0;cursor:pointer;min-height:var(--b2b-control-height);font-weight:600}.b2b-accordion>div{gap:var(--b2b-space-32);padding-block:0 var(--b2b-space-32);display:grid}.b2b-validation{padding:var(--b2b-space-24);border:var(--b2b-border-width) solid var(--b2b-text-error);margin-bottom:var(--b2b-space-24);color:var(--b2b-text-error)}.b2b-validation ul{padding-left:var(--b2b-space-24);margin-bottom:0}.b2b-preview-status{gap:var(--b2b-space-24);align-content:center;justify-items:start;min-height:200px;display:grid}.b2b-case-select{gap:var(--b2b-space-16);margin-bottom:var(--b2b-space-48);flex-wrap:wrap;align-items:center;display:flex}.b2b-theme select,.b2b-auth input{min-height:var(--b2b-control-height);border:var(--b2b-border-width) solid var(--b2b-border-control);background:var(--b2b-surface-page);padding:var(--b2b-space-12);max-width:100%}.b2b-story-intro{gap:var(--b2b-space-24);padding-bottom:var(--b2b-space-48);display:grid}.b2b-story-intro>p:last-child{color:var(--b2b-text-muted)}.b2b-config-layout{grid-template-columns:minmax(0,calc((100% - var(--b2b-space-32)) * var(--b2b-preview-desktop-width) / 100)) minmax(0,1fr);gap:var(--b2b-space-32);align-items:start;display:grid}.b2b-sticky-preview{top:var(--b2b-space-24);height:calc(100svh - var(--b2b-space-48));padding:var(--b2b-space-24);flex-direction:column;display:flex;position:sticky}.b2b-grid-drawing{flex:1;width:100%;height:100%;min-height:0;display:block}.b2b-sticky-preview .b2b-preview-status{margin:auto}.b2b-preview-caption{justify-content:space-between;gap:var(--b2b-space-12);color:var(--b2b-text-muted);padding-top:var(--b2b-space-16);flex-wrap:wrap;display:flex}.b2b-options{min-width:0;padding-bottom:var(--b2b-space-48)}.b2b-save-area{gap:var(--b2b-space-16);border-top:var(--b2b-border-width) solid var(--b2b-border-default);padding-top:var(--b2b-space-32);display:grid}.b2b-story-footer{border-top:var(--b2b-border-width) solid var(--b2b-border-default);min-height:100svh;padding-block:var(--b2b-space-64);gap:var(--b2b-space-24);align-content:start;display:grid}.b2b-auth{width:min(100%,560px);padding:var(--b2b-space-64) var(--b2b-space-32);gap:var(--b2b-space-24);margin-inline:auto;display:grid}.b2b-auth h1{font-size:var(--b2b-type-section-size)}.b2b-auth form{gap:var(--b2b-space-24);display:grid}.b2b-skip{left:var(--b2b-space-24);padding:var(--b2b-space-12);background:var(--b2b-surface-white);z-index:10;position:absolute;top:-100px}.b2b-skip:focus{top:var(--b2b-space-12)}@media (width<=1024px){.b2b-config-layout{gap:var(--b2b-space-24);flex-direction:column;display:flex}.b2b-sticky-preview{height:calc(100svh * var(--b2b-preview-mobile-height) / 100);flex:0 0 calc(100svh * var(--b2b-preview-mobile-height) / 100);width:100%;padding:var(--b2b-space-12);background:var(--b2b-surface-page);z-index:1;top:0}.b2b-options{width:100%}.b2b-preview-caption{gap:var(--b2b-space-4);font-size:12px}.b2b-preview-caption .b2b-type-label{font-size:10px}.b2b-options :is(section,details){scroll-margin-top:calc(50svh + var(--b2b-space-24))}}@media (width<=720px){.b2b-header{padding:var(--b2b-space-16) var(--b2b-space-24);gap:var(--b2b-space-16)}.b2b-workspace-label{display:none}.b2b-tabs{padding-inline:var(--b2b-space-24);gap:var(--b2b-space-16)}.b2b-tabs .b2b-figma-link{display:none}.b2b-main{padding:var(--b2b-space-24)}.b2b-intro{padding-bottom:var(--b2b-space-48)}.b2b-intro>p:last-child{font-size:var(--b2b-type-control-size);line-height:var(--b2b-type-control-line)}.b2b-component-layout{gap:var(--b2b-space-24);grid-template-columns:minmax(0,1fr)}.b2b-component-layout aside nav{gap:var(--b2b-space-8);padding:var(--b2b-space-8);display:flex;overflow-x:auto}.b2b-component-layout aside a{flex-shrink:0}.b2b-specimen{padding:var(--b2b-space-24)}.b2b-type-row{grid-template-columns:minmax(0,1fr)}.b2b-theme .b2b-type-display{font-size:clamp(60px,16vw,128px);line-height:1}.b2b-theme .b2b-type-headline{font-size:48px;line-height:1.06}.b2b-theme .b2b-type-section{font-size:40px;line-height:1.1}}