@swisspost/design-system-styles 10.0.0-next.72 → 10.0.0-next.76

package/components/dialog.css

@@ -1 +1 @@
-.post-dialog,dialog{box-shadow:var(--post-device-elevation-500);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:visible;margin:revert;overscroll-behavior:contain;background-color:#fafafa;border:2px #cdccc8;border-radius:.5rem}.post-dialog::backdrop,dialog::backdrop{background-color:rgba(5,4,0,.8);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-dialog,dialog{border-width:2px}.post-dialog::backdrop,dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}.post-dialog[data-size=small],dialog[data-size=small]{min-width:296px;max-width:388px}.post-dialog[data-size=large],dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}.post-dialog[data-position=top],dialog[data-position=top]{top:2rem;bottom:auto}.post-dialog[data-position=bottom],dialog[data-position=bottom]{top:auto;bottom:2rem}.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: 100%;min-width:0;width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-height:80dvh;overflow:hidden;border-radius:.5rem .5rem 0 0;top:auto;bottom:0;margin-block-start:auto;margin-block-end:0}@media screen and (min-width: 780px){.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc(100vw - 2 * var(--post-container-padding-inline, 0))}}@media screen and (min-width: 1024px){.container .post-dialog[data-variant=bottom-sheet],.container dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: min( calc(100vw - 2 * var(--post-container-padding-inline, 0)), var(--post-container-max-width) )}.container-fluid .post-dialog[data-variant=bottom-sheet],.container-fluid dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc( (100vw - 2 * var(--post-container-padding-inline, 0)) / 2 )}}.post-dialog[data-variant=bottom-sheet]>.dialog-grid,dialog[data-variant=bottom-sheet]>.dialog-grid{max-height:80dvh}.post-dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton,dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton{inset-block-start:var(--post-core-dimension-16);inset-inline-end:var(--post-core-dimension-16);transform:none;z-index:2}.post-dialog>.dialog-grid,dialog>.dialog-grid{padding:var(--post-core-dimension-16) var(--post-core-dimension-16) 0;border-radius:.5rem;display:grid;grid-template-rows:auto 1fr auto;max-height:90vh;column-gap:var(--post-core-dimension-16);grid-template-columns:auto 1fr;grid-template-areas:"icon header" "icon body" "controls controls";position:relative;background-color:inherit}.post-dialog>.dialog-grid:not(:has(.dialog-controls)),dialog>.dialog-grid:not(:has(.dialog-controls)){padding-bottom:var(--post-core-dimension-16)}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls):empty{display:none}.dialog-grid:where(dialog[data-type=info]>*)::before{background-image:var(--post-signal-icon-info)}.dialog-grid:where(dialog[data-type=error]>*)::before{background-image:var(--post-signal-icon-error)}.dialog-grid:where(dialog[data-type=success]>*)::before{background-image:var(--post-signal-icon-success)}.dialog-grid:where(dialog[data-type=warning]>*)::before{background-image:var(--post-signal-icon-warning)}.dialog-grid:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)::before{content:"";display:block;grid-area:icon;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.dialog-grid .dialog-header{grid-area:header;margin-top:0;top:0;position:sticky;z-index:1;background-color:inherit}.dialog-grid .dialog-body{grid-area:body;margin-bottom:0;overflow:auto;padding:calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus));margin-top:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-left:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-right:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)))}.dialog-grid .dialog-body>*:last-child{margin-bottom:0}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-header{grid-area:1/icon/1/header}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-body{grid-area:2/icon/2/body}.dialog-controls{grid-area:controls;position:sticky;bottom:0;z-index:1;padding-top:var(--post-core-dimension-16);padding-bottom:var(--post-core-dimension-16);margin-block-end:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:var(--post-core-dimension-8);background-color:inherit}@media screen and (max-width: 599.98px){.dialog-controls button{width:100%}}.post-dialog[data-variant=bottom-sheet] .dialog-header,dialog[data-variant=bottom-sheet] .dialog-header{padding-inline-end:calc(var(--post-core-dimension-40) + var(--post-core-dimension-16))}.post-dialog:not([data-animation=none]),dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);--_dialog-closed-scale: 0.8;--_dialog-closed-translate-y: 0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale));opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}.post-dialog:not([data-animation=none])::backdrop,dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{transform:translateY(0) scale(1);opacity:1}@starting-style{.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{opacity:0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale))}}.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@starting-style{.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.post-dialog:not([data-animation=none])[data-animation=slide-in],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]),dialog:not([data-animation=none])[data-animation=slide-in],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]){--_dialog-slide-in-offset: 3rem;--_dialog-closed-scale: 1;--_dialog-closed-translate-y: var(--_dialog-slide-in-offset)}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top],dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top]{--_dialog-slide-in-offset: -3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom],dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom]{--_dialog-slide-in-offset: 3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(0) scale(1)}@starting-style{.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(var(--_dialog-slide-in-offset)) scale(1)}}@media(prefers-reduced-motion: reduce){.post-dialog:not([data-animation=none])[data-variant=bottom-sheet],dialog:not([data-animation=none])[data-variant=bottom-sheet]{transition:none}.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop,dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop{transition:none}}
+.post-dialog,dialog{box-shadow:var(--post-device-elevation-500);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:visible;margin:revert;overscroll-behavior:contain;background-color:#fafafa;border:2px #cdccc8;border-radius:.5rem}@supports(color: light-dark(black, white)){.post-dialog,dialog{color-scheme:light}}@supports not (color: light-dark(black, white)){.post-dialog,dialog{--post-fallback-prefers-light: light;--post-scheme-color-body-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-body-bg: var(--post-scheme-color-body-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-body-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-body-fg: var(--post-scheme-color-body-fg-light, var(--post-core-color-brand-white));--post-scheme-color-signal-success-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-dark: var(--post-scheme-color-signal-success-dark-light, var(--post-core-color-notification-green));--post-scheme-color-signal-success-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green-light);--post-scheme-color-signal-success-light: var(--post-scheme-color-signal-success-light-light, var(--post-core-color-notification-green-light));--post-scheme-color-signal-error-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-dark: var(--post-scheme-color-signal-error-dark-light, var(--post-core-color-notification-red));--post-scheme-color-signal-error-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red-light);--post-scheme-color-signal-error-light: var(--post-scheme-color-signal-error-light-light, var(--post-core-color-notification-red-light));--post-scheme-color-signal-warning-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-dark: var(--post-scheme-color-signal-warning-dark-light, var(--post-core-color-notification-orange));--post-scheme-color-signal-warning-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange-light);--post-scheme-color-signal-warning-light: var(--post-scheme-color-signal-warning-light-light, var(--post-core-color-notification-orange-light));--post-scheme-color-signal-information-dark-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-information-dark: var(--post-scheme-color-signal-information-dark-light, var(--post-core-color-notification-blue));--post-scheme-color-signal-information-light-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue-light);--post-scheme-color-signal-information-light: var(--post-scheme-color-signal-information-light-light, var(--post-core-color-notification-blue-light));--post-scheme-color-signal-success-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-solo: var(--post-scheme-color-signal-success-solo-light, var(--post-core-color-notification-green-night));--post-scheme-color-signal-error-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-solo: var(--post-scheme-color-signal-error-solo-light, var(--post-core-color-notification-red-night));--post-scheme-color-signal-info-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-info-solo: var(--post-scheme-color-signal-info-solo-light, var(--post-core-color-notification-blue-night));--post-scheme-color-signal-warning-solo-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-solo: var(--post-scheme-color-signal-warning-solo-light, var(--post-core-color-notification-orange-night));--post-scheme-color-interactive-button-primary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-scheme-color-interactive-button-primary-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-scheme-color-interactive-button-primary-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-stroke-light, var(--post-scheme-color-interactive-button-primary-enabled-bg));--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-scheme-color-interactive-button-primary-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-scheme-color-interactive-button-primary-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-stroke-light, var(--post-scheme-color-interactive-button-primary-hover-bg));--post-scheme-color-interactive-button-primary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-scheme-color-interactive-button-primary-hover-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-scheme-color-interactive-button-primary-hover-bg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-scheme-color-interactive-button-primary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-scheme-color-interactive-button-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-scheme-color-interactive-button-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-secondary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-secondary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-scheme-color-interactive-button-secondary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-scheme-color-interactive-button-secondary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-scheme-color-interactive-button-secondary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-secondary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-light, var(--post-scheme-color-interactive-button-tertiary-enabled-bg));--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-scheme-color-interactive-button-tertiary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-scheme-color-interactive-button-tertiary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-tertiary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-tertiary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-focus-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke: var(--post-scheme-color-interactive-focus-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-focus-stroke-inverted-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-scheme-color-interactive-focus-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-scheme-color-interactive-primary-enabled-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-scheme-color-interactive-primary-enabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-scheme-color-interactive-primary-enabled-fg2-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-enabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-scheme-color-interactive-primary-enabled-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-scheme-color-interactive-primary-enabled-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-scheme-color-interactive-primary-enabled-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-scheme-color-interactive-primary-enabled-bg3-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-scheme-color-interactive-primary-enabled-stroke4-light, var(--post-core-color-sandgrey-030));--post-scheme-color-interactive-primary-enabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-bg4: var(--post-scheme-color-interactive-primary-enabled-bg4-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke5: var(--post-scheme-color-interactive-primary-enabled-stroke5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg5: var(--post-scheme-color-interactive-primary-enabled-bg5-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg5: var(--post-scheme-color-interactive-primary-enabled-fg5-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-scheme-color-interactive-primary-hover-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-scheme-color-interactive-primary-hover-fg3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-scheme-color-interactive-primary-hover-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-scheme-color-interactive-primary-hover-stroke3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-scheme-color-interactive-primary-hover-bg3-light, var(--post-core-color-sandgrey-alpha-lightsand-20));--post-scheme-color-interactive-primary-hover-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg4: var(--post-scheme-color-interactive-primary-hover-bg4-light, var(--post-core-color-sandgrey-006));--post-scheme-color-interactive-primary-hover-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-hover-bg5: var(--post-scheme-color-interactive-primary-hover-bg5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-hover-bg7-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg7: var(--post-scheme-color-interactive-primary-hover-bg7-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-hover-bg8-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg8: var(--post-scheme-color-interactive-primary-hover-bg8-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg4: var(--post-scheme-color-interactive-primary-hover-fg4-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-scheme-color-interactive-primary-disabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-scheme-color-interactive-primary-disabled-fg3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-stroke2-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-scheme-color-interactive-primary-disabled-stroke2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-scheme-color-interactive-primary-disabled-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-scheme-color-interactive-primary-disabled-stroke3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-bg5-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-scheme-color-interactive-primary-disabled-bg5-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-disabled-fg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-scheme-color-interactive-primary-disabled-fg4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-scheme-color-interactive-primary-disabled-stroke4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-bg6-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-scheme-color-interactive-primary-disabled-bg6-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-selected-bg1-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-scheme-color-interactive-primary-selected-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-fg1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-scheme-color-interactive-primary-selected-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-stroke1-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-scheme-color-interactive-primary-selected-stroke1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-fg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-scheme-color-interactive-primary-selected-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg2-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-bg2: var(--post-scheme-color-interactive-primary-selected-bg2-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke4-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-scheme-color-interactive-primary-selected-stroke4-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-scheme-color-interactive-primary-selected-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg4-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-scheme-color-interactive-primary-selected-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-bg3-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-interactive-primary-selected-bg3: var(--post-scheme-color-interactive-primary-selected-bg3-light, var(--post-core-color-brand-postyellow));--post-scheme-color-interactive-notification-info-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-scheme-color-interactive-notification-info-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-info-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-interactive-notification-info-bg-light, var(--post-scheme-color-signal-information-light));--post-scheme-color-interactive-notification-info-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-interactive-notification-info-icon-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-info-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-interactive-notification-info-stroke-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-success-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-fg: var(--post-scheme-color-interactive-notification-success-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-success-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-interactive-notification-success-bg-light, var(--post-scheme-color-signal-success-light));--post-scheme-color-interactive-notification-success-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-interactive-notification-success-icon-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-success-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-interactive-notification-success-stroke-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-warning-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-fg: var(--post-scheme-color-interactive-notification-warning-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-warning-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-interactive-notification-warning-bg-light, var(--post-scheme-color-signal-warning-light));--post-scheme-color-interactive-notification-warning-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-interactive-notification-warning-icon-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-warning-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-interactive-notification-warning-stroke-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-error-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-fg: var(--post-scheme-color-interactive-notification-error-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-error-bg-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-interactive-notification-error-bg-light, var(--post-scheme-color-signal-error-light));--post-scheme-color-interactive-notification-error-icon-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-interactive-notification-error-icon-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-notification-error-stroke-light: var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-input-enabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-enabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-enabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-scheme-color-interactive-input-enabled-border-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-bg: var(--post-scheme-color-interactive-input-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-fg: var(--post-scheme-color-interactive-input-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-hover-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-scheme-color-interactive-input-hover-border-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-disabled-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-input-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-input-disabled-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-scheme-color-interactive-input-disabled-border-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-card-hover-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-interactive-card-hover-bg: var(--post-scheme-color-interactive-card-hover-bg-light, var(--post-core-color-sandgrey-020));--post-scheme-color-interactive-card-hover-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-card-hover-fg: var(--post-scheme-color-interactive-card-hover-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-selected-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-tabs-selected-fg: var(--post-scheme-color-interactive-tabs-selected-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-disabled-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-fg: var(--post-scheme-color-interactive-tabs-disabled-fg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-disabled-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-stroke: var(--post-scheme-color-interactive-tabs-disabled-stroke-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-selected-hovered-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-fg: var(--post-scheme-color-interactive-tabs-selected-hovered-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-tabs-selected-hovered-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-stroke: var(--post-scheme-color-interactive-tabs-selected-hovered-stroke-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-bg: var(--post-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-fg: var(--post-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-bg: var(--post-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-secondary-bg: var(--post-scheme-color-surface-alternate-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-bg: var(--post-scheme-color-surface-brand-bg-light, var(--post-core-color-brand-postyellow));--post-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg: var(--post-scheme-color-surface-brand-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg-accent: var(--post-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-brand-secondary-bg: var(--post-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-bg: var(--post-scheme-color-surface-accent-bg-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg: var(--post-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-accent-fg-accent: var(--post-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-badge-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-badge-bg: var(--post-scheme-color-badge-bg-light, var(--post-core-color-notification-red));--post-scheme-color-badge-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-fg: var(--post-scheme-color-badge-fg-light, var(--post-core-color-brand-white));--post-scheme-color-badge-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-stroke: var(--post-scheme-color-badge-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-popover-hover-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-popover-hover: var(--post-scheme-color-popover-hover-light, var(--post-core-color-sandgrey-020));--post-scheme-color-divider-border-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-divider-border: var(--post-scheme-color-divider-border-light, var(--post-core-color-sandgrey-050));--post-scheme-color-backdrop-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-darksand-80);--post-scheme-color-backdrop-bg: var(--post-scheme-color-backdrop-bg-light, var(--post-core-color-sandgrey-alpha-darksand-80));--post-cargo-scheme-color-surface-default-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-bg: var(--post-cargo-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-cargo-scheme-color-surface-default-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-fg: var(--post-cargo-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-default-stroke-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-cargo-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent1-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-cargo-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent1-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-cargo-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-alternate-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-alternate-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-brand-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-cargo-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-brand-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-secondary-bg: var(--post-cargo-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-accent-fg-light: var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent-fg-accent-light: var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-cargo-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-accent-secondary-bg-light: var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent-secondary-bg: var(--post-cargo-scheme-color-surface-accent-secondary-bg-light, var(--post-core-color-brand-white))}}.post-dialog::backdrop,dialog::backdrop{background-color:rgba(5,4,0,.8);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-dialog,dialog{border-width:2px}.post-dialog::backdrop,dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}.post-dialog[data-size=small],dialog[data-size=small]{min-width:296px;max-width:388px}.post-dialog[data-size=large],dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}.post-dialog[data-position=top],dialog[data-position=top]{top:2rem;bottom:auto}.post-dialog[data-position=bottom],dialog[data-position=bottom]{top:auto;bottom:2rem}.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: 100%;min-width:0;width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-width:var(--post-dialog-width, var(--_dialog-sheet-default-width));max-height:80dvh;overflow:hidden;border-radius:.5rem .5rem 0 0;top:auto;bottom:0;margin-block-start:auto;margin-block-end:0}@media screen and (min-width: 780px){.post-dialog[data-variant=bottom-sheet],dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc(100vw - 2 * var(--post-container-padding-inline, 0))}}@media screen and (min-width: 1024px){.container .post-dialog[data-variant=bottom-sheet],.container dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: min( calc(100vw - 2 * var(--post-container-padding-inline, 0)), var(--post-container-max-width) )}.container-fluid .post-dialog[data-variant=bottom-sheet],.container-fluid dialog[data-variant=bottom-sheet]{--_dialog-sheet-default-width: calc( (100vw - 2 * var(--post-container-padding-inline, 0)) / 2 )}}.post-dialog[data-variant=bottom-sheet]>.dialog-grid,dialog[data-variant=bottom-sheet]>.dialog-grid{max-height:80dvh}.post-dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton,dialog[data-variant=bottom-sheet]>.dialog-grid>post-closebutton{inset-block-start:var(--post-core-dimension-16);inset-inline-end:var(--post-core-dimension-16);transform:none;z-index:2}.post-dialog>.dialog-grid,dialog>.dialog-grid{padding:var(--post-core-dimension-16) var(--post-core-dimension-16) 0;border-radius:.5rem;display:grid;grid-template-rows:auto 1fr auto;max-height:90vh;column-gap:var(--post-core-dimension-16);grid-template-columns:auto 1fr;grid-template-areas:"icon header" "icon body" "controls controls";position:relative;background-color:inherit}.post-dialog>.dialog-grid:not(:has(.dialog-controls)),dialog>.dialog-grid:not(:has(.dialog-controls)){padding-bottom:var(--post-core-dimension-16)}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls):empty{display:none}.dialog-grid:where(dialog[data-type=info]>*)::before{background-image:var(--post-signal-icon-info)}.dialog-grid:where(dialog[data-type=error]>*)::before{background-image:var(--post-signal-icon-error)}.dialog-grid:where(dialog[data-type=success]>*)::before{background-image:var(--post-signal-icon-success)}.dialog-grid:where(dialog[data-type=warning]>*)::before{background-image:var(--post-signal-icon-warning)}.dialog-grid:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)::before{content:"";display:block;grid-area:icon;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.dialog-grid .dialog-header{grid-area:header;margin-top:0;top:0;position:sticky;z-index:1;background-color:inherit}.dialog-grid .dialog-body{grid-area:body;margin-bottom:0;overflow:auto;padding:calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus));margin-top:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-left:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)));margin-right:calc(-1*calc(var(--post-device-spacing-padding-2) + var(--post-device-border-width-focus)))}.dialog-grid .dialog-body>*:last-child{margin-bottom:0}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-header{grid-area:1/icon/1/header}.dialog-grid:not(:where(dialog[data-type=info]>*,dialog[data-type=error]>*,dialog[data-type=success]>*,dialog[data-type=warning]>*)) .dialog-body{grid-area:2/icon/2/body}.dialog-controls{grid-area:controls;position:sticky;bottom:0;z-index:1;padding-top:var(--post-core-dimension-16);padding-bottom:var(--post-core-dimension-16);margin-block-end:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:var(--post-core-dimension-8);background-color:inherit}@media screen and (max-width: 599.98px){.dialog-controls button{width:100%}}.post-dialog[data-variant=bottom-sheet] .dialog-header,dialog[data-variant=bottom-sheet] .dialog-header{padding-inline-end:calc(var(--post-core-dimension-40) + var(--post-core-dimension-16))}.post-dialog:not([data-animation=none]),dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);--_dialog-closed-scale: 0.8;--_dialog-closed-translate-y: 0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale));opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}.post-dialog:not([data-animation=none])::backdrop,dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{transform:translateY(0) scale(1);opacity:1}@starting-style{.post-dialog:not([data-animation=none])[open],dialog:not([data-animation=none])[open]{opacity:0;transform:translateY(var(--_dialog-closed-translate-y)) scale(var(--_dialog-closed-scale))}}.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@starting-style{.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){.post-dialog:not([data-animation=none])[open]::backdrop,dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.post-dialog:not([data-animation=none])[data-animation=slide-in],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]),dialog:not([data-animation=none])[data-animation=slide-in],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation]){--_dialog-slide-in-offset: 3rem;--_dialog-closed-scale: 1;--_dialog-closed-translate-y: var(--_dialog-slide-in-offset)}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top],dialog:not([data-animation=none])[data-animation=slide-in][data-position=top],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=top]{--_dialog-slide-in-offset: -3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom],dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[data-position=bottom]{--_dialog-slide-in-offset: 3rem}.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(0) scale(1)}@starting-style{.post-dialog:not([data-animation=none])[data-animation=slide-in][open],.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open],dialog:not([data-animation=none])[data-animation=slide-in][open],dialog:not([data-animation=none])[data-variant=bottom-sheet]:not([data-animation])[open]{transform:translateY(var(--_dialog-slide-in-offset)) scale(1)}}@media(prefers-reduced-motion: reduce){.post-dialog:not([data-animation=none])[data-variant=bottom-sheet],dialog:not([data-animation=none])[data-variant=bottom-sheet]{transition:none}.post-dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop,dialog:not([data-animation=none])[data-variant=bottom-sheet]::backdrop{transition:none}}

package/components/dialog.scss

@@ -2,9 +2,6 @@
 @use 'sass:map';
 
 @use '../mixins/utilities' as utilities-mx;
-@use '../variables/spacing';
-@use '../variables/color';
-@use '../variables/animation';
 @use '../variables/elevation';
 @use '../variables/grid';
 
@@ -34,6 +31,7 @@ dialog {
   background-color: #fafafa;
   border: 2px #cdccc8;
   border-radius: $border-radius;
+  @include color-scheme.set(light);
 
   &::backdrop {
     background-color: rgba(#050400, 0.8);

package/components/form-footer.css

@@ -1 +1 @@
-.form-footer{border-block-start-width:var(--post-device-border-width-default);border-block-start-color:var(--post-scheme-color-surface-default-stroke);border-block-start-style:var(--post-core-border-style-solid);padding-block-start:var(--post-device-spacing-padding-block-21);gap:var(--post-device-spacing-gap-4);display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 780px){.form-footer{flex-direction:row-reverse}.form-footer>.btn{margin-right:auto}}.form-footer-primary-actions{display:flex;flex-direction:column;gap:var(--post-device-spacing-gap-4)}@media screen and (min-width: 780px){.form-footer-primary-actions{flex-direction:row-reverse;margin-left:auto}}
+.form-footer{border-block-start-width:var(--post-device-border-width-default);border-block-start-color:var(--post-scheme-color-divider-border);border-block-start-style:var(--post-core-border-style-solid);padding-block-start:var(--post-device-spacing-padding-block-21);gap:var(--post-device-spacing-gap-1);display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 780px){.form-footer{flex-direction:row-reverse}.form-footer>.btn{margin-right:auto}}.form-footer-primary-actions{display:flex;flex-direction:column;gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 780px){.form-footer-primary-actions{flex-direction:row-reverse;margin-left:auto}}

package/components/form-hint.css

@@ -1 +1 @@
-.form-hint{color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-inline:var(--post-device-spacing-padding-2);margin-block:var(--post-device-spacing-padding-block-5) !important;font-size:var(--post-device-font-size-9)}post-number-input.disabled+.form-label+.form-hint,post-number-input.disabled+.form-hint,.form-control:disabled+.form-label+.form-hint,.form-control:disabled+.form-hint,.form-select:disabled+.form-label+.form-hint,.form-select:disabled+.form-hint{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}post-number-input.number-input-sm+.form-hint,.form-control-sm+.form-hint,.form-select-sm+.form-hint{margin-block:var(--post-device-spacing-padding-30) !important}post-number-input.number-input-sm+.valid-feedback+.form-hint,post-number-input.number-input-sm+.invalid-feedback+.form-hint,.form-control-sm+.valid-feedback+.form-hint,.form-control-sm+.invalid-feedback+.form-hint,.form-select-sm+.valid-feedback+.form-hint,.form-select-sm+.invalid-feedback+.form-hint{margin-block-end:var(--post-device-spacing-padding-30) !important;margin-block-start:var(--post-device-spacing-gap-2) !important}.form-control-sm+.form-hint,.form-control-sm+.valid-feedback+.form-hint,.form-control-sm+.invalid-feedback+.form-hint{font-size:var(--post-device-font-size-10)}.form-select-sm+.form-hint,.form-select-sm+.valid-feedback+.form-hint,.form-select-sm+.invalid-feedback+.form-hint{font-size:var(--post-device-font-size-10)}
+.form-hint{color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-inline:var(--post-device-spacing-padding-2);margin-block:var(--post-device-spacing-padding-block-5) !important;font-size:var(--post-device-font-size-9)}post-number-input.disabled+.form-label+.form-hint,post-number-input.disabled+.form-hint,.form-control:disabled+.form-label+.form-hint,.form-control:disabled+.form-hint,.form-select:disabled+.form-label+.form-hint,.form-select:disabled+.form-hint{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}post-number-input.number-input-sm+.form-hint,.form-control-sm+.form-hint,.form-select-sm+.form-hint{margin-block:var(--post-device-spacing-padding-30) !important}post-number-input.number-input-sm+.valid-feedback+.form-hint,post-number-input.number-input-sm+.invalid-feedback+.form-hint,.form-control-sm+.valid-feedback+.form-hint,.form-control-sm+.invalid-feedback+.form-hint,.form-select-sm+.valid-feedback+.form-hint,.form-select-sm+.invalid-feedback+.form-hint{margin-block-end:var(--post-device-spacing-padding-30) !important;margin-block-start:var(--post-device-spacing-gap-2) !important}input.form-control-sm+.form-hint,input.form-control-sm+.valid-feedback+.form-hint,input.form-control-sm+.invalid-feedback+.form-hint{font-size:var(--post-device-font-size-10)}textarea.form-control-sm+.form-hint,textarea.form-control-sm+.valid-feedback+.form-hint,textarea.form-control-sm+.invalid-feedback+.form-hint{font-size:var(--post-device-font-size-10)}.form-select-sm+.form-hint,.form-select-sm+.valid-feedback+.form-hint,.form-select-sm+.invalid-feedback+.form-hint{font-size:var(--post-device-font-size-10)}

package/components/form-hint.scss

@@ -36,10 +36,14 @@ post-number-input.number-input-sm,
 .form-hint,
 .valid-feedback + .form-hint,
 .invalid-feedback + .form-hint {
-  .form-control-sm + & {
+  input.form-control-sm + & {
     font-size: tokens.get('input-small-assist-font-size', components.$post-text-input);
   }
 
+  textarea.form-control-sm + & {
+    font-size: tokens.get('textarea-small-assist-font-size', components.$post-text-area);
+  }
+
   .form-select-sm + & {
     font-size: tokens.get('select-small-assist-font-size', components.$post-select);
   }

package/components/form-search-input.css

@@ -1 +1 @@
-.search-input{position:relative}.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{display:none}.search-input .form-control{padding-right:var(--post-core-dimension-48)}.search-input .form-control:not(:placeholder-shown){padding-right:var(--post-core-dimension-80)}.search-input .form-control:not(:placeholder-shown)~.form-label{padding-right:var(--post-core-dimension-82)}.search-input .form-control:not(:placeholder-shown)~.delete-button{visibility:visible;opacity:1}.search-input .form-control~.form-label{z-index:0;padding-right:var(--post-core-dimension-50)}.search-input .delete-button,.search-input .search-button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6)/2)}.search-input .delete-button post-icon,.search-input .search-button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.search-input .delete-button:not([disabled]),.search-input .search-button:not([disabled]){cursor:pointer}.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.search-input .search-button{right:var(--post-core-dimension-14)}.search-input .search-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.search-input .delete-button{right:calc(var(--post-device-sizing-notification-1) + var(--post-core-dimension-8) + var(--post-core-dimension-14));visibility:hidden;opacity:0}.search-input .delete-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}
+.search-input{position:relative}.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{display:none}.search-input .form-control{padding-right:var(--post-core-dimension-48)}.search-input .form-control:not(:placeholder-shown){padding-right:var(--post-core-dimension-80)}.search-input .form-control:not(:placeholder-shown)~.form-label{padding-right:var(--post-core-dimension-82)}.search-input .form-control:not(:placeholder-shown)~.delete-button{visibility:visible;opacity:1}.search-input .form-control~.form-label{z-index:0;padding-right:var(--post-core-dimension-50)}.search-input .delete-button,.search-input .search-button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;color:var(--post-scheme-color-interactive-input-enabled-fg);right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6)/2)}.search-input .delete-button post-icon,.search-input .search-button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.search-input .delete-button:not([disabled]),.search-input .search-button:not([disabled]){cursor:pointer}.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.search-input .search-button{right:var(--post-core-dimension-14)}.search-input .search-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.search-input .delete-button{right:calc(var(--post-device-sizing-notification-1) + var(--post-core-dimension-8) + var(--post-core-dimension-14));visibility:hidden;opacity:0}.search-input .delete-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}

