:host { display: block; box-sizing: border-box; }
:host(:not([padded])) :is(dialog, dialog > :not(.body-wrapper:has(> .body-wrapper-content)), .body-wrapper > .body-wrapper-content) { padding: 0px; }
.dialog { padding: var(--fds-spacing-200) 0; }
dialog > :not(.body-wrapper:has(> .body-wrapper-content)), .body-wrapper > .body-wrapper-content { padding: 0 var(--fds-spacing-200); }
.no-radius { border-radius: 0px; }
.has-radius { border-radius: var(--fds-border-radius-container-default); }
.dialog-container { position: fixed; inset: 0px; width: 100dvw; max-width: 100dvw; height: 100dvh; max-height: 100dvh; display: flex; justify-content: center; align-items: center; background-color: var(--libfds-dialog-background, var(--fds-surface-variant)); color: var(--libfds-dialog-color, var(--fds-on-surface-hi)); z-index: var(--fds-z-index-1050, 1050); animation: 200ms ease 0s 1 normal forwards running backdrop-fade-id; }
.dialog-container.no-backdrop-animation { animation: auto ease 0s 1 normal none running none; }
.hide { display: none; }
dialog { box-sizing: border-box; border: none; background-color: var(--libfds-dialog-background, var(--fds-surface-variant)); color: var(--libfds-dialog-color, var(--fds-on-surface-hi)); outline: none; flex-direction: column; justify-content: space-between; width: 100dvw; max-width: 100dvw; height: 100dvh; max-height: 100dvh; overflow: hidden; border-radius: var(--fds-border-radius-container-default); }
dialog.full { border-radius: 0px; }
dialog.surface-variant-visible-overflow { overflow: visible; }
dialog.alternate-surface { background-color: var(--libfds-dialog-background, var(--fds-alternate-surface)); color: var(--libfds-dialog-color, var(--fds-on-alternate-surface-hi)); }
dialog.cover { width: 100dvw; max-width: 100dvw; height: 100dvh; max-height: 100dvh; border-radius: 0px; margin: 0px; }
.dialog-container.open.no-backdrop-animation { animation: auto ease 0s 1 normal none running none; }
dialog.hug-content { width: fit-content; max-width: calc(-80px + 100dvw); height: fit-content; max-height: calc(100dvh); }
dialog.full-margin { width: calc(-80px + 100dvw); max-width: calc(-80px + 100dvw); height: calc(-64px + 100dvh); max-height: calc(-64px + 100dvh); margin: 32px 40px; }
dialog.wideLarge { width: calc(1000px); max-width: calc(-80px + 100dvw); height: min-content; max-height: calc(100dvh); }
dialog.large { width: calc(800px); max-width: calc(-32px + 100dvw); height: min-content; max-height: calc(100dvh); }
dialog.large-content { width: fit-content; max-width: calc(-32px + 100dvw); height: min-content; max-height: 100dvh; }
dialog.large-responsive { width: calc(540px); max-width: calc(-32px + 100dvw); height: min-content; max-height: calc(100dvh); }
dialog.medium { width: calc(540px); max-width: calc(-32px + 100dvw); height: min-content; max-height: calc(100dvh); }
dialog.small { width: calc(300px); max-width: calc(-32px + 100dvw); height: min-content; max-height: calc(100dvh); }
dialog.bottom { width: 100dvw; max-width: 100dvw; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin: auto auto 0px; align-self: flex-end; }
dialog.top { max-width: 100dvw; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin: var(--fds-spacing-300) var(--fds-spacing-100) auto; place-self: flex-start center; }
@media screen and (min-width: 540px) {
  dialog.bottom { margin: revert; border-radius: var(--fds-border-radius-container-default); }
  dialog.top { border-radius: var(--fds-border-radius-container-default); }
}
@media screen and (min-width: 540px) {
  dialog.bottom.full-margin, dialog.top.full-margin { width: calc(-80px + 100dvw); max-width: calc(-80px + 100dvw); }
  dialog.bottom.large, dialog.top.large { width: calc(800px); max-width: calc(-32px + 100dvw); }
  dialog.bottom.medium, dialog.top.medium { width: calc(540px); max-width: calc(-32px + 100dvw); }
  dialog.bottom.small, dialog.top.small { width: calc(300px); max-width: calc(-32px + 100dvw); }
  dialog.top.full { margin: revert; }
}
@media screen and (max-width: 540px) {
  dialog.top.full, dialog.top.wide-large, dialog.top.large, dialog.top.medium { margin: revert; }
  dialog.large-responsive { width: 100dvw; max-width: 100dvw; height: 100dvh; max-height: 100dvh; margin: 0px; border-radius: 0px; }
}
dialog[open] { animation: 200ms ease-in 0s 1 normal none running showDialog; display: flex; }
.dialog-container.open { animation: 200ms ease 0s 1 normal forwards running backdrop-fade-id; }
dialog.close { animation: 200ms ease-in 0s 1 normal none running hideDialogAsBottomSheet; }
.dialog-container.close { animation: 200ms ease 0s 1 normal forwards running backdrop-fade-out; }
.dialog-close-button-wrapper { display: flex; justify-content: flex-end; padding: var(--fds-spacing-200) var(--fds-spacing-200) var(--fds-spacing-100); }
.dialog-close-button-standalone { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: var(--libfds-dialog-button-color, var(--fds-on-surface-color)); font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; dynamic-range-limit: unset; -electron-corner-smoothing: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-content: center; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
.alternate-surface .dialog-close-button-standalone { color: var(--libfds-dialog-button-color, var(--fds-on-alternate-surface-color)); }
.dialog-header-image { display: flex; justify-content: center; align-items: center; max-height: min(40vh, 240px); overflow: hidden; margin-bottom: var(--fds-spacing-200); padding: 0 var(--fds-spacing-200); }
.dialog-header-image img { width: 100%; max-height: 100%; object-fit: contain; display: block; border-radius: var(--fds-border-radius-container-default); }
.dialog-header-image-logo img { max-height: var(--fabric-brand-header-brand-logo-max-height, 27px); width: var(--fabric-brand-header-brand-logo-width, 127px); }
.dialog-header { display: grid; grid-template-columns: 24px 1fr 24px; align-items: center; top: 0px; background-color: var(--libfds-dialog-header-background, var(--fds-surface-variant)); gap: var(--fds-spacing-100); }
.dialog-header.left-title-no-icon { grid-template-columns: 1fr 24px; }
.alternate-surface .dialog-header { background-color: var(--libfds-dialog-header-background, var(--fds-alternate-surface)); }
.dialog-header h2 { font: var(--fds-headline-tiny); color: var(--libfds-dialog-header-text-color, var(--fds-on-surface-hi)); text-overflow: ellipsis; text-align: center; margin: 0px; grid-column: 1 / 4; }
.dialog-header h2.show-close-btn { grid-column: 2 / 3; }
.dialog-header h2.show-back-btn { grid-column: 2 / 2; }
.dialog-header h2.show-back-btn.show-close-btn { grid-column: 2 / 3; }
.dialog-header.left-title-no-icon h2 { grid-column: 1 / 2; }
.dialog-header h2.large { font: var(--fds-headline-regular); }
.dialog-header h2.left { text-align: left; }
.dialog-header h2.right { text-align: right; }
.alternate-surface .dialog-header h2 { color: var(--libfds-dialog-header-text-color, var(--fds-on-alternate-surface-hi)); }
.dialog-header button { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: var(--libfds-dialog-button-color, var(--fds-on-surface-color)); font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; align-self: start; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; dynamic-range-limit: unset; -electron-corner-smoothing: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-content: center; justify-items: unset; justify-self: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: auto; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
.alternate-surface .dialog-header button { color: var(--libfds-dialog-button-color, var(--fds-on-alternate-surface-color)); }
.dialog-header button:focus { outline: blue solid 1px; }
.dialog-header button.dialog-back-button { grid-column: 1 / 2; }
.dialog-header fabric-icons-icon { color: var(--libfds-dialog-button-color, var(--fds-on-surface-color)); }
.alternate-surface .dialog-header fabric-icons-icon { color: var(--libfds-dialog-button-color, var(--fds-on-alternate-surface-color)); }
.body-wrapper { min-height: 0px; display: flex; flex-direction: column; flex-grow: 1; position: relative; }
.body-wrapper-content { flex-grow: 1; max-height: 100%; }
.body-overflow-auto { overflow: auto; }
.dialog-spinner { z-index: 1; }
.dialog-body { overflow: hidden auto; box-sizing: border-box; font: var(--fds-paragraphs-regular); }
.dialog-body fds-button_control { justify-content: flex-end; }
.dialog-body p.message-align-left { text-align: left; }
.dialog-body p.message-align-center { text-align: center; }
.dialog-body p.message-align-right { text-align: right; }
.dialog-body a { color: var(--libfds-dialog-link-color, var(--fds-primary)); text-decoration: none; }
.dialog-footer { box-sizing: border-box; padding: var(--fds-spacing-200); font: var(--fds-paragraphs-regular); }
@keyframes backdrop-fade-id { 
  0% { background: transparent; }
  100% { background: rgba(0, 0, 0, 0.7); }
}
@keyframes backdrop-fade-out { 
  0% { background: rgba(0, 0, 0, 0.7); }
  100% { background: transparent; }
}
@keyframes showDialog { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes hideDialogAsBottomSheet { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(100%); }
}
@keyframes hideDialog { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}