@layer mosaic.components{.msc-ActionBar{container-type:inline-size}.msc-ActionBar :where(.msc-ActionBarPanels){--msc-action-bar-padding-block:16px;--msc-action-bar-padding-inline:24px;border-top:1px solid var(--msc-c-border-color-subtle);padding:var(--msc-action-bar-padding-block) var(--msc-action-bar-padding-inline);gap:16px;display:flex}.msc-ActionBar :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelEnd,.msc-ActionBarPanelStart){gap:16px;display:flex}.msc-ActionBar :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelStart){align-items:start}.msc-ActionBar :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelEnd){align-items:end}.msc-ActionBar:where([data-layout=responsive],[data-layout=stack]) :where(.msc-ActionBarPanels){flex-direction:column}.msc-ActionBar:where([data-layout=responsive],[data-layout=stack]) :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelEnd,.msc-ActionBarPanelStart){flex-direction:column}.msc-ActionBar:where([data-layout=responsive],[data-layout=stack]) :where(.msc-ActionBarPanels) :where(.msc-Button){justify-content:center;width:100%;display:flex}@container (min-width:481px){.msc-ActionBar:where([data-layout=responsive]) :where(.msc-ActionBarPanels){flex-direction:row-reverse}.msc-ActionBar:where([data-layout=responsive]) :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelStart){flex-direction:row;margin-inline-end:auto}.msc-ActionBar:where([data-layout=responsive]) :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelEnd){flex-direction:row-reverse;margin-inline-start:auto}.msc-ActionBar:where([data-layout=responsive]) :where(.msc-ActionBarPanels) :where(.msc-Button){width:auto}}.msc-ActionBar:where([data-layout=grid]) :where(.msc-ActionBarPanels){flex-direction:row-reverse}.msc-ActionBar:where([data-layout=grid]) :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelStart){flex-direction:row;margin-inline-end:auto}.msc-ActionBar:where([data-layout=grid]) :where(.msc-ActionBarPanels) :where(.msc-ActionBarPanelEnd){flex-direction:row-reverse;margin-inline-start:auto}.msc-ActionBar:where([data-layout=grid]) :where(.msc-ActionBarPanels) :where(.msc-Button){width:auto}@container (min-width:769px){.msc-ActionBar:where([data-layout=responsive],[data-layout=grid]) .msc-ActionBarPanels{--msc-action-bar-padding-inline:40px}}.msc-ActionBar:where([data-fluid]) .msc-ActionBarPanels{--msc-action-bar-padding-block:16px 0;--msc-action-bar-padding-inline:0}}
@layer mosaic.components{.msc-Marker{--msc-marker-spacing-inline:.25em;--msc-marker-symbol-size:1em;--msc-marker-label-size:1em;vertical-align:top;margin-inline-start:var(--msc-marker-spacing-inline)}.msc-Marker:where([data-type=symbol]){font-size:var(--msc-marker-symbol-size)}.msc-Marker:where([data-type=label]){font-size:var(--msc-marker-label-size)}}
@layer mosaic.components{.msc-Label{--msc-label-color:var(--msc-c-neutral-80);--msc-label-font-family:var(--msc-t-label-font-family);--msc-label-font-size:var(--msc-t-label-md-font-size);--msc-label-letter-spacing:.4px;--msc-label-line-height:var(--msc-t-label-md-line-height);width:100%;color:var(--msc-label-color);font-family:var(--msc-label-font-family);font-size:var(--msc-label-font-size);letter-spacing:var(--msc-label-letter-spacing);line-height:var(--msc-label-line-height);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;pointer-events:none;text-decoration:none;display:inline-block;overflow:hidden}}
@layer mosaic.components{.msc-ProgressBar{--msc-progress-bar-size:6px;--msc-progress-bar-border-radius:3px;--msc-progress-bar-track-color:var(--msc-c-highlight-overlay);--msc-progress-bar-fill-color:var(--msc-c-highlight-background);grid-template-columns:1fr auto;grid-template-areas:"label value""bar bar";gap:4px;width:250px;display:grid}.msc-ProgressBar .msc-Label{--msc-label-font-size:14px}.msc-ProgressBar .msc-ProgressBarValue{color:var(--msc-c-text-color);grid-area:value}.msc-ProgressBar .msc-ProgressBarTrack{height:var(--msc-progress-bar-size);border-radius:var(--msc-progress-bar-border-radius);background:var(--msc-progress-bar-track-color);forced-color-adjust:none;grid-area:bar;overflow:hidden}.msc-ProgressBar .msc-ProgressBarFill{border-radius:inherit;background:var(--msc-progress-bar-fill-color);height:100%}.msc-ProgressBar:where([data-indeterminate=ltr]){--msc-progress-bar-fill-from:-85%;--msc-progress-bar-fill-to:85%}.msc-ProgressBar:where([data-indeterminate=rtl]){--msc-progress-bar-fill-from:85%;--msc-progress-bar-fill-to:-85%}.msc-ProgressBar:where([data-indeterminate]) .msc-ProgressBarFill{will-change:transform;width:100%;animation:1.5s ease-in-out infinite msc-ProgressBar-indeterminate}@keyframes msc-ProgressBar-indeterminate{0%{transform:translateX(var(--msc-progress-bar-fill-from)) scaleX(.7)}to{transform:translateX(var(--msc-progress-bar-fill-to)) scaleX(.7)}}}
@layer mosaic.components{.msc-Button{--msc-button-padding:var(--msc-s-sm) 11px;--msc-button-border-width:var(--msc-s-min);--msc-button-border-style:solid;--msc-button-border-color:var(--msc-c-button-border);--msc-button-border-radius:var(--msc-s-xs);--msc-button-color:var(--msc-c-button-color);--msc-button-background-color:var(--msc-c-button-background);--msc-button-outline-width:var(--msc-s-xxs);--msc-button-outline-style:solid;--msc-button-outline-color:var(--msc-c-button-outline);--msc-button-outline-offset:calc(var(--msc-s-xxs) * -1px);--msc-button-font-family:var(--msc-t-action-font-family);--msc-button-font-size:var(--msc-t-action-font-size);--msc-button-line-height:var(--msc-t-action-line-height);--msc-button-icon-size:var(--msc-t-size-lg);--msc-button-icon-animation-translation:7px;--msc-button-gap:var(--msc-s-xs);padding:var(--msc-button-padding);border:var(--msc-button-border-width) var(--msc-button-border-style) var(--msc-button-border-color);border-radius:var(--msc-button-border-radius);color:var(--msc-button-color);background-color:var(--msc-button-background-color);font-family:var(--msc-button-font-family);font-size:var(--msc-button-font-size);line-height:var(--msc-button-line-height);forced-color-adjust:none;appearance:none;vertical-align:middle;text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--msc-button-gap);outline:none;margin:0;text-decoration:none;transition:border-color .15s ease-in,color .15s ease-in,background-color .15s ease-in;display:inline-flex;position:relative}.msc-Button:where([data-hovered]){cursor:pointer}.msc-Button:where([data-focus-visible]){z-index:var(--msc-z-index-raised);outline:var(--msc-button-outline-width) var(--msc-button-outline-style) var(--msc-button-outline-color);outline-offset:var(--msc-button-outline-offset)}.msc-Button:where([data-hovered],[data-focus-visible]){--msc-button-border-color:var(--msc-c-button-border-interactive);--msc-button-color:var(--msc-c-button-color-interactive);--msc-button-background-color:var(--msc-c-button-background-interactive)}.msc-Button:where([data-pressed]){--msc-button-border-color:var(--msc-c-button-border-pressed);--msc-button-color:var(--msc-c-button-color-pressed);--msc-button-background-color:var(--msc-c-button-background-pressed)}.msc-Button:where([data-disabled]){--msc-button-border-color:var(--msc-c-button-border-disabled);--msc-button-color:var(--msc-c-button-color-disabled);--msc-button-background-color:var(--msc-c-button-background-disabled)}.msc-Button:where([data-variant=ghost]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-80);--msc-button-background-color:transparent}.msc-Button:where([data-variant=ghost]):where([data-hovered],[data-focus-visible]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-max);--msc-button-background-color:transparent}.msc-Button:where([data-variant=ghost]):where([data-disabled]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-50);--msc-button-background-color:transparent}.msc-Button:where([data-variant=primary]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-white);--msc-button-background-color:var(--msc-c-primary)}.msc-Button:where([data-variant=primary]):where([data-hovered],[data-focus-visible]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-white);--msc-button-background-color:var(--msc-c-primary-muted)}.msc-Button:where([data-variant=primary]):where([data-disabled]){--msc-button-border-color:var(--msc-c-button-border-disabled);--msc-button-color:var(--msc-c-button-color-disabled);--msc-button-background-color:var(--msc-c-button-background-disabled)}.msc-Button:where([data-variant=secondary]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-80);--msc-button-background-color:var(--msc-c-neutral-min)}.msc-Button:where([data-variant=secondary]):where([data-hovered],[data-focus-visible]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-max);--msc-button-background-color:var(--msc-c-neutral-05)}.msc-Button:where([data-variant=secondary]):where([data-disabled]){--msc-button-border-color:var(--msc-c-button-border-disabled);--msc-button-color:var(--msc-c-button-color-disabled);--msc-button-background-color:var(--msc-c-button-background-disabled)}.msc-Button:where([data-variant=tertiary]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-min);--msc-button-background-color:var(--msc-c-neutral-80)}.msc-Button:where([data-variant=tertiary]):where([data-hovered],[data-focus-visible]){--msc-button-border-color:transparent;--msc-button-color:var(--msc-c-neutral-min);--msc-button-background-color:var(--msc-c-neutral-max)}.msc-Button:where([data-variant=tertiary]):where([data-disabled]){--msc-button-border-color:var(--msc-c-button-border-disabled);--msc-button-color:var(--msc-c-button-color-disabled);--msc-button-background-color:var(--msc-c-button-background-disabled)}.msc-Button:where([data-variant=quaternary]){--msc-button-border-color:var(--msc-c-neutral-10);--msc-button-color:var(--msc-c-neutral-50);--msc-button-background-color:var(--msc-c-neutral-min)}.msc-Button:where([data-variant=quaternary]):where([data-hovered],[data-focus-visible]){--msc-button-border-color:var(--msc-c-neutral-max);--msc-button-color:var(--msc-c-neutral-min);--msc-button-background-color:var(--msc-c-neutral-80)}.msc-Button:where([data-variant=quaternary]):where([data-disabled]){--msc-button-border-color:var(--msc-c-button-border-disabled);--msc-button-color:var(--msc-c-button-color-disabled);--msc-button-background-color:var(--msc-c-button-background-disabled)}.msc-Button:where([data-children=single]):has(.msc-Icon,.msc-ProgressIndicator){--msc-button-padding:7px}.msc-Button .msc-Icon:not([width],[height],[data-size]){--msc-icon-size:var(--msc-button-icon-size)}.msc-Button .msc-ProgressIndicator{--msc-progress-indicator-size:var(--msc-button-icon-size);--msc-progress-indicator-fill-color:currentColor}.msc-Button:where([data-animated-icon]:not([data-disabled])) .msc-Icon{transition:transform .15s ease-out}.msc-Button:where([data-animated-icon]:not([data-disabled])):where([data-hovered][data-animated-icon=left]) .msc-Icon{transform:translateX(calc(var(--msc-button-icon-animation-translation) * -1))}.msc-Button:where([data-animated-icon]:not([data-disabled])):where([data-hovered][data-animated-icon=right]) .msc-Icon{transform:translateX(var(--msc-button-icon-animation-translation))}}
@layer mosaic.components{.msc-ActionButton{--msc-action-button-size:32px;--msc-action-button-icon-size:16px;--msc-action-button-icon-padding:var(--msc-s-none);--msc-action-button-border-radius:var(--msc-s-xs);--msc-action-button-color:var(--msc-c-neutral-60);--msc-action-button-background-color:transparent;--msc-action-button-outline-width:2px;--msc-action-button-outline-style:solid;--msc-action-button-outline-color:var(--msc-c-button-outline);--msc-action-button-outline-offset:-5px;width:var(--msc-action-button-size);height:var(--msc-action-button-size);padding:var(--msc-action-button-icon-padding);border-radius:var(--msc-action-button-border-radius);color:var(--msc-action-button-color);background:var(--msc-action-button-background-color);-webkit-user-select:none;user-select:none;cursor:pointer;appearance:none;border:none;flex:none;justify-content:center;align-items:center;display:flex}.msc-ActionButton:where([data-hovered]){cursor:pointer}.msc-ActionButton:where([data-focus-visible]){z-index:var(--msc-z-index-raised);outline:var(--msc-action-button-outline-width) var(--msc-action-button-outline-style) var(--msc-action-button-outline-color);outline-offset:var(--msc-action-button-outline-offset)}.msc-ActionButton:where([data-hovered],[data-focus-visible]){--msc-action-button-color:var(--msc-c-neutral-80)}.msc-ActionButton:where([data-disabled]){--msc-action-button-color:var(--msc-c-neutral-60)}.msc-ActionButton .msc-Icon{width:var(--msc-action-button-icon-size);height:var(--msc-action-button-icon-size)}}
@layer mosaic.components{.msc-Icon{--msc-icon-size:auto;width:var(--msc-icon-size);height:var(--msc-icon-size);pointer-events:none;flex-shrink:0;display:inline-block}.msc-Icon:where([data-size=xs]){--msc-icon-size:14px}.msc-Icon:where([data-size=sm]){--msc-icon-size:16px}.msc-Icon:where([data-size=md]){--msc-icon-size:20px}.msc-Icon:where([data-size=lg]){--msc-icon-size:32px}.msc-Icon:where([data-size=xl]){--msc-icon-size:36px}}
@layer mosaic.components{.msc-Alert{--msc-alert-spacing:16px;--msc-alert-spacing-inline:32px;--msc-alert-font-family:var(--msc-t-body-font-family);--msc-alert-font-size:var(--msc-t-body-md-font-size);--msc-alert-line-height:var(--msc-t-body-md-line-height);--msc-alert-title-font-family:var(--msc-t-heading-sm-font-family);--msc-alert-title-font-size:var(--msc-t-heading-sm-font-size);--msc-alert-title-font-weight:400;--msc-alert-title-line-height:var(--msc-t-heading-sm-line-height);--msc-alert-title-font-family-inline:var(--msc-t-body-font-family);--msc-alert-title-font-size-inline:var(--msc-t-body-lg-font-size);--msc-alert-title-line-height-inline:var(--msc-t-body-lg-line-height);--msc-alert-icon-size:20px;--msc-alert-icon-size-inline:32px;--msc-alert-icon-space-start:16px;--msc-alert-icon-space-inline-start:40px;--msc-alert-content-margin-block:18px;--msc-alert-content-margin-block-no-icon:40px;--msc-alert-content-margin-block-inline:24px;--msc-alert-content-margin-block-no-icon-inline:40px;--msc-alert-action-padding:7px 15px;--msc-alert-action-font-family:var(--msc-t-action-font-family);--msc-alert-action-spacing:12px;--msc-alert-action-spacing-inline:12px;padding-block:var(--msc-alert-spacing);color:var(--msc-alert-color);background:var(--msc-alert-background-color);display:flex;position:relative}.msc-Alert:where([data-variant=neutral],[data-variant=info]){--msc-alert-color:var(--msc-c-info-color-on-info);--msc-alert-background-color:var(--msc-c-info-background)}.msc-Alert:where([data-variant=warning]){--msc-alert-color:var(--msc-c-warning-color-on-warning);--msc-alert-background-color:var(--msc-c-warning-background)}.msc-Alert:where([data-variant=alert]){--msc-alert-color:var(--msc-c-alert-color-on-alert);--msc-alert-background-color:var(--msc-c-alert-background)}.msc-Alert:where([data-variant=success]){--msc-alert-color:var(--msc-c-success-color-on-success);--msc-alert-background-color:var(--msc-c-success-background)}.msc-Alert:where([data-variant=error]){--msc-alert-color:var(--msc-c-error-color-on-error);--msc-alert-background-color:var(--msc-c-error-background)}.msc-Alert:where([data-inline]){--msc-alert-color:var(--msc-c-inline-color-on-inline);--msc-alert-background-color:var(--msc-c-inline-background);--msc-alert-spacing:var(--msc-alert-spacing-inline);--msc-alert-action-spacing:var(--msc-alert-action-spacing-inline);--msc-alert-icon-size:var(--msc-alert-icon-size-inline);--msc-alert-icon-space-start:var(--msc-alert-icon-space-inline-start);--msc-alert-title-font-family:var(--msc-alert-title-font-family-inline);--msc-alert-title-font-size:var(--msc-alert-title-font-size-inline);--msc-alert-title-line-height:var(--msc-alert-title-line-height-inline)}.msc-Alert :where(.msc-AlertIcon,.msc-AlertContent){vertical-align:top;display:inline-block}.msc-Alert :where(.msc-AlertIcon){width:var(--msc-alert-icon-size);height:var(--msc-alert-icon-size);flex:none;margin-block-start:1px;margin-inline-start:var(--msc-alert-icon-space-start)}.msc-Alert :where(.msc-AlertContent){margin-inline:var(--msc-alert-content-margin-block-no-icon);flex:auto}.msc-Alert:where(.msc-Alert:has(.msc-AlertIcon)) :where(.msc-AlertContent){margin-inline-start:var(--msc-alert-content-margin-block)}.msc-Alert :where(.msc-AlertText){font-family:var(--msc-alert-font-family);font-size:var(--msc-alert-font-size);line-height:var(--msc-alert-line-height);text-overflow:ellipsis;overflow:hidden}.msc-Alert :where(.msc-AlertTitle){font-family:var(--msc-alert-title-font-family);font-size:var(--msc-alert-title-font-size);font-weight:var(--msc-alert-title-font-weight);line-height:var(--msc-alert-title-line-height);text-overflow:ellipsis;overflow:hidden}.msc-Alert :where(.msc-AlertActions){margin-block-start:var(--msc-alert-spacing)}.msc-Alert:where(:not([data-inline])) .msc-Button{padding:var(--msc-alert-action-padding);font-family:var(--msc-alert-action-font-family)}.msc-Alert .msc-Button:not(:first-child){margin-inline-start:var(--msc-alert-action-spacing)}.msc-Alert .msc-ActionButton{--msc-action-button-icon-size:14px;--msc-action-button-color:var(--msc-c-highlight-color-dimmed);--msc-action-button-outline-offset:-13px;top:0;margin:8px;position:absolute;inset-inline-end:0}.msc-Alert .msc-ActionButton:where([data-hovered],[data-focus-visible]){--msc-action-button-color:var(--msc-c-highlight-color-interactive)}}
@layer mosaic.components{.msc-Avatar{--msc-avatar-size:40px;--msc-avatar-border-radius:9999px;--msc-avatar-color:var(--msc-c-text-color);--msc-avatar-background:var(--msc-c-neutral-20);--msc-avatar-font-family:var(--msc-f-sans-serif-medium);--msc-avatar-font-size:14px;--msc-avatar-line-height:1;width:var(--msc-avatar-size);height:var(--msc-avatar-size);border-radius:var(--msc-avatar-border-radius);color:var(--msc-avatar-color);background:var(--msc-avatar-background);font-family:var(--msc-avatar-font-family);font-size:var(--msc-avatar-font-size);line-height:var(--msc-avatar-line-height);text-transform:uppercase;vertical-align:middle;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.msc-Avatar:where(a){cursor:pointer;text-decoration:none}.msc-Avatar:where([data-size=xs]){--msc-avatar-size:24px;--msc-avatar-font-size:12px}.msc-Avatar:where([data-size=sm]){--msc-avatar-size:32px}.msc-Avatar:where([data-size=md]){--msc-avatar-size:40px}.msc-Avatar:where([data-size=lg]){--msc-avatar-size:48px}.msc-Avatar:where([data-size=xl]){--msc-avatar-size:64px}.msc-Avatar:where([data-size=xxl]){--msc-avatar-size:84px}.msc-AvatarImage{opacity:0;object-fit:cover;width:100%;height:100%;transition:opacity .15s ease-in;position:absolute;inset:0}.msc-AvatarImage[data-visible]{opacity:1}.msc-AvatarFallback{color:inherit;background:inherit;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}}
@layer mosaic.components{.msc-Badge{--msc-badge-size:16px;--msc-badge-padding-block:.5px;--msc-badge-padding-inline:4px;--msc-badge-color:var(--msc-c-white);--msc-badge-background-color:var(--msc-c-accent);--msc-badge-font-family:var(--msc-t-caption-font-family);--msc-badge-font-size:var(--msc-t-caption-md-font-size);--msc-badge-letter-spacing:.4px;--msc-badge-line-height:1.2;width:auto;min-width:var(--msc-badge-size);height:var(--msc-badge-size);padding-block:var(--msc-badge-padding-block);padding-inline:var(--msc-badge-padding-inline);border-radius:var(--msc-badge-border-radius);color:var(--msc-badge-color);background:var(--msc-badge-background-color);font-family:var(--msc-badge-font-family);font-size:var(--msc-badge-font-size);line-height:var(--msc-badge-line-height);letter-spacing:var(--msc-badge-letter-spacing);text-align:center;display:table-cell}.msc-Badge:where([data-variant=pill]){--msc-badge-border-radius:8px}.msc-Badge:where([data-variant=tag]){--msc-badge-border-radius:0}}
@layer mosaic.components{.msc-Box:where([data-variant=block]){display:block}.msc-Box:where([data-variant=inline-block]){display:inline-block}.msc-Box:where([data-variant=flex]){display:flex}.msc-Box:where([data-variant=inline-flex]){display:inline-flex}.msc-Box:where([data-variant=grid]){display:grid}:where(.msc-Box:where([data-variant=grid])>*){min-width:0}.msc-Box:where([data-variant=inline-grid]){display:inline-grid}:where(.msc-Box:where([data-variant=inline-grid])>*){min-width:0}}
@layer mosaic.components{.msc-Link{--msc-link-color:var(--msc-c-link-color);--msc-link-decoration-color:var(--msc-c-link-color-dimmed);--msc-link-background:linear-gradient(transparent, var(--msc-link-decoration-color)) 0 100% / 1px 1px repeat-x;color:var(--msc-link-color);background:var(--msc-link-background);cursor:default;outline:none;text-decoration:none;position:relative}.msc-Link:where([data-hovered]){--msc-link-decoration-color:var(--msc-c-link-color);cursor:pointer}.msc-Link:where([data-pressed]){--msc-link-color:var(--msc-c-link-color-pressed)}.msc-Link:where([data-focus-visible]):after{content:"";border:2px solid var(--msc-c-focus-ring-color);border-radius:4px;position:absolute;inset:-3px -6px}.msc-Link:where([data-disabled]){--msc-link-color:var(--msc-c-link-color-disabled)}.msc-Link:where([data-decoration=none]){background:0 0}}
@layer mosaic.components{.msc-Breadcrumbs{--msc-breadcrumbs-color:var(--msc-c-link-color-dimmed);--msc-breadcrumbs-font-family:var(--msc-f-sans-serif-regular);--msc-breadcrumbs-font-size:16px;--msc-breadcrumbs-line-height:18px;--msc-breadcrumbs-icon-size:12px;align-items:center;margin:0;padding:0;list-style:none;display:flex}.msc-Breadcrumbs .msc-Breadcrumb{flex-shrink:0;align-items:center;display:inline-flex}.msc-Breadcrumbs .msc-Breadcrumb>.msc-Icon{--msc-icon-size:var(--msc-breadcrumbs-icon-size);color:var(--msc-breadcrumbs-color);margin-inline:8px}.msc-Breadcrumbs .msc-Link{--msc-link-color:var(--msc-breadcrumbs-color);font-family:var(--msc-breadcrumbs-font-family);font-size:var(--msc-breadcrumbs-font-size);line-height:var(--msc-breadcrumbs-line-height);background:0 0}.msc-Breadcrumbs .msc-Link:where([data-current]){--msc-link-color:var(--msc-c-link-color)}.msc-Breadcrumbs .msc-Link:where([data-focus-visible]):after{content:"";border:2px solid var(--msc-c-focus-ring-color);border-radius:6px;position:absolute;inset:-2px -4px}}
@layer mosaic.components{.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup{--msc-calendar-padding:12px;--msc-calendar-font-family:var(--msc-t-body-font-family);--msc-calendar-font-size:var(--msc-t-body-lg-font-size);--msc-calendar-font-weight:var(--msc-t-body-font-weight);--msc-calendar-heading-line-height:var(--msc-t-body-lg-line-height);--msc-calendar-header-cell-line-height:var(--msc-t-body-md-line-height);--msc-calendar-grid-body-font-family:var(--msc-f-sans-serif-light);--msc-calendar-gridcell-size:36px;--msc-calendar-outline-width:2px;width:fit-content;max-width:100%;padding:var(--msc-calendar-padding);color:var(--msc-c-neutral-80);-webkit-user-select:none;user-select:none}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarHeader{align-items:center;margin:0 0 12px;display:flex}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarHeader :where(.msc-Heading){font-family:var(--msc-calendar-font-family);font-size:var(--msc-calendar-font-size);font-weight:var(--msc-calendar-font-weight);line-height:var(--msc-calendar-heading-line-height);text-align:center;flex:1;margin:0}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) :where(.msc-CalendarHeaderCell){color:var(--msc-c-neutral-60);font-family:var(--msc-calendar-font-family);font-weight:var(--msc-calendar-font-weight);line-height:var(--msc-calendar-header-cell-line-height);padding-bottom:8px}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) :where(.msc-CalendarGridHeader){position:relative}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) :where(.msc-CalendarGridHeader):after{content:"";bottom:4px;background-color:var(--msc-c-neutral-10);height:1px;position:absolute;inset-inline:0}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) :where(.msc-CalendarGrid){border-collapse:collapse}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) :where(.msc-CalendarGridBody){font-family:var(--msc-calendar-grid-body-font-family)}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell{width:var(--msc-calendar-gridcell-size);height:var(--msc-calendar-gridcell-size);forced-color-adjust:none;cursor:default;border:1px solid #0000;border-radius:100%;outline:none;justify-content:center;align-items:center;margin:2px;display:inline-flex}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-outside-month]){display:none}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-unavailable]){color:var(--msc-c-neutral-60);text-decoration:line-through}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-selected]){color:var(--msc-c-highlight-color);background:var(--msc-c-highlight-background)}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-pressed]){background:var(--msc-c-surface-pressed)}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-hovered]){border-color:var(--msc-c-highlight-border)}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-focused]){outline:var(--msc-calendar-outline-width) solid var(--msc-c-focus-ring-color);outline-offset:var(--msc-calendar-outline-width)}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-invalid]){border-color:var(--msc-c-highlight-border-invalid);color:var(--msc-c-text-color);background:0 0}:is(.msc-Calendar,.msc-CalendarGroup,.msc-RangeCalendar,.msc-RangeCalendarGroup) .msc-CalendarCell:where([data-disabled]){color:var(--msc-c-neutral-60)}}
@layer mosaic.components{.msc-Card{--msc-card-padding:16px;--msc-card-border-width:1px;--msc-card-border-style:solid;--msc-card-border-color:var(--msc-c-border-color);--msc-card-border-radius:8px;--msc-card-color:var(--msc-c-text-color);--msc-card-background:var(--msc-c-surface-idle);--msc-card-outline-width:2px;--msc-card-outline-style:solid;--msc-card-outline-color:var(--msc-c-focus-ring-color);--msc-card-outline-offset:-2px;--msc-card-shadow:none;--msc-card-width:max-content;border:var(--msc-card-border-width) var(--msc-card-border-style) var(--msc-card-border-color);border-radius:var(--msc-card-border-radius);color:var(--msc-card-color);background:var(--msc-card-background);box-shadow:var(--msc-card-shadow);width:var(--msc-card-width);outline:none;flex-direction:column;padding:0;text-decoration:none;transition:border-color .15s ease-in,box-shadow .15s ease-in,background .15s ease-in;display:flex;position:relative;overflow:hidden}.msc-Card:where([data-variant=outlined]){--msc-card-border-color:var(--msc-c-border-color);--msc-card-background:var(--msc-c-surface-idle);--msc-card-shadow:none}.msc-Card:where([data-variant=elevated]){--msc-card-border-color:transparent;--msc-card-background:var(--msc-c-surface-idle);--msc-card-shadow:0 1px 3px 0 var(--msc-c-shadow), 0 1px 2px -1px var(--msc-c-shadow)}.msc-Card:where([data-variant=filled]){--msc-card-border-color:transparent;--msc-card-background:var(--msc-c-surface-idle);--msc-card-shadow:none}.msc-Card:where(a){cursor:pointer}.msc-Card:where([data-focus-visible]){z-index:var(--msc-z-index-raised);outline:var(--msc-card-outline-width) var(--msc-card-outline-style) var(--msc-card-outline-color);outline-offset:var(--msc-card-outline-offset)}.msc-Card:where([data-disabled]){opacity:.5;cursor:default;pointer-events:none}.msc-Card:where([data-size=xs]){--msc-card-padding:8px;--msc-card-border-radius:4px;--msc-card-width:112px}.msc-Card:where([data-size=sm]){--msc-card-padding:12px;--msc-card-border-radius:6px;--msc-card-width:192px}.msc-Card:where([data-size=md]){--msc-card-padding:16px;--msc-card-border-radius:8px;--msc-card-width:240px}.msc-Card:where([data-size=lg]){--msc-card-padding:20px;--msc-card-border-radius:10px;--msc-card-width:320px}.msc-Card:where([data-size=xl]){--msc-card-padding:24px;--msc-card-border-radius:12px;--msc-card-width:400px}.msc-Card:where([data-orientation=horizontal]){grid-template-rows:1fr auto;grid-template-columns:auto 1fr;display:grid}.msc-CardHero{position:relative;overflow:hidden}.msc-CardHero>:where(img,svg,video){object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;display:block}:where([data-orientation=horizontal])>.msc-CardHero{grid-row:1/-1}:where([data-orientation=horizontal])>.msc-CardHero>:where(img,svg,video){width:auto;height:100%}.msc-CardContent{padding:var(--msc-card-padding);flex:1;grid-template-columns:1fr auto;gap:4px;display:grid}:where([data-orientation=horizontal])>.msc-CardContent{grid-area:1/2}.msc-CardContent .msc-Text[slot=title]{font-family:var(--msc-f-sans-serif-medium);grid-column:1;align-self:center;margin:0;font-size:16px;line-height:1.25}:where([data-size=xs]) :is(.msc-CardContent .msc-Text[slot=title]){font-size:13px}:where([data-size=sm]) :is(.msc-CardContent .msc-Text[slot=title]){font-size:14px}:where([data-size=lg]) :is(.msc-CardContent .msc-Text[slot=title]){font-size:18px}:where([data-size=xl]) :is(.msc-CardContent .msc-Text[slot=title]){font-size:20px}.msc-CardContent .msc-Text[slot=description]{color:var(--msc-c-text-color-dimmed);font-family:var(--msc-f-sans-serif-regular);grid-column:1/-1;margin:0;font-size:14px;line-height:1.4}:where([data-size=xs]) :is(.msc-CardContent .msc-Text[slot=description]){font-size:11px}:where([data-size=sm]) :is(.msc-CardContent .msc-Text[slot=description]){font-size:12px}:where([data-size=lg]) :is(.msc-CardContent .msc-Text[slot=description]){font-size:15px}:where([data-size=xl]) :is(.msc-CardContent .msc-Text[slot=description]){font-size:16px}.msc-CardFooter{padding:0 var(--msc-card-padding) var(--msc-card-padding);justify-content:space-between;align-items:center;gap:8px;display:flex}:where([data-orientation=horizontal])>.msc-CardFooter{grid-area:2/2}.msc-CardAction{grid-area:1/2;align-self:center;align-items:center;display:flex}.msc-CardAction .msc-ActionButton{justify-content:end}}
@layer mosaic.components{.msc-Carousel{--msc-carousel-gap:0;--msc-carousel-padding:0;--msc-carousel-item-min-width:100%;--msc-carousel-item-padding:0;--msc-carousel-dots-gap:var(--msc-s-md);--msc-carousel-dot-gap:var(--msc-s-sm);--msc-carousel-dot-size:8px;--msc-carousel-dot-color:var(--msc-c-border-color);--msc-carousel-dot-color-active:var(--msc-c-primary);gap:var(--msc-carousel-dots-gap);flex-direction:column;width:100%;display:flex}.msc-CarouselTrack{width:100%;padding-block:var(--msc-carousel-padding);scroll-padding-inline:var(--msc-carousel-padding);gap:var(--msc-carousel-gap);cursor:grab;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-direction:row;display:flex;overflow:auto hidden}.msc-CarouselTrack::-webkit-scrollbar{display:none}.msc-CarouselTrack:before,.msc-CarouselTrack:after{content:"";flex:0 0 var(--msc-carousel-padding)}.msc-CarouselTrack:where([data-dragging]){-webkit-user-select:none;user-select:none;cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.msc-CarouselTrack :where(img,a){-webkit-user-drag:none}.msc-CarouselItem{min-width:0;padding:var(--msc-carousel-item-padding);flex:0 0 var(--msc-carousel-item-min-width);scroll-snap-align:start;scroll-snap-stop:always}.msc-CarouselDots{justify-content:center;gap:var(--msc-carousel-dot-gap);display:flex}.msc-CarouselDot{width:var(--msc-carousel-dot-size);height:var(--msc-carousel-dot-size);background:var(--msc-carousel-dot-color);cursor:pointer;appearance:none;border:none;border-radius:50%;outline:none;padding:0;transition:background .15s ease-in}.msc-CarouselDot:where([data-active]){background:var(--msc-carousel-dot-color-active)}.msc-CarouselDot:where(:focus-visible){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:2px}}
@layer mosaic.components{.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup{grid-template-columns:1fr;grid-auto-flow:row;gap:4px;min-width:0;display:grid}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-Label{--msc-label-color:var(--msc-c-text-color-invalid)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-FieldControl{--msc-field-control-border-color:var(--msc-c-red-50)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-FieldControl:where([data-hovered]){--msc-field-control-border-color:var(--msc-c-red-60)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-FieldControl:where([data-focused]){--msc-field-control-border-color:var(--msc-c-red-70);--msc-field-control-shadow-color:var(--msc-c-red-20)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-FieldCaption{--msc-field-caption-color:var(--msc-c-text-color-invalid)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-invalid]) .msc-FieldCaption:where([data-variant=tooltip]) .msc-ActionButton{--msc-action-button-color:var(--msc-c-text-color-invalid)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-disabled]) .msc-Label{--msc-label-color:var(--msc-c-neutral-60)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-disabled]) .msc-Helper{--msc-helper-color:var(--msc-c-neutral-60)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-disabled]) .msc-FieldControl{--msc-field-control-border-color:var(--msc-c-neutral-20);--msc-field-control-background-color:var(--msc-c-neutral-05)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where([data-disabled]) .msc-FieldCaption{--msc-field-caption-color:var(--msc-c-neutral-60)}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where(fieldset){padding:0}:where(:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):where(fieldset)>legend){margin-block-end:4px}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):has(.msc-FieldCaption[data-variant=tooltip]){--msc-field-caption-tooltip-size:40px;grid-template-columns:minmax(0, 1fr) var(--msc-field-caption-tooltip-size);align-items:start}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):has(.msc-FieldCaption[data-variant=tooltip]) .msc-FieldLabel{grid-column:1/-1}:is(.msc-Field,.msc-CheckboxGroup,.msc-ColorField,.msc-ComboBox,.msc-ComboBoxGroup,.msc-DateField,.msc-DateFieldGroup,.msc-DatePicker,.msc-DatePickerGroup,.msc-DateRangePicker,.msc-DateRangePickerGroup,.msc-MaskedFieldGroup,.msc-NumberField,.msc-NumberFieldGroup,.msc-OneTimeCode,.msc-OneTimeCodeGroup,.msc-PasswordFieldGroup,.msc-RadioGroup,.msc-SearchField,.msc-SearchFieldGroup,.msc-Select,.msc-SelectGroup,.msc-TextField,.msc-TextFieldGroup,.msc-TimeField,.msc-TimeFieldGroup):has(.msc-FieldCaption[data-variant=tooltip]) .msc-FieldCaption{align-self:center}}
@layer mosaic.components{.msc-FieldError{--msc-field-error-color:var(--msc-c-text-color-invalid);--msc-field-error-font-family:var(--msc-t-caption-font-family);--msc-field-error-font-size:var(--msc-t-caption-md-font-size);--msc-field-error-letter-spacing:.4px;--msc-field-error-line-height:var(--msc-t-caption-md-line-height);color:var(--msc-field-error-color);font-family:var(--msc-field-error-font-family);font-size:var(--msc-field-error-font-size);letter-spacing:var(--msc-field-error-letter-spacing);line-height:var(--msc-field-error-line-height);display:block}}
@layer mosaic.components{.msc-Tooltip{--msc-tooltip-max-width:150px;--msc-tooltip-border-radius:4px;--msc-tooltip-color:var(--msc-c-highlight-color);--msc-tooltip-background-color:var(--msc-c-highlight-background);--msc-tooltip-box-shadow-color:var(--msc-c-shadow);--msc-tooltip-padding:2px 8px;--msc-tooltip-font-size:14px;max-width:var(--msc-tooltip-max-width);padding:var(--msc-tooltip-padding);border-radius:var(--msc-tooltip-border-radius);color:var(--msc-tooltip-color);background-color:var(--msc-tooltip-background-color);box-shadow:0 8px 20px var(--msc-tooltip-box-shadow-color);font-size:var(--msc-tooltip-font-size);forced-color-adjust:none;transform-origin:var(--trigger-anchor-point);outline:none;transition:transform .15s,opacity .15s;transform:translate(0,0)}.msc-Tooltip:where([data-placement=top]){--msc-tooltip-origin:translateY(4px);--msc-tooltip-arrow-transform:none;margin-bottom:8px}.msc-Tooltip:where([data-placement=bottom]){--msc-tooltip-origin:translateY(-4px);--msc-tooltip-arrow-transform:rotate(180deg);margin-top:8px}.msc-Tooltip:where([data-placement=right]){--msc-tooltip-origin:translateX(-4px);--msc-tooltip-arrow-transform:rotate(90deg);margin-inline-start:8px}.msc-Tooltip:where([data-placement=left]){--msc-tooltip-origin:translateX(4px);--msc-tooltip-arrow-transform:rotate(-90deg);margin-inline-end:8px}.msc-Tooltip:where([data-entering],[data-exiting]){transform:scale(.9) var(--msc-tooltip-origin);opacity:0}.msc-Tooltip .msc-OverlayArrow:where(:not(:empty) svg){fill:var(--msc-tooltip-background-color);transform:var(--msc-tooltip-arrow-transform);display:block}.msc-Tooltip .msc-OverlayArrow:where(:empty):before{content:"";background-color:var(--msc-tooltip-background-color);width:8px;height:8px;transform:var(--msc-tooltip-arrow-transform);display:block;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 8 8\"><path d=\"M0 0 L4 4 L8 0\" /></svg>") 50%/contain no-repeat}}
@layer mosaic.components{.msc-FieldCaption{--msc-field-caption-color:var(--msc-c-text-color);--msc-field-caption-min-height:var(--msc-s-xl);min-height:var(--msc-field-caption-min-height)}.msc-FieldCaption .msc-FieldDescription{--msc-field-description-color:var(--msc-field-caption-color)}.msc-FieldCaption .msc-FieldError{--msc-field-error-color:var(--msc-field-caption-color)}.msc-FieldCaption:where([data-variant=tooltip]){justify-content:center;align-items:center;min-height:0;display:flex}.msc-Tooltip:where([data-trigger=FieldCaption]) .msc-FieldDescription{--msc-field-description-color:var(--msc-tooltip-color)}.msc-Tooltip:where([data-trigger=FieldCaption]) .msc-FieldError{--msc-field-error-color:var(--msc-tooltip-color)}.msc-Tooltip:where([data-trigger=FieldCaption]):where([data-state=error]){--msc-tooltip-background-color:var(--msc-c-error-background)}}
@layer mosaic.components{.msc-FieldControl{--msc-field-control-addon-color:var(--msc-c-neutral-60);--msc-field-control-background-color:var(--msc-c-neutral-min);--msc-field-control-border-color:var(--msc-c-neutral-30);--msc-field-control-shadow-color:var(--msc-c-neutral-alpha-30);--msc-field-control-box-shadow:0 0 0 1px var(--msc-field-control-border-color);--msc-field-control-border-radius:var(--msc-s-xs);border-radius:var(--msc-field-control-border-radius);background:var(--msc-field-control-background-color);min-height:32px;box-shadow:var(--msc-field-control-box-shadow);align-items:center;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.msc-FieldControl:where([data-hovered]){--msc-field-control-border-color:var(--msc-c-neutral-40)}.msc-FieldControl:where([data-focused]){--msc-field-control-border-color:var(--msc-c-neutral-50);--msc-field-control-box-shadow:0 0 0 1px var(--msc-field-control-border-color), 0 0 0 3px var(--msc-field-control-shadow-color)}}
@layer mosaic.components{.msc-FieldDescription{--msc-field-description-color:var(--msc-c-text-color);--msc-field-description-font-family:var(--msc-t-caption-font-family);--msc-field-description-font-size:var(--msc-t-caption-md-font-size);--msc-field-description-letter-spacing:.4px;--msc-field-description-line-height:var(--msc-t-caption-md-line-height);color:var(--msc-field-description-color);font-family:var(--msc-field-description-font-family);font-size:var(--msc-field-description-font-size);letter-spacing:var(--msc-field-description-letter-spacing);line-height:var(--msc-field-description-line-height);display:block}}
@layer mosaic.components{.msc-Helper{--msc-helper-size:16px;--msc-helper-icon-size:14px;--msc-helper-border-radius:8px;--msc-helper-color:var(--msc-c-neutral-60);--msc-helper-background-color:transparent;--msc-helper-outline-width:1px;--msc-helper-outline-style:solid;--msc-helper-outline-color:var(--msc-c-button-outline);--msc-helper-outline-offset:-1px;width:var(--msc-helper-size);height:var(--msc-helper-size);color:var(--msc-helper-color);background:var(--msc-helper-background-color);-webkit-user-select:none;user-select:none;cursor:pointer;appearance:none;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.msc-Helper:where([data-hovered]){cursor:pointer}.msc-Helper:where([data-focus-visible]){z-index:var(--msc-z-index-raised);border-radius:var(--msc-helper-border-radius);outline:var(--msc-helper-outline-width) var(--msc-helper-outline-style) var(--msc-helper-outline-color);outline-offset:var(--msc-helper-outline-offset)}.msc-Helper:where([data-hovered],[data-focus-visible]){--msc-helper-color:var(--msc-c-neutral-80)}.msc-Helper:where([data-disabled]){--msc-helper-color:var(--msc-c-neutral-60)}.msc-Helper .msc-Icon{width:var(--msc-helper-icon-size);height:var(--msc-helper-icon-size)}.msc-Tooltip:where([data-trigger=Helper]){--msc-tooltip-max-width:300px}}
@layer mosaic.components{.msc-FieldLabel{--msc-field-label-gap:var(--msc-s-xs);justify-content:start;align-items:center;gap:var(--msc-field-label-gap);display:flex;overflow:hidden}.msc-FieldLabel:where(:empty){display:none}.msc-FieldLabel .msc-Label{width:auto}}
@layer mosaic.components{.msc-Form:where([data-styled]){flex-direction:column;align-items:start;gap:8px;display:flex;position:relative}:where(.msc-Form>*){width:100%}}
@layer mosaic.components{.msc-CheckboxGroup{padding:0}.msc-CheckboxGroup:where([data-orientation=vertical]) :where(.msc-FieldControl){flex-direction:column;align-items:start;min-height:0}.msc-CheckboxGroup:where([data-orientation=horizontal]) :where(.msc-FieldControl){flex-direction:row;align-items:center}.msc-CheckboxGroup .msc-FieldControl{box-shadow:none;background:0 0;gap:12px 24px;padding-inline:12px}.msc-CheckboxGroup:not(:has(.msc-Label)) .msc-FieldControl{margin-inline:-3px;padding-inline:3px}}
@layer mosaic.components{.msc-Checkbox{--msc-checkbox-icon-size:var(--msc-t-size-lg);--msc-checkbox-icon-border-radius:var(--msc-s-xs);--msc-checkbox-icon-background-color:var(--msc-c-neutral-min);--msc-checkbox-icon-margin-block:3px;--msc-checkbox-padding:var(--msc-s-none);--msc-checkbox-checkmark-size:var(--msc-t-size-md);--msc-checkbox-checkmark-color:var(--msc-c-neutral-90);--msc-checkbox-gap:var(--msc-s-md);--msc-checkbox-border-color:var(--msc-c-neutral-30);--msc-checkbox-shadow-color:var(--msc-c-neutral-alpha-30);--msc-checkbox-color:var(--msc-c-neutral-90);--msc-checkbox-background-color:transparent;--msc-checkbox-box-shadow:0 0 0 1px var(--msc-checkbox-border-color);--msc-checkbox-font-family:var(--msc-t-control-font-family);--msc-checkbox-font-size:var(--msc-t-control-md-font-size);--msc-checkbox-line-height:var(--msc-t-control-md-line-height);--msc-checkbox-cursor:pointer;--msc-checkbox-align-items:start;color:var(--msc-checkbox-color);background:var(--msc-checkbox-background-color);padding:var(--msc-checkbox-padding);font-family:var(--msc-checkbox-font-family);font-size:var(--msc-checkbox-font-size);line-height:var(--msc-checkbox-line-height);forced-color-adjust:none;cursor:var(--msc-checkbox-cursor);align-items:var(--msc-checkbox-align-items);gap:var(--msc-checkbox-gap);outline:none;display:flex;position:relative}.msc-Checkbox:where([data-hovered]){--msc-checkbox-border-color:var(--msc-c-neutral-40)}.msc-Checkbox:where([data-focused]){--msc-checkbox-border-color:var(--msc-c-neutral-50);--msc-checkbox-box-shadow:0 0 0 1px var(--msc-checkbox-border-color), 0 0 0 3px var(--msc-checkbox-shadow-color)}.msc-Checkbox:where([data-invalid]){--msc-checkbox-border-color:var(--msc-c-red-50)}.msc-Checkbox:where([data-invalid]):where([data-hovered]){--msc-checkbox-border-color:var(--msc-c-red-60)}.msc-Checkbox:where([data-invalid]):where([data-focused]){--msc-checkbox-border-color:var(--msc-c-red-70);--msc-checkbox-shadow-color:var(--msc-c-red-20)}.msc-Checkbox:where([data-readonly]){--msc-checkbox-cursor:not-allowed}.msc-Checkbox:where([data-disabled]){--msc-checkbox-checkmark-color:var(--msc-c-neutral-alpha-60);--msc-checkbox-border-color:var(--msc-c-neutral-20);--msc-checkbox-color:var(--msc-c-neutral-60);--msc-checkbox-cursor:not-allowed}.msc-Checkbox:where([data-disabled]) :where(.msc-CheckboxIcon){--msc-checkbox-icon-background-color:var(--msc-c-neutral-05)}.msc-Checkbox :where(.msc-CheckboxIcon){background:var(--msc-checkbox-icon-background-color);width:var(--msc-checkbox-icon-size);height:var(--msc-checkbox-icon-size);margin-block:var(--msc-checkbox-icon-margin-block);border-radius:var(--msc-checkbox-icon-border-radius);box-shadow:var(--msc-checkbox-box-shadow);flex:none;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex}.msc-Checkbox :where(.msc-CheckboxIcon) :where(.msc-Icon){width:var(--msc-checkbox-checkmark-size);height:var(--msc-checkbox-checkmark-size);color:var(--msc-checkbox-checkmark-color);clip-path:inset(0 100% 0 0)}.msc-Checkbox:where([data-selected],[data-indeterminate]) :where(.msc-CheckboxIcon) :where(.msc-Icon){clip-path:inset(0);transition:clip-path .15s}}
@layer mosaic.components{.msc-ColorThumb{--msc-color-thumb-size:24px;--msc-color-thumb-delta:0px;--msc-color-thumb-border-color:var(--msc-c-neutral-10);height:calc(var(--msc-color-thumb-size) + var(--msc-color-thumb-delta));width:calc(var(--msc-color-thumb-size) + var(--msc-color-thumb-delta));border:4px solid var(--msc-color-thumb-border-color);forced-color-adjust:none;border-radius:50%}.msc-ColorThumb:where([data-focused]){z-index:1}.msc-ColorThumb:where([data-dragging]){--msc-color-thumb-delta:2px}.msc-ColorThumb:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color)}}
@layer mosaic.components{.msc-ColorArea{border-radius:4px;flex-shrink:0;width:192px;height:192px}.msc-ColorArea:where([data-disabled]){background:var(--msc-c-neutral-05)!important}.msc-ColorArea:where([data-disabled]) .msc-ColorThumb{background:var(--msc-c-neutral-20)!important}}
@layer mosaic.components{.msc-Input{--msc-input-color:var(--msc-c-neutral-90);--msc-input-background-color:transparent;--msc-input-placeholder-color:var(--msc-c-neutral-50);--msc-input-font-family:var(--msc-t-control-font-family);--msc-input-font-size:var(--msc-t-control-md-font-size);--msc-input-line-height:var(--msc-t-control-md-line-height);--msc-input-padding:var(--msc-s-none) var(--msc-s-lg);width:100%;min-height:0;padding:var(--msc-input-padding);color:var(--msc-input-color);background:var(--msc-input-background-color);font-family:var(--msc-input-font-family);font-size:var(--msc-input-font-size);line-height:var(--msc-input-line-height);appearance:none;clip-path:content-box;border:none;outline:none;margin:0}.msc-Input::placeholder{color:var(--msc-input-placeholder-color)}.msc-Input:where([data-disabled]){--msc-input-color:var(--msc-c-neutral-60)}}
@layer mosaic.components{.msc-ColorField{color:var(--msc-c-text-color);flex-direction:column;display:flex}.msc-ColorField .msc-Input{max-width:12ch}.msc-ColorField [slot=description]{font-size:var(--msc-t-caption-md-font-size)}}
@layer mosaic.components{.msc-Slider{--msc-slider-track-size:3px;--msc-slider-track-border-radius:1.5px;--msc-slider-track-background-color:var(--msc-c-highlight-background);--msc-slider-track-background-color-unfilled:var(--msc-slider-track-background-color);--msc-slider-track-background-color-disabled:var(--msc-c-highlight-background-disabled);--msc-slider-track-fill-start:0%;--msc-slider-track-fill-end:0%;--msc-slider-thumb-size:24px;--msc-slider-thumb-delta:0px;--msc-slider-thumb-border-color:var(--msc-c-neutral-10);--msc-slider-thumb-background-color:var(--msc-c-neutral-max);--msc-slider-thumb-background-color-disabled:var(--msc-c-highlight-background-disabled);color:var(--msc-c-text-color);grid-template-columns:1fr auto;grid-template-areas:"label output""track track";display:grid}.msc-Slider .msc-Label{grid-area:label}.msc-Slider .msc-SliderOutput{grid-area:output}.msc-Slider .msc-SliderTrack{grid-area:track;position:relative}.msc-Slider .msc-SliderTrack:before{content:"";border-radius:var(--msc-slider-track-border-radius);background-color:var(--msc-slider-track-background-color-unfilled);display:block;position:absolute}.msc-Slider .msc-SliderThumb{width:calc(var(--msc-slider-thumb-size) + var(--msc-slider-thumb-delta));height:calc(var(--msc-slider-thumb-size) + var(--msc-slider-thumb-delta));border:4px solid var(--msc-slider-thumb-border-color);background-color:var(--msc-slider-thumb-background-color);forced-color-adjust:none;border-radius:50%}.msc-Slider .msc-SliderThumb:where([data-focused]){z-index:1}.msc-Slider .msc-SliderThumb:where([data-dragging]){--msc-slider-thumb-delta:2px}.msc-Slider .msc-SliderThumb:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color)}.msc-Slider:where([data-orientation=horizontal]){flex-direction:column}.msc-Slider:where([data-orientation=horizontal]) .msc-SliderTrack{width:100%;height:30px}.msc-Slider:where([data-orientation=horizontal]) .msc-SliderTrack:before{height:var(--msc-slider-track-size);background:linear-gradient(to right, var(--msc-slider-track-background-color-unfilled) 0 var(--msc-slider-track-fill-start), var(--msc-slider-track-background-color) var(--msc-slider-track-fill-start) var(--msc-slider-track-fill-end), var(--msc-slider-track-background-color-unfilled) var(--msc-slider-track-fill-end) 100%);width:100%;top:50%;transform:translateY(-50%)}.msc-Slider:where([data-orientation=horizontal]) .msc-SliderThumb{top:50%}.msc-Slider:where([data-orientation=vertical]){display:block}.msc-Slider:where([data-orientation=vertical]) .msc-Label,.msc-Slider:where([data-orientation=vertical]) .msc-SliderOutput{display:none}.msc-Slider:where([data-orientation=vertical]) .msc-SliderTrack{width:30px;height:100%}.msc-Slider:where([data-orientation=vertical]) .msc-SliderTrack:before{width:var(--msc-slider-track-size);background:linear-gradient(to top, var(--msc-slider-track-background-color-unfilled) 0 var(--msc-slider-track-fill-start), var(--msc-slider-track-background-color) var(--msc-slider-track-fill-start) var(--msc-slider-track-fill-end), var(--msc-slider-track-background-color-unfilled) var(--msc-slider-track-fill-end) 100%);height:100%;inset-inline-start:50%;transform:translate(-50%)}.msc-Slider:where([data-orientation=vertical]) .msc-SliderThumb{inset-inline-start:50%}.msc-Slider:where([data-disabled]) .msc-SliderTrack{--msc-slider-track-background-color:var(--msc-slider-track-background-color-disabled);--msc-slider-track-background-color-unfilled:var(--msc-slider-track-background-color-disabled)}.msc-Slider:where([data-disabled]) .msc-SliderThumb{--msc-slider-thumb-background-color:var(--msc-slider-thumb-background-color-disabled)}.msc-Slider:where(:not([data-disabled])) .msc-Label{pointer-events:auto}.msc-Slider:where(:not([data-disabled])) .msc-SliderTrack:where([data-hovered]){cursor:pointer}}
@layer mosaic.components{.msc-ColorSlider{grid-template-columns:1fr auto;grid-template-areas:"label output""track track";gap:4px;width:100%;max-width:300px;display:grid}.msc-ColorSlider .msc-Label{grid-area:label}.msc-ColorSlider .msc-Input{clip-path:none;width:4ch;padding:0}.msc-ColorSlider .msc-SliderOutput{--msc-slider-output-color:var(--msc-c-text-color);--msc-slider-output-font-family:var(--msc-f-sans-serif-regular);--msc-slider-output-font-size:16px;--msc-slider-output-letter-spacing:.4px;--msc-slider-output-line-height:16px;width:4ch;color:var(--msc-slider-output-color);font-family:var(--msc-slider-output-font-family);font-size:var(--msc-slider-output-font-size);letter-spacing:var(--msc-slider-output-letter-spacing);line-height:var(--msc-slider-output-line-height);text-align:end;grid-area:output}.msc-ColorSlider .msc-SliderTrack{border-radius:4px;grid-area:track}.msc-ColorSlider .msc-SliderTrack:before{display:none}.msc-ColorSlider:where([data-orientation=horizontal]) .msc-SliderTrack{height:28px}.msc-ColorSlider:where([data-orientation=horizontal]) .msc-ColorThumb{top:50%}.msc-ColorSlider:where([data-orientation=vertical]){height:150px;display:block}.msc-ColorSlider:where([data-orientation=vertical]) .msc-Label,.msc-ColorSlider:where([data-orientation=vertical]) .msc-SliderOutput{display:none}.msc-ColorSlider:where([data-orientation=vertical]) .msc-SliderTrack{width:28px;height:100%}.msc-ColorSlider:where([data-orientation=vertical]) .msc-ColorThumb{inset-inline-start:50%}.msc-ColorSlider:where([data-disabled]) .msc-SliderTrack{background:var(--msc-c-neutral-05)!important}.msc-ColorSlider:where([data-disabled]) .msc-ColorThumb{opacity:.5;background:var(--msc-c-neutral-20)!important}}
@layer mosaic.components{.msc-ColorSwatch{--msc-color-swatch-box-shadow-color:var(--msc-c-shadow);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--msc-color-swatch-box-shadow-color);border-radius:4px}}
@layer mosaic.components{.msc-Separator{--msc-separator-border-color:var(--msc-c-border-color);background:var(--msc-separator-border-color);align-self:stretch}.msc-Separator[aria-orientation=vertical]{width:1px;margin:0 6px}.msc-Separator:not([aria-orientation=vertical]){border:none;width:100%;height:1px;margin:6px 0}}
@layer mosaic.components{.msc-ListBox{--msc-list-box-padding:4px;--msc-list-box-border-radius:4px;width:250px;min-height:100px;max-height:300px;padding:var(--msc-list-box-padding);border:1px solid var(--msc-c-border-color);border-radius:var(--msc-list-box-border-radius);background:var(--msc-c-overlay-background);font-family:var(--msc-f-sans-serif-regular);outline:none;flex-direction:column;font-size:16px;line-height:22px;display:flex;overflow:auto}.msc-ListBox:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:-1px}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]){flex-direction:row;width:fit-content;max-width:100%;padding:4px}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem{margin:0;padding:4px;position:relative}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem img{border-radius:var(--msc-list-box-border-radius);object-fit:cover;aspect-ratio:1;max-width:150px;margin-bottom:4px;transition:box-shadow .15s}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem:where([data-hovered]) img{box-shadow:0 0 8px rgb(from var(--msc-c-highlight-shadow) r g b / .5)}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem:where([data-selected]){color:inherit;background:0 0}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem:where([data-selected]) img{box-shadow:0 0 12px rgb(from var(--msc-c-highlight-shadow) r g b / .8)}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem:where([data-selected]):before{content:"";top:8px;border:2px solid var(--msc-c-highlight-color);background-color:var(--msc-c-highlight-background);width:22px;height:22px;box-shadow:0 0 8px var(--msc-c-highlight-shadow);border-radius:22px;position:absolute;inset-inline-end:8px}.msc-ListBox:where([data-orientation=horizontal],[data-layout=grid]) .msc-ListBoxItem:where([data-selected]):after{content:"";background-color:var(--msc-c-highlight-color);top:14px;width:10px;height:10px;display:block;position:absolute;inset-inline-end:14px;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><path d=\"m3.5,9.50293c-.2998,0-.58398-.13477-.77441-.36719L.27539,6.13574c-.34961-.42773-.28613-1.05762.1416-1.40723.42773-.35059,1.05859-.28613,1.40723.1416l1.65723,2.0293L8.16113.88867c.33887-.43555.9668-.5166,1.40332-.1748.43555.33887.51367.96777.1748,1.40332l-5.4502,7c-.18652.24023-.47266.38184-.77734.38574h-.01172Z\" fill=\"currentColor\"/></svg>") 50%/contain no-repeat}.msc-ListBox:where([data-layout=grid]){scrollbar-gutter:stable;grid-template-columns:1fr 1fr;display:grid}.msc-ListBox:where([data-layout=grid])[data-orientation=horizontal]{grid-template-rows:58px 58px;grid-template-columns:none;grid-auto-columns:250px;grid-auto-flow:column;gap:8px;width:100%;max-width:none;max-height:200px;display:grid}.msc-ListBox:where([data-layout=grid])[data-orientation=horizontal] .msc-ListBoxItem{grid-template:"image."1fr"image title""image description""image."1fr/auto 1fr;column-gap:8px;display:grid}.msc-ListBox:where([data-layout=grid])[data-orientation=horizontal] .msc-ListBoxItem img{grid-area:image;width:50px;height:50px;margin-bottom:0}.msc-ListBox:where([data-layout=grid])[data-orientation=horizontal] .msc-ListBoxItem [slot=label]{grid-area:title}.msc-ListBox:where([data-layout=grid])[data-orientation=horizontal] .msc-ListBoxItem [slot=description]{grid-area:description}.msc-ListBox:where([aria-label~=waterfall]) .msc-ListBoxItem img{max-width:none}.msc-ListBox:where([data-empty]){justify-content:center;align-items:center;font-style:italic}.msc-ListBox:where([data-drop-target]){background:var(--msc-c-highlight-overlay);outline:2px solid var(--msc-c-highlight-background);outline-offset:-1px}.msc-ListBox .msc-ListBoxSection:not(:first-child){margin-top:8px}.msc-ListBox .msc-Header{pointer-events:none;margin-inline:-4px;padding:0 10px;font-size:16px;font-weight:600}.msc-ListBox .msc-DropIndicator[data-drop-target]{outline:1px solid var(--msc-c-highlight-background)}.msc-ListBoxItem{--msc-list-box-item-border-radius:4px;--msc-list-box-item-padding:2px 6px;padding:var(--msc-list-box-item-padding);border-radius:var(--msc-list-box-item-border-radius);color:var(--msc-c-text-color);forced-color-adjust:none;cursor:default;outline:none;flex-direction:column;justify-content:center;margin-block-end:.5px;display:flex;position:relative}.msc-ListBoxItem:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:-2px}.msc-ListBoxItem:where([data-selected]){color:var(--msc-c-highlight-color);background:var(--msc-c-highlight-background)}.msc-ListBoxItem:where([data-selected]):where([data-focus-visible]){outline-color:var(--msc-c-highlight-color);outline-offset:-4px}.msc-ListBoxItem:where([href]){cursor:pointer;-webkit-touch-callout:none;text-decoration:none}.msc-ListBoxItem:where([data-disabled]){color:var(--msc-c-text-color-disabled)}.msc-ListBoxItem:where([data-dragging]){opacity:.6}.msc-ListBoxItem:where([data-drop-target]){background:var(--msc-c-highlight-overlay);outline:2px solid var(--msc-c-highlight-background)}.msc-ListBoxItem [slot=label]{font-size:12px;font-weight:600}.msc-ListBoxItem [slot=description]{font-size:small}.msc-ListBoxLoadMoreItem .msc-ProgressIndicator{--msc-progress-indicator-size:24px;justify-content:center;align-items:center;margin-block:8px;display:flex}}
@layer mosaic.components{.msc-ColorSwatchPicker{flex-wrap:wrap;gap:8px;display:flex}.msc-ColorSwatchPicker:where([data-layout=stack]){flex-direction:column}.msc-ColorSwatchPickerItem{forced-color-adjust:none;border-radius:4px;outline:none;width:fit-content;position:relative}.msc-ColorSwatchPickerItem:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:2px}.msc-ColorSwatchPickerItem:where([data-selected]):after{content:"";border:2px solid var(--msc-c-neutral-max);outline:2px solid var(--msc-c-neutral-min);outline-offset:-4px;border-radius:inherit;position:absolute;inset:0}.msc-ColorSwatchPickerItem:where([data-disabled]){opacity:.2}}
@layer mosaic.components{.msc-ColorWheel:where([data-disabled]) .msc-ColorWheelTrack{background:var(--msc-c-neutral-05)!important}.msc-ColorWheel:where([data-disabled]) .msc-ColorThumb{opacity:.5;background:var(--msc-c-neutral-20)!important}}
@layer mosaic.components{.msc-ColorPicker{color:var(--msc-c-text-color);appearance:none;vertical-align:middle;background:0 0;border:none;border-radius:4px;outline:none;align-items:center;gap:8px;padding:0;font-size:1rem;display:flex}.msc-ColorPicker:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:2px}.msc-ColorPickerDialog{max-height:inherit;outline:none;flex-direction:column;gap:8px;min-width:192px;padding:15px;display:flex;overflow:auto}}
@layer mosaic.components{.msc-Popover{--msc-popover-border-color:var(--msc-c-overlay-border);--msc-popover-border-radius:4px;--msc-popover-color:var(--msc-c-text-color);--msc-popover-background-color:var(--msc-c-overlay-background);--msc-popover-box-shadow:0 8px 20px var(--msc-c-overlay-shadow);border:1px solid var(--msc-popover-border-color);border-radius:var(--msc-popover-border-radius);max-width:250px;color:var(--msc-popover-color);background-color:var(--msc-popover-background-color);box-shadow:var(--msc-popover-box-shadow);transform-origin:var(--trigger-anchor-point);outline:none;transition:transform .15s,opacity .15s}.msc-Popover:where([data-placement=top]){--msc-popover-origin:translateY(8px)}.msc-Popover:where([data-placement=top]):has(.msc-OverlayArrow){--msc-popover-arrow-transform:none;margin-bottom:6px}.msc-Popover:where([data-placement=bottom]){--msc-popover-origin:translateY(-8px)}.msc-Popover:where([data-placement=bottom]):has(.msc-OverlayArrow){--msc-popover-arrow-transform:rotate(180deg);margin-top:6px}.msc-Popover:where([data-placement=right]){--msc-popover-origin:translateX(-8px)}.msc-Popover:where([data-placement=right]):has(.msc-OverlayArrow){--msc-popover-arrow-transform:rotate(90deg);margin-inline-start:6px}.msc-Popover:where([data-placement=left]){--msc-popover-origin:translateX(8px)}.msc-Popover:where([data-placement=left]):has(.msc-OverlayArrow){--msc-popover-arrow-transform:rotate(-90deg);margin-inline-end:6px}.msc-Popover:where([data-entering],[data-exiting]){transform:var(--msc-popover-origin);opacity:0}.msc-Popover .msc-OverlayArrow:where(:not(:empty) svg){fill:var(--msc-popover-background-color);transform:var(--msc-popover-arrow-transform);display:block}.msc-Popover .msc-OverlayArrow:where(:empty):before{content:"";background-color:var(--msc-popover-background-color);width:12px;height:12px;transform:var(--msc-popover-arrow-transform);display:block;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\"><path d=\"M0 0 L6 6 L12 0\" /></svg>") 50%/contain no-repeat}}
@layer mosaic.components{.msc-Menu{--msc-menu-font-family:var(--msc-t-body-font-family);--msc-menu-font-size:var(--msc-t-body-md-font-size);--msc-menu-line-height:var(--msc-t-body-md-line-height);--msc-menu-padding:var(--msc-s-xs);max-height:inherit;min-width:150px;padding:var(--msc-menu-padding);font-family:var(--msc-menu-font-family);font-size:var(--msc-menu-font-size);line-height:var(--msc-menu-line-height);border:none;outline:none;overflow:auto}.msc-Menu .msc-MenuSection:not(:first-child){margin-top:8px}.msc-Menu .msc-Header{--msc-menu-header-font-size:var(--msc-t-heading-sm-font-size);--msc-menu-header-font-weight:var(--msc-t-heading-sm-font-weight);font-size:var(--msc-menu-header-font-size);font-weight:var(--msc-menu-header-font-weight);pointer-events:none;margin-inline:-4px;padding:0 10px}.msc-Menu .msc-Separator{background:var(--msc-c-border-color-dimmed);width:auto;height:1px;margin:2px 4px}.msc-MenuItem{--msc-menu-item-border-radius:4px;--msc-menu-item-padding:var(--msc-s-xxs) var(--msc-s-sm);border-radius:var(--msc-menu-item-border-radius);padding:var(--msc-menu-item-padding);color:var(--msc-c-text-color);forced-color-adjust:none;cursor:default;outline:none;grid-template-columns:1fr auto;grid-template-areas:"label meta""desc meta";align-items:center;column-gap:20px;margin-block-end:.5px;display:grid;position:relative}.msc-MenuItem:where([href]){cursor:pointer;text-decoration:none}.msc-MenuItem:where([data-focused]){color:var(--msc-c-highlight-color);background:var(--msc-c-highlight-background)}.msc-MenuItem:where([data-selection-mode]){padding-inline-start:20px}.msc-MenuItem:where([data-selection-mode]):where([data-selection-mode=multiple][data-selected]):before{content:"";background-color:currentColor;width:12px;height:12px;display:block;position:absolute;inset-inline-start:4px;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><path d=\"m3.5,9.50293c-.2998,0-.58398-.13477-.77441-.36719L.27539,6.13574c-.34961-.42773-.28613-1.05762.1416-1.40723.42773-.35059,1.05859-.28613,1.40723.1416l1.65723,2.0293L8.16113.88867c.33887-.43555.9668-.5166,1.40332-.1748.43555.33887.51367.96777.1748,1.40332l-5.4502,7c-.18652.24023-.47266.38184-.77734.38574h-.01172Z\" fill=\"currentColor\"/></svg>") 50%/contain no-repeat}.msc-MenuItem:where([data-selection-mode]):where([data-selection-mode=single][data-selected]):before{content:"";background-color:currentColor;width:12px;height:12px;display:block;position:absolute;inset-inline-start:4px;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><circle cx=\"5\" cy=\"5\" r=\"2.5\" fill=\"currentColor\" /></svg>") 50%/contain no-repeat}.msc-MenuItem:where([data-disabled]){color:var(--msc-c-text-color-disabled)}.msc-MenuItem [slot=label]{grid-area:label;font-weight:600}.msc-MenuItem [slot=description]{grid-area:desc;font-size:small}.msc-MenuItem [slot=chevron]{grid-area:meta;width:16px;height:16px}.msc-MenuItem .msc-Keyboard{text-align:end;grid-area:meta;font-family:monospace}.msc-Popover:where([data-trigger=SubmenuTrigger][data-placement=right]){margin-inline-start:-5px}.msc-Popover:where([data-trigger=SubmenuTrigger][data-placement=left]){margin-inline-end:-5px}}
@layer mosaic.components{.msc-Dialog{--msc-dialog-padding:30px;padding:var(--msc-dialog-padding);max-height:inherit;outline:none;overflow:auto}.msc-Dialog:where([data-fluid]){--msc-dialog-padding:var(--msc-s-none)}.msc-Dialog .msc-Heading[slot=title]{margin-top:0;line-height:1em}}
@layer mosaic.components{.msc-ComboBox,.msc-ComboBoxGroup{--msc-combo-box-color:var(--msc-c-neutral-90);--msc-combo-box-font-family:var(--msc-t-control-font-family);--msc-combo-box-font-size:var(--msc-t-control-md-font-size);--msc-combo-box-line-height:var(--msc-t-control-md-line-height);--msc-combo-box-value-padding:var(--msc-s-none) var(--msc-s-lg)}:is(.msc-ComboBox,.msc-ComboBoxGroup) :where(.msc-Input[data-focused]~.msc-ComboBoxValue){display:none}:is(.msc-ComboBox,.msc-ComboBoxGroup) :where(.msc-ComboBoxValue){width:calc(100% - 32px);min-height:0;padding:var(--msc-combo-box-value-padding);color:var(--msc-combo-box-color);font-family:var(--msc-combo-box-font-family);font-size:var(--msc-combo-box-font-size);line-height:var(--msc-combo-box-line-height);white-space:nowrap;scrollbar-width:none;text-align:start;clip-path:content-box;-webkit-user-select:all;user-select:all;position:absolute;overflow:scroll}:is(.msc-ComboBox,.msc-ComboBoxGroup) .msc-ActionButton:last-of-type{--msc-action-button-icon-size:var(--msc-t-size-sm)}:is(.msc-ComboBox,.msc-ComboBoxGroup) .msc-ProgressIndicator{--msc-progress-indicator-size:var(--msc-t-size-3xl);--msc-progress-indicator-fill-color:currentColor}:is(.msc-ComboBox,.msc-ComboBoxGroup):where([data-disabled]) :where(.msc-ComboBoxValue){--msc-combo-box-color:var(--msc-c-neutral-60)}.msc-Popover:where([data-trigger=ComboBox]){--msc-combo-box-popover-header-padding-inline-start:var(--msc-s-3xl);--msc-combo-box-popover-item-padding:var(--msc-s-xxs) var(--msc-s-sm);--msc-combo-box-popover-item-selected-color:var(--msc-c-text-color);--msc-combo-box-popover-selection-padding-inline-start:var(--msc-s-xxl);--msc-combo-box-popover-icon-inset-inline-start:var(--msc-s-xs);--msc-combo-box-popover-icon-size:var(--msc-t-size-sm);--msc-combo-box-popover-item-focused-color:var(--msc-c-highlight-color);--msc-combo-box-popover-item-focused-background:var(--msc-c-highlight-background);min-width:var(--trigger-width)}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBox{width:unset;min-height:unset;max-height:inherit;border:none;display:block}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBox .msc-Header{padding-inline-start:var(--msc-combo-box-popover-header-padding-inline-start)}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem{--msc-list-box-item-padding:var(--msc-combo-box-popover-item-padding)}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem:where([data-focus-visible]){outline:none}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem:where([data-selected]){color:var(--msc-combo-box-popover-item-selected-color);background:unset}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem:where([data-selection-mode]){padding-inline-start:var(--msc-combo-box-popover-selection-padding-inline-start)}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem:where([data-selection-mode]):where([data-selected]):before{content:"";width:var(--msc-combo-box-popover-icon-size);height:var(--msc-combo-box-popover-icon-size);background-color:currentColor;display:block;position:absolute;inset-inline-start:var(--msc-combo-box-popover-icon-inset-inline-start);mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><path d=\"m3.5,9.50293c-.2998,0-.58398-.13477-.77441-.36719L.27539,6.13574c-.34961-.42773-.28613-1.05762.1416-1.40723.42773-.35059,1.05859-.28613,1.40723.1416l1.65723,2.0293L8.16113.88867c.33887-.43555.9668-.5166,1.40332-.1748.43555.33887.51367.96777.1748,1.40332l-5.4502,7c-.18652.24023-.47266.38184-.77734.38574h-.01172Z\" fill=\"currentColor\"/></svg>") 50%/contain no-repeat}.msc-Popover:where([data-trigger=ComboBox]) .msc-ListBoxItem:where([data-focused],[data-pressed]){color:var(--msc-combo-box-popover-item-focused-color);background:var(--msc-combo-box-popover-item-focused-background)}}
@layer mosaic.components{.msc-ProgressIndicator{--msc-progress-indicator-size:48px;--msc-progress-indicator-stroke-width:4px;--msc-progress-indicator-track-color:var(--msc-c-highlight-overlay);--msc-progress-indicator-fill-color:var(--msc-c-primary)}.msc-ProgressIndicator .msc-ProgressIndicatorRing{width:var(--msc-progress-indicator-size);max-width:none;height:var(--msc-progress-indicator-size);fill:none;outline:none}.msc-ProgressIndicator .msc-ProgressIndicatorTrack{stroke:var(--msc-progress-indicator-track-color);stroke-width:var(--msc-progress-indicator-stroke-width)}.msc-ProgressIndicator .msc-ProgressIndicatorFill{stroke:var(--msc-progress-indicator-fill-color);stroke-width:var(--msc-progress-indicator-stroke-width);stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.msc-ProgressIndicator:where([data-indeterminate]) .msc-ProgressIndicatorFill{animation:1.375s linear infinite msc-ProgressIndicator-spin,1.5s ease-in-out infinite msc-ProgressIndicator-slide}.msc-ProgressIndicator:where([data-variant=block]){justify-content:center;align-items:center;min-width:100%;padding-block:24px;display:flex}.msc-ProgressIndicator:where([data-variant=local]){z-index:var(--msc-z-index-controls);background:var(--msc-c-modal-background-glass);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.msc-ProgressIndicator:where([data-variant=full]){z-index:var(--msc-z-index-overlay);background:var(--msc-c-modal-background-glass);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes msc-ProgressIndicator-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes msc-ProgressIndicator-slide{0%{stroke-dasharray:1 100;stroke-dashoffset:0}50%{stroke-dasharray:65 150;stroke-dashoffset:-15px}to{stroke-dasharray:1 100;stroke-dashoffset:-100px}}}

@layer mosaic.components{:is(.msc-TimeField,.msc-TimeFieldGroup):not(:has([data-hovered],[data-focused],[data-invalid],[data-filled])) .msc-DateInput{opacity:0}}
@layer mosaic.components{:is(.msc-DateField,.msc-DateFieldGroup):not(:has([data-hovered],[data-focused],[data-invalid],[data-filled])) .msc-DateInput{opacity:0}:is(.msc-DateField,.msc-DateFieldGroup):where([data-disabled]) .msc-DateSeparator{--msc-date-separator-color:var(--msc-c-neutral-60)}.msc-DateInput{--msc-date-input-color:var(--msc-c-neutral-80);--msc-date-input-background-color:transparent;--msc-date-input-font-family:var(--msc-t-control-font-family);--msc-date-input-font-size:var(--msc-t-control-md-font-size);--msc-date-input-line-height:var(--msc-t-control-md-line-height);--msc-date-input-padding:var(--msc-s-none) var(--msc-s-lg);width:100%;min-height:0;padding:var(--msc-date-input-padding);color:var(--msc-date-input-color);background:var(--msc-date-input-background-color);font-family:var(--msc-date-input-font-family);font-size:var(--msc-date-input-font-size);line-height:var(--msc-date-input-line-height);white-space:nowrap;appearance:none;forced-color-adjust:none;border:none;outline:none;margin:0;display:flex}.msc-DateSegment{--msc-date-segment-padding:0 2px;--msc-date-segment-border-radius:2px;--msc-date-segment-color:var(--msc-c-neutral-90);--msc-date-segment-color-placeholder:var(--msc-c-text-color-placeholder);--msc-date-segment-color-highlight:var(--msc-c-highlight-color);--msc-date-segment-background-color-highlight:var(--msc-c-highlight-background);padding:var(--msc-date-segment-padding);color:var(--msc-date-segment-color);font-variant-numeric:tabular-nums;text-align:end}.msc-DateSegment:where([data-type=literal]){--msc-date-segment-padding:0}.msc-DateSegment:where([data-placeholder]){--msc-date-segment-color:var(--msc-date-segment-color-placeholder)}.msc-DateSegment:where([data-disabled]){--msc-date-segment-color:var(--msc-c-neutral-60);cursor:default}.msc-DateSegment:where([data-focused]){border-radius:var(--msc-date-segment-border-radius);color:var(--msc-date-segment-color-highlight);background:var(--msc-date-segment-background-color-highlight);caret-color:#0000;outline:none}.msc-DateSeparator{--msc-date-separator-font-family:var(--msc-t-control-font-family);--msc-date-separator-font-size:var(--msc-t-control-md-font-size);--msc-date-separator-line-height:var(--msc-t-control-md-line-height);--msc-date-separator-color:var(--msc-c-neutral-80);color:var(--msc-date-separator-color);font-family:var(--msc-date-separator-font-family);font-size:var(--msc-date-separator-font-size);line-height:var(--msc-date-separator-line-height)}}

@layer mosaic.components{:is(.msc-DatePicker,.msc-DatePickerGroup):not(:has([data-hovered],[data-focused],[data-invalid],[data-filled],[data-pressed])) .msc-DateInput{opacity:0}.msc-Popover:where([data-trigger=DatePicker]){max-width:unset}.msc-Popover:where([data-trigger=DatePicker]) :where(.msc-Dialog){padding:0}:is(.msc-DateRangePicker,.msc-DateRangePickerGroup) :where(.msc-DateInput[slot=start]){flex:none;width:fit-content;padding-inline-end:6px}:is(.msc-DateRangePicker,.msc-DateRangePickerGroup) :where(.msc-DateInput[slot=end]){flex:auto;width:fit-content;padding-inline-start:6px}:is(.msc-DateRangePicker,.msc-DateRangePickerGroup):not(:has([data-hovered],[data-focused],[data-invalid],[data-filled],[data-pressed])) .msc-DateInput,:is(.msc-DateRangePicker,.msc-DateRangePickerGroup):not(:has([data-hovered],[data-focused],[data-invalid],[data-filled],[data-pressed])) .msc-DateSeparator{opacity:0}.msc-Popover:where([data-trigger=DateRangePicker]){max-width:unset}.msc-Popover:where([data-trigger=DateRangePicker]) :where(.msc-Dialog){padding:0}}


@layer mosaic.components{.msc-DescriptionList{--msc-description-list-font-size:var(--msc-t-size-lg);font-size:var(--msc-description-list-font-size);flex-direction:column;display:flex}.msc-DescriptionList:where([data-orientation=horizontal]){--msc-description-list-gap:var(--msc-s-xxs) var(--msc-s-xl);gap:var(--msc-description-list-gap);grid-template-columns:max-content 1fr;display:grid}.msc-DescriptionList:where([data-columns]){grid-template-columns:repeat(var(--msc-description-list-columns), 1fr)}.msc-DescriptionTerm{--msc-description-term-color:var(--msc-c-gray-90);--msc-description-term-font-family:var(--msc-f-sans-serif-light);--msc-description-term-margin-block-start:var(--msc-s-sm);color:var(--msc-description-term-color);font-family:var(--msc-description-term-font-family)}.msc-DescriptionList:where([data-orientation=vertical])>.msc-DescriptionTerm:where(:not(:first-child)){margin-block-start:var(--msc-description-term-margin-block-start)}.msc-DescriptionDetails{--msc-description-details-color:var(--msc-c-neutral-max);color:var(--msc-description-details-color)}}
@layer mosaic.components{.msc-DisclosureGroup{flex-direction:column;gap:8px;display:flex}}
@layer mosaic.components{.msc-Disclosure .msc-Button[slot=trigger]{box-shadow:none;border:none;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.msc-Disclosure .msc-Button[slot=trigger] .msc-Icon{stroke:currentColor;stroke-width:1px;width:12px;height:12px;transition:rotate .15s;rotate:none}.msc-Disclosure:where([data-expanded]) .msc-Button[slot=trigger] .msc-Icon{rotate:90deg}.msc-Disclosure .msc-Heading{margin:0}.msc-DisclosurePanel{height:var(--disclosure-panel-height);margin-inline-start:24px;transition:height .15s;overflow:clip}@media (prefers-reduced-motion:reduce){.msc-DisclosurePanel{transition:none}}}
@layer mosaic.components{.msc-DrawerOverlay{top:0;z-index:var(--msc-z-index-modal);width:100vw;height:var(--page-height);background:var(--msc-c-modal-background);position:absolute;inset-inline-start:0}.msc-DrawerOverlay:where([data-entering]){animation:.15s msc-Drawer-fade}.msc-DrawerOverlay:where([data-exiting]){animation:.15s ease-in reverse forwards msc-Drawer-fade}.msc-Drawer{--msc-drawer-width:320px;width:var(--msc-drawer-width);height:var(--visual-viewport-height);border:1px solid var(--msc-c-border-color);color:var(--msc-c-text-color);background:var(--msc-c-overlay-background);box-shadow:0 8px 20px var(--msc-c-overlay-shadow);outline:none;position:fixed;top:0;overflow:auto}.msc-Drawer:where([data-placement=right]){border-radius:4px 0 0 4px;inset-inline-end:0}.msc-Drawer:where([data-placement=right]):where([data-entering]){animation:.3s cubic-bezier(.175,.885,.32,1.1) msc-Drawer-slide-right}.msc-Drawer:where([data-placement=right]):where([data-exiting]){animation:.2s ease-in reverse forwards msc-Drawer-slide-right}.msc-Drawer:where([data-placement=left]){border-radius:0 4px 4px 0;inset-inline-start:0}.msc-Drawer:where([data-placement=left]):where([data-entering]){animation:.3s cubic-bezier(.175,.885,.32,1.1) msc-Drawer-slide-left}.msc-Drawer:where([data-placement=left]):where([data-exiting]){animation:.2s ease-in reverse forwards msc-Drawer-slide-left}@keyframes msc-Drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes msc-Drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes msc-Drawer-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}}
@layer mosaic.components{.msc-DropZone{--msc-drop-zone-color:var(--msc-c-neutral-60);--msc-drop-zone-background-color:transparent;--msc-drop-zone-border-color:var(--msc-c-neutral-30);--msc-drop-zone-outline-color:var(--msc-c-neutral-alpha-30);--msc-drop-zone-outline:1px dashed var(--msc-drop-zone-border-color);--msc-drop-zone-shadow-color:var(--msc-c-neutral-alpha-30);--msc-drop-zone-box-shadow:none;--msc-drop-zone-font-family:var(--msc-t-body-font-family);--msc-drop-zone-font-size:var(--msc-t-body-md-font-size);--msc-drop-zone-line-height:var(--msc-t-body-md-line-height);color:var(--msc-drop-zone-color);background:var(--msc-drop-zone-background-color);outline:var(--msc-drop-zone-outline);outline-offset:0;box-shadow:var(--msc-drop-zone-box-shadow);font-family:var(--msc-drop-zone-font-family);font-size:var(--msc-drop-zone-font-size);line-height:var(--msc-drop-zone-line-height);forced-color-adjust:none;appearance:none;border:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 12px;transition:outline .15s,box-shadow .15s;display:flex}.msc-DropZone:where([data-hovered],[data-drop-target]){--msc-drop-zone-border-color:var(--msc-c-neutral-40)}.msc-DropZone:where([data-focused]){--msc-drop-zone-border-color:var(--msc-c-neutral-50);--msc-drop-zone-box-shadow:0 0 0 1px transparent, 0 0 0 3px var(--msc-drop-zone-shadow-color)}.msc-DropZone:where([data-drop-target]){--msc-drop-zone-background-color:var(--msc-c-highlight-overlay);outline-style:solid}}
@layer mosaic.components{.msc-Legend{--msc-legend-color:var(--msc-c-text-color);--msc-legend-font-family:var(--msc-t-label-font-family);--msc-legend-font-size:var(--msc-t-label-lg-font-size);--msc-legend-letter-spacing:.4px;--msc-legend-line-height:var(--msc-t-label-lg-line-height);color:var(--msc-legend-color);font-family:var(--msc-legend-font-family);font-size:var(--msc-legend-font-size);letter-spacing:var(--msc-legend-letter-spacing);line-height:var(--msc-legend-line-height);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;pointer-events:none;padding-inline:8px;text-decoration:none;display:inline-block;overflow:hidden}}
@layer mosaic.components{.msc-FieldSet{--msc-field-set-border-color:var(--msc-c-neutral-30);--msc-field-set-border:1px solid var(--msc-field-set-border-color);border:var(--msc-field-set-border);border-radius:4px;margin:0;padding:8px 12px;position:relative}}
@layer mosaic.components{.msc-GridList{--msc-grid-list-font-family:var(--msc-t-body-font-family);--msc-grid-list-font-size:var(--msc-t-body-md-font-size);--msc-grid-list-line-height:var(--msc-t-body-md-line-height);border:1px solid var(--msc-c-border-color);background:var(--msc-c-overlay-background);width:250px;min-height:100px;max-height:300px;font-family:var(--msc-grid-list-font-family);font-size:var(--msc-grid-list-font-size);line-height:var(--msc-grid-list-line-height);border-radius:4px;outline:none;flex-direction:column;padding:4px;display:flex;overflow:auto}.msc-GridList:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:-1px}.msc-GridList:where([data-empty]){justify-content:center;align-items:center;font-style:italic}.msc-GridList:where([data-drop-target]){background:var(--msc-c-highlight-overlay);outline:2px solid var(--msc-c-highlight-background);outline-offset:-1px}.msc-GridList .msc-DropIndicator[data-drop-target]{outline:1px solid var(--msc-c-highlight-background)}.msc-GridListSection:not(:first-child){margin-top:8px}.msc-GridListHeader{--msc-grid-list-header-font-size:var(--msc-t-heading-sm-font-size);--msc-grid-list-header-font-weight:var(--msc-t-heading-sm-font-weight);font-size:var(--msc-grid-list-header-font-size);font-weight:var(--msc-grid-list-header-font-weight);pointer-events:none;margin-inline:-4px;padding:0 12px}.msc-GridListItem{--msc-grid-list-item-border-radius:4px;border-radius:var(--msc-grid-list-item-border-radius);min-height:28px;color:var(--msc-c-text-color);forced-color-adjust:none;cursor:default;outline:none;align-items:center;gap:8px;margin-block-end:.5px;padding:4px 4px 4px 8px;display:flex;position:relative;transform:translateZ(0)}.msc-GridListItem:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:-2px}.msc-GridListItem:where([data-pressed]){background-color:var(--msc-c-surface-pressed)}.msc-GridListItem:where([data-selected]){--msc-c-focus-ring-color:var(--msc-c-highlight-color);color:var(--msc-c-highlight-color);background:var(--msc-c-highlight-background)}.msc-GridListItem:where([data-selected]):where([data-focus-visible]){outline-color:var(--msc-c-highlight-color);outline-offset:-4px}.msc-GridListItem:where([data-selected]) .msc-Checkbox{--msc-checkbox-checkmark-color:var(--msc-c-highlight-color);--msc-checkbox-border-color:var(--msc-c-highlight-color-dimmed);--msc-checkbox-color:var(--msc-c-highlight-color)}.msc-GridListItem:where([data-selected]) .msc-Button{color:var(--msc-c-highlight-color);background:0 0}.msc-GridListItem:where([data-selected]):has(+[data-selected]),.msc-GridListItem:where([data-selected]):has(+.msc-DropIndicator+[data-selected]){border-end-end-radius:0;border-end-start-radius:0}.msc-GridListItem:where([data-selected])+[data-selected],.msc-GridListItem:where([data-selected])+.msc-DropIndicator+[data-selected]{border-start-start-radius:0;border-start-end-radius:0}.msc-GridListItem:where([data-disabled]){color:var(--msc-c-text-color-disabled)}.msc-GridListItem:where([data-allows-dragging]){padding-inline-start:4px}.msc-GridListItem:where([data-dragging]){opacity:.6}.msc-GridListItem:where([data-drop-target]){background:var(--msc-c-highlight-overlay);outline:2px solid var(--msc-c-highlight-background)}.msc-GridListItem [data-href]{cursor:pointer}.msc-GridListItem .msc-Button[slot=drag]{all:unset;text-align:center;background:0 0;border:none;width:16px;padding:6px;font-size:.95em;line-height:1.2em;display:block}.msc-GridListItem .msc-Button[slot=drag]:where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color);border-radius:4px}.msc-GridListItem .msc-Button[slot=drag]:where(:empty):before{content:"";background-color:currentColor;width:16px;height:16px;display:block;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"></path></svg>") 50%/contain no-repeat}.msc-GridListItem .msc-Button:not([slot]){background:0 0;border:none;border-radius:4px;margin-inline-start:auto;padding:4px 6px;font-size:16px;line-height:1.2em;transition:background-color .15s}.msc-GridListItem .msc-Button:not([slot]):where([data-focus-visible]){outline:2px solid var(--msc-c-focus-ring-color)}.msc-GridListLoadMoreItem .msc-ProgressIndicator{--msc-progress-indicator-size:24px;justify-content:center;align-items:center;margin-block:8px;display:flex}}
@layer mosaic.components{.msc-InfoText{--msc-infotext-icon-size:1em;--msc-infotext-gap:8px;--msc-infotext-font-family:var(--msc-f-sans-serif-light);--msc-infotext-font-size:16px;--msc-infotext-line-height:22px;background:var(--msc-infotext-background-color);font-family:var(--msc-infotext-font-family);font-size:var(--msc-infotext-font-size);line-height:var(--msc-infotext-line-height);gap:var(--msc-infotext-gap);display:flex}.msc-InfoText :where(.msc-InfoTextIcon){width:var(--msc-infotext-icon-size);height:var(--msc-infotext-icon-size);flex:none;margin-block:3px}.msc-InfoText :where(.msc-InfoTextContent){text-overflow:ellipsis;flex:auto;overflow:hidden}}