package/components/form-textarea.css

@@ -1 +1 @@
-textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
+textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control.form-control-sm{min-height:var(--post-core-dimension-64);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled).form-control-sm,textarea.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);background-position:top var(--post-device-position-6) right var(--post-core-dimension-28)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+textarea.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}

package/components/form-textarea.scss

@@ -27,6 +27,12 @@ textarea.form-control {
   @include utilities.focus-style;
   @include forms-mx.textarea-resizer-svg(#050400);
 
+  &.form-control-sm {
+    min-height: tokens.get('textarea-small-sizing-min-height');
+    padding-block: tokens.get('textarea-non-floating-small-padding-block');
+    font-size: tokens.get('textarea-non-floating-small-font-size');
+  }
+
   &[disabled] {
     @include forms-mx.textarea-resizer-svg(#696864);
   }
@@ -81,6 +87,14 @@ textarea.form-control {
         tokens.get('textarea-position-inline-end-validation');
       background-repeat: no-repeat;
       padding-inline-end: tokens.get('textarea-validated-padding-inline-end');
+
+      &.form-control-sm {
+        background-size: tokens.get('textarea-small-sizing-icon')
+          tokens.get('textarea-small-sizing-icon');
+        background-position: top
+          tokens.get('textarea-non-floating-small-position-block-start-validation') right
+          tokens.get('textarea-position-inline-end-validation');
+      }
     }
   }
 
@@ -91,6 +105,14 @@ textarea.form-control {
   color: tokens.get('textarea-disabled-fg');
 }
 
+.form-label:has(+ textarea.form-control-sm) {
+  display: block;
+  padding-inline: tokens.get('textarea-non-floating-small-label-padding-inline');
+  padding-block: tokens.get('textarea-non-floating-small-label-padding-block');
+  font-weight: tokens.get('textarea-non-floating-small-label-font-weight');
+  font-size: tokens.get('textarea-non-floating-small-font-size');
+}
+
 .form-floating {
   position: relative;
 
@@ -140,7 +162,7 @@ textarea.form-control {
     &::placeholder {
       color: transparent;
       opacity: 0;
-      /* 
+      /*
        * Does not work in firefox because it's non-standard behaviour.
        * Implemented as progressive enhancement for the browsers that support it.
        * https://stackoverflow.com/questions/16381895/firefox-transition-placeholder-opacity

package/components/header/_custom-properties.scss

@@ -17,6 +17,7 @@
     --post-global-header-reduced-height: 1.5rem;
     --post-local-header-reduced-height: 3.5rem;
     --post-main-navigation-height: var(--post-local-header-reduced-height);
+    --post-logo-reduced-offset: 0.375rem;
   }
 }
 
@@ -58,6 +59,7 @@ post-header:has([slot='main-nav']):not(:has([slot='title'])) {
     --post-local-header-expanded-min-height: 7rem;
     --post-global-header-reduced-height: 1.5rem;
     --post-main-navigation-height: 3.5rem;
+    --post-logo-reduced-offset: 0.375rem;
   }
 }
 
@@ -108,14 +110,50 @@ post-header:not(:has([slot='main-nav'])) {
   }
 
   // One-pager without local-nav
-  &:has([slot='title']):not(:has([slot='local-nav'])) {
+  &:has([slot='title']):not(:has([slot='local-nav'])):not(:has([slot='side-nav'])) {
     --post-local-header-grid-template: 'title' 1fr / 1fr;
   }
 
   // One-pager with local-nav
-  &:has([slot='title']):has([slot='local-nav']) {
+  &:has([slot='title']):has([slot='local-nav']):not(:has([slot='side-nav'])) {
     --post-local-header-grid-template: 'title local-nav' 1fr / minmax(0, 1fr) auto;
   }
+
+  // Application header with side-nav, without local-nav
+  &:has([slot='title']):has([slot='side-nav']):not(:has([slot='local-nav'])) {
+    --post-local-header-grid-template: 'side-nav title' 1fr / auto minmax(0, 1fr);
+  }
+
+  // Application header with side-nav and local-nav
+  &:has([slot='title']):has([slot='side-nav']):has([slot='local-nav']) {
+    --post-local-header-grid-template: 'side-nav title local-nav' 1fr / auto minmax(0, 1fr) auto;
+  }
+}
+
+// ===========================================================
+// Application header: logo only, no global nav slots
+// ============================================================
+
+:root:has(post-header):not(:has(post-header > [slot='audience'])):not(
+    :has(post-header > [slot='global-nav-primary'])
+  ):not(:has(post-header > [slot='global-nav-secondary'])):not(
+    :has(post-header > [slot='language-menu'])
+  ):not(:has(post-header > [slot='post-login'])) {
+  --post-global-header-expanded-height: var(--_post-initial-global-header-height);
+  --post-global-header-reduced-height: 2rem;
+
+  @include media.only(desktop) {
+    --post-logo-expanded-offset: 0.625rem;
+    --post-logo-reduced-offset: 0.625rem;
+  }
+  @include media.only(tablet) {
+    --post-logo-expanded-offset: 0.75rem;
+    --post-logo-reduced-offset: 0.75rem;
+  }
+  @include media.only(mobile) {
+    --post-logo-expanded-offset: 0.5rem;
+    --post-logo-reduced-offset: 0.5rem;
+  }
 }
 
 // ============================================================
@@ -152,6 +190,10 @@ post-header:not(:has([slot='main-nav'])) {
   );
   --post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));
 
+  // --- Logo offset ---
+  --post-logo-expanded-offset: 0px;
+  --post-logo-reduced-offset: var(--post-logo-expanded-offset);
+
   // Override when mobile menu is open and page is scrolled
   &:has([data-menu-extended]) {
     --post-header-height: (

package/components/header/_post-header.scss

@@ -124,12 +124,22 @@ post-header {
     }
   }
 
-  // user menu trigger
-  [slot='post-login'],
-  .local-login {
-    > post-menu-trigger > button {
-      display: block;
-      border-radius: tokens.get('avatar-border-radius', components.$post-avatar);
+  // side navigation trigger
+  > [slot='side-nav'] {
+    grid-area: side-nav;
+    flex-shrink: 0;
+
+    @include media.only(desktop) {
+      display: none;
+    }
+
+    > button {
+      @include nav-item-base;
+
+      @include media.only(mobile) {
+        @include nav-item-icon-only;
+        padding: 0.625rem;
+      }
     }
   }
 

package/components/header/_post-megadropdown.scss

@@ -27,9 +27,6 @@ post-megadropdown {
   .post-megadropdown-list > li > :where(#{$interactive-elements-selector}) {
     @extend %header-control;
     @include nav-item-block-layout;
-    @include media.only(desktop) {
-      font-size: 1.25rem;
-    }
     text-wrap: wrap;
     overflow-wrap: anywhere;
   }
@@ -39,6 +36,10 @@ post-megadropdown {
     font-weight: 950;
     --post-nav-item-border-width: 2px;
 
+    @include media.only(desktop) {
+      font-size: 1.25rem;
+    }
+
     &:not(#{$interactive-elements-selector}) {
       pointer-events: none;
     }
@@ -47,6 +48,10 @@ post-megadropdown {
   .post-megadropdown-overview {
     margin-block: 0 1rem;
 
+    @include media.only(desktop) {
+      font-size: 1.25rem;
+    }
+
     &:first-child {
       margin-block-start: -0.5rem;
     }

package/components/header/_user-menu.scss

@@ -0,0 +1,45 @@
+@use '../../functions/tokens';
+@use '../../tokens/components';
+
+post-header {
+  [slot='post-login'],
+  .local-login {
+    > post-menu-trigger > button {
+      display: block;
+      border-radius: tokens.get('avatar-border-radius', components.$post-avatar);
+    }
+
+    > post-menu {
+      > [slot='header'] {
+        $avatar-size: tokens.get('avatar-size', components.$post-avatar);
+        $menu-header-padding: 1rem;
+        $menu-header-gap: 0.5rem;
+
+        display: block;
+        position: relative;
+        padding-inline-start: calc(#{$menu-header-padding} + #{$avatar-size} + #{$menu-header-gap});
+
+        > post-avatar {
+          position: absolute;
+          inset-inline-start: $menu-header-padding;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+
+        > p {
+          margin-block: 0;
+
+          &:first-of-type:not(:last-of-type) {
+            margin-block-end: -4px;
+            font-size: 12px;
+            font-weight: 400;
+          }
+        }
+      }
+
+      > post-menu-item > a > post-icon {
+        order: -1;
+      }
+    }
+  }
+}