.component-workbench{border:var(--flood-sys-stroke-width) solid var(--flood-sys-color-border-decorative);border-radius:var(--flood-sys-radius-block);min-inline-size:0;overflow:hidden}.workbench-title{justify-content:space-between;align-items:center;gap:var(--flood-sys-space-4);padding:var(--flood-sys-space-4) var(--flood-sys-space-6);background:var(--flood-sys-color-surface-default);border-block-end:var(--flood-sys-stroke-width) solid var(--flood-sys-color-divider-decorative);display:flex}.workbench-actions{flex:none;justify-content:flex-end;max-inline-size:100%}.workbench-actions .flood-button{white-space:nowrap}.component-workbench .workbench-stage{box-sizing:border-box;block-size:28rem;min-block-size:0;padding:3rem var(--flood-sys-space-6);background-color:#1a161a;background-image:radial-gradient(circle,#ffaacd09 .045rem,#0000 .045rem);background-size:1.25rem 1.25rem;place-items:safe center;display:grid;position:relative;overflow:auto}.component-workbench .workbench-stage[data-size=compact]{block-size:22rem}.component-workbench .workbench-stage[data-size=display]{block-size:34rem}.workbench-stage>.flood-root{inline-size:fit-content;min-inline-size:0}.component-workbench .workbench-stage>.flood-root[data-flood-foundations][data-flood-theme]{background:0 0}.workbench-stage>.flood-root:has(>.flood-field,>.flood-stack>.flood-field,>.flood-fieldset,>.flood-stack>.flood-fieldset){inline-size:min(100%,26rem)}.workbench-stage>.flood-root:has(>.flood-stack .flood-code-snippet){inline-size:min(100%,28rem)}.workbench-stage[data-component=label]>.flood-root{inline-size:min(100%,26rem)}.workbench-stage[data-component=table]>.flood-root{inline-size:100%;max-inline-size:42rem}.workbench-stage:is([data-component=progress],[data-component=meter]) .flood-indicator{gap:var(--flood-sys-space-2);grid-template-rows:minmax(1.25rem,auto) .5rem;display:grid}.workbench-stage:is([data-component=progress],[data-component=meter]) .flood-indicator__caption{grid-row:1;margin-block-end:0}.workbench-stage:is([data-component=progress],[data-component=meter]) .flood-indicator__track{grid-row:2;align-self:center}.component-workbench .workbench-stage[data-component=segmented-control]>.flood-root{inline-size:fit-content;max-inline-size:100%}.component-workbench .workbench-stage:is([data-component=collapsible],[data-component=accordion])>.flood-root{inline-size:min(100%,28rem)}.workbench-stage .flood-type--display{overflow-wrap:anywhere}.workbench-stage .workbench-feedback{inset-inline:var(--flood-sys-space-4);text-align:center;pointer-events:none;font-size:var(--flood-sys-type-helper-size);color:var(--flood-sys-color-content-subtle);margin:0;position:absolute;inset-block-end:var(--flood-sys-space-4)}.workbench-stage[data-component=input-group] .flood-field,.workbench-stage[data-component=input] .flood-field,.workbench-stage[data-component=textarea] .flood-field,.workbench-stage[data-component=select] .flood-field{grid-template-rows:auto auto minmax(1.5rem,auto)}.workbench-stage[data-component=field] .flood-field{grid-template-rows:auto auto minmax(1.5rem,auto) minmax(1.5rem,auto)}.workbench-stage[data-component=field] .flood-hint{grid-row:3}.workbench-stage[data-component=field] :is(.flood-error,.flood-message){grid-row:4}.workbench-stage:is([data-component=input],[data-component=input-group],[data-component=textarea],[data-component=select]) .flood-field[data-hide-label=true]{grid-template-rows:auto minmax(1.5rem,auto)}.workbench-stage[data-component=field] .flood-field[data-hide-label=true]{grid-template-rows:auto minmax(1.5rem,auto) minmax(1.5rem,auto)}.workbench-stage[data-component=field] .flood-field[data-hide-label=true]>.flood-hint{grid-row:2}.workbench-stage[data-component=field] .flood-field[data-hide-label=true]>:is(.flood-message,.flood-error){grid-row:3}.workbench-stage[data-component=fieldset] .flood-fieldset__body{grid-template-rows:minmax(1.5rem,auto) auto auto minmax(1.5rem,auto)}.workbench-stage[data-component=fieldset] .flood-fieldset>.flood-legend{margin-block-end:var(--flood-sys-space-1)}.workbench-stage[data-component=fieldset] .flood-fieldset__body>.flood-hint{grid-row:1}.workbench-stage[data-component=fieldset] .flood-fieldset__body>.flood-choice:first-of-type{grid-row:2}.workbench-stage[data-component=fieldset] .flood-fieldset__body>.flood-choice:nth-of-type(2){grid-row:3}.workbench-stage[data-component=fieldset] .flood-fieldset__body>:is(.flood-message,.flood-error){grid-row:4}.workbench-controls{align-items:center;gap:var(--flood-sys-space-4);padding:var(--flood-sys-space-4) var(--flood-sys-space-6);border-block-start:var(--flood-sys-stroke-width) solid var(--flood-sys-color-divider-decorative);background:var(--flood-sys-color-surface-default);flex-wrap:wrap;display:flex}.workbench-control{gap:var(--flood-sys-space-2);min-inline-size:0;max-inline-size:100%;font-size:var(--flood-sys-type-label-size);line-height:var(--flood-sys-type-label-line-height);color:var(--flood-sys-color-content-helper);flex:0 11rem;align-content:center;display:grid}.workbench-control--toggle{flex:0 auto;align-self:center;display:flex}.workbench-controls:has(.workbench-control:not(.workbench-control--toggle)) :is(.workbench-control--toggle,.workbench-focus){margin-block-start:calc(var(--flood-sys-type-label-size) * var(--flood-sys-type-label-line-height) + var(--flood-sys-space-2))}@media (width<=40rem){.workbench-title,.workbench-controls{padding:var(--flood-sys-space-4)}.component-workbench .workbench-stage{padding-inline:var(--flood-sys-space-4)}.workbench-title{flex-wrap:wrap}.workbench-actions{justify-content:flex-start}.workbench-control:not(.workbench-control--toggle){flex:1 1 calc((100% - var(--flood-sys-space-4)) / 2)}.workbench-controls>label.workbench-control:only-of-type{flex-basis:100%}.workbench-controls:has(.workbench-control:not(.workbench-control--toggle)) :is(.workbench-control--toggle,.workbench-focus){margin-block-start:0}}.workbench-stage:is([data-component=container],[data-component=grid])>.flood-root{inline-size:100%}.workbench-stage:is([data-component=number-input],[data-component=slider])>.flood-root{inline-size:min(100%,26rem)}.workbench-stage[data-component=number-input] .flood-field{grid-template-rows:auto auto minmax(1.5rem,auto)}.workbench-stage[data-component=slider] .flood-fieldset__body{grid-template-rows:minmax(1.25rem, auto) minmax(var(--flood-control-height), auto) minmax(1.5rem, auto)}.workbench-stage[data-component=slider] .flood-slider__value{grid-row:1}.workbench-stage[data-component=slider] .flood-slider__rail{grid-row:2}.workbench-stage[data-component=slider] :is(.flood-message,.flood-error){grid-row:3}.workbench-stage[data-component=combobox]>.flood-root{inline-size:min(100%,26rem)}.workbench-stage[data-component=combobox] .flood-field{grid-template-rows:auto auto minmax(1.5rem,auto)}.workbench-stage[data-component=multi-select]>.flood-root{inline-size:min(100%,26rem)}.workbench-stage[data-component=multi-select] .flood-field{grid-template-rows:auto minmax(calc(var(--flood-sys-control-md-height) * 3), auto) minmax(1.5rem, auto)}.workbench-stage[data-component=multi-select] .flood-multi-select{align-self:start}.preview-stage :is(.flood-search-input,.flood-password-input){width:min(100%,26rem)}.component-workbench .workbench-stage[data-component=file-input]{align-items:start;block-size:32rem}@media (forced-colors:active){.component-workbench .workbench-stage{background:canvas}}.workbench-stage:is([data-component=timeline],[data-component=list-box],[data-component=dropzone],[data-component=toast-region])>.flood-root{inline-size:min(100%,26rem)}.component-workbench .workbench-stage:is([data-component=toast-region],[data-component=dropzone]){align-items:start}.site-root .site-code-block{border:var(--flood-sys-stroke-width) solid var(--flood-sys-color-border-decorative);border-radius:var(--flood-sys-radius-field);background:var(--flood-sys-color-surface-default);min-inline-size:0;max-inline-size:100%;color:var(--flood-sys-color-content-default);margin:1rem 0;overflow:hidden}.site-root .site-code-block__toolbar{border-block-end:var(--flood-sys-stroke-width) solid var(--flood-sys-color-divider-decorative);background:var(--flood-sys-color-surface-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.625rem .875rem;display:flex}.site-root .site-code-block__identity{min-inline-size:0;font-family:var(--flood-sys-font-mono);color:var(--flood-sys-color-content-subtle);flex:auto;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.5;display:inline-flex}.site-root .site-code-block__filename{overflow-wrap:anywhere;min-inline-size:0}.site-root .site-code-block__language{flex:none;font-size:.6875rem}.site-root .site-code-block__pre{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;min-inline-size:0;max-inline-size:100%;color:var(--flood-sys-color-content-default);font-family:var(--flood-sys-font-mono);letter-spacing:normal;text-align:start;margin:0;padding:1.25rem;font-size:.8125rem;line-height:1.8;overflow:visible}.site-root .site-code-block__scroll:focus-visible{outline:var(--flood-sys-focus-width) solid var(--flood-sys-color-focus-ring);outline-offset:calc(-1 * var(--flood-sys-focus-width))}.site-root .site-code-block .site-code-block__code{font:inherit;white-space:inherit;overflow-wrap:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0;display:block}.site-root .site-code-block__line,.site-root .site-code-block__token{white-space:inherit;overflow-wrap:inherit}.site-root .site-copy-control{flex-wrap:wrap;align-items:center;gap:.5rem;min-inline-size:0;max-inline-size:100%;display:inline-flex}.site-root .site-copy-control__button{flex:none}.site-root .site-copy-control__error{max-inline-size:20rem;color:var(--flood-sys-color-content-helper);overflow-wrap:anywhere;font-size:.75rem;line-height:1.5}@media (width<=35rem){.site-root .site-code-block__toolbar{padding:.5rem .625rem}.site-root .site-code-block__pre{padding:1rem}}@media (prefers-reduced-motion:reduce){.site-root .site-copy-control__button{transition:none}}@media (forced-colors:active){.site-root .site-code-block,.site-root .site-code-block__toolbar{border-color:canvastext}.site-root .site-code-block__pre,.site-root .site-code-block__token{color:canvastext!important}.site-root .site-code-block__scroll:focus-visible{outline-color:highlight}}