@layer mosaic.components{.msc-TextArea{--msc-text-area-color:var(--msc-c-neutral-90);--msc-text-area-background-color:transparent;--msc-text-area-font-family:var(--msc-t-control-font-family);--msc-text-area-font-size:var(--msc-t-control-md-font-size);--msc-text-area-line-height:var(--msc-t-control-md-line-height);width:100%;min-height:min-content;color:var(--msc-text-area-color);background:var(--msc-text-area-background-color);font-family:var(--msc-text-area-font-family);font-size:var(--msc-text-area-font-size);line-height:var(--msc-text-area-line-height);appearance:none;resize:none;border:none;outline:none;margin:0;padding:5px 12px;scroll-padding-block:5px;overflow:hidden}.msc-TextArea:where([data-resizable]){resize:vertical;overflow:auto}.msc-TextArea:where([data-disabled]){--msc-text-area-color:var(--msc-c-neutral-60)}:where(.msc-TextArea__wrapper){grid-template-columns:100%;width:100%;display:grid}:where(.msc-TextArea__wrapper) :where(.msc-TextArea__resizer){--msc-text-area-font-family:var(--msc-t-control-font-family);--msc-text-area-font-size:var(--msc-t-control-md-font-size);--msc-text-area-line-height:var(--msc-t-control-md-line-height);min-height:0;font-family:var(--msc-text-area-font-family);font-size:var(--msc-text-area-font-size);line-height:var(--msc-text-area-line-height);white-space:pre-wrap;word-wrap:break-word;visibility:hidden;padding:5px 12px}:where(.msc-TextArea__wrapper) :where(.msc-TextArea,.msc-TextArea__resizer){grid-area:1/1/2/2}}



