.sAbHaW_lab{background:var(--ui-paper);min-height:100dvh;color:var(--ui-ink);grid-template-columns:232px minmax(0,1fr);font-size:15px;display:grid}.sAbHaW_sidebar{--sidebar-inset:14px;--nav-reserve:16px;height:100dvh;padding:22px var(--sidebar-inset);background:var(--ui-surface);border-right:1px solid var(--ui-line);flex-direction:column;align-self:start;display:flex;position:sticky;top:0}.sAbHaW_identity{color:var(--ui-ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px 8px 24px;font-size:17px;display:flex}.sAbHaW_identity small{color:var(--ui-muted);margin-top:4px;font-size:12px;display:block}.sAbHaW_moduleGlyph{place-items:center;width:42px;height:48px;display:grid}.sAbHaW_navLabel{letter-spacing:normal;color:var(--ui-muted);margin:12px 0;padding:0 12px;font-size:10px;font-weight:600}.sAbHaW_sidebar nav{overscroll-behavior-y:contain;height:100%;padding-right:var(--nav-reserve);gap:2px;scroll-padding-block:8px;display:block;overflow-y:auto}.sAbHaW_navViewport{flex:1;min-height:0;position:relative}.sAbHaW_navScrollPill{right:calc((var(--nav-reserve) - var(--sidebar-inset) - 8px) / 2);background:var(--neutral-line,#e2e4e8);pointer-events:none;border-radius:999px;width:8px;position:absolute}.sAbHaW_lab *{scrollbar-width:none}.sAbHaW_lab ::-webkit-scrollbar{display:none}.sAbHaW_lab :is(button,a,summary,[tabindex]):focus{box-shadow:none;outline:none}.sAbHaW_lab :is(button,a,summary,[tabindex]):focus-visible{background-image:var(--ui-keyboard-focus-fill);outline:none}.sAbHaW_lab .ui-input-control:focus-within{outline:none}.sAbHaW_lab .ui-input-control:has(input:focus-visible){background:var(--ui-paper,#fff);outline:none}.sAbHaW_lab .ui-input-control>.ui-input:is(:focus,:focus-visible){appearance:none;box-shadow:none;outline:none}.sAbHaW_sidebar nav button{border-radius:16px;min-height:35px;font-size:13px}:is(.sAbHaW_lab .ui-button:active:not(:disabled),.sAbHaW_lab .ui-icon-button:active:not(:disabled)){transform:scale(.97,.92)}:is(.sAbHaW_lab .ui-button,.sAbHaW_lab .ui-icon-button){transition:transform .18s cubic-bezier(.2,1.5,.4,1),background-color .12s}.sAbHaW_lab .ui-spinner{background:currentColor;border:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.sAbHaW_lab .sAbHaW_sidebar nav button:focus,.sAbHaW_lab .sAbHaW_sidebar nav button:focus-visible{box-shadow:none;outline:none}.sAbHaW_lab .sAbHaW_sidebar nav button:focus-visible{text-underline-offset:4px;text-decoration:underline}.sAbHaW_sidebarBottom{color:var(--ui-muted);margin-top:auto;padding:20px 12px 0;font-size:12px}.sAbHaW_sidebarBottom small{margin-top:5px;display:block}.sAbHaW_localDot{background:var(--ui-muted);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.sAbHaW_main{min-width:0;padding:32px 40px 0}.sAbHaW_topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;display:flex}.sAbHaW_eyebrow{color:var(--ui-muted);letter-spacing:normal;font-size:10px;font-weight:600}.sAbHaW_topbar h1{letter-spacing:-.04em;margin:9px 0 0;font-size:32px;line-height:1.2}.sAbHaW_topActions{align-items:center;gap:12px;display:flex}.sAbHaW_topActions button{white-space:nowrap}.sAbHaW_viewbar{border-bottom:1px solid var(--ui-line);max-width:1440px;color:var(--ui-muted);justify-content:space-between;align-items:center;gap:16px;margin:24px auto 0;padding:16px 0;font-size:12px;display:flex}.sAbHaW_canvas{min-width:0;max-width:1440px;margin:28px auto 0;transition:max-width .18s}.sAbHaW_canvas[data-width=tablet]{max-width:768px}.sAbHaW_canvas[data-width=mobile]{max-width:390px}.sAbHaW_intro{max-width:900px;padding:16px 0 24px}.sAbHaW_intro h2{font-family:var(--font-heading,Arial,sans-serif);letter-spacing:-.025em;margin:20px 0;font-size:clamp(32px,3vw,40px);font-weight:600;line-height:1.05}.sAbHaW_intro p,.sAbHaW_lead{color:var(--ui-muted);max-width:820px;font-size:16px;line-height:1.75}.sAbHaW_lead{margin:0 0 28px}.sAbHaW_intro .sAbHaW_flow{margin-top:26px}.sAbHaW_flow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sAbHaW_flow button{flex-shrink:0}.sAbHaW_metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.sAbHaW_metrics article{background:var(--ui-surface);border-radius:18px;padding:24px}.sAbHaW_metrics strong{letter-spacing:-.04em;font-size:36px;font-weight:600;display:block}.sAbHaW_metrics span{color:var(--ui-muted);margin-top:10px;font-size:13px;display:block}.sAbHaW_callout{background:var(--ui-surface);border-radius:14px;align-items:flex-start;gap:12px;margin:20px 0;padding:20px;font-size:13px;line-height:1.65;display:flex}.sAbHaW_callout svg{flex:none;margin-top:2px}.sAbHaW_callout p{color:var(--ui-muted);margin:4px 0 0}.sAbHaW_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.sAbHaW_spec{border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:18px;min-width:0;margin:16px 0 8px;overflow:hidden}.sAbHaW_spec>header{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.sAbHaW_spec h3{margin:6px 0 0;font-size:15px;font-weight:600}.sAbHaW_spec small{color:var(--ui-muted);letter-spacing:.06em;font-size:10px}.sAbHaW_spec>header>code{max-width:45%;color:var(--ui-muted);text-align:right;overflow-wrap:anywhere;font-size:10px}.sAbHaW_example{min-width:0;padding:24px}.sAbHaW_caption{color:var(--ui-muted);margin:18px 0 0;font-size:12px;line-height:1.65}.sAbHaW_sectionTitle{letter-spacing:-.025em;margin:36px 0 18px;font-size:20px;font-weight:600}.sAbHaW_dotSwatch{border:1px solid var(--ui-line);border-radius:50%;width:44px;height:44px}.sAbHaW_palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:36px;display:grid}.sAbHaW_palette article{min-width:0}.sAbHaW_swatch{border:1px solid var(--ui-line);border-radius:14px;width:100%;height:110px;margin-bottom:14px;display:block}.sAbHaW_palette strong{margin-bottom:8px;font-size:12px;display:block}.sAbHaW_palette code,.sAbHaW_palette article>span{color:var(--ui-muted);font-size:11px;line-height:1.7;display:block}.sAbHaW_colorInventory{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.sAbHaW_colorInventory article{border:1px solid var(--ui-line);border-radius:12px;min-width:0;padding:12px}.sAbHaW_colorPreview{border:1px solid var(--ui-line);border-radius:7px;height:55px;margin-bottom:12px}.sAbHaW_colorInventory code{overflow-wrap:anywhere;font-size:11px}.sAbHaW_sources{color:var(--ui-muted);margin-top:10px;font-size:10px;line-height:1.6}.sAbHaW_sources summary{cursor:pointer}.sAbHaW_sources code{overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.sAbHaW_form{gap:20px;display:grid}.sAbHaW_form label{gap:8px;font-size:13px;display:grid}.sAbHaW_form .sAbHaW_checkline{align-items:center;gap:10px;display:flex}.sAbHaW_typeScale{gap:24px;display:grid}.sAbHaW_typeScale>div{align-items:baseline;gap:20px;display:flex}.sAbHaW_typeScale code{width:36px;color:var(--ui-muted);flex:none;font-size:10px}.sAbHaW_typeScale span{overflow-wrap:anywhere;line-height:1.3}.sAbHaW_typeWeights{gap:22px;font-size:24px;display:grid}.sAbHaW_radiusGrid{flex-wrap:wrap;gap:28px;display:flex}.sAbHaW_radiusGrid>div{gap:12px;font-size:12px;display:grid}.sAbHaW_radiusGrid>div>div{background:var(--ui-surface);border:1px solid var(--ui-line);width:90px;height:70px}.sAbHaW_radiusGrid code{color:var(--ui-muted);font-size:10px}.sAbHaW_declarations{margin:32px 0}.sAbHaW_declarations>header{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;display:flex}.sAbHaW_declarations h2{letter-spacing:-.025em;font-size:18px;font-weight:600}.sAbHaW_declarations header>span{color:var(--ui-muted);font-size:11px}.sAbHaW_declaration{border-bottom:1px solid var(--ui-line);grid-template-columns:minmax(0,1fr) 100px;align-items:start;gap:24px;padding:16px 0;display:grid}.sAbHaW_declaration>code{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.sAbHaW_declarationValue{align-items:center;gap:16px;min-width:0;display:flex}.sAbHaW_declarationValue>code{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.6}.sAbHaW_miniPreview{flex:none;place-items:center;width:80px;height:54px;display:grid;overflow:hidden}.sAbHaW_miniShape{box-sizing:border-box;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;width:58px;height:36px;display:block}.sAbHaW_miniText{white-space:nowrap;font-size:18px;line-height:1.2}.sAbHaW_declaration .sAbHaW_sources{margin:0}.sAbHaW_declarations>button{margin-top:20px}.sAbHaW_pillDemo{min-width:0;max-width:500px}.sAbHaW_lab .crubby-product-tile[data-variant=cashier] .crubby-product-tile-media{border-radius:24px}.sAbHaW_lab .crubby-product-tile{color:var(--ui-ink);background:var(--ui-paper)}.sAbHaW_lab .crubby-product-tile:hover:not(:disabled){background:var(--ui-soft)}:is(.sAbHaW_lab .crubby-product-tile[aria-pressed=true],.sAbHaW_lab .crubby-product-tile-media){background:var(--ui-surface)}.sAbHaW_lab .crubby-product-tile-media{color:var(--ui-muted)}.sAbHaW_tableStage{isolation:isolate;flex-direction:column;min-width:0;height:500px;margin-top:24px;display:flex}.sAbHaW_productThumb{background:var(--ui-surface);width:64px;height:36px;color:var(--ui-muted);border-radius:8px;place-items:center;display:grid}.sAbHaW_navExample{background:var(--ui-surface);border-radius:16px;gap:6px;max-width:290px;padding:14px;display:grid}.sAbHaW_moduleExamples{gap:12px;display:grid}.sAbHaW_moduleExamples>button{background:var(--ui-surface);color:var(--ui-ink);text-align:left;border:0;border-radius:12px;align-items:center;gap:14px;padding:16px;font-size:16px;display:flex}.sAbHaW_moduleExamples>button>svg:last-child{margin-left:auto}.sAbHaW_tileGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sAbHaW_iconGrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:24px 0;display:grid}.sAbHaW_iconGrid>div{background:var(--ui-surface);border-radius:12px;place-items:center;gap:14px;padding:20px 8px;display:grid}.sAbHaW_iconGrid code{color:var(--ui-muted);text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:9px}.sAbHaW_brandGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sAbHaW_brandGrid>div{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:160px;padding:32px 20px;display:flex}.sAbHaW_brandGrid [data-background=light]{background:var(--ui-surface)}.sAbHaW_brandGrid [data-background=orange]{color:#fff;background:#ff4d00}.sAbHaW_brandGrid [data-background=black]{color:#fff;background:#000}.sAbHaW_brandGrid img{object-fit:contain;max-width:100%}.sAbHaW_sourceTable{margin:24px 0;overflow:visible}.sAbHaW_sourceTable>div{border-bottom:1px solid var(--ui-line);grid-template-columns:minmax(120px,.7fr) minmax(0,1.5fr);gap:20px;padding:16px 8px;display:grid}.sAbHaW_sourceTable strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.sAbHaW_sourceTable code{color:var(--ui-muted);overflow-wrap:anywhere;font-size:10px}.sAbHaW_footer{border-top:1px solid var(--ui-line);max-width:1440px;color:var(--ui-muted);margin:48px auto 0;padding:22px 0;font-size:11px}.sAbHaW_feedback{z-index:10;border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:12px;align-items:center;gap:12px;max-width:650px;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:24px;left:260px;right:24px}.sAbHaW_feedback>button{color:var(--ui-muted);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.sAbHaW_error{border:1px solid var(--ui-danger);color:var(--ui-danger);border-radius:12px;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.sAbHaW_panelExample{align-content:start;gap:28px;min-height:400px;display:grid}.sAbHaW_tokenEditor{gap:22px;margin:28px 0;display:grid}.sAbHaW_tokenEditor label{align-items:center;gap:14px;font-size:12px;display:flex}.sAbHaW_tokenEditor label>span{flex:1}.sAbHaW_tokenEditor label code{color:var(--ui-muted);margin-top:4px;font-size:10px;display:block}.sAbHaW_tokenEditor input[type=range]{max-width:130px}.sAbHaW_hiddenTrigger{display:contents}.sAbHaW_hiddenTrigger>button{display:none}.sAbHaW_canvas[data-width=mobile] .sAbHaW_grid{grid-template-columns:minmax(0,1fr)}.sAbHaW_canvas[data-width=mobile] .sAbHaW_palette,.sAbHaW_canvas[data-width=mobile] .sAbHaW_colorInventory{grid-template-columns:repeat(2,minmax(0,1fr))}.sAbHaW_canvas[data-width=mobile] .sAbHaW_brandGrid{grid-template-columns:minmax(0,1fr)}@media (max-width:1100px){.sAbHaW_main{padding:28px 24px 0}.sAbHaW_topActions{gap:8px}.sAbHaW_topbar h1{font-size:28px}.sAbHaW_grid{gap:16px}.sAbHaW_colorInventory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.sAbHaW_lab{grid-template-columns:minmax(0,1fr)}.sAbHaW_sidebar{z-index:5;height:auto;padding:8px 16px;display:block;position:sticky;top:0}.sAbHaW_identity,.sAbHaW_navLabel,.sAbHaW_sidebarBottom{display:none}.sAbHaW_sidebar nav{gap:6px;height:auto;padding:4px 0;display:block;overflow:auto hidden}.sAbHaW_navScrollPill{display:none}.sAbHaW_lab .sAbHaW_sidebar nav button{flex-shrink:0;width:auto;padding:8px 12px}.sAbHaW_main{padding:22px 20px 0}.sAbHaW_topbar{flex-wrap:wrap;align-items:start}.sAbHaW_viewbar{flex-wrap:wrap}.sAbHaW_grid{grid-template-columns:minmax(0,1fr)}.sAbHaW_palette,.sAbHaW_colorInventory{grid-template-columns:repeat(2,minmax(0,1fr))}.sAbHaW_feedback{left:20px}.sAbHaW_brandGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:450px){.sAbHaW_metrics{gap:8px}.sAbHaW_metrics article{padding:16px 12px}.sAbHaW_metrics strong{font-size:26px}.sAbHaW_metrics span{font-size:10px}.sAbHaW_topActions{flex-wrap:wrap}.sAbHaW_example{padding:20px}.sAbHaW_spec>header{padding:16px}.sAbHaW_typeScale>div{gap:12px}.sAbHaW_typeScale code{width:30px}.sAbHaW_declaration{grid-template-columns:minmax(0,1fr)}.sAbHaW_sourceTable>div{grid-template-columns:minmax(0,1fr);gap:7px}}@media (prefers-reduced-motion:reduce){:is(.sAbHaW_lab .ui-button,.sAbHaW_lab .ui-icon-button){transition:none}:is(.sAbHaW_lab .ui-button:active:not(:disabled),.sAbHaW_lab .ui-icon-button:active:not(:disabled)){transform:none}.sAbHaW_canvas{transition:none}}
._9X4zLW_action._9X4zLW_action{color:#fff;background:#ff4d00;border:0;transition:opacity .12s,transform .18s cubic-bezier(.2,.8,.2,1)}._9X4zLW_action._9X4zLW_action:hover:enabled,._9X4zLW_action._9X4zLW_action:is(a):hover{color:#fff;opacity:.9;background:#ff4d00}._9X4zLW_action._9X4zLW_action:active:enabled,._9X4zLW_action._9X4zLW_action:is(a):active{transform:scale(.98,.95)}._9X4zLW_action._9X4zLW_action:disabled{opacity:.45}._9X4zLW_action._9X4zLW_action:focus-visible{background-image:var(--ui-keyboard-focus-fill);outline:none}@media (prefers-reduced-motion:reduce){._9X4zLW_action._9X4zLW_action{transition:none}._9X4zLW_action._9X4zLW_action:active:enabled,._9X4zLW_action._9X4zLW_action:is(a):active{transform:none}}