@layer bleed.components{.alert{--_border:var(--alert-border,var(--ink));align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);color:var(--alert-fg,var(--ink));background-color:var(--alert-bg,var(--paper));border:var(--border-w) var(--border-style) var(--_border);border-radius:var(--radius);display:flex;position:relative}.alert__icon{inline-size:calc(var(--space-4) + var(--space-1));block-size:calc(var(--space-4) + var(--space-1));color:currentColor;margin-block-start:1px}.alert__title{font-family:var(--font-display);font-size:var(--font-size-1);margin:0}.alert__text{font-size:var(--font-size-1);margin:0}.alert__close{margin-block-start:calc(-1 * var(--space-1));margin-inline-start:auto}.alert--solid{--alert-bg:var(--_border);--alert-fg:var(--paper);--btn-fg:var(--paper);--btn-border:var(--paper);--btn-shadow:var(--space-1) var(--space-1) 0 var(--paper);--btn-shadow-hover:calc(var(--space-1) / 2) calc(var(--space-1) / 2) 0 var(--paper);--btn-shadow-active:0 0 0 var(--paper)}.badge{--_border:var(--badge-border,var(--ink));--_bg:var(--badge-bg,transparent);--_fg:var(--badge-fg,var(--ink));align-items:center;gap:var(--space-1);padding-block:var(--space-1);padding-inline:var(--space-2);font-size:var(--font-size-1);font-family:var(--font-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;color:var(--_fg);background-color:var(--_bg);border:var(--border-w) var(--border-style) var(--_border);border-radius:var(--radius);display:inline-flex}.badge--warning{--badge-border:var(--warning-strong);--badge-fg:var(--warning-strong)}.badge--negative{--badge-border:var(--negative-strong);--badge-fg:var(--negative-strong)}.badge--positive{--badge-border:var(--positive-strong);--badge-fg:var(--positive-strong)}.badge--accent{--badge-border:var(--accent);--badge-fg:var(--accent)}.badge--solid{--badge-bg:var(--_border);--badge-fg:var(--paper)}.badge__dot{inline-size:var(--space-2);block-size:var(--space-2);background-color:currentColor;border-radius:50%;margin-inline-end:var(--space-1)}.btn{--_bg:var(--btn-bg,transparent);--_fg:var(--btn-fg,var(--ink));--_bd:var(--btn-border,var(--ink));--_shadow:var(--btn-shadow,var(--shadow));--_shadow-hover:var(--btn-shadow-hover,var(--shadow-hover));--_shadow-active:var(--btn-shadow-active,var(--shadow-active));justify-content:center;align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-4);min-block-size:calc(var(--space-6) + var(--space-3));font-family:var(--font-display);font-size:var(--font-size-1);line-height:var(--line-height-tight);white-space:nowrap;cursor:pointer;color:var(--_fg);background-color:var(--_bg);border:var(--border-w) var(--border-style) var(--_bd);border-radius:var(--radius);box-shadow:var(--_shadow);transition:translate var(--transition), box-shadow var(--transition), background-color var(--transition), color var(--transition);text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--_shadow-hover)}.btn:active{translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--_shadow-active)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;box-shadow:var(--_shadow-active);pointer-events:none;translate:none}.btn--solid{--btn-bg:var(--ink);--btn-fg:var(--paper);--btn-border:var(--ink);--btn-shadow:var(--space-1) var(--space-1) 0 var(--neutral);--btn-shadow-hover:calc(var(--space-1) / 2) calc(var(--space-1) / 2) 0 var(--neutral);--btn-shadow-active:0 0 0 var(--neutral)}.btn--sm{padding-block:var(--space-1);padding-inline:var(--space-3);min-block-size:var(--space-6);font-size:var(--font-size-1)}.btn--lg{padding-block:var(--space-3);padding-inline:var(--space-5);min-block-size:calc(var(--space-8) + var(--space-1));font-size:var(--font-size-2)}.btn--icon{padding:var(--space-2);min-block-size:calc(var(--space-6) + var(--space-3));inline-size:calc(var(--space-6) + var(--space-3));aspect-ratio:1;font-size:var(--font-size-3)}.btn--icon.btn--sm{min-block-size:var(--space-6);inline-size:var(--space-6);padding:var(--space-1)}.btn--icon.btn--lg{min-block-size:calc(var(--space-8) + var(--space-1));inline-size:calc(var(--space-8) + var(--space-1))}.btn--icon>:is(svg,.icon),.btn__icon{inline-size:calc(var(--space-4) + var(--space-1));block-size:calc(var(--space-4) + var(--space-1))}.btn--full{inline-size:100%;display:flex}.btn-group{gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.card{--_bg:var(--card-bg,var(--paper));--_bd:var(--card-border,var(--ink));--_shadow:var(--card-shadow,var(--shadow));--_pad:var(--card-pad,var(--space-5));min-inline-size:0;color:var(--ink);background-color:var(--_bg);border:var(--border-w) var(--border-style) var(--_bd);border-radius:var(--radius);flex-direction:column;display:flex}.card--pad{padding:var(--_pad);gap:var(--space-3)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--_pad);border-block-end:var(--border-w) var(--border-style) var(--_bd);display:flex}.card-title{font-family:var(--font-display);font-size:var(--font-size-2);line-height:var(--line-height-tight);margin:0}.card-body{padding:var(--_pad);min-inline-size:0}.card-body--flush{padding:0}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--_pad);border-block-start:var(--border-w) var(--border-style) var(--_bd);display:flex}.card--interactive{cursor:pointer;box-shadow:var(--_shadow);transition:translate var(--transition), box-shadow var(--transition)}.card--interactive:hover,.card--interactive:focus-visible{translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--shadow-hover)}.card--interactive:active{translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--shadow-active)}.control{--_control-w:calc((var(--space-6) - var(--space-5)) / 2 + var(--space-5));--_control-h:calc((var(--space-6) - var(--space-5)) / 2 + var(--space-5));align-items:center;gap:calc(var(--space-2) + var(--space-1));cursor:pointer;padding-block-start:calc(var(--space-1) / 2);display:inline-flex}.control input[type=checkbox],.control input[type=radio],.field input[type=checkbox],.field input[type=radio]{appearance:none;inline-size:var(--_control-w);block-size:var(--_control-h);margin:calc(-1 * var(--space-1) / 2) 0 0 0;background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow);cursor:pointer;transition:translate var(--transition), box-shadow var(--transition);background-repeat:no-repeat}.control :is(input[type=checkbox],input[type=radio]):focus,.field :is(input[type=checkbox],input[type=radio]):focus{translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--shadow-hover)}.control :is(input[type=checkbox],input[type=radio]):active,.field :is(input[type=checkbox],input[type=radio]):active{translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--shadow-active)}.control input[type=checkbox],.field input[type=checkbox]{border-radius:0}.control input[type=checkbox]:checked,.field input[type=checkbox]:checked{background-image:linear-gradient(to top right, transparent calc(50% - var(--border-w) / 2), var(--ink) calc(50% - var(--border-w) / 2), var(--ink) calc(50% + var(--border-w) / 2), transparent calc(50% + var(--border-w) / 2)), linear-gradient(to bottom right, transparent calc(50% - var(--border-w) / 2), var(--ink) calc(50% - var(--border-w) / 2), var(--ink) calc(50% + var(--border-w) / 2), transparent calc(50% + var(--border-w) / 2))}.control input[type=checkbox]:indeterminate,.field input[type=checkbox]:indeterminate{background-image:linear-gradient(to top right, transparent calc(50% - var(--border-w) / 2), var(--ink) calc(50% - var(--border-w) / 2), var(--ink) calc(50% + var(--border-w) / 2), transparent calc(50% + var(--border-w) / 2))}.control input[type=radio],.field input[type=radio]{border-radius:50%}.control input[type=radio]:checked,.field input[type=radio]:checked{background-image:radial-gradient(circle calc(var(--_control-w) / 2 - var(--border-w) * 2) at center, var(--ink) 98%, transparent 100%)}.control:has(:disabled){opacity:.5;cursor:not-allowed}.control :is(input[type=checkbox],input[type=radio]):disabled,.field :is(input[type=checkbox],input[type=radio]):disabled{box-shadow:var(--shadow-active);translate:none}.range,.field input[type=range]{--range-track-h:calc((var(--space-6) - var(--space-5)) / 2 + var(--space-5));--range-thumb-gap:var(--border-w);--range-thumb-size:calc(var(--range-track-h) - 2 * var(--border-w) - 2 * var(--range-thumb-gap));appearance:none;inline-size:100%;block-size:var(--range-track-h);cursor:pointer;transition:translate var(--transition);background-color:#0000;margin:0}.range:focus,.field input[type=range]:focus{translate:var(--hover-shift-x) var(--hover-shift-y)}.range:active,.field input[type=range]:active{translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2)}.range:disabled,.field input[type=range]:disabled{translate:none}.range::-webkit-slider-runnable-track{block-size:var(--range-track-h);padding:0 var(--range-thumb-gap);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow);transition:box-shadow var(--transition);border-radius:0}.field input[type=range]::-webkit-slider-runnable-track{block-size:var(--range-track-h);padding:0 var(--range-thumb-gap);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow);transition:box-shadow var(--transition);border-radius:0}.range:focus::-webkit-slider-runnable-track{box-shadow:var(--shadow-hover)}.field input[type=range]:focus::-webkit-slider-runnable-track{box-shadow:var(--shadow-hover)}.range:active::-webkit-slider-runnable-track{box-shadow:var(--shadow-active)}.field input[type=range]:active::-webkit-slider-runnable-track{box-shadow:var(--shadow-active)}.range:disabled::-webkit-slider-runnable-track{box-shadow:var(--shadow-active)}.field input[type=range]:disabled::-webkit-slider-runnable-track{box-shadow:var(--shadow-active)}.range::-moz-range-track{block-size:var(--range-track-h);padding:0 var(--range-thumb-gap);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow);transition:box-shadow var(--transition);border-radius:0}.field input[type=range]::-moz-range-track{block-size:var(--range-track-h);padding:0 var(--range-thumb-gap);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow);transition:box-shadow var(--transition);border-radius:0}.range:focus::-moz-range-track{box-shadow:var(--shadow-hover)}.field input[type=range]:focus::-moz-range-track{box-shadow:var(--shadow-hover)}.range:active::-moz-range-track{box-shadow:var(--shadow-active)}.field input[type=range]:active::-moz-range-track{box-shadow:var(--shadow-active)}.range:disabled::-moz-range-track{box-shadow:var(--shadow-active)}.field input[type=range]:disabled::-moz-range-track{box-shadow:var(--shadow-active)}.range::-webkit-slider-thumb{appearance:none;inline-size:var(--range-thumb-size);block-size:var(--range-thumb-size);background-color:var(--ink);border:0;border-radius:0;margin-block-start:var(--range-thumb-gap)}.field input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:var(--range-thumb-size);block-size:var(--range-thumb-size);background-color:var(--ink);border:0;border-radius:0;margin-block-start:var(--range-thumb-gap)}.range::-moz-range-thumb{inline-size:var(--range-thumb-size);block-size:var(--range-thumb-size);background-color:var(--ink);border:0;border-radius:0}.field input[type=range]::-moz-range-thumb{inline-size:var(--range-thumb-size);block-size:var(--range-thumb-size);background-color:var(--ink);border:0;border-radius:0}.control-list{gap:var(--space-3);flex-direction:column;display:flex}.dl-stats{gap:var(--border-w);border:var(--border-w) var(--border-style) var(--ink);background-color:var(--ink);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid;overflow:hidden}.dl-stats>div{gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--paper);flex-direction:column;display:flex}.dl-stats dt{font-size:var(--font-size-1);font-family:var(--font-body);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal);color:var(--neutral-strong)}.dl-stats dd{font-size:var(--font-size-3);font-family:var(--font-body);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal);font-variant-numeric:tabular-nums;margin:0}.dl-inline{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.dl-inline dt{color:var(--neutral-strong)}.dl-inline dd{text-align:end;font-size:var(--font-size-1);font-family:var(--font-body);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal);font-variant-numeric:tabular-nums;margin:0}.empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border:var(--border-w) var(--border-style) var(--neutral);border-radius:var(--radius);color:var(--ink);flex-direction:column;display:flex}.empty__icon{inline-size:var(--space-6);block-size:var(--space-6)}.empty__title{font-family:var(--font-display);font-size:var(--font-size-3);margin:0}.empty__text{max-inline-size:40ch;font-size:var(--font-size-2);margin:0}.empty__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.field{gap:var(--space-2);min-inline-size:0;border:none;flex-direction:column;width:100%;margin:0;padding:0;display:flex}.field>label,.field__label{font-size:var(--font-size-1);line-height:var(--line-height-snug);padding:0}fieldset.field>legend{margin-block-end:var(--space-2)}.field__hint,.field__error{font-size:var(--font-size-1);line-height:var(--line-height-snug);margin-block-start:var(--space-1)}:is(.field__hint,.field__error)+:is(.field__hint,.field__error){margin-block-start:0}.field__hint{color:var(--neutral-strong)}.field__error{color:var(--negative-strong)}.field:not(:has(:user-invalid)):not(:has([aria-invalid=true])) .field__error{display:none}.field:has([aria-invalid=true])>label,.field:has([aria-invalid=true]) .field__label{color:var(--negative-strong)}.field:has(:user-invalid)>label{color:var(--negative-strong)}.field:has(:user-invalid) .field__label{color:var(--negative-strong)}:is(.field:has(:user-invalid),.field:has([aria-invalid=true])){--ink:var(--negative-strong);--paper:var(--negative-subtle);--neutral-subtle:var(--negative-subtle)}.field:has([aria-invalid=true]),.input:is(:user-invalid,[aria-invalid=true]){--shadow:var(--space-1) var(--space-1) 0 var(--negative-strong);--shadow-hover:calc(var(--space-1) / 2) calc(var(--space-1) / 2) 0 var(--negative-strong);--shadow-active:0 0 0 var(--negative-strong)}.field:has(:user-invalid){--shadow:var(--space-1) var(--space-1) 0 var(--negative-strong);--shadow-hover:calc(var(--space-1) / 2) calc(var(--space-1) / 2) 0 var(--negative-strong);--shadow-active:0 0 0 var(--negative-strong)}.input,.field :is(input,textarea):not(:where([type=checkbox],[type=radio],[type=range])){column-gap:var(--space-3);inline-size:100%;padding:var(--space-2) var(--space-3);font:inherit;color:var(--ink);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color var(--transition), translate var(--transition), box-shadow var(--transition)}.input::placeholder,.field :is(input,textarea)::placeholder{color:var(--neutral)}.input::-webkit-datetime-edit-fields-wrapper{padding-block:0}.field input::-webkit-datetime-edit-fields-wrapper{padding-block:0}.field textarea{min-block-size:calc(var(--space-9) + var(--space-4));resize:vertical}:is(.input,.field input,.field textarea):focus{translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--shadow-hover)}:is(.input,.field input,.field textarea):active{translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--shadow-active)}:is(:is(.input,.field input,.field textarea):user-invalid,:is(.input,.field input,.field textarea)[aria-invalid=true]){border-color:var(--negative-strong);background-color:var(--negative-subtle)}:is(.input,.field input,.field textarea):disabled{opacity:.5;cursor:not-allowed;background-color:var(--neutral-subtle);box-shadow:var(--shadow-active);translate:none}select.input{--_chevron-arm:5px;appearance:none;align-items:center;column-gap:var(--space-3);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - var(--space-4) - var(--_chevron-arm)) center, calc(100% - var(--space-4)) center;background-size:var(--_chevron-arm) var(--_chevron-arm);background-repeat:no-repeat;padding-inline-end:var(--space-4)}@supports not (appearance:base-select){select.input:open{background-image:linear-gradient(135deg, transparent 50%, var(--ink) 50%), linear-gradient(45deg, var(--ink) 50%, transparent 50%)}}@supports (appearance:base-select){select.input{appearance:base-select;background-image:none}select.input::picker-icon{content:"";inline-size:calc(var(--space-4) + var(--space-1));block-size:calc(var(--space-4) + var(--space-1));background-color:var(--ink);mask:var(--icon-chevron-down) center / contain no-repeat;transition:scale var(--transition);flex-shrink:0}select.input:open::picker-icon{scale:1 -1}}:is(select.input:user-invalid,select.input[aria-invalid=true]){border-color:var(--negative-strong);background-color:var(--negative-subtle)}select.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--neutral-subtle);box-shadow:var(--shadow-active);translate:none}.input-group{border-radius:var(--radius);min-inline-size:0;box-shadow:var(--shadow);transition:translate var(--transition), box-shadow var(--transition);align-items:stretch;display:flex}.input-group:has(.input:focus),.input-group:has(.btn:is(:hover,:focus-visible)){translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--shadow-hover)}.input-group:has(.input:active),.input-group:has(.btn:active){translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--shadow-active)}.input-group .input,.input-group .input:is(:focus,:active),.input-group .btn,.input-group .btn:is(:hover,:focus-visible,:active){box-shadow:none;translate:none}.input-group>.input:not(.input-group__addon){inline-size:100%;min-inline-size:0}.input-group>.input-group__addon{padding-inline:var(--space-3);color:var(--ink);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);flex-shrink:0;align-items:center;display:inline-flex}.input-group>.input-group__addon:is(select.input,.btn):is(:hover,:focus){background-color:var(--neutral-subtle)}.input-group>.input-group__addon,.input-group>.input:not(.input-group__addon){border-inline-end:none;border-radius:0}.input-group>.input-group__addon:first-child,.input-group>.input:not(.input-group__addon):first-child{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.input-group>.input-group__addon:last-child,.input-group>.input:not(.input-group__addon):last-child{border-inline-end:var(--border-w) var(--border-style) var(--ink);border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.grid{--_min:var(--grid-min,24rem);--_gap:var(--grid-gap,var(--space-4));grid-template-columns:repeat(auto-fit, minmax(min(var(--_min), 100%), 1fr));row-gap:var(--grid-row-gap,var(--_gap));column-gap:var(--grid-col-gap,var(--_gap));align-items:start;display:grid;container-type:inline-size}.grid>[data-span]{grid-column:1/-1}@container (width>=49rem){.grid>[data-span="2"]{grid-column:span 2}}@container (width>=74rem){.grid>[data-span="3"]{grid-column:span 3}}.modal{margin:auto auto calc(-1 * var(--border-w));inline-size:min(92vw,34rem);color:var(--ink);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);opacity:0;translate:0 var(--space-3);transition:opacity var(--transition), translate var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;padding:0;overflow:hidden}.modal[open]{opacity:1;translate:0}@starting-style{.modal[open]{opacity:0;translate:0 var(--space-3)}}.modal::backdrop{background-color:color-mix(in oklch, var(--ink) 50%, transparent);backdrop-filter:blur(2px)}.modal__wrap{flex-direction:column;max-block-size:85svh;display:flex}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-end:var(--border-w) var(--border-style) var(--ink);display:flex}.modal__title{font-family:var(--font-display);font-size:var(--font-size-3);margin:0}.modal__close{margin-block-start:calc(-1 * var(--space-1));margin-inline-start:auto;margin-inline-end:calc(-1 * var(--space-2))}.modal__body{gap:var(--space-4);block-size:auto;max-block-size:85svh;padding:var(--space-5);scrollbar-gutter:stable;flex-direction:column;display:flex;overflow:auto}@supports (interpolate-size:allow-keywords){.modal__body{--unfurl-delay:var(--transition-duration);--unfurl-duration:calc(var(--transition-duration) * 6);interpolate-size:allow-keywords;transition:block-size var(--unfurl-duration) var(--unfurl-delay) var(--transition-ease), max-block-size var(--unfurl-duration) var(--unfurl-delay) var(--transition-ease), padding-block calc(var(--unfurl-duration) / 2) var(--unfurl-delay) var(--transition-ease)}@starting-style{.modal[open] .modal__body{block-size:0;max-block-size:0;padding-block:0}}}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-start:var(--border-w) var(--border-style) var(--ink);flex-wrap:wrap;display:flex}.menu{padding:var(--space-1) 0;min-inline-size:11rem;color:var(--ink);background-color:var(--paper);border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;opacity:0;transition:opacity var(--transition), translate var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;translate:0 calc(-1 * var(--space-2));margin:0;margin-block-start:var(--space-2);position:fixed}.menu:popover-open{opacity:1;translate:0}@starting-style{.menu:popover-open{opacity:0;translate:0 calc(-1 * var(--space-2))}}.btn:where(:has(+.menu:popover-open)){translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--_shadow-hover)}.btn[popovertarget] svg:has(use[href=\#icon-chevron-down]){transition:scale var(--transition)}.btn:where(:has(+.menu:popover-open)) svg:has(use[href=\#icon-chevron-down]){scale:1 -1}.menu__item{align-items:center;gap:var(--space-2);inline-size:100%;padding:var(--space-2) var(--space-3);font:inherit;text-align:start;color:var(--ink);border-radius:var(--radius);cursor:pointer;background-color:#0000;border:none;text-decoration:none;display:flex}.menu__item:hover,.menu__item:focus-visible{background-color:var(--neutral-subtle)}.menu__item[aria-current]{color:var(--paper);background-color:var(--ink)}.menu__item--danger{color:var(--negative-strong);&:hover,&:focus-visible{background-color:var(--negative-subtle)}}.menu hr{margin-block:var(--space-1);border:none;border-block-start:var(--border-w) var(--border-style) var(--neutral)}.progress,.meter{appearance:none;inline-size:100%;block-size:var(--space-5);border-block-end:var(--border-w) var(--border-style) var(--ink);border-inline-end:calc(var(--border-w) * 4) var(--border-style) var(--ink);border-radius:var(--radius);overflow:hidden}.progress::-webkit-progress-bar{background:0 0}.progress::-webkit-progress-value{background:var(--progress-color,var(--ink));transition:inline-size var(--transition)}.progress::-moz-progress-bar{background:var(--progress-color,var(--ink))}.progress--positive{--progress-color:var(--positive)}.progress--negative{--progress-color:var(--negative)}.progress--warning{--progress-color:var(--warning)}.progress--accent{--progress-color:var(--accent)}.meter::-webkit-meter-inner-element{block-size:100%}.meter::-webkit-meter-bar{background:0 0;border:none}.meter::-webkit-meter-optimum-value{background:var(--ink)}.meter::-webkit-meter-suboptimum-value{background:var(--ink)}.meter::-webkit-meter-even-less-good-value{background:var(--ink)}.meter::-moz-meter-bar{background:var(--ink)}.meter--tone::-webkit-meter-optimum-value{background:var(--positive)}.meter--tone::-webkit-meter-suboptimum-value{background:var(--warning)}.meter--tone::-webkit-meter-even-less-good-value{background:var(--negative)}.meter--tone:-moz-meter-optimum::-moz-meter-bar{background:var(--positive)}.meter--tone:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}.meter--tone:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--negative)}.capacity{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:1fr auto;display:grid}.capacity>:is(.progress,.meter){grid-column:1/-1}.capacity__label{font-size:var(--font-size-1);line-height:var(--line-height-snug)}.capacity__value{font-size:var(--font-size-1);line-height:var(--line-height-snug);font-variant-numeric:tabular-nums;text-align:end}.skeleton{--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' stitchTiles='stitch' /%3E%3CfeColorMatrix type='saturate' values='0' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");min-block-size:calc(var(--space-4) + var(--space-1));border-radius:var(--radius);background-color:var(--neutral-subtle);display:block;position:relative;overflow:hidden}.skeleton:before{content:"";background-image:var(--noise);opacity:.5;pointer-events:none;background-repeat:repeat;background-size:130px 130px;animation:1s steps(2,end) infinite skeleton-noise;position:absolute;inset:-10rem}.skeleton--text{border-radius:var(--radius)}.skeleton--text:last-child{inline-size:70%}.skeleton--circle{aspect-ratio:1;inline-size:calc(var(--space-6) + var(--space-3));border-radius:50%}@keyframes skeleton-noise{0%{transform:translateY(9rem)}10%{transform:translate(-1rem,-4rem)}20%{transform:translate(-8rem,2rem)}30%{transform:translate(9rem,-9rem)}40%{transform:translate(-2rem,7rem)}50%{transform:translate(-9rem,-4rem)}60%{transform:translate(2rem,6rem)}70%{transform:translate(7rem,-8rem)}80%{transform:translate(-9rem,1rem)}90%{transform:translate(6rem,-5rem)}to{transform:translate(-7rem)}}.table-scroll{overscroll-behavior-inline:contain;min-inline-size:0;max-inline-size:100%;max-block-size:var(--table-scroll-max-h,70svh);border-radius:var(--radius);overflow:auto}.table-scroll>.table{min-inline-size:max-content}.table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;inline-size:100%}.table :is(th,td){padding:var(--space-2) var(--space-3);text-align:start;font-size:var(--font-size-1);font-family:var(--font-body);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal)}.table thead th{z-index:1;background-color:var(--paper);border-block-end:var(--border-w) var(--border-style) var(--ink);position:sticky;inset-block-start:0}.table tfoot :is(th,td){background-color:var(--paper);border-block-start:var(--border-w) var(--border-style) var(--ink);border-block-end:none}.table--sticky-foot tfoot :is(th,td){z-index:1;position:sticky;inset-block-end:0}.table :is(th,td).solid,.table tr.solid :is(th,td){color:var(--paper);background-color:var(--ink);border-color:var(--ink)}.table :is(th,td).num,.table :is(th,td)[data-type=number]{text-align:end;font-variant-numeric:tabular-nums}.table--zebra tbody tr:nth-child(2n){background-color:color-mix(in oklch, var(--ink) 6%, var(--paper))}.table--rows tbody tr:hover{background-color:color-mix(in oklch, var(--ink) 12%, var(--paper))}.table tbody tr:has(:checked){background-color:color-mix(in oklch, var(--ink) 18%, var(--paper))}.table caption{font-family:var(--font-display);text-align:start;padding-block-end:var(--space-2)}.segmented{--_tab-radius:max(0px, calc(var(--radius) - var(--border-w)));border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);width:fit-content;box-shadow:var(--shadow);transition:translate var(--transition), box-shadow var(--transition);display:flex}.segmented:has(>[role=tab]:is(:hover,:focus-visible)){translate:var(--hover-shift-x) var(--hover-shift-y);box-shadow:var(--shadow-hover)}.segmented:has(>[role=tab]:active){translate:calc(var(--hover-shift-x) * 2) calc(var(--hover-shift-y) * 2);box-shadow:var(--shadow-active)}.segmented>[role=tab]{appearance:none;padding:var(--space-2) var(--space-4);font:inherit;color:var(--ink);background-color:var(--paper);border:none;border-inline-end:var(--border-w) var(--border-style) var(--ink);cursor:pointer;transition:background-color var(--transition), color var(--transition);text-decoration:none}.segmented>[role=tab]:first-child{border-start-start-radius:var(--_tab-radius);border-end-start-radius:var(--_tab-radius)}.segmented>[role=tab]:last-child{border-inline-end:none;border-start-end-radius:var(--_tab-radius);border-end-end-radius:var(--_tab-radius)}.segmented>[role=tab]:hover{background-color:var(--neutral-subtle)}.segmented>[role=tab][aria-selected=true]{color:var(--paper);background-color:var(--ink)}.tabs__list{gap:var(--space-2);border-block-end:var(--border-w) var(--border-style) var(--ink);flex-wrap:wrap;padding-inline-start:var(--space-2);display:flex}.tabs__tab{appearance:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font:inherit;color:var(--ink);border:var(--border-w) var(--border-style) transparent;cursor:pointer;transition:margin-block-start var(--transition), box-shadow var(--transition), padding-block-end var(--transition);background-color:#0000;margin-block-end:calc(-1 * var(--border-w));text-decoration:none;display:inline-flex}.tabs__icon{inline-size:calc(var(--space-4) + var(--space-1));block-size:calc(var(--space-4) + var(--space-1))}.tabs__tab:not([aria-selected=true],[aria-current]):hover{color:var(--ink);border:var(--border-w) var(--border-style) var(--ink);box-shadow:var(--shadow-hover);margin-block-start:calc(-1 * var(--space-2))}.tabs__tab:is([aria-selected=true],[aria-current]):not([aria-current=false]){color:var(--ink);background:var(--paper);border-color:var(--ink);box-shadow:var(--shadow);position:relative;&:after{content:"";width:100%;height:var(--border-w);background-color:var(--paper);display:block;position:absolute;inset-block-end:calc(-1 * var(--border-w));inset-inline:0}}.tabs__panel{background:var(--paper);padding:var(--space-5);border:var(--border-w) var(--border-style) var(--ink);border-block-start:none;position:relative;overflow:auto}.toast-region{z-index:1000;gap:var(--space-3);inline-size:min(24rem, calc(100vw - var(--space-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-5);inset-inline-end:var(--space-5)}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);color:var(--toast-fg,var(--ink));background-color:var(--toast-bg,var(--paper));border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);animation:toast-in var(--transition) both;display:flex}.toast--solid{--toast-bg:var(--ink);--toast-fg:var(--paper);--btn-fg:var(--paper);--btn-border:var(--paper);--btn-shadow:var(--space-1) var(--space-1) 0 var(--paper);--btn-shadow-hover:calc(var(--space-1) / 2) calc(var(--space-1) / 2) 0 var(--paper);--btn-shadow-active:0 0 0 var(--paper)}.toast__icon{inline-size:calc(var(--space-4) + var(--space-1));block-size:calc(var(--space-4) + var(--space-1));color:currentColor;margin-block-start:1px}.toast__title{font-family:var(--font-display);font-size:var(--font-size-1);margin:0}.toast__msg{font-size:var(--font-size-1);margin:0}.toast__close{margin-block-start:calc(-1 * var(--space-1));margin-inline-start:auto}.toast--leaving{animation:toast-out var(--transition) both}@keyframes toast-in{0%{opacity:0;translate:var(--space-4) 0}to{opacity:1;translate:0}}@keyframes toast-out{0%{opacity:1;translate:0}to{opacity:0;translate:var(--space-4) 0}}.tooltip{margin:var(--space-2);max-inline-size:22ch;padding:var(--space-1) var(--space-2);font-size:var(--font-size-1);color:var(--tooltip-fg,var(--ink));background-color:var(--tooltip-bg,var(--paper));border:var(--border-w) var(--border-style) var(--ink);border-radius:var(--radius);position-area:block-start;position-try-fallbacks:flip-block;opacity:0;transition:opacity var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;position:fixed}.tooltip--solid{--tooltip-bg:var(--ink);--tooltip-fg:var(--paper)}.tooltip:popover-open{opacity:1}@starting-style{.tooltip:popover-open{opacity:0}}}