@layer mosaic.components{.msc-Meter{--msc-meter-size:6px;--msc-meter-border-radius:3px;--msc-meter-track-color:var(--msc-c-highlight-overlay);--msc-meter-fill-color:var(--msc-c-highlight-background);grid-template-columns:1fr auto;grid-template-areas:"label value""bar bar";gap:4px;width:250px;display:grid}.msc-Meter .msc-Label{--msc-label-font-size:14px}.msc-Meter .msc-MeterValue{color:var(--msc-c-text-color);grid-area:value}.msc-Meter .msc-MeterTrack{height:var(--msc-meter-size);border-radius:var(--msc-meter-border-radius);background-color:var(--msc-meter-track-color);forced-color-adjust:none;grid-area:bar;overflow:hidden}.msc-Meter .msc-MeterFill{border-radius:inherit;background-color:var(--msc-meter-fill-color);height:100%}}
@layer mosaic.components{.msc-ModalOverlay{top:0;width:100vw;height:var(--page-height);z-index:var(--msc-z-index-modal);background:var(--msc-c-modal-background);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-start:0}.msc-ModalOverlay:where([data-entering]){animation:.15s msc-Modal-fade}.msc-ModalOverlay:where([data-exiting]){animation:.15s ease-in reverse msc-Modal-fade}.msc-Modal{--msc-modal-border-radius:4px;--msc-modal-width:max-content;top:calc(var(--visual-viewport-height) / 2);width:var(--msc-modal-width);min-width:var(--msc-modal-min-width,300px);max-height:var(--visual-viewport-height);border:1px solid var(--msc-c-border-color);border-radius:var(--msc-modal-border-radius);color:var(--msc-c-text-color);background:var(--msc-c-overlay-background);box-shadow:0 8px 20px var(--msc-c-overlay-shadow);outline:none;position:fixed;inset-inline-start:50%;overflow:hidden;translate:-50% -50%}.msc-Modal:where([data-entering]){animation:.3s cubic-bezier(.175,.885,.32,1.275) msc-Modal-zoom}.msc-Modal .msc-TextField{margin-bottom:8px}@keyframes msc-Modal-fade{0%{opacity:0}to{opacity:1}}@keyframes msc-Modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes msc-Modal-blur{0%{background:var(--msc-c-modal-background-blurred-from);backdrop-filter:blur()}to{background:var(--msc-c-modal-background-blurred-to);backdrop-filter:blur(10px)}}@keyframes msc-Modal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}}
@layer mosaic.components{:is(.msc-NumberField,.msc-NumberFieldGroup) :where(.msc-FieldControl) .msc-ActionButton{--msc-action-button-icon-size:12px}:is(.msc-NumberField,.msc-NumberFieldGroup) :where(.msc-FieldControl) .msc-Separator{margin:5px 0}}

