@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer baseline-reset{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100vh;margin:0}button,input,optgroup,select,textarea{font:inherit}}@layer theme;@layer baseline-tokens{[data-baseline]{--bl-font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bl-font-family-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bl-font-size-body:1rem;--bl-font-size-compact:.875rem;--bl-font-size-support:.75rem;--bl-font-size-code:.75rem;--bl-font-size-control:.875rem;--bl-font-size-page-title:3rem;--bl-font-size-section-title:1.5rem;--bl-font-size-subsection-title:.875rem;--bl-font-weight-regular:400;--bl-font-weight-medium:500;--bl-font-weight-body:var(--bl-font-weight-regular);--bl-font-weight-compact:var(--bl-font-weight-regular);--bl-font-weight-support:var(--bl-font-weight-regular);--bl-font-weight-code:var(--bl-font-weight-regular);--bl-font-weight-control:var(--bl-font-weight-regular);--bl-font-weight-page-title:var(--bl-font-weight-medium);--bl-font-weight-section-title:var(--bl-font-weight-medium);--bl-font-weight-subsection-title:var(--bl-font-weight-medium);--bl-line-height-body:1.5;--bl-line-height-compact:1.5;--bl-line-height-support:calc(4 / 3);--bl-line-height-code:1.65;--bl-line-height-control:calc(10 / 7);--bl-line-height-page-title:1;--bl-line-height-section-title:calc(4 / 3);--bl-line-height-subsection-title:calc(10 / 7);--bl-letter-spacing-body:0;--bl-letter-spacing-compact:0;--bl-letter-spacing-support:0;--bl-letter-spacing-code:0;--bl-letter-spacing-control:0;--bl-letter-spacing-page-title:-.035em;--bl-letter-spacing-section-title:-.015em;--bl-letter-spacing-subsection-title:0;--bl-space-1:.25rem;--bl-space-2:.5rem;--bl-space-3:.75rem;--bl-space-4:1rem;--bl-space-5:1.5rem;--bl-space-6:2rem;--bl-space-7:3rem;--bl-space-8:4rem;--bl-space-9:6rem;--bl-content-measure:64rem;--bl-specimen-radius:1rem;--bl-control-min-target-size:2.75rem;--bl-control-padding-block:.6875rem;--bl-control-padding-inline:.875rem;--bl-control-radius:.5rem;--bl-control-border-width:1px;--bl-control-icon-gap:.4375rem;--bl-text-control-min-block-size:2.5rem;--bl-text-control-padding-block:.5625rem;--bl-textarea-min-block-size:7.5rem;--bl-icon-size:1rem;--bl-icon-stroke-width:2;--bl-link-underline-thickness:.08em;--bl-link-underline-thickness-strong:.12em;--bl-link-underline-offset:.16em;--bl-checkbox-box-size:1.125rem;--bl-checkbox-radius:.25rem;--bl-checkbox-icon-size:.875rem;--bl-checkbox-list-row-size:1.875rem;--bl-checkbox-motion-duration-state:.1s;--bl-checkbox-pressed-fill:var(--bl-color-primary)}@supports (color:color-mix(in lab, red, red)){[data-baseline]{--bl-checkbox-pressed-fill:color-mix(in srgb, var(--bl-color-primary) 85%, var(--bl-color-surface))}}[data-baseline]{--bl-switch-track-inline-size:2rem;--bl-switch-track-block-size:1.25rem;--bl-switch-thumb-size:1rem;--bl-switch-thumb-inset:.0625rem;--bl-motion-duration-progress:.8s;--bl-motion-duration-confirm:.16s;--bl-motion-duration-state:.16s;--bl-motion-easing-confirm:cubic-bezier(.2, 0, 0, 1);--bl-motion-easing-state:cubic-bezier(.2, 0, 0, 1);--bl-color-canvas:#fff;--bl-color-surface:#fff;--bl-color-surface-subtle:#f5f5f5;--bl-color-text:#171717;--bl-color-text-muted:#737373;--bl-color-border:#e5e5e5;--bl-color-border-strong:#a3a3a3;--bl-color-primary:#171717;--bl-color-on-primary:#fff;--bl-color-primary-hover:#262626;--bl-color-primary-pressed:#404040;--bl-color-disabled-surface:#e5e5e5;--bl-color-disabled-text:#666;--bl-color-focus-ring:#3157d5;--bl-color-field-focus-ring:var(--bl-color-text)}@supports (color:color-mix(in lab, red, red)){[data-baseline]{--bl-color-field-focus-ring:color-mix(in srgb, var(--bl-color-text) 22%, transparent)}}[data-baseline]{--bl-color-link:#171717;--bl-color-link-hover:#404040;--bl-color-link-active:#737373;--bl-color-control-border:#737373;--bl-color-control-border-hover:#404040;--bl-color-invalid:#b42318;color:var(--bl-color-text);background-color:var(--bl-color-canvas);font-family:var(--bl-font-family-sans)}[data-baseline][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-baseline][data-theme=dark]{--bl-color-canvas:#0a0a0a;--bl-color-surface:#171717;--bl-color-surface-subtle:#262626;--bl-color-text:#fafafa;--bl-color-text-muted:#a3a3a3;--bl-color-border:#404040;--bl-color-border-strong:#737373;--bl-color-primary:#fafafa;--bl-color-on-primary:#171717;--bl-color-primary-hover:#e5e5e5;--bl-color-primary-pressed:#d4d4d4;--bl-color-disabled-surface:#2f2f2f;--bl-color-disabled-text:#969696;--bl-color-focus-ring:#8ea6ff;--bl-color-link:#fafafa;--bl-color-link-hover:#d4d4d4;--bl-color-link-active:#a3a3a3;--bl-color-control-border:#737373;--bl-color-control-border-hover:#a3a3a3;--bl-color-invalid:#ffb4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){[data-baseline]:not([data-theme]){--bl-color-canvas:#0a0a0a;--bl-color-surface:#171717;--bl-color-surface-subtle:#262626;--bl-color-text:#fafafa;--bl-color-text-muted:#a3a3a3;--bl-color-border:#404040;--bl-color-border-strong:#737373;--bl-color-primary:#fafafa;--bl-color-on-primary:#171717;--bl-color-primary-hover:#e5e5e5;--bl-color-primary-pressed:#d4d4d4;--bl-color-disabled-surface:#2f2f2f;--bl-color-disabled-text:#969696;--bl-color-focus-ring:#8ea6ff;--bl-color-link:#fafafa;--bl-color-link-hover:#d4d4d4;--bl-color-link-active:#a3a3a3;--bl-color-control-border:#737373;--bl-color-control-border-hover:#a3a3a3;--bl-color-invalid:#ffb4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-baseline] :where(button,input,optgroup,select,textarea){font-family:inherit}}@layer baseline-components{.bl-visually-hidden{white-space:nowrap!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;block-size:1px!important;min-block-size:0!important;max-block-size:1px!important;inline-size:1px!important;min-inline-size:0!important;max-inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bl-icon{inline-size:var(--bl-icon-size);block-size:var(--bl-icon-size);stroke-width:var(--bl-icon-stroke-width);flex:none;display:block}.bl-button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--bl-control-icon-gap);min-block-size:var(--bl-control-min-target-size);min-inline-size:var(--bl-control-min-target-size);max-inline-size:100%;padding-block:var(--bl-control-padding-block);padding-inline:var(--bl-control-padding-inline);border:var(--bl-control-border-width) solid transparent;border-radius:var(--bl-control-radius);color:var(--bl-color-on-primary);background-color:var(--bl-color-primary);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-control);font-weight:var(--bl-font-weight-control);line-height:var(--bl-line-height-control);letter-spacing:var(--bl-letter-spacing-control);text-align:center;text-transform:none;vertical-align:middle;white-space:normal;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;text-decoration:none;display:inline-flex}.bl-button__label{overflow-wrap:anywhere;min-inline-size:0}.bl-icon-button{inline-size:var(--bl-control-min-target-size);block-size:var(--bl-control-min-target-size);flex:none;padding:0}.bl-link{color:var(--bl-color-link);font:inherit;letter-spacing:inherit;text-decoration-line:underline;text-decoration-thickness:var(--bl-link-underline-thickness);text-decoration-skip-ink:auto;text-underline-offset:var(--bl-link-underline-offset);overflow-wrap:anywhere}.bl-field{gap:var(--bl-space-2);inline-size:100%;min-inline-size:0;display:grid}.bl-field__label{color:var(--bl-color-text);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact)}.bl-field__description,.bl-field__error{min-inline-size:0;font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-support);font-weight:var(--bl-font-weight-support);line-height:var(--bl-line-height-support);letter-spacing:var(--bl-letter-spacing-support);overflow-wrap:anywhere;margin:0}.bl-field__description{color:var(--bl-color-text)}.bl-field__error{color:var(--bl-color-invalid)}.bl-input,.bl-textarea{box-sizing:border-box;inline-size:100%;min-inline-size:0;padding-block:var(--bl-text-control-padding-block);padding-inline:var(--bl-control-padding-inline);border:var(--bl-control-border-width) solid var(--bl-color-control-border);border-radius:var(--bl-control-radius);color:var(--bl-color-text);background-color:var(--bl-color-surface);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-control);font-weight:var(--bl-font-weight-control);line-height:var(--bl-line-height-control);letter-spacing:var(--bl-letter-spacing-control);box-shadow:0 0 0 0 var(--bl-color-field-focus-ring);transition:border-color var(--bl-motion-duration-state) var(--bl-motion-easing-state), box-shadow var(--bl-motion-duration-state) var(--bl-motion-easing-state);outline:none;margin:0;display:block}.bl-input{min-block-size:var(--bl-text-control-min-block-size)}.bl-textarea{min-block-size:var(--bl-textarea-min-block-size);resize:vertical;overflow:auto}.bl-textarea:disabled{resize:none}.bl-input::placeholder,.bl-textarea::placeholder{color:var(--bl-color-text-muted);opacity:1}.bl-checkbox{inline-size:var(--bl-checkbox-box-size);block-size:var(--bl-checkbox-box-size);vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.bl-checkbox__input{z-index:1;inline-size:var(--bl-control-min-target-size);block-size:var(--bl-control-min-target-size);opacity:0;cursor:pointer;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.bl-checkbox__box{box-sizing:border-box;inline-size:var(--bl-checkbox-box-size);block-size:var(--bl-checkbox-box-size);border:var(--bl-control-border-width) solid var(--bl-color-border-strong);border-radius:var(--bl-checkbox-radius);color:var(--bl-color-on-primary);background-color:var(--bl-color-surface);transition:border-color var(--bl-checkbox-motion-duration-state) var(--bl-motion-easing-state);place-items:center;display:grid}.bl-checkbox__indicator{inline-size:var(--bl-checkbox-icon-size);block-size:var(--bl-checkbox-icon-size);opacity:0;grid-area:1/1}.bl-choice{align-items:start;column-gap:var(--bl-space-2);min-block-size:var(--bl-control-min-target-size);color:var(--bl-color-text-muted);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-regular);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto minmax(0,1fr);padding-block:0;display:grid}.bl-choice>.bl-checkbox{block-size:var(--bl-control-min-target-size)}.bl-choice>:is(.bl-choice__content,.bl-choice__label){margin-block-start:calc((var(--bl-control-min-target-size) - var(--bl-line-height-compact) * 1em) / 2)}.bl-choice__content{gap:calc(var(--bl-space-1) / 2);min-inline-size:0;display:grid}.bl-choice__label{color:var(--bl-color-text-muted);overflow-wrap:anywhere;transition:color var(--bl-checkbox-motion-duration-state) var(--bl-motion-easing-state)}.bl-choice--medium .bl-choice__label{font-weight:var(--bl-font-weight-medium)}.bl-choice__description{color:var(--bl-color-text-muted);font-size:var(--bl-font-size-support);line-height:var(--bl-line-height-support);overflow-wrap:anywhere}.bl-choice-list{gap:0;display:grid}.bl-choice-list>.bl-choice{min-block-size:var(--bl-checkbox-list-row-size)}.bl-choice-list>.bl-choice>.bl-checkbox,.bl-choice-list>.bl-choice>.bl-checkbox>.bl-checkbox__input{block-size:var(--bl-checkbox-list-row-size)}.bl-choice-list>.bl-choice>:is(.bl-choice__content,.bl-choice__label){margin-block-start:calc((var(--bl-checkbox-list-row-size) - var(--bl-line-height-compact) * 1em) / 2)}.bl-choice:has(.bl-checkbox__input:is(:checked,[data-indeterminate])) .bl-choice__label{color:var(--bl-color-text)}.bl-choice:has(.bl-checkbox__input:disabled){color:var(--bl-color-disabled-text);cursor:not-allowed}.bl-choice:has(.bl-checkbox__input:disabled) :is(.bl-choice__label,.bl-choice__description){color:var(--bl-color-disabled-text)}.bl-checkbox__input:checked+.bl-checkbox__box,.bl-checkbox__input[data-indeterminate]+.bl-checkbox__box{border-color:var(--bl-color-primary);background-color:var(--bl-color-primary)}.bl-checkbox__input:checked+.bl-checkbox__box>.bl-checkbox__indicator--checked{opacity:1}.bl-checkbox__input[data-indeterminate]+.bl-checkbox__box>.bl-checkbox__indicator--checked{opacity:0}.bl-checkbox__input[data-indeterminate]+.bl-checkbox__box>.bl-checkbox__indicator--mixed{opacity:1}.bl-checkbox__input:focus-visible+.bl-checkbox__box{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.bl-checkbox__input[aria-invalid=true]+.bl-checkbox__box{border-color:var(--bl-color-invalid)}.bl-checkbox__input:checked[aria-invalid=true]+.bl-checkbox__box,.bl-checkbox__input[data-indeterminate][aria-invalid=true]+.bl-checkbox__box{background-color:var(--bl-color-invalid)}.bl-checkbox__input:disabled{cursor:not-allowed}.bl-checkbox__input:disabled+.bl-checkbox__box{border-color:var(--bl-color-border);color:var(--bl-color-disabled-text);background-color:var(--bl-color-disabled-surface)}.bl-checkbox__input:checked:disabled+.bl-checkbox__box,.bl-checkbox__input[data-indeterminate]:disabled+.bl-checkbox__box{border-color:var(--bl-color-disabled-text)}.bl-switch{inline-size:var(--bl-control-min-target-size);block-size:var(--bl-control-min-target-size);vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.bl-switch__input{z-index:1;opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.bl-switch__track{box-sizing:border-box;inline-size:var(--bl-switch-track-inline-size);block-size:var(--bl-switch-track-block-size);border:var(--bl-control-border-width) solid var(--bl-color-border-strong);border-radius:calc(var(--bl-switch-track-block-size) / 2);background-color:var(--bl-color-surface-subtle);transition:background-color var(--bl-motion-duration-state) var(--bl-motion-easing-state), border-color var(--bl-motion-duration-state) var(--bl-motion-easing-state);display:block;position:relative}.bl-switch__thumb{inline-size:var(--bl-switch-thumb-size);block-size:var(--bl-switch-thumb-size);background-color:var(--bl-color-control-border);transition:inset-inline-start var(--bl-motion-duration-state) var(--bl-motion-easing-state);border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:var(--bl-switch-thumb-inset);transform:translateY(-50%)}.bl-switch__input:checked+.bl-switch__track{border-color:var(--bl-color-primary);background-color:var(--bl-color-primary)}.bl-switch__input:checked+.bl-switch__track .bl-switch__thumb{background-color:var(--bl-color-on-primary);inset-inline-start:calc(var(--bl-switch-track-inline-size) - var(--bl-switch-thumb-size) - var(--bl-switch-thumb-inset) - (2 * var(--bl-control-border-width)))}.bl-switch__input:focus-visible+.bl-switch__track{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.bl-switch__input:disabled{cursor:not-allowed}.bl-switch__input:disabled+.bl-switch__track{border-color:var(--bl-color-border)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:disabled+.bl-switch__track{border-color:color-mix(in srgb, var(--bl-color-border), var(--bl-color-border-strong))}}.bl-switch__input:disabled+.bl-switch__track{background-color:var(--bl-color-disabled-surface)}.bl-switch__input:disabled+.bl-switch__track .bl-switch__thumb{background-color:var(--bl-color-disabled-text)}.bl-switch__input:not(:disabled)[data-pending]{cursor:progress}.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track{border-color:var(--bl-color-border-strong)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track{border-color:color-mix(in srgb, var(--bl-color-border-strong) 75%, color-mix(in srgb, var(--bl-color-border), var(--bl-color-border-strong)))}}.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track{background-color:var(--bl-color-surface-subtle)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track{background-color:color-mix(in srgb, var(--bl-color-surface-subtle) 75%, var(--bl-color-disabled-surface))}}.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track .bl-switch__thumb{background-color:var(--bl-color-control-border)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:not(:disabled)[data-pending]+.bl-switch__track .bl-switch__thumb{background-color:color-mix(in srgb, var(--bl-color-control-border) 75%, var(--bl-color-disabled-text))}}.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track{border-color:var(--bl-color-primary)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track{border-color:color-mix(in srgb, var(--bl-color-primary) 75%, color-mix(in srgb, var(--bl-color-border), var(--bl-color-border-strong)))}}.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track{background-color:var(--bl-color-primary)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track{background-color:color-mix(in srgb, var(--bl-color-primary) 75%, var(--bl-color-disabled-surface))}}.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track .bl-switch__thumb{background-color:var(--bl-color-on-primary)}@supports (color:color-mix(in lab, red, red)){.bl-switch__input:checked:not(:disabled)[data-pending]+.bl-switch__track .bl-switch__thumb{background-color:color-mix(in srgb, var(--bl-color-on-primary) 75%, var(--bl-color-disabled-text))}}@media (pointer:coarse){.bl-choice-list>.bl-choice{min-block-size:var(--bl-control-min-target-size)}.bl-choice-list>.bl-choice>.bl-checkbox,.bl-choice-list>.bl-choice>.bl-checkbox>.bl-checkbox__input{block-size:var(--bl-control-min-target-size)}.bl-choice-list>.bl-choice>:is(.bl-choice__content,.bl-choice__label){margin-block-start:calc((var(--bl-control-min-target-size) - var(--bl-line-height-compact) * 1em) / 2)}}@media (hover:hover) and (pointer:fine){.bl-choice:has(.bl-checkbox__input:not(:disabled)):hover .bl-choice__label{color:var(--bl-color-text)}.bl-checkbox__input:hover:not(:disabled)+.bl-checkbox__box{border-color:var(--bl-color-control-border-hover)}.bl-checkbox__input:checked:hover:not(:disabled)+.bl-checkbox__box,.bl-checkbox__input[data-indeterminate]:hover:not(:disabled)+.bl-checkbox__box{border-color:var(--bl-color-primary-hover);background-color:var(--bl-color-primary-hover)}.bl-switch__input:hover:not(:disabled,[data-pending])+.bl-switch__track{border-color:var(--bl-color-control-border-hover)}.bl-switch__input:checked:hover:not(:disabled,[data-pending])+.bl-switch__track{border-color:var(--bl-color-primary-hover);background-color:var(--bl-color-primary-hover)}:is(.bl-input,.bl-textarea):hover:not(:disabled,[readonly],[aria-invalid=true],:user-invalid,:focus){border-color:var(--bl-color-control-border-hover)}.bl-field:has(>.bl-field__label:hover)>:is(.bl-input,.bl-textarea):not(:focus,:disabled,[readonly],[aria-invalid=true],:user-invalid){border-color:var(--bl-color-control-border);transition-duration:0s}}:is(.bl-input,.bl-textarea)[aria-invalid=true]{border-color:var(--bl-color-invalid)}:is(.bl-input,.bl-textarea):user-invalid{border-color:var(--bl-color-invalid)}:is(.bl-input,.bl-textarea):read-only{background-color:var(--bl-color-surface-subtle)}:is(.bl-input,.bl-textarea):disabled{border-color:var(--bl-color-border);color:var(--bl-color-disabled-text);background-color:var(--bl-color-disabled-surface);cursor:not-allowed}:is(.bl-input,.bl-textarea):focus{border-color:var(--bl-color-control-border-hover);box-shadow:0 0 0 calc(3 * var(--bl-control-border-width)) var(--bl-color-field-focus-ring)}@media (forced-colors:active){:is(.bl-input,.bl-textarea):focus{box-shadow:none;outline-offset:2px;border-color:highlight;outline:2px solid highlight}}.bl-switch__input:active:not(:disabled,[data-pending])+.bl-switch__track{background-color:var(--bl-color-border)}.bl-checkbox__input:active:not(:disabled)+.bl-checkbox__box{border-color:var(--bl-color-control-border-hover);background-color:var(--bl-color-surface-subtle)}.bl-checkbox__input:is(:checked,[data-indeterminate]):active:not(:disabled)+.bl-checkbox__box{border-color:var(--bl-checkbox-pressed-fill);background-color:var(--bl-checkbox-pressed-fill)}.bl-switch__input:checked:active:not(:disabled,[data-pending])+.bl-switch__track{border-color:var(--bl-color-primary-pressed);background-color:var(--bl-color-primary-pressed)}.bl-link:visited{color:var(--bl-color-link)}.bl-link[aria-current=page]{text-decoration-thickness:var(--bl-link-underline-thickness-strong)}@media (hover:hover) and (pointer:fine){.bl-link:hover{color:var(--bl-color-link-hover);text-decoration-thickness:var(--bl-link-underline-thickness-strong)}}.bl-link:active{color:var(--bl-color-link-active)}.bl-link:focus-visible{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.bl-button:hover:not(:disabled){background-color:var(--bl-color-primary-hover)}}.bl-button:active:not(:disabled,[data-pending]){background-color:var(--bl-color-primary-pressed)}.bl-button:focus-visible{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.bl-button[data-pending] .bl-button__pending-icon{animation:bl-button-progress var(--bl-motion-duration-progress) linear infinite}.bl-button .bl-button__success-icon{animation:bl-button-confirm var(--bl-motion-duration-confirm) var(--bl-motion-easing-confirm) both}.bl-button:disabled{border-color:var(--bl-color-border);color:var(--bl-color-disabled-text);background-color:var(--bl-color-disabled-surface);cursor:not-allowed}@keyframes bl-button-progress{to{transform:rotate(1turn)}}@keyframes bl-button-confirm{0%{opacity:.55;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.bl-input,.bl-textarea,.bl-checkbox__box,.bl-choice__label,.bl-switch__track,.bl-switch__thumb{transition:none}.bl-button[data-pending] .bl-button__pending-icon,.bl-button .bl-button__success-icon{animation:none}}}@layer baseline-site,utilities;.visible{visibility:visible}.relative{position:relative}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-bl-4{margin-top:var(--bl-space-4)}.mb-bl-7{margin-bottom:var(--bl-space-7)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.min-h-bl-5{min-height:var(--bl-space-5)}.min-h-bl-8{min-height:var(--bl-space-8)}.min-h-bl-target{min-height:var(--bl-control-min-target-size)}.min-w-0{min-width:0}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-bl-2{gap:var(--bl-space-2)}.gap-bl-4{gap:var(--bl-space-4)}.gap-bl-5{gap:var(--bl-space-5)}.gap-bl-8{gap:var(--bl-space-8)}.gap-px{gap:1px}.rounded{border-radius:.25rem}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-bl-border{border-color:var(--bl-color-border)}.bg-bl-border{background-color:var(--bl-color-border)}.bg-bl-canvas{background-color:var(--bl-color-canvas)}.py-bl-4{padding-block:var(--bl-space-4)}.py-bl-7{padding-block:var(--bl-space-7)}.bl-type-body{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-body);font-weight:var(--bl-font-weight-body);line-height:var(--bl-line-height-body);letter-spacing:var(--bl-letter-spacing-body)}.bl-type-compact{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-compact);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact)}.bl-type-page-title{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-page-title);font-weight:var(--bl-font-weight-page-title);line-height:var(--bl-line-height-page-title);letter-spacing:var(--bl-letter-spacing-page-title)}.bl-type-section-title{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-section-title);font-weight:var(--bl-font-weight-section-title);line-height:var(--bl-line-height-section-title);letter-spacing:var(--bl-letter-spacing-section-title)}.bl-type-support{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-support);font-weight:var(--bl-font-weight-support);line-height:var(--bl-line-height-support);letter-spacing:var(--bl-letter-spacing-support)}.font-bl-medium{--tw-font-weight:var(--bl-font-weight-medium);font-weight:var(--bl-font-weight-medium)}.wrap-anywhere{overflow-wrap:anywhere}.text-bl-text{color:var(--bl-color-text)}.text-bl-text-muted{color:var(--bl-color-text-muted)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.bl-content-width{inline-size:min(100% - 2 * var(--bl-space-4), var(--bl-content-measure))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer baseline-site{:root{scroll-behavior:auto}.site-wordmark,.site-component-link,.site-directory-nav a{color:inherit}button{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh}.site-weight-candidate p,.site-action-status,.site-anatomy-key .site-anatomy-marker-face{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-support);font-weight:var(--bl-font-weight-support);line-height:var(--bl-line-height-support);letter-spacing:var(--bl-letter-spacing-support)}.site-weight-candidate p,.site-action-status{color:var(--bl-color-text-muted);margin:0}.site-wordmark{text-decoration:none}.site-component-intro h1{margin:0}.site-section-heading{margin-bottom:var(--bl-space-5);justify-content:space-between;align-items:flex-end;gap:var(--bl-space-5);display:flex}.site-calibration-panel h3{margin:0}.site-component-link{text-decoration:none}.site-component-link:after{content:"";position:absolute;inset:0}.site-component-link:focus-visible{outline:none}.site-component-link:focus-visible:after{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.site-component-preview{opacity:0;pointer-events:none}.site-component-row:hover .site-component-preview,.site-component-link:focus-visible+.site-component-preview{opacity:1}.site-component-preview>:is(.bl-input,.bl-textarea){max-inline-size:calc(2 * var(--bl-space-9))}.site-component-preview>.bl-textarea{min-block-size:var(--bl-control-min-target-size);block-size:var(--bl-control-min-target-size);resize:none}.site-anatomy-key li{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-compact);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact)}.site-component-row:hover .site-component-link{text-underline-offset:.2em;text-decoration:underline}.site-directory-layout{inline-size:min(100% - 2 * var(--bl-space-4), 86rem);grid-template-columns:13rem minmax(0,1fr);margin-inline:auto;display:grid}.site-directory-nav{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--bl-color-border);padding-block:var(--bl-space-7);padding-inline-end:var(--bl-space-6)}.site-directory-nav nav{position:sticky;inset-block-start:var(--bl-space-5)}.site-directory-nav a{justify-content:space-between;gap:var(--bl-space-3);padding-block:var(--bl-space-2);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-compact);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact);text-decoration:none;display:flex}.site-component-page{min-inline-size:0;max-inline-size:calc(var(--bl-content-measure) + clamp(var(--bl-space-5), 5vw, var(--bl-space-8)));padding:var(--bl-space-7) 0 var(--bl-space-9) clamp(var(--bl-space-5), 5vw, var(--bl-space-8))}.site-component-intro{margin-bottom:var(--bl-space-6);justify-content:space-between;align-items:flex-start;gap:var(--bl-space-5);display:flex}.site-component-intro h1{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-page-title);font-weight:var(--bl-font-weight-page-title);line-height:var(--bl-line-height-page-title);letter-spacing:var(--bl-letter-spacing-page-title);overflow-wrap:anywhere}.site-specimen-board{width:100%;max-width:var(--bl-content-measure);border-radius:var(--bl-specimen-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--bl-color-border);min-width:0;overflow:hidden}.site-live-action{gap:var(--bl-space-3);display:grid}.site-code{background-color:var(--bl-color-surface-subtle);min-width:0;font-family:var(--bl-font-family-mono);font-size:var(--bl-font-size-code);font-weight:var(--bl-font-weight-code);line-height:var(--bl-line-height-code);letter-spacing:var(--bl-letter-spacing-code);color:var(--bl-color-text);padding:clamp(var(--bl-space-5), 5vw, var(--bl-space-8));border-inline-start:1px solid var(--bl-color-border);white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:25rem;margin:0;overflow:auto}.site-code:focus-visible{outline:2px solid var(--bl-color-focus-ring);outline-offset:-3px}.site-specimen-section{min-inline-size:0;scroll-margin-block-start:var(--bl-space-5)}.site-anatomy-section{container:anatomy/inline-size}.site-anatomy-board{background:var(--bl-color-border);grid-template-columns:minmax(18rem,1.4fr) minmax(14rem,.6fr);gap:1px;display:grid}.site-anatomy-control{min-block-size:15rem;padding:var(--bl-space-6);background:var(--bl-color-surface-subtle);grid-area:1/1;place-items:center;display:grid}.site-anatomy-board:has(.site-anatomy-metrics) .site-anatomy-control{min-block-size:calc(2 * var(--bl-space-9) + var(--bl-space-8));padding-block-end:var(--bl-space-9)}.site-anatomy-metrics{z-index:1;min-inline-size:10rem;margin:var(--bl-space-4);color:var(--bl-color-text-muted);grid-area:1/1;place-self:end;display:grid}@supports (color:color-mix(in lab, red, red)){.site-anatomy-metrics{color:color-mix(in srgb, var(--bl-color-text-muted) 70%, var(--bl-color-text))}}.site-anatomy-metrics{pointer-events:none}.site-anatomy-metrics dl{gap:calc(var(--bl-space-1) / 2);margin:0;display:grid}.site-anatomy-metrics dl>div{align-items:baseline;gap:var(--bl-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.site-anatomy-metrics :is(dt,dd){font-family:var(--bl-font-family-mono);font-size:var(--bl-font-size-code);line-height:var(--bl-line-height-code);margin:0}.site-anatomy-metrics dt{color:var(--bl-color-text-muted)}@supports (color:color-mix(in lab, red, red)){.site-anatomy-metrics dt{color:color-mix(in srgb, var(--bl-color-text-muted) 90%, var(--bl-color-text))}}.site-anatomy-metrics dd{font-variant-numeric:tabular-nums}.site-anatomy-diagram{grid-template-columns:var(--bl-control-border-width) var(--bl-control-padding-inline) var(--bl-icon-size) var(--bl-control-icon-gap) auto var(--bl-control-padding-inline) var(--bl-control-border-width);grid-template-rows:auto var(--bl-space-5) auto var(--bl-space-5) auto;place-items:center;display:inline-grid}.site-anatomy-diagram>.bl-button{grid-area:3/1/auto/-1}.site-icon-button-anatomy-diagram{grid-template-columns:var(--bl-control-border-width) var(--bl-control-padding-inline) var(--bl-icon-size) var(--bl-control-padding-inline) var(--bl-control-border-width)}.site-icon-button-anatomy-diagram .site-callout-b{grid-column:3}.site-link-anatomy-diagram{grid-template-columns:auto var(--bl-space-5) auto;grid-template-rows:auto var(--bl-space-5) auto;place-items:center;display:grid}.site-link-anatomy-diagram>.bl-link{grid-area:1/3}.site-link-callout-a{grid-area:1/1}.site-link-callout-b{grid-area:3/3}.site-link-callout-a:after{inline-size:var(--bl-space-3);block-size:1px;inset-block-start:50%;inset-inline-start:calc(100% + var(--bl-space-1))}.site-link-callout-b:after{inline-size:1px;block-size:var(--bl-space-3);inset-block-end:calc(100% + var(--bl-space-1));inset-inline-start:50%}.site-input-anatomy-diagram,.site-textarea-anatomy-diagram{grid-template-columns:auto var(--bl-space-3) minmax(12rem, 18rem) var(--bl-space-3) auto;grid-template-rows:auto var(--bl-space-2) auto var(--bl-space-2) auto;align-items:center;inline-size:min(100%,24rem);display:grid}:is(.site-input-anatomy-diagram,.site-textarea-anatomy-diagram) .bl-field__label{grid-area:1/3}.site-input-anatomy-diagram .bl-input,.site-textarea-anatomy-diagram .bl-textarea{grid-area:3/3}:is(.site-input-anatomy-diagram,.site-textarea-anatomy-diagram) .bl-field__description{grid-area:5/3}.site-input-callout-a,.site-textarea-callout-a{grid-area:1/1}.site-input-callout-b,.site-textarea-callout-b{grid-area:3/5}.site-input-callout-c,.site-textarea-callout-c{grid-area:5/1}.site-input-callout-a:after,.site-input-callout-c:after,.site-textarea-callout-a:after,.site-textarea-callout-c:after{inline-size:var(--bl-space-2);block-size:1px;inset-block-start:50%;inset-inline-start:calc(100% + var(--bl-space-1))}.site-input-callout-b:after,.site-textarea-callout-b:after{inline-size:var(--bl-space-2);block-size:1px;inset-block:50% auto;inset-inline-start:auto;inset-inline-end:calc(100% + var(--bl-space-1))}.site-switch-anatomy-diagram{--site-switch-anatomy-inline-size:calc((2 * 1.75rem) + (2 * var(--bl-space-4)) + var(--bl-control-min-target-size));grid-template-columns:auto var(--bl-space-4) auto var(--bl-space-4) auto;grid-template-rows:auto var(--bl-space-4) auto;inline-size:var(--site-switch-anatomy-inline-size);justify-self:start;place-items:center;margin-inline-start:round(nearest, calc((100% - var(--site-switch-anatomy-inline-size)) / 2), 1px);display:grid}.site-checkbox-anatomy-diagram{grid-template-columns:auto var(--bl-space-4) auto var(--bl-space-4) auto;grid-template-rows:auto var(--bl-space-4) auto;place-items:center;display:grid}.site-checkbox-anatomy-diagram>.bl-checkbox{grid-area:1/3}.site-checkbox-callout-a{grid-area:1/1}.site-checkbox-callout-b{grid-area:1/5}.site-checkbox-callout-c{grid-area:3/3}.site-checkbox-callout-a:after{inline-size:var(--bl-space-3);block-size:1px;inset-block-start:50%;inset-inline-start:calc(100% + var(--bl-space-1))}.site-checkbox-callout-b:after{inline-size:var(--bl-space-3);block-size:1px;inset-block-start:50%;inset-inline-end:calc(100% + var(--bl-space-1))}.site-checkbox-callout-c:after{inline-size:1px;block-size:var(--bl-space-2);inset-block-end:calc(100% + var(--bl-space-1));inset-inline-start:50%}.site-switch-anatomy-diagram>.bl-switch{grid-area:1/3}.site-switch-callout-a{grid-area:1/1}.site-switch-callout-b{grid-area:1/5}.site-switch-callout-c{grid-area:3/3}.site-switch-callout-a:after{inline-size:var(--bl-space-3);block-size:1px;inset-block-start:50%;inset-inline-start:calc(100% + var(--bl-space-1))}.site-switch-callout-b:after{inline-size:var(--bl-space-3);block-size:1px;inset-block-start:50%;inset-inline-end:calc(100% + var(--bl-space-1))}.site-switch-callout-c:after{inline-size:1px;block-size:var(--bl-space-2);inset-block-end:calc(100% + var(--bl-space-1));inset-inline-start:50%}.site-callout{cursor:default;block-size:1.75rem;inline-size:1.75rem;color:var(--bl-color-text);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-support);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-line-height-support);letter-spacing:var(--bl-letter-spacing-support);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.site-callout:after{content:"";background:var(--bl-color-border-strong);position:absolute}.site-callout-a{grid-area:1/1/auto/-1}.site-callout-a:after{inline-size:1px;block-size:var(--bl-space-3);inset-block-start:calc(100% + var(--bl-space-1));inset-inline-start:50%}.site-callout-b{grid-area:5/3}.site-callout-b:after,.site-callout-c:after{inline-size:1px;block-size:var(--bl-space-3);inset-block-end:calc(100% + var(--bl-space-1));inset-inline-start:50%}.site-callout-c{grid-area:5/5}.site-anatomy-key{align-content:center;gap:var(--bl-space-4);padding:var(--bl-space-6);background:var(--bl-color-canvas);grid-area:1/2;margin:0;list-style:none;display:grid}.site-anatomy-key li{align-items:center;gap:var(--bl-space-3);color:var(--bl-color-text-muted);display:flex}.site-anatomy-marker-face{border-radius:50%;flex-shrink:0;block-size:100%;inline-size:100%;display:grid;position:relative;overflow:hidden}.site-anatomy-marker-rest,.site-anatomy-marker-active{border-radius:inherit;border:1px solid #0000;grid-area:1/1;place-items:center;display:grid}.site-anatomy-marker-rest{color:var(--bl-color-text);background:var(--bl-color-primary)}@supports (color:color-mix(in lab, red, red)){.site-anatomy-marker-rest{background:color-mix(in srgb, var(--bl-color-primary) 25%, var(--bl-color-surface-subtle))}}.site-anatomy-marker-active{color:var(--bl-color-on-primary);background:var(--bl-color-primary);clip-path:circle(0%);transition:clip-path var(--bl-motion-duration-state) var(--bl-motion-easing-state)}.site-anatomy-marker-active:before{content:attr(data-letter)}[aria-pressed=true]>.site-anatomy-marker-face>.site-anatomy-marker-active{clip-path:circle(50%)}.site-anatomy-key .site-anatomy-marker-face{block-size:1.5rem;inline-size:1.5rem}.site-anatomy-key .site-anatomy-marker-rest{border-color:var(--bl-color-border);background:0 0}.site-anatomy-legend-button{align-items:center;gap:inherit;min-inline-size:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:default;transition:color var(--bl-motion-duration-state) var(--bl-motion-easing-state);background:0 0;border:0;padding:0;display:flex}[data-anatomy-input=keyboard] .site-anatomy-legend-button,[data-anatomy-input=keyboard] .site-anatomy-marker-active{transition:none}@media (prefers-reduced-motion:reduce){.site-anatomy-legend-button,.site-anatomy-marker-active{transition:none}}.site-anatomy-legend-button[aria-pressed=true]{color:var(--bl-color-text)}.site-callout:focus-visible,.site-anatomy-legend-button:focus-visible{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.site-calibration-board{display:grid;container:calibration/inline-size}.site-calibration-panel{grid-template-columns:minmax(7rem,1fr) minmax(0,6fr);align-content:start;min-inline-size:0;display:grid}.site-calibration-panel+.site-calibration-panel{border-block-start:1px solid var(--bl-color-border)}.site-calibration-panel h3{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--bl-color-border);background-color:var(--bl-color-surface-subtle);padding:var(--bl-space-6);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-subsection-title);font-weight:var(--bl-font-weight-subsection-title);line-height:var(--bl-line-height-subsection-title);letter-spacing:var(--bl-letter-spacing-subsection-title);margin:0}.site-calibration-content{min-inline-size:0}.site-calibration-stage{min-block-size:9rem;padding:var(--bl-space-6);place-items:center;display:grid}.site-calibration-readout{border-block-start:1px solid var(--bl-color-border);background:var(--bl-color-border);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1px;margin:0;display:grid}.site-calibration-readout>div{align-items:baseline;gap:var(--bl-space-3);min-inline-size:0;padding:var(--bl-space-3) var(--bl-space-4);background:var(--bl-color-canvas);grid-template-columns:minmax(4rem,.7fr) minmax(0,1fr);display:grid}.site-calibration-readout>div:nth-child(odd){border-inline-end:1px solid var(--bl-color-border)}.site-calibration-readout>div:last-child:nth-child(odd){border-inline-end:0;grid-column:1/-1}.site-calibration-readout dd[data-measuring]{visibility:hidden}.site-weight-comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-weight-candidate{align-items:start;gap:var(--bl-space-6);min-block-size:12rem;min-inline-size:0;padding:var(--bl-space-6);background:var(--bl-color-surface);grid-template-rows:auto 1fr;display:grid}.site-weight-candidate+.site-weight-candidate{border-inline-start:1px solid var(--bl-color-border)}.site-weight-candidate .site-calibration-button{place-self:center start}.site-target-reference{--bl-control-min-target-size:2.5rem;--bl-control-padding-block:.5625rem}.site-target-reference .bl-button{min-inline-size:0}@container calibration (max-width:40rem){.site-calibration-panel{grid-template-columns:1fr}.site-calibration-panel h3{padding:var(--bl-space-4) var(--bl-space-5);border-inline-end:0;border-block-end:1px solid var(--bl-color-border)}.site-calibration-stage{min-block-size:8rem;padding:var(--bl-space-5)}.site-calibration-readout{grid-template-columns:1fr}.site-calibration-readout>div,.site-calibration-readout>div:nth-child(odd){border-inline-end:0;grid-column:auto}.site-weight-comparison{grid-template-columns:1fr}.site-weight-candidate{min-block-size:9rem;padding:var(--bl-space-5)}.site-weight-candidate+.site-weight-candidate{border-block-start:1px solid var(--bl-color-border);border-inline-start:0}}.site-state-grid,.site-variation-grid{background:var(--bl-color-border);flex-wrap:wrap;gap:1px;display:flex}.site-icon-button-shape-grid{background:var(--bl-color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.site-state-grid>*{flex:11rem;min-inline-size:min(100%,11rem)}.site-variation-grid>*{flex:15rem;min-inline-size:min(100%,15rem)}.site-state-cell,.site-theme-cell{min-block-size:11rem;padding:var(--bl-space-4);background:var(--bl-color-canvas);grid-template-rows:auto 1fr;display:grid}.site-state-cell[data-specimen-pointer]>div{position:relative}.site-specimen-pointer{z-index:1;pointer-events:none;block-size:2rem;inline-size:2rem;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(.2rem,-.2rem)}.site-specimen-pointer[data-pressed]{transform:translate(.24rem,-.13rem)}.site-specimen-pointer[data-kind=text]{block-size:1.375rem;inline-size:1.4375rem;transform:translate(-50%,-50%)}.site-specimen-pointer img{block-size:100%;inline-size:100%;display:block}.site-theme-cell{align-items:center;gap:var(--bl-space-5);min-block-size:8rem;padding:var(--bl-space-4);color:var(--bl-color-text);background:var(--bl-color-canvas);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.site-theme-cell .bl-button,.site-theme-cell .bl-link{justify-self:center}.site-specimen-section .bl-link[data-specimen-state=hover]{color:var(--bl-color-link-hover);text-decoration-thickness:var(--bl-link-underline-thickness-strong)}.site-specimen-section .bl-button[data-specimen-state=hover]{background-color:var(--bl-color-primary-hover)}.site-specimen-section :is(.bl-input,.bl-textarea)[data-specimen-state=hover],.site-specimen-section .bl-switch__input[data-specimen-state=hover]+.bl-switch__track,.site-specimen-section .bl-checkbox__input[data-specimen-state=hover]+.bl-checkbox__box{border-color:var(--bl-color-control-border-hover)}.site-specimen-section .bl-checkbox__input:is(:checked,[data-indeterminate])[data-specimen-state=hover]+.bl-checkbox__box{border-color:var(--bl-color-primary-hover);background-color:var(--bl-color-primary-hover)}.site-specimen-section .bl-link[data-specimen-state=active]{color:var(--bl-color-link-active)}.site-specimen-section .bl-button[data-specimen-state=active]{background-color:var(--bl-color-primary-pressed)}.site-specimen-section .bl-switch__input[data-specimen-state=active]+.bl-switch__track{background-color:var(--bl-color-border)}.site-specimen-section .bl-checkbox__input[data-specimen-state=active]+.bl-checkbox__box{border-color:var(--bl-color-control-border-hover);background-color:var(--bl-color-surface-subtle)}.site-specimen-section .bl-checkbox__input:is(:checked,[data-indeterminate])[data-specimen-state=active]+.bl-checkbox__box{border-color:var(--bl-checkbox-pressed-fill);background-color:var(--bl-checkbox-pressed-fill)}.site-specimen-section .bl-switch__input[data-specimen-state=focus-visible]+.bl-switch__track,.site-specimen-section .bl-checkbox__input[data-specimen-state=focus-visible]+.bl-checkbox__box,.site-specimen-section [data-specimen-state=focus-visible]{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.site-specimen-section :is(.bl-input,.bl-textarea)[data-specimen-state=focus-visible]{border-color:var(--bl-color-control-border-hover);box-shadow:0 0 0 calc(3 * var(--bl-control-border-width)) var(--bl-color-field-focus-ring);outline:none}@media (forced-colors:active){.site-specimen-section :is(.bl-input,.bl-textarea)[data-specimen-state=focus-visible]{box-shadow:none;outline-offset:2px;border-color:highlight;outline:2px solid highlight}}.site-link-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-link-content-grid article{padding:var(--bl-space-6);align-content:center;min-block-size:10rem;display:grid}.site-link-content-grid article+article{border-inline-start:1px solid var(--bl-color-border)}.site-link-content-grid p{max-inline-size:32rem;margin:0}.site-link-wrap-probe p{max-inline-size:7rem}.site-link-example{place-items:center;min-block-size:12rem;display:grid}.site-field-width{inline-size:min(100%,18rem)}.site-input-state-grid .site-state-cell{min-block-size:13rem}.site-input-content-grid{background:var(--bl-color-border);grid-template-columns:repeat(1,minmax(0,1fr));gap:1px;display:grid}.site-input-content-grid>.bl-field{min-block-size:13rem;inline-size:min(100%,32rem);padding:var(--bl-space-6);background:var(--bl-color-canvas);align-content:center;margin-inline:auto}.site-input-theme-cell{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem) minmax(0,1fr)}.site-input-theme-cell>.bl-field{grid-column:2;inline-size:100%}.site-input-example{padding:var(--bl-space-6);place-items:center;min-block-size:20rem;display:grid}.site-input-form{gap:var(--bl-space-5);inline-size:min(100%,24rem);display:grid}.site-input-form>.bl-field{inline-size:100%}.site-input-actions{gap:var(--bl-space-2);flex-wrap:wrap;display:flex}.site-input-status{min-height:var(--bl-space-5);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-compact);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact);color:var(--bl-color-text-muted);margin:0}.site-textarea-state-grid .site-state-cell{min-block-size:17rem}.site-textarea-content-grid{background:var(--bl-color-border);grid-template-columns:repeat(1,minmax(0,1fr));gap:1px;display:grid}.site-textarea-content-grid>.bl-field{min-block-size:18rem;inline-size:min(100%,32rem);padding:var(--bl-space-6);background:var(--bl-color-canvas);align-content:center;margin-inline:auto}.site-textarea-theme-cell{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem) minmax(0,1fr)}.site-textarea-theme-cell>.bl-field{grid-column:2;inline-size:100%}.site-textarea-example{padding:var(--bl-space-6);place-items:center;min-block-size:26rem;display:grid}.site-switch-label,.site-switch-row{color:var(--bl-color-text-muted);font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-regular);line-height:var(--bl-line-height-compact);letter-spacing:var(--bl-letter-spacing-compact)}.site-checkbox-state-grid{background:var(--bl-color-border);gap:1px;display:grid}.site-checkbox-state-row{background:var(--bl-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-inline-size:0;display:grid}.site-checkbox-state-row--validation{grid-template-columns:repeat(2,minmax(0,1fr))}.site-checkbox-content-grid{background:var(--bl-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.site-checkbox-content-grid>*{min-block-size:11rem;min-inline-size:0;padding:var(--bl-space-5);background:var(--bl-color-canvas)}.site-checkbox-content-grid>.bl-choice{place-content:center}.site-checkbox-theme-cell{gap:var(--bl-space-3);grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr)}.site-checkbox-theme-cell>p{grid-column:1}.site-checkbox-theme-cell>.bl-checkbox:first-of-type{grid-column:2}.site-checkbox-theme-cell>.bl-checkbox:last-of-type{grid-column:4}.site-checkbox-example{place-items:center;gap:var(--bl-space-5);min-block-size:22rem;padding:var(--bl-space-6);display:grid}.site-checkbox-banner{inline-size:min(100%,36rem);padding:var(--bl-space-3);border:1px solid var(--bl-color-border);border-radius:var(--bl-control-radius);background:var(--bl-color-surface);transition:border-color var(--bl-checkbox-motion-duration-state) var(--bl-motion-easing-state), background-color var(--bl-checkbox-motion-duration-state) var(--bl-motion-easing-state)}.site-checkbox-banner>.bl-checkbox{block-size:calc(var(--bl-line-height-compact) * 1em)}.site-checkbox-banner>.bl-choice__content{margin-block-start:0}.site-checkbox-banner:has(.bl-checkbox__input:checked){border-color:var(--bl-color-border-strong)}.site-checkbox-banner:has(.bl-checkbox__input:checked) .bl-choice__description{color:var(--bl-color-text-muted)}@supports (color:color-mix(in lab, red, red)){.site-checkbox-banner:has(.bl-checkbox__input:checked) .bl-choice__description{color:color-mix(in srgb, var(--bl-color-text-muted) 80%, var(--bl-color-text))}}.site-export-selection{gap:var(--bl-space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);inline-size:min(100%,36rem);display:grid}.site-export-selection fieldset{border:0;align-content:start;min-inline-size:0;margin:0;padding:0;display:grid}.site-export-selection legend{font-size:var(--bl-font-size-compact);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-line-height-compact);margin-block-end:var(--bl-space-2);padding:0}.site-export-preview{align-content:start;gap:var(--bl-space-2);border-inline-start:1px solid var(--bl-color-border);min-inline-size:0;font-size:var(--bl-font-size-compact);line-height:var(--bl-line-height-compact);margin:0;padding-inline-start:var(--bl-space-5);display:grid}.site-checkbox-table-region{border:1px solid var(--bl-color-border);border-radius:var(--bl-control-radius);inline-size:min(100%,56rem);overflow-x:auto}.site-checkbox-table{border-collapse:collapse;inline-size:100%;min-inline-size:40rem}.site-checkbox-table :is(th,td){block-size:calc(var(--bl-control-min-target-size) + 2 * var(--bl-control-border-width));padding:0 var(--bl-space-3);border-block-end:1px solid var(--bl-color-border);text-align:start}.site-checkbox-table th{font-weight:var(--bl-font-weight-medium)}.site-checkbox-table tbody tr{cursor:pointer;transition:background-color var(--bl-checkbox-motion-duration-state) var(--bl-motion-easing-state)}.site-checkbox-table tr:last-child td{border-block-end:0}.site-checkbox-table__selection{inline-size:var(--bl-control-min-target-size);text-align:center;padding:0}@media (hover:hover) and (pointer:fine){.site-checkbox-banner:hover{border-color:var(--bl-color-control-border-hover);background:var(--bl-color-surface-subtle)}.site-checkbox-table tbody tr:hover{background-color:var(--bl-color-surface-subtle)}}@media (prefers-reduced-motion:reduce){.site-checkbox-banner,.site-checkbox-table tbody tr{transition:none}}.site-switch-label{align-items:center;gap:var(--bl-space-1);cursor:pointer;display:inline-flex}:is(.site-switch-label,.site-switch-row):has(.bl-switch__input:enabled:not([data-pending]):is(:checked,:focus-visible,:active)){color:var(--bl-color-text)}@media (hover:hover) and (pointer:fine){:is(.site-switch-label,.site-switch-row):has(.bl-switch__input:enabled:not([data-pending]):hover:not(:checked,:focus-visible,:active)){color:var(--bl-color-text-muted)}@supports (color:color-mix(in lab, red, red)){:is(.site-switch-label,.site-switch-row):has(.bl-switch__input:enabled:not([data-pending]):hover:not(:checked,:focus-visible,:active)){color:color-mix(in srgb, var(--bl-color-text-muted) 55%, var(--bl-color-text))}}}.site-switch-label:has(.bl-switch__input:enabled[data-pending]){color:var(--bl-color-text-muted)}.site-switch-row:has(.bl-switch__input:enabled[data-pending]) label{color:var(--bl-color-text-muted)}@supports (color:color-mix(in lab, red, red)){.site-switch-label:has(.bl-switch__input:enabled[data-pending]){color:color-mix(in srgb, var(--bl-color-text-muted) 75%, var(--bl-color-disabled-text))}.site-switch-row:has(.bl-switch__input:enabled[data-pending]) label{color:color-mix(in srgb, var(--bl-color-text-muted) 75%, var(--bl-color-disabled-text))}}.site-switch-label:has(.bl-switch__input:enabled[data-pending]){cursor:progress}.site-switch-row:has(.bl-switch__input:enabled[data-pending]) label{cursor:progress}.site-switch-label:has(.bl-switch__input:disabled){color:var(--bl-color-disabled-text);cursor:not-allowed}.site-switch-row:has(.bl-switch__input:disabled) label{color:var(--bl-color-disabled-text);cursor:not-allowed}.site-switch-content-grid{background:var(--bl-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.site-switch-content-grid>*{min-block-size:10rem;min-inline-size:0;padding:var(--bl-space-5);background:var(--bl-color-canvas)}.site-switch-content-grid>.site-switch-label{place-content:center}.site-switch-row{align-items:center;gap:var(--bl-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.site-switch-row>span{gap:calc(var(--bl-space-1) / 2);min-inline-size:0;display:grid}.site-switch-row label{cursor:pointer;overflow-wrap:anywhere}.site-switch-row>span>label{color:var(--bl-color-text);font-weight:var(--bl-font-weight-medium)}.site-switch-row>span>span{color:var(--bl-color-text-muted);font-size:var(--bl-font-size-support);line-height:var(--bl-line-height-support)}.site-switch-theme-cell .bl-switch:first-of-type{justify-self:end}.site-switch-theme-cell .bl-switch:last-of-type{justify-self:start}.site-switch-example{padding:var(--bl-space-5);place-items:center;min-block-size:14rem;display:grid}.site-grid-preview-example{gap:var(--bl-space-4);inline-size:min(100%,22rem);display:grid}.site-grid-preview{gap:var(--bl-space-2);min-block-size:8rem;padding:var(--bl-space-3);border:1px solid var(--bl-color-border);border-radius:var(--bl-control-radius);background:var(--bl-color-surface-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-grid-preview[data-grid=visible]{background-image:linear-gradient(var(--bl-color-border) 1px, transparent 1px), linear-gradient(90deg, var(--bl-color-border) 1px, transparent 1px);background-size:var(--bl-space-4) var(--bl-space-4)}.site-grid-preview span{border-radius:var(--bl-control-radius);background:var(--bl-color-surface);border:1px solid var(--bl-color-border-strong);align-self:end;block-size:35%}.site-grid-preview span:nth-child(2){block-size:65%}.site-grid-preview span:nth-child(3){block-size:90%}.site-theme-grid,.site-examples-grid{background:var(--bl-color-border);gap:1px;display:grid}.site-theme-accent{--bl-color-primary:#334fd6;--bl-color-on-primary:#fff;--bl-color-primary-hover:#2942bb;--bl-color-primary-pressed:#203697;--bl-color-link:#334fd6;--bl-color-link-hover:#2942bb;--bl-color-link-active:#203697}.site-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-example-source{justify-content:space-between;align-items:center;gap:var(--bl-space-4);min-block-size:6rem;min-inline-size:0;padding:var(--bl-space-5) var(--bl-space-6);background:var(--bl-color-canvas);grid-column:1/-1;display:flex}.site-icon-button-example{border-radius:var(--bl-specimen-radius)}.site-code-example-section{position:relative}.site-code-example-section>.site-section-heading{min-block-size:var(--bl-control-min-target-size);padding-inline-end:calc(var(--bl-control-min-target-size) + var(--bl-space-2))}.site-code-disclosure{min-inline-size:0}.site-code-disclosure summary{inline-size:var(--bl-control-min-target-size);block-size:var(--bl-control-min-target-size);border-radius:var(--bl-control-radius);color:var(--bl-color-text-muted);cursor:pointer;place-items:center;padding:0;list-style:none;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.site-code-disclosure summary::-webkit-details-marker{display:none}.site-code-disclosure summary::marker{content:""}.site-code-disclosure summary:hover,.site-code-disclosure[open] summary{color:var(--bl-color-text);background:var(--bl-color-surface-subtle)}.site-code-disclosure summary:active{background:var(--bl-color-border)}.site-code-disclosure summary .bl-icon{inline-size:var(--bl-icon-size);block-size:var(--bl-icon-size);stroke-width:var(--bl-icon-stroke-width)}.site-code-disclosure summary:focus-visible{outline:2px solid var(--bl-color-focus-ring);outline-offset:2px}.site-code-disclosure[open] .site-code{border:1px solid var(--bl-color-border);border-radius:var(--bl-control-radius);max-block-size:16rem;margin-block-start:var(--bl-space-3)}.site-example-action{min-block-size:12rem;padding:var(--bl-space-6);background:var(--bl-color-canvas);flex-direction:column;align-items:start;display:flex}.site-example-action h3{font-family:var(--bl-font-family-sans);font-size:var(--bl-font-size-subsection-title);font-weight:var(--bl-font-weight-subsection-title);line-height:var(--bl-line-height-subsection-title);letter-spacing:var(--bl-letter-spacing-subsection-title)}.site-example-action>p:not(.site-action-status){max-inline-size:28rem;color:var(--bl-color-text-muted);margin-block-start:var(--bl-space-2)}.site-example-action .bl-button{margin-block-start:auto}.site-example-action .site-action-status{margin-block-start:var(--bl-space-3)}.site-content-grid{align-items:start;gap:var(--bl-space-5);padding:clamp(var(--bl-space-5), 5vw, var(--bl-space-8));background:var(--bl-color-surface-subtle);flex-wrap:wrap;display:flex}.site-narrow-control{inline-size:13rem}@media (max-width:64rem){.site-directory-nav{display:none}.site-directory-layout{display:block}.site-component-page{padding-inline-start:0}.site-code{border-block-start:1px solid var(--bl-color-border);border-inline-start:0}.site-examples-grid{grid-template-columns:1fr}.site-example-source{padding:var(--bl-space-5);flex-direction:column;grid-column:auto;align-items:stretch}}@media (max-width:40rem){.site-link-content-grid{grid-template-columns:1fr}.site-link-content-grid article+article{border-inline-start:0;border-block-start:1px solid var(--bl-color-border)}.site-icon-button-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-input-content-grid,.site-input-theme-cell,.site-textarea-content-grid,.site-textarea-theme-cell,.site-checkbox-content-grid,.site-checkbox-theme-cell,.site-switch-content-grid{grid-template-columns:1fr}:is(.site-input-theme-cell,.site-textarea-theme-cell)>.bl-field{grid-column:1}.site-checkbox-theme-cell>p,.site-checkbox-theme-cell>.bl-checkbox:first-of-type,.site-checkbox-theme-cell>.bl-checkbox:last-of-type{grid-column:auto}.site-checkbox-theme-cell{grid-template-columns:minmax(0,1fr) auto auto auto}.site-export-selection{gap:var(--bl-space-5);grid-template-columns:1fr}.site-export-preview{border-block-start:1px solid var(--bl-color-border);border-inline-start:0;padding-block-start:var(--bl-space-5);padding-inline-start:0}.site-checkbox-state-row,.site-checkbox-state-row--validation{grid-template-columns:1fr}}@container anatomy (max-width:40rem){.site-anatomy-board{grid-template-columns:1fr}.site-anatomy-key{gap:var(--bl-space-2);padding:var(--bl-space-5);grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr))}[data-anatomy-count="2"] .site-anatomy-key{grid-template-columns:repeat(2,minmax(0,1fr))}.site-anatomy-key li{gap:var(--bl-space-2);white-space:nowrap}.site-input-anatomy-diagram,.site-textarea-anatomy-diagram{grid-template-columns:auto var(--bl-space-3) minmax(0, 18rem);inline-size:min(100%,22rem)}.site-input-callout-b,.site-textarea-callout-b{grid-column:1}.site-input-callout-b:after,.site-textarea-callout-b:after{inline-size:var(--bl-space-2);block-size:1px;inset-block-start:50%;inset-inline-start:calc(100% + var(--bl-space-1));inset-inline-end:auto}}@media (max-width:30rem){.site-section-heading,.site-component-intro{flex-direction:column;align-items:start}.site-section-heading>p{max-inline-size:20rem}.site-state-cell{min-block-size:9rem}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}