/* Specimens keep the product's source palette inside the portfolio's editorial layout. */
.system-showcase{margin:24px 0 32px}
.system-showcase .system-module{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--bg);min-width:0}
.system-showcase h4,.system-brand-topic h3{font-size:var(--text-body-small);font-weight:500;letter-spacing:0;line-height:1.5;margin:0 0 18px;color:var(--fg)}
.system-showcase p,.system-showcase figcaption{font-size:12px;line-height:1.5}
.system-showcase code{font-size:10px;line-height:1.6;font-family:ui-monospace,monospace;color:var(--muted)}
.system-brand-topic{margin:0 0 20px}
.system-brand{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f4f4f4}
.system-wordmark{display:grid;place-items:center;padding:28px;background:#09080d}
.system-wordmark img{display:block;width:128px;height:auto}
.system-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}
.system-icons figure{text-align:center;min-width:0}
.system-icons img{width:88px;max-width:100%;height:auto;border-radius:20px;display:block;margin:auto}
.system-icons figcaption{color:#565655;margin:8px 0 0}
.system-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.system-swatches>div{min-width:0}
.system-swatches i,.print-swatches i{display:block;height:44px;border-radius:6px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000010;margin-bottom:8px}
.system-swatches span{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--fg)}
.system-swatches code{display:block;font-size:9px}
.system-status{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:12px;color:var(--fg)}
.system-status>span{display:flex;gap:6px;align-items:center}
.system-status i{width:7px;height:7px;border-radius:50%}
.system-type-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.system-type-list>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline;border-bottom:1px solid var(--line);padding:9px 0;min-width:0}
.system-type-list>div:nth-last-child(-n+2){border-bottom:0}
.system-type-list span{line-height:1.3;letter-spacing:-.025em;color:var(--fg)}
.system-type-list code{white-space:nowrap;font-size:9px}
.system-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.system-component-grid .system-module{margin:0;padding:16px;display:flex;flex-direction:column}
.component-demo{font:14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#09080d;color-scheme:light;background:#fcfcfc;border-radius:8px;padding:12px;min-width:0}
.component-demo button,.component-demo input{font:inherit;letter-spacing:0}
.component-demo button{cursor:pointer;border:0}
.component-demo button:focus-visible,.component-demo input:focus-visible{outline:2px solid #0065ff;outline-offset:3px}
.print-swatches{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;text-align:center}
.print-swatches i{height:40px;border-radius:3px}
.iptu-system .system-module>p{font-size:var(--text-body-small);color:var(--muted);margin:16px 0 0}
.print-type-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.print-type-list>div:last-child{border:0}
.print-type-list>div>span:first-child{font-family:Montserrat,sans-serif;font-size:26px;line-height:1.3;color:var(--fg)}
.print-type-list>div>span:last-child{font-size:12px;color:var(--muted);text-align:right}
@media(max-width:550px){.system-component-grid{gap:12px}.system-component-grid .system-module{padding:12px}.component-demo{padding:9px}.system-type-list{grid-template-columns:1fr}.system-type-list>div:nth-last-child(2){border-bottom:1px solid var(--line)}.system-icons{padding:16px}.system-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-showcase .system-module{padding:16px}.print-type-list>div>span:first-child{font-size:22px}}
@media(max-width:550px){.system-component-grid{grid-template-columns:1fr}}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-900.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
.print-component{font-family:Montserrat,sans-serif;background:#fff;border-radius:7px;padding:14px;color:#000;min-height:128px;display:flex;align-items:center}
.print-component .print-field{width:100%;background:#e7e7e7;padding:8px;font-size:13px;color:#3a3a3a;line-height:1.5}
.print-component .print-field strong{display:block;color:#000;font-size:18px;line-height:1.5;font-weight:500;white-space:nowrap;letter-spacing:-.025em}
.print-table{width:100%;min-width:0!important;font-family:Montserrat,sans-serif;font-size:11px;line-height:1.5}
.print-table th,.print-table td{padding:5px 7px;border-bottom:2px solid #fff;font-size:11px;color:#000;background:#e7e7e7}
.print-table thead th{font-size:11px;font-weight:600;background:#d2d2d2}
.print-table th:last-child,.print-table td:last-child{width:28px;text-align:right}
.system-showcase .print-component-spec{font-size:10px!important;color:var(--muted);margin:10px 0 0!important}
@media(max-width:550px){.print-component{padding:8px}.print-component .print-field{font-size:10px}.print-component .print-field strong{font-size:12px}.print-table th,.print-table td{padding:5px 4px;font-size:9px}.print-table thead th{font-size:9px}.print-table th:last-child,.print-table td:last-child{width:22px}}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.system-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:40px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:400 12px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;text-align:left;cursor:pointer}
.system-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-select-trigger>img{flex:none;width:12px;height:12px;object-fit:contain}
.system-select-trigger[aria-expanded=true]{background:var(--soft);border-color:var(--muted)}
.system-select-trigger:focus-visible{outline:2px solid var(--muted);outline-offset:3px}
.system-select-menu{position:fixed;z-index:1000;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--fg);box-shadow:0 10px 32px #0002;overflow:auto;overscroll-behavior:contain;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}
.system-select-menu[hidden]{display:none}
.system-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:10px 12px;border-radius:10px;cursor:pointer}
.system-select-option.is-active{background:var(--soft)}
.system-select-option>img{width:14px;height:14px;object-fit:contain;visibility:hidden;flex:none}
.system-select-option[aria-selected=true]>img{visibility:visible}
:root[data-theme=dark] .system-select-menu{background:#2b2b2b;border-color:#444}
:root[data-theme=dark] .system-select-option.is-active{background:#3b3b3b}
:root[data-theme=dark] :is(.system-select-trigger,.system-select-option,.system-reset)>img{filter:invert(1)}
/* Figal: source values are documented in docs/design-systems.md.
   Product specimens stay in their original light palette in either site theme. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.figal-system{--figal-ink:#09080d;--figal-secondary:#565655;--figal-disabled:#a8a8a8;--figal-field:#f4f4f4;--figal-card:#ededed;--figal-surface:#fcfcfc;--figal-error:#ff3b30;--figal-success:#00c721;--figal-motion:280ms cubic-bezier(.22,1,.36,1)}
.figal-system .system-type-list{font-family:Manrope,sans-serif}
.figal-system .system-component-grid{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.figal-system .system-component-grid .system-module{padding:12px;gap:0}
.figal-system .system-component-grid h4{font:600 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:12px}
.figal-system .system-demo-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:30px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.figal-system .system-demo-controls:has(+.system-demo-controls--secondary){margin-bottom:12px}
.figal-system .system-demo-controls--secondary{align-items:center}
.figal-system .system-option{display:block;min-width:0}
.figal-system .system-option>span,.figal-system .system-control-caption{display:block;font-size:10px;line-height:14px;color:var(--muted);margin-bottom:4px}
.figal-system .system-option select{display:block;width:100%;height:40px;font:inherit;font-size:12px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.figal-system .system-option select[hidden]{display:none}
.figal-system .system-toggle{display:flex;align-items:center;min-height:40px;color:var(--fg);font-size:12px;line-height:16px;gap:4px;cursor:pointer}
.figal-system .system-toggle input{appearance:none;position:relative;width:30px;height:18px;flex:none;margin:0;border:1px solid var(--line);border-radius:18px;background:var(--line);cursor:pointer;transition:background 160ms}
.figal-system .system-toggle input:before{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform 160ms}
.figal-system .system-toggle input:checked{background:#808080;border-color:#808080}
.figal-system .system-toggle input:checked:before{transform:translateX(12px)}
.figal-system .system-demo-controls :focus-visible{outline:2px solid #0065ff;outline-offset:3px}
.figal-system .system-reset{display:flex;align-items:center;align-self:center;justify-content:center;gap:4px;padding:0;margin:30px auto 0;min-height:18px;border:0;background:transparent;color:var(--fg);font:600 12px/18px -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.figal-system .system-reset img{width:14px;height:14px;object-fit:contain}
.figal-system .system-reset:focus-visible{outline:2px solid var(--muted);outline-offset:5px;border-radius:4px}
.figal-system .system-reset{border-radius:4px;transition:background 180ms,box-shadow 180ms}
.figal-system .system-reset img{transition:transform 240ms ease}
@media(hover:hover){
 .figal-system .system-reset:hover{background:var(--soft);box-shadow:0 0 0 8px var(--soft)}
 .figal-system .system-reset:hover img{transform:rotate(45deg)}
}
@media(prefers-reduced-motion:reduce){.figal-system .system-reset:hover img{transform:none}}

.figal-system .system-feedback{min-height:0;color:var(--muted);margin:0;font-size:11px}
.figal-system .system-feedback:not(:empty){margin-top:8px}
.system-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.figal-system .component-demo{font:400 16px/22px Manrope,sans-serif;letter-spacing:-.4px;color:var(--figal-ink);color-scheme:light}
.figal-system .component-demo :is(button,input){font:inherit;letter-spacing:inherit}
.figal-system .system-module>.component-demo:not(.figal-model){width:100%;padding:12px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.figal-system .component-demo [hidden]{display:none!important}
.figal-system img.figal-icon{display:block;flex:none;width:auto;height:auto;max-width:100%;object-fit:contain;background:none;mask:none;-webkit-mask:none;border-radius:0;margin:0}
/* Buttons, p.7: 54/44 high, 8 radius, 4 gap, five semantic colors. */
/* Light button variants need a contrasting specimen surface in every state. */
.figal-system .system-buttons:has(.figal-button:is([data-variant=secondary],[data-variant=tertiary],[data-variant=quaternary])){background:#595959}
.figal-button-stage{width:100%;max-width:357px;min-height:54px;display:grid;place-items:center}
.figal-button{--button-color:var(--figal-ink);--button-text:var(--figal-surface);display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;height:54px;padding:16px;border:0;border-radius:8px;background:var(--button-color);color:var(--button-text);font-size:16px!important;font-weight:400!important;line-height:22px!important;transition:opacity 160ms}
.figal-button[data-variant=secondary]{--button-color:var(--figal-surface);--button-text:var(--figal-ink)}
.figal-button[data-variant=tertiary]{--button-color:#dfdfdf;--button-text:var(--figal-ink)}
.figal-button[data-variant=error]{--button-color:var(--figal-error)}
.figal-button[data-variant=quaternary]{--button-color:var(--figal-field);--button-text:var(--figal-ink)}
.figal-button[data-style=tinted]{background:color-mix(in srgb,var(--button-color) 15%,transparent);color:var(--button-color)}
.figal-button[data-style=stroke]{background:transparent;color:var(--button-color);box-shadow:inset 0 0 0 1px var(--button-color);font-weight:700!important}
.figal-button[data-size=small]{height:44px;padding:12px 16px;font-size:14px!important;line-height:20px!important;font-weight:700!important}
.figal-button[data-content=icon]{width:54px;padding:0}
.figal-button[data-content=icon][data-size=small]{width:44px}
.figal-button:disabled{opacity:.3;cursor:default}
.figal-button-icon{display:grid;place-items:center;width:22px;height:22px;flex:none}
.figal-button[data-size=small] .figal-button-icon{width:22px;height:20px}
.figal-button[data-content=text] .figal-button-icon,.figal-button[data-content=icon] .figal-button-label{display:none}
.figal-button[data-content=trailing] .figal-button-icon{order:1}
/* Fields, p.6: 358 × 61, 12 horizontal / 20 vertical padding. */
.figal-field{width:100%;max-width:358px}
.figal-field.is-disabled{opacity:.3}
.figal-field-caption{display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:8px;min-height:18px;color:var(--figal-secondary);font-size:12px;line-height:18px}
.figal-field-caption label{font:inherit}
.figal-field-input{position:relative}
.figal-field input{display:block;width:100%;height:61px;min-width:0;margin:0;padding:20px 12px;border:0;border-radius:8px;background:var(--figal-field);color:var(--figal-ink);font-size:15px!important;line-height:21px!important;opacity:1;-webkit-text-fill-color:currentColor}
.figal-field input::placeholder{color:var(--figal-disabled);opacity:1}
.figal-field input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--figal-error)}
.figal-field-input:has(.figal-password-toggle:not([hidden])) input{padding-right:49px}
.figal-field-help{display:block;padding:2px 12px 0;color:#808080;font-size:11px;line-height:16px}
.figal-field-error{color:var(--figal-error)}
.figal-password-toggle{position:absolute;top:0;right:0;display:grid;place-items:center;width:49px;height:61px;padding:12px;background:none;border-radius:8px}
.figal-password-toggle[aria-pressed=true] .figal-icon{opacity:.5}
/* Table View, p.5: 56 high single-line rows; 16px content and SF 17pt icons. */
.figal-table-example{width:100%;max-width:358px}
.figal-system .figal-table-heading{font-size:14px;line-height:20px;text-transform:uppercase;color:var(--figal-secondary);margin:0 0 8px;padding:0 16px}
.figal-settings-table{width:100%;background:var(--figal-field);border-radius:8px;overflow:hidden}
.figal-settings-row{position:relative;display:flex;align-items:center;gap:16px;width:100%;min-height:56px;padding:16px 12px;color:var(--figal-ink);font:400 16px/22px Manrope,sans-serif;letter-spacing:-.4px}
.figal-settings-row:not(.is-last):after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ededed;z-index:1}
.figal-settings-icon{display:grid;place-items:center;flex:none;width:25px;height:24px}
.figal-settings-label{min-width:0;flex:1}
.figal-settings-label>span{display:block}
.figal-settings-row small{display:block;font-size:12px;line-height:18px;color:var(--figal-secondary)}
.figal-settings-table[data-content=mixed] [data-has-helper=true] .figal-settings-label>span{line-height:19px}
.figal-settings-table[data-content=mixed] [data-has-helper=true] small{font-size:13px;line-height:17px}
.figal-settings-value{flex:0 1 auto;min-width:0;max-width:50%;text-align:right;overflow-wrap:anywhere;color:var(--figal-secondary)}
.figal-settings-row .icon-table-chevron{flex:none}
.figal-settings-table[data-content=mixed] [data-has-value=false] .figal-settings-value,
.figal-settings-table[data-content=mixed] [data-has-chevron=false] .icon-table-chevron,
.figal-settings-table[data-content=mixed] [data-has-helper=false] small,
.figal-settings-table[data-content=field] :is(small,.icon-table-chevron),
.figal-settings-table[data-content=chevron] :is(small,.figal-settings-value),
.figal-settings-table[data-content=subtitle] .figal-settings-value,
.figal-settings-table[data-content=plain] :is(small,.figal-settings-value,.icon-table-chevron),
.figal-settings-table[data-icons=false] .figal-settings-icon{display:none}
/* Points, p.4. The source's progress widths are deliberately non-linear. */
.figal-stepper{position:relative;width:100%;max-width:358px;height:60px;display:flex;align-items:center;justify-content:space-between;padding:4px;background:var(--figal-field);border-radius:6px;isolation:isolate}
.figal-stepper:before{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:var(--progress);max-width:calc(100% - 8px);background:var(--figal-surface);border-radius:6px;transition:width var(--figal-motion)}
.figal-stepper button{display:grid;place-items:center;background:transparent;width:52px;height:52px;padding:0;border-radius:6px}
.figal-stepper button:disabled{opacity:.3;cursor:default}
.figal-stepper output{font-size:16px;line-height:16px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
/* Segmented control, p.2: 358 × 46, 6 inset, 34 high selection. */
.figal-segment{position:relative;isolation:isolate;width:100%;max-width:358px;display:flex;height:46px;padding:6px;border-radius:6px;background:var(--figal-field);--segment-index:0}
.figal-segment:before{content:'';position:absolute;z-index:-1;left:6px;top:6px;bottom:6px;width:calc((100% - 6px)/2);border-radius:6px;background:var(--figal-surface);transform:translateX(calc(var(--segment-index)*(100% - 6px)));transition:transform var(--figal-motion)}
.figal-segment button{flex:1;min-width:0;border-radius:6px;padding:6px 0;background:transparent;color:var(--figal-secondary);font-size:14px!important;line-height:20px!important}
.figal-segment button[aria-pressed=true]{font-weight:700;color:var(--figal-ink)}
/* Card Model, p.3: 353 × 300, or 353 × 170 without the photo. */
.figal-system .figal-model{width:100%;max-width:353px;margin-inline:auto;padding:8px 8px 12px;border-radius:6px;background:var(--figal-card)}
.figal-model header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;margin-bottom:16px;padding:8px 4px 0}
.figal-model header strong{min-width:0;font-size:21px;line-height:28px;letter-spacing:-.4px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.figal-active{display:flex;align-items:center;flex:none;gap:5px;font-size:12px;line-height:18px;color:var(--figal-secondary)}
.figal-active:before{content:'';width:13px;height:13px;background:#0065ff;border-radius:50%}
.figal-model-image{display:grid;grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows var(--figal-motion),opacity var(--figal-motion),visibility var(--figal-motion)}
.figal-model-image>div{min-height:0;overflow:hidden;border-radius:8px}
.figal-model-image img{display:block;width:100%;height:114px;object-fit:cover;border-radius:8px}
.figal-model-image.is-collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden}
.figal-model:has(.is-collapsed) header{margin-bottom:0}
.figal-model-details{display:flex;justify-content:space-between;gap:12px;margin:16px 4px;font-size:12px;line-height:18px}
.figal-model-details>div{min-width:0}
.figal-model-details>div:last-child{flex:none}
.figal-model-details strong{display:block;font-size:14px;line-height:20px;font-weight:700}
.figal-model-actions{display:flex;gap:16px}
.figal-model-actions button{display:flex;justify-content:center;align-items:center;gap:4px;height:44px;min-width:0;border-radius:8px;padding:12px 16px;background:var(--figal-surface);color:var(--figal-ink);font-size:14px!important;line-height:20px!important;font-weight:700!important;white-space:nowrap}
.figal-model-actions button:first-child{flex:none;width:49px;padding:0;background:var(--figal-field)}
.figal-model-actions button:last-child{flex:1}
.figal-card-options,.figal-qr-preview{margin:12px auto 0;padding:12px;width:100%;max-width:353px;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;font-size:12px}
.figal-card-options button{padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;font:inherit}
.figal-qr-preview{justify-items:center;color:var(--muted)}
.figal-qr-preview img{display:block;width:128px;height:128px;background:white}
.figal-card-options[hidden],.figal-qr-preview[hidden]{display:none}
/* Tab Bar, p.9: fixed 88px central action, 139 × 5 home indicator. */
.figal-tab-panels{width:100%;max-width:390px;padding:12px 16px 24px}
.figal-tab-panel strong{display:block;font-size:15px;line-height:21px;font-weight:700}
.figal-system .figal-tab-panel p{font-size:12px;line-height:18px;margin:6px 0 0;color:var(--figal-secondary)}
.figal-tab-bar{width:100%;max-width:390px;display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:8px;padding:4px 16px 0;border-top:1px solid #ededed;box-shadow:0 -3px 10px #0000000d}
.figal-tab-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:10px 0;min-width:0;height:57px;border-radius:8px;background:transparent;color:var(--figal-ink);font-size:10px!important;line-height:13px!important;font-weight:400}
.figal-tab-icon{display:grid;place-items:center;flex:none;height:24px}
.figal-tab-bar button:not([aria-selected=true]):not([data-ds-tab=stamp]){opacity:.3}
.figal-tab-bar button[data-ds-tab=stamp]{background:var(--figal-ink);color:var(--figal-surface)}
.figal-tab-bar button[data-ds-tab=stamp] img{filter:brightness(0) invert(1)}
.figal-home-indicator{width:139px;height:5px;max-width:40%;margin:8px auto;border-radius:3px;background:var(--figal-ink)}
/* Alerts, p.12: 270 wide, 19 top inset, 41px SF line box, 16px gaps. */
.figal-system .system-module>.component-demo.figal-alert-stage{width:393px;max-width:100%;height:381px;margin-inline:auto;padding:16px;place-items:center;background:#ccc;border-radius:0}
.figal-alert{width:270px;max-width:100%;padding:19px 0 0;border-radius:8px;background:var(--figal-surface);text-align:center;overflow:hidden;color:var(--figal-ink)}
.figal-alert-symbol{display:grid;place-items:center;height:41px;margin:0 auto 16px}
.figal-alert>strong{display:block;padding:0 28px;font-size:16px;line-height:22px;font-weight:700}
.figal-system .figal-alert p{padding:0 28px;margin:16px 0 24px;font-size:15px;line-height:21px;color:var(--figal-ink)}
.figal-alert-actions{position:relative;display:flex;padding-top:2px}
.figal-alert-actions:before{content:"";position:absolute;left:0;right:0;top:2px;height:.666px;background:#dfdfdf}
.figal-alert-actions button{flex:1;min-width:0;height:44px;padding:11px 0;background:transparent;color:var(--figal-ink);font-size:16px!important;line-height:22px!important;font-weight:400}
.figal-alert-actions button:last-child{font-weight:700}
.figal-alert-actions button+button{border-left:.5px solid #dfdfdf}
.figal-alert-actions button.destructive{color:var(--figal-error)}
.figal-alert-actions button[hidden]+button{border:0}
.figal-alert[data-layout=single] .figal-alert-actions button{font-weight:700}
.figal-alert[data-layout=message]{padding-bottom:0}
.figal-alert[data-layout=compact]{padding-bottom:24px}
.figal-alert[data-layout=compact]>strong{font-size:16px;font-weight:400}
.figal-alert[data-state=loading]{padding:19px 0 20px}
.figal-alert[data-state=loading] .figal-alert-symbol{height:34px;margin:0}
.figal-spinner{position:relative;display:block;width:34px;height:34px;animation:figal-spin 1s steps(8) infinite}
.figal-spinner i{position:absolute;top:0;left:15px;width:4px;height:10px;border-radius:3px;background:#808080;opacity:calc((var(--ray) + 1)/8);transform-origin:2px 17px;transform:rotate(calc(var(--ray)*45deg))}
@keyframes figal-spin{to{transform:rotate(360deg)}}
@media(max-width:550px){.figal-system .system-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.figal-system .system-demo-controls--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.figal-system .system-module>.component-demo:not(.figal-model){padding:8px}.figal-settings-row{gap:12px}}
@media(prefers-reduced-motion:reduce){.figal-system *,.figal-system :before{transition:none!important;animation:none!important}}

.figal-button[data-size=normal] .icon-button-plus-small,.figal-button[data-size=small] .icon-button-plus{display:none}