@layer mosaic.components{.msc-OneTimeCode,.msc-OneTimeCodeGroup{--msc-one-time-code-font-family:var(--msc-t-control-font-family);--msc-one-time-code-font-size:var(--msc-t-control-md-font-size);--msc-one-time-code-line-height:var(--msc-t-control-md-line-height)}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup):where([data-disabled]) .msc-OneTimeCodeSlot{--msc-one-time-code-color:var(--msc-c-neutral-60)}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeInput){gap:8px;width:max-content;height:32px;display:flex;position:relative}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeSlot){--msc-one-time-code-color:var(--msc-c-neutral-90);height:100%;color:var(--msc-one-time-code-color);font-family:var(--msc-one-time-code-font-family);font-size:var(--msc-one-time-code-font-size);line-height:var(--msc-one-time-code-line-height);-webkit-user-select:none;user-select:none;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeSlot):where([data-type=editable]){--msc-one-time-code-background-color:var(--msc-field-control-background-color,transparent);--msc-one-time-code-border-color:var(--msc-field-control-border-color,var(--msc-c-neutral-30));--msc-one-time-code-shadow-color:var(--msc-field-control-shadow-color,var(--msc-c-neutral-alpha-30));--msc-one-time-code-box-shadow:0 0 0 1px var(--msc-one-time-code-border-color);aspect-ratio:3/4;background:var(--msc-one-time-code-background-color);box-shadow:var(--msc-one-time-code-box-shadow);outline:none;transition:box-shadow .15s}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeSlot):where([data-type=literal]){--msc-one-time-code-color:var(--msc-c-neutral-80)}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeSlot):where([data-active]){--msc-one-time-code-border-color:var(--msc-field-control-border-color,var(--msc-c-neutral-50));--msc-one-time-code-box-shadow:var(--msc-field-control-box-shadow,0 0 0 1px var(--msc-one-time-code-border-color), 0 0 0 3px var(--msc-one-time-code-shadow-color))}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) :where(.msc-OneTimeCodeCaret){inset-inline-start:50%;background:var(--msc-one-time-code-color);pointer-events:none;border-radius:1px;width:1px;height:1lh;animation:1s step-end infinite msc-OneTimeCode-blink;position:absolute;top:50%;transform:translate(-50%,-50%)}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) .msc-FieldControl{width:max-content;box-shadow:none;background:0 0;overflow:visible}:is(.msc-OneTimeCode,.msc-OneTimeCodeGroup) .msc-Input{pointer-events:auto;clip-path:inset(0 50px 0 0);opacity:0;min-width:calc(100% + 50px);max-width:100%;max-height:100%;margin:0;padding:0;position:absolute;inset:0}@keyframes msc-OneTimeCode-blink{0%,50%{opacity:1}51%,to{opacity:0}}}


