@slotted/angular 0.1.0-beta.6 → 0.1.0-beta.7

package/fesm2022/slotted-angular-data-list.mjs

@@ -989,7 +989,7 @@ class SlDataList {
         }
       </div>
     </ng-template>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label]:has(>[data-part=section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui=list] [data-part=section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=list] [data-part=section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["variant", "sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label]:has(>[data-part=section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui=list] [data-part=section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=list] [data-part=section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["variant", "sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataList, decorators: [{
             type: Component,