@layer mosaic.components{.msc-ProgressCircle{--msc-progress-circle-size:64px;--msc-progress-circle-stroke-width:4px;--msc-progress-circle-track-color:var(--msc-c-highlight-overlay);--msc-progress-circle-fill-color:var(--msc-c-highlight-background);max-width:var(--msc-progress-circle-size);max-height:var(--msc-progress-circle-size)}.msc-ProgressCircle .msc-ProgressCircleTrack{stroke:var(--msc-progress-circle-track-color);stroke-width:var(--msc-progress-circle-stroke-width)}.msc-ProgressCircle .msc-ProgressCircleFill{stroke:var(--msc-progress-circle-fill-color);stroke-width:var(--msc-progress-circle-stroke-width);stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.msc-ProgressCircle:where([data-indeterminate]) .msc-ProgressCircleFill{stroke-dasharray:25 100;animation:1s linear infinite msc-ProgressCircle-spin}@keyframes msc-ProgressCircle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
@layer mosaic.components{.msc-RadioGroup{padding:0}.msc-RadioGroup:where([data-orientation=vertical]) :where(.msc-FieldControl){flex-direction:column;align-items:start;min-height:0}.msc-RadioGroup:where([data-orientation=horizontal]) :where(.msc-FieldControl){flex-direction:row;align-items:center}.msc-RadioGroup .msc-FieldControl{box-shadow:none;background:0 0;gap:12px 24px;padding-inline:12px}.msc-RadioGroup:not(:has(.msc-Label)) .msc-FieldControl{margin-inline:-3px;padding-inline:3px}}
@layer mosaic.components{.msc-Radio{--msc-radio-icon-size:var(--msc-t-size-lg);--msc-radio-icon-margin-block:3px;--msc-radio-icon-background-color:var(--msc-c-neutral-min);--msc-radio-padding:var(--msc-s-none);--msc-radio-bullet-size:var(--msc-t-size-min);--msc-radio-bullet-color:var(--msc-c-neutral-90);--msc-radio-gap:var(--msc-s-md);--msc-radio-border-color:var(--msc-c-neutral-30);--msc-radio-shadow-color:var(--msc-c-neutral-alpha-30);--msc-radio-color:var(--msc-c-neutral-90);--msc-radio-background-color:transparent;--msc-radio-box-shadow:0 0 0 1px var(--msc-radio-border-color);--msc-radio-font-family:var(--msc-t-control-font-family);--msc-radio-font-size:var(--msc-t-control-md-font-size);--msc-radio-line-height:var(--msc-t-control-md-line-height);--msc-radio-cursor:pointer;--msc-radio-align-items:start;color:var(--msc-radio-color);padding:var(--msc-radio-padding);background:var(--msc-radio-background-color);font-family:var(--msc-radio-font-family);font-size:var(--msc-radio-font-size);line-height:var(--msc-radio-line-height);forced-color-adjust:none;cursor:var(--msc-radio-cursor);align-items:var(--msc-radio-align-items);gap:var(--msc-radio-gap);outline:none;display:flex;position:relative}.msc-Radio:where([data-hovered]){--msc-radio-border-color:var(--msc-c-neutral-40)}.msc-Radio:where([data-focused]){--msc-radio-border-color:var(--msc-c-neutral-50);--msc-radio-box-shadow:0 0 0 1px var(--msc-radio-border-color), 0 0 0 3px var(--msc-radio-shadow-color)}.msc-Radio:where([data-invalid]){--msc-radio-border-color:var(--msc-c-red-50)}.msc-Radio:where([data-invalid]):where([data-hovered]){--msc-radio-border-color:var(--msc-c-red-60)}.msc-Radio:where([data-invalid]):where([data-focused]){--msc-radio-border-color:var(--msc-c-red-70);--msc-radio-shadow-color:var(--msc-c-red-20)}.msc-Radio:where([data-readonly]){--msc-radio-cursor:not-allowed}.msc-Radio:where([data-disabled]){--msc-radio-bullet-color:var(--msc-c-neutral-alpha-60);--msc-radio-border-color:var(--msc-c-neutral-20);--msc-radio-color:var(--msc-c-neutral-60);--msc-radio-cursor:not-allowed}.msc-Radio:where([data-disabled]) :where(.msc-RadioIcon){--msc-radio-icon-background-color:var(--msc-c-neutral-05)}.msc-Radio :where(.msc-RadioIcon){background:var(--msc-radio-icon-background-color);width:var(--msc-radio-icon-size);height:var(--msc-radio-icon-size);margin-block:var(--msc-radio-icon-margin-block);box-shadow:var(--msc-radio-box-shadow);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex}.msc-Radio :where(.msc-RadioIcon):after{content:"";width:var(--msc-radio-bullet-size);height:var(--msc-radio-bullet-size);background:var(--msc-radio-bullet-color);border-radius:50%;transform:scale(0)}.msc-Radio:where([data-selected]) :where(.msc-RadioIcon):after{transition:transform .15s;transform:scale(1)}}
@layer mosaic.components{.msc-Scroller{--msc-scroller-fade-size:80px;--msc-scroller-fade-color:var(--msc-c-paper);--msc-scroller-button-color:var(--msc-c-text-color);--msc-scroller-icon-size:16px;width:100%;position:relative;overflow:hidden}.msc-Scroller-viewport{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:100%}.msc-Scroller-viewport::-webkit-scrollbar{display:none}.msc-Scroller-viewport:where([data-show-scrollbar]){scrollbar-width:auto}.msc-Scroller-viewport:where([data-show-scrollbar])::-webkit-scrollbar{display:revert}.msc-Scroller-button{z-index:1;color:var(--msc-scroller-button-color);opacity:0;cursor:pointer;pointer-events:none;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute}.msc-Scroller-button:where(:focus-visible){outline:2px solid var(--msc-c-focus-ring-color);outline-offset:2px}.msc-Scroller-button .msc-Icon{--msc-icon-size:var(--msc-scroller-icon-size)}.msc-Scroller:where([data-can-scroll-next]) .msc-Scroller-button--next,.msc-Scroller:where([data-can-scroll-back]) .msc-Scroller-button--back{opacity:1;pointer-events:auto}.msc-Scroller:where([data-orientation=horizontal]) .msc-Scroller-viewport{overflow:auto hidden}.msc-Scroller:where([data-orientation=horizontal]) .msc-Scroller-button{width:var(--msc-scroller-fade-size);height:100%;top:0}.msc-Scroller:where([data-orientation=horizontal]) .msc-Scroller-button--next{background:linear-gradient(to right, var(--msc-scroller-fade-color), transparent);justify-content:flex-start;inset-inline-start:0}.msc-Scroller:where([data-orientation=horizontal]) .msc-Scroller-button--back{background:linear-gradient(to left, var(--msc-scroller-fade-color), transparent);justify-content:flex-end;inset-inline-end:0}.msc-Scroller:where([data-orientation=vertical]) .msc-Scroller-viewport{overflow:hidden auto}.msc-Scroller:where([data-orientation=vertical]) .msc-Scroller-button{width:100%;height:var(--msc-scroller-fade-size);inset-inline-start:0}.msc-Scroller:where([data-orientation=vertical]) .msc-Scroller-button--next{background:linear-gradient(to bottom, var(--msc-scroller-fade-color), transparent);align-items:flex-start;top:0}.msc-Scroller:where([data-orientation=vertical]) .msc-Scroller-button--back{background:linear-gradient(to top, var(--msc-scroller-fade-color), transparent);align-items:flex-end;bottom:0}}
@layer mosaic.components{:is(.msc-SearchField,.msc-SearchFieldGroup):where([data-empty]) .msc-ActionButton{display:none}:is(.msc-SearchField,.msc-SearchFieldGroup) .msc-FieldControl:before{content:"";background:var(--msc-field-control-addon-color);pointer-events:none;flex:none;width:16px;height:16px;margin-inline-start:12px;display:block;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M8 2.5c1.5 0 2.9.6 3.9 1.6s1.6 2.4 1.6 3.9-.6 2.9-1.6 3.9-2.4 1.6-3.9 1.6-2.9-.6-3.9-1.6S2.5 9.5 2.5 8s.6-2.9 1.6-3.9S6.5 2.5 8 2.5M8 1c-1.9 0-3.7.8-4.9 2.1S1 6.1 1 8s.8 3.7 2.1 4.9S6.1 15 8 15s3.7-.8 4.9-2.1S15 9.9 15 8s-.8-3.7-2.1-4.9S9.9 1 8 1zm10.3 17.7c-.2.2-.5.2-.7 0l-3.8-3.8c-.2-.2-.2-.5 0-.7l.4-.4c.2-.2.5-.2.7 0l3.8 3.8c.2.2.2.5 0 .7l-.4.4z\" fill=\"currentColor\" /><path d=\"M7.5 3.8C5.6 4 4 5.6 3.8 7.5c0 .3.2.5.5.5h.5c.3 0 .5-.2.5-.5.2-1.1 1.1-2 2.2-2.2.3 0 .5-.2.5-.5v-.5c0-.3-.2-.5-.5-.5z\" fill=\"currentColor\" /></svg>") 50%/contain no-repeat}:is(.msc-SearchField,.msc-SearchFieldGroup) .msc-Input::-webkit-search-cancel-button{-webkit-appearance:none}:is(.msc-SearchField,.msc-SearchFieldGroup) .msc-Input::-webkit-search-decoration{-webkit-appearance:none}}

@layer mosaic.components{.msc-Select,.msc-SelectGroup{--msc-select-color:var(--msc-c-neutral-90);--msc-select-background-color:transparent;--msc-select-placeholder-color:var(--msc-c-neutral-50);--msc-select-font-family:var(--msc-t-control-font-family);--msc-select-font-size:var(--msc-t-control-md-font-size);--msc-select-line-height:var(--msc-t-control-md-line-height);--msc-select-padding:var(--msc-s-none) var(--msc-s-lg);--msc-select-icon-padding:10px;--msc-select-progress-indicator-padding:5px}:is(.msc-Select,.msc-SelectGroup) .msc-Button{--msc-button-icon-size:var(--msc-s-4xl);background:0 0;border:none;outline:none;justify-content:space-between;gap:0;width:100%;padding:0}:is(.msc-Select,.msc-SelectGroup) .msc-Button :where(.msc-SelectValue){width:100%;min-height:0;padding:var(--msc-select-padding);color:var(--msc-select-color);background:var(--msc-select-background-color);font-family:var(--msc-select-font-family);font-size:var(--msc-select-font-size);line-height:var(--msc-select-line-height);white-space:nowrap;scrollbar-width:none;text-align:start;clip-path:content-box;-webkit-user-select:all;user-select:all;overflow:scroll}:is(.msc-Select,.msc-SelectGroup) .msc-Button :where(.msc-SelectValue):where([data-placeholder]){color:var(--msc-select-placeholder-color)}:is(.msc-Select,.msc-SelectGroup) .msc-Button :where(.msc-Icon){--msc-icon-color:var(--msc-c-neutral-60);padding:var(--msc-select-icon-padding);color:var(--msc-icon-color)}:is(.msc-Select,.msc-SelectGroup) .msc-Button :where(.msc-ProgressIndicator){--msc-progress-indicator-size:var(--msc-t-size-3xl);--msc-progress-indicator-fill-color:currentColor;padding:var(--msc-select-progress-indicator-padding)}:is(.msc-Select,.msc-SelectGroup) .msc-Button:where([data-disabled]) :where(.msc-SelectValue){--msc-select-color:var(--msc-c-neutral-60)}:is(.msc-Select,.msc-SelectGroup) .msc-Button:where([data-disabled]) :where(.msc-Icon){pointer-events:all;cursor:pointer}:is(.msc-Select,.msc-SelectGroup) .msc-Button:where([data-hovered],[data-focus-visible]) :where(.msc-Icon){--msc-icon-color:var(--msc-c-neutral-80)}.msc-Popover:where([data-trigger=Select]){--msc-select-popover-header-padding-inline-start:var(--msc-s-3xl);--msc-select-popover-item-padding:var(--msc-s-xxs) var(--msc-s-sm);--msc-select-popover-item-selected-color:var(--msc-c-text-color);--msc-select-popover-selection-padding-inline-start:var(--msc-s-xxl);--msc-select-popover-icon-inset-inline-start:var(--msc-s-xs);--msc-select-popover-icon-size:var(--msc-t-size-sm);--msc-select-popover-item-focused-color:var(--msc-c-highlight-color);--msc-select-popover-item-focused-background:var(--msc-c-highlight-background);min-width:var(--trigger-width)}.msc-Popover:where([data-trigger=Select]) .msc-ListBox{width:unset;min-height:unset;max-height:inherit;border:none;display:block}.msc-Popover:where([data-trigger=Select]) .msc-ListBox .msc-Header{padding-inline-start:var(--msc-select-popover-header-padding-inline-start)}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem{--msc-list-box-item-padding:var(--msc-select-popover-item-padding)}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem:where([data-focus-visible]){outline:none}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem:where([data-selected]){color:var(--msc-select-popover-item-selected-color);background:unset}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem:where([data-selection-mode]){padding-inline-start:var(--msc-select-popover-selection-padding-inline-start)}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem:where([data-selection-mode]):where([data-selected]):before{content:"";width:var(--msc-select-popover-icon-size);height:var(--msc-select-popover-icon-size);background-color:currentColor;display:block;position:absolute;inset-inline-start:var(--msc-select-popover-icon-inset-inline-start);mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><path d=\"m3.5,9.50293c-.2998,0-.58398-.13477-.77441-.36719L.27539,6.13574c-.34961-.42773-.28613-1.05762.1416-1.40723.42773-.35059,1.05859-.28613,1.40723.1416l1.65723,2.0293L8.16113.88867c.33887-.43555.9668-.5166,1.40332-.1748.43555.33887.51367.96777.1748,1.40332l-5.4502,7c-.18652.24023-.47266.38184-.77734.38574h-.01172Z\" fill=\"currentColor\"/></svg>") 50%/contain no-repeat}.msc-Popover:where([data-trigger=Select]) .msc-ListBoxItem:where([data-focused],[data-pressed]){color:var(--msc-select-popover-item-focused-color);background:var(--msc-select-popover-item-focused-background)}}

@layer mosaic.components{.msc-Splitter{--msc-splitter-trigger-size:6px;--msc-splitter-bar-size:1px;--msc-splitter-bar-color:var(--msc-c-neutral-20);--msc-splitter-cursor:pointer;width:100%;height:100%;display:flex;overflow:hidden}.msc-Splitter:where([data-orientation=horizontal]){--msc-splitter-cursor:col-resize;--msc-splitter-bar-width:var(--msc-splitter-bar-size);--msc-splitter-bar-height:100%;--msc-splitter-trigger-width:var(--msc-splitter-trigger-size);--msc-splitter-trigger-height:100%;flex-direction:row}.msc-Splitter:where([data-orientation=vertical]){--msc-splitter-cursor:row-resize;--msc-splitter-bar-width:100%;--msc-splitter-bar-height:var(--msc-splitter-bar-size);--msc-splitter-trigger-width:100%;--msc-splitter-trigger-height:var(--msc-splitter-trigger-size);flex-direction:column}.msc-SplitterPanel{overflow:hidden}.msc-SplitterResizer,.msc-SplitterDivider{-webkit-user-select:none;user-select:none;flex:none;position:relative}.msc-SplitterResizer:where([data-hovered]){--msc-splitter-bar-color:var(--msc-c-neutral-30)}.msc-SplitterResizer:where([data-pressed]){--msc-splitter-bar-color:var(--msc-c-neutral-40)}.msc-SplitterResizer:where([data-pressed]):before{content:"";cursor:var(--msc-splitter-cursor);position:fixed;inset:0}.msc-SplitterTrigger{top:50%;width:var(--msc-splitter-trigger-width);height:var(--msc-splitter-trigger-height);z-index:var(--msc-z-index-above);-webkit-user-select:none;user-select:none;cursor:var(--msc-splitter-cursor);position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.msc-SplitterTrigger:after{content:"";top:50%;width:var(--msc-splitter-bar-width);height:var(--msc-splitter-bar-height);background:var(--msc-splitter-bar-color);position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.msc-SplitterDivider{width:var(--msc-splitter-bar-width);height:var(--msc-splitter-bar-height);background:var(--msc-splitter-bar-color)}}
@layer mosaic.components{.msc-Statusbar{flex-wrap:nowrap;gap:6px;display:flex;overflow:hidden}.msc-Statusbar:where([data-orientation=horizontal]){flex-direction:row;align-items:center;width:100%;height:fit-content}.msc-Statusbar:where([data-orientation=horizontal])>:last-child{margin-inline-start:auto}.msc-Statusbar:where([data-orientation=vertical]){flex-direction:column;align-items:start;width:fit-content;height:100%}.msc-Statusbar:where([data-orientation=vertical])>:last-child{margin-block-start:auto}.msc-Statusbar .msc-Group{gap:16px;display:inline-flex}.msc-Statusbar .msc-ActionButton{--msc-action-button-size:auto;--msc-action-button-icon-size:14px;--msc-action-button-border-radius:4px;--msc-action-button-outline-offset:-2px;gap:6px}}