.tdds-notice-bar{--tdds-color-text-onLight-noticebar-brand:var(--tdds-color-brand-grayscale-white);--tdds-color-text-onLight-noticebar-announcement:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onDark-noticebar-brand:var(--tdds-color-brand-grayscale-white);--tdds-color-text-onDark-noticebar-announcement:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onLight-general-highlight:var(--tdds-color-brand-highlight-400);--tdds-color-text-onLight-general-brand:var(--tdds-color-brand-primary-400);--tdds-color-text-onLight-general-tertiary:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-general-secondary:var(--tdds-color-brand-grayscale-700);--tdds-color-text-onLight-general-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-general-highlight:var(--tdds-color-brand-highlight-200);--tdds-color-text-onDark-general-brand:var(--tdds-color-brand-primary-300);--tdds-color-text-onDark-general-tertiary:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-general-secondary:var(--tdds-color-brand-grayscale-400);--tdds-color-text-onDark-general-primary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-general-highlight:var(--tdds-color-brand-highlight-100);--tdds-color-fill-onLight-general-icon-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onLight-general-icon-tertiary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-general-icon-secondary:var(--tdds-color-brand-grayscale-700);--tdds-color-fill-onLight-general-icon-highlight:var(--tdds-color-brand-highlight-400);--tdds-color-fill-onLight-general-icon-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-general-highlight:var(--tdds-color-brand-highlight-600);--tdds-color-fill-onDark-general-icon-brand:var(--tdds-color-brand-primary-300);--tdds-color-fill-onDark-general-icon-tertiary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-general-icon-secondary:var(--tdds-color-brand-grayscale-400);--tdds-color-fill-onDark-general-icon-highlight:var(--tdds-color-brand-highlight-200);--tdds-color-fill-onDark-general-icon-primary:var(--tdds-color-brand-grayscale-200);--tdds-color-border-onLight-general-xtrastrong:var(--tdds-color-brand-grayscale-1000);--tdds-color-border-onLight-general-strong:var(--tdds-color-brand-grayscale-600);--tdds-color-border-onLight-general-default:var(--tdds-color-brand-grayscale-300);--tdds-color-border-onLight-general-brand:var(--tdds-color-brand-primary-400);--tdds-color-border-onDark-general-xtrastrong:var(--tdds-color-brand-grayscale-100);--tdds-color-border-onDark-general-strong:var(--tdds-color-brand-grayscale-600);--tdds-color-border-onDark-general-default:var(--tdds-color-brand-grayscale-700);--tdds-color-border-onDark-general-brand:var(--tdds-color-brand-primary-300);--tdds-color-fill-onLight-inform-icon-positive:var(--tdds-color-brand-status-positive-300);--tdds-color-fill-onLight-inform-icon-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-inform-icon-critical:var(--tdds-color-brand-status-critical-300);--tdds-color-fill-onLight-inform-icon-caution:var(--tdds-color-brand-status-caution-300);--tdds-color-fill-onLight-inform-icon-brand:var(--tdds-color-brand-grayscale-white);--tdds-color-fill-onLight-inform-icon-announcement:var(--tdds-color-brand-grayscale-white);--tdds-color-fill-onLight-inform-positive:var(--tdds-color-brand-status-positive-100);--tdds-color-fill-onLight-inform-default:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-inform-critical:var(--tdds-color-brand-status-critical-100);--tdds-color-fill-onLight-inform-caution:var(--tdds-color-brand-status-caution-100);--tdds-color-fill-onLight-inform-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onLight-inform-announcement:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-inform-icon-positive:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-inform-icon-default:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-inform-icon-critical:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-inform-icon-caution:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-inform-icon-brand:var(--tdds-color-brand-grayscale-white);--tdds-color-fill-onDark-inform-icon-announcement:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-inform-positive:var(--tdds-color-brand-status-positive-400);--tdds-color-fill-onDark-inform-default:var(--tdds-color-brand-grayscale-900);--tdds-color-fill-onDark-inform-critical:var(--tdds-color-brand-status-critical-400);--tdds-color-fill-onDark-inform-caution:var(--tdds-color-brand-status-caution-400);--tdds-color-fill-onDark-inform-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onDark-inform-announcement:var(--tdds-color-brand-grayscale-200);--tdds-gradient-fill-onDark-background-brand:linear-gradient(45deg,rgba(from var(--tdds-color-brand-primary-500) r g b/1) 0%,rgba(from var(--tdds-color-brand-primary-400) r g b/1) 35%,rgba(from var(--tdds-color-brand-primary-400) r g b/1) 75%,rgba(from var(--tdds-color-brand-primary-200) r g b/1) 100%);--tdds-gradient-fill-onLight-background-brand:linear-gradient(45deg,rgba(from var(--tdds-color-brand-primary-500) r g b/1) 0%,rgba(from var(--tdds-color-brand-primary-400) r g b/1) 35%,rgba(from var(--tdds-color-brand-primary-400) r g b/1) 75%,rgba(from var(--tdds-color-brand-primary-200) r g b/1) 100%);--tdds-color-fill-onLight-background-secondary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-background-primary:var(--tdds-color-brand-grayscale-white);--tdds-color-fill-onLight-background-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onDark-background-secondary:var(--tdds-color-brand-grayscale-800);--tdds-color-fill-onDark-background-primary:var(--tdds-color-brand-grayscale-black);--tdds-color-fill-onDark-background-brand:var(--tdds-color-brand-primary-300);--tdds-spacing-size-6:6px;--tdds-spacing-size-10:10px;--container-padding-right:8px;--leadingIconSize:20px;--closeButtonSize:36px;--dismissButtonColor:var(--iconColor);background:var(--backgroundColor);color:var(--textColor);padding:var(--tdds-spacing-size-6) var(--container-padding-right) var(--tdds-spacing-size-4) var(--tdds-spacing-size-20);display:grid}@media (forced-colors:active){.tdds-notice-bar .tdds-notice-bar__close button svg,.tdds-notice-bar .tdds-notice-bar__icon svg{fill:buttonborder}}.tdds-notice-bar__container{container:notice-bar/inline-size}.tdds-notice-bar--grid{gap:var(--tdds-spacing-size-8);grid-template-columns:auto var(--closeButtonSize);position:relative}.tdds-notice-bar--announcement{--backgroundColor:var(--tdds-color-fill-onLight-inform-announcement);--textColor:var(--tdds-color-text-onLight-noticebar-announcement);--iconColor:var(--tdds-color-fill-onLight-inform-icon-announcement)}.tdds-notice-bar--announcement:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-notice-bar--announcement:not([data-inverse=false]){--backgroundColor:var(--tdds-color-fill-onDark-inform-announcement);--textColor:var(--tdds-color-text-onDark-noticebar-announcement);--iconColor:var(--tdds-color-fill-onDark-inform-icon-announcement)}.tdds-notice-bar--brand{--backgroundColor:var(--tdds-color-fill-onLight-inform-brand);--textColor:var(--tdds-color-text-onLight-noticebar-brand);--iconColor:var(--tdds-color-fill-onLight-inform-icon-brand)}.tdds-notice-bar--brand:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-notice-bar--brand:not([data-inverse=false]){--backgroundColor:var(--tdds-color-fill-onDark-inform-brand);--textColor:var(--tdds-color-text-onDark-noticebar-brand);--iconColor:var(--tdds-color-fill-onDark-inform-icon-brand)}.tdds-notice-bar--caution{--backgroundColor:var(--tdds-color-fill-onLight-inform-caution);--textColor:var(--tdds-color-text-onLight-general-primary);--iconColor:var(--tdds-color-fill-onLight-inform-icon-caution);--dismissButtonColor:var(--tdds-color-fill-onLight-inform-icon-default)}.tdds-notice-bar--caution:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-notice-bar--caution:not([data-inverse=false]){--backgroundColor:var(--tdds-color-fill-onDark-inform-caution);--textColor:var(--tdds-color-text-onDark-general-primary);--iconColor:var(--tdds-color-fill-onDark-inform-icon-caution);--dismissButtonColor:var(--tdds-color-fill-onDark-inform-icon-default)}.tdds-notice-bar--error{--backgroundColor:var(--tdds-color-fill-onLight-inform-critical);--textColor:var(--tdds-color-text-onLight-general-primary);--iconColor:var(--tdds-color-fill-onLight-inform-icon-critical);--dismissButtonColor:var(--tdds-color-fill-onLight-inform-icon-default)}.tdds-notice-bar--error:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-notice-bar--error:not([data-inverse=false]){--backgroundColor:var(--tdds-color-fill-onDark-inform-critical);--textColor:var(--tdds-color-text-onDark-general-primary);--iconColor:var(--tdds-color-fill-onDark-inform-icon-critical);--dismissButtonColor:var(--tdds-color-fill-onDark-inform-icon-default)}.tdds-notice-bar--positive{--backgroundColor:var(--tdds-color-fill-onLight-inform-positive);--textColor:var(--tdds-color-text-onLight-general-primary);--iconColor:var(--tdds-color-fill-onLight-inform-icon-positive);--dismissButtonColor:var(--tdds-color-fill-onLight-inform-icon-default)}.tdds-notice-bar--positive:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-notice-bar--positive:not([data-inverse=false]){--backgroundColor:var(--tdds-color-fill-onDark-inform-positive);--textColor:var(--tdds-color-text-onDark-general-primary);--iconColor:var(--tdds-color-fill-onDark-inform-icon-positive);--dismissButtonColor:var(--tdds-color-fill-onDark-inform-icon-default)}.tdds-notice-bar__wrapper{padding:var(--tdds-spacing-size-10) var(--tdds-spacing-size-12) var(--tdds-spacing-size-12) 0;justify-content:center;display:flex}.tdds-notice-bar__content{max-width:440px;display:flex}@media (width>=800px){.tdds-notice-bar__content{max-width:648px}}.tdds-notice-bar__icon{margin-inline-end:var(--tdds-spacing-size-8);display:flex}.tdds-notice-bar__icon svg{fill:var(--iconColor);height:var(--leadingIconSize);width:var(--leadingIconSize)}.tdds-notice-bar__title{font:var(--tdds-typeset-body-sm-strong);margin-block-start:2px}.tdds-notice-bar__body{font:var(--tdds-typeset-body-sm-normal);margin-block-start:2px}.tdds-notice-bar__body--bold{font:var(--tdds-typeset-body-sm-strong)}.tdds-notice-bar .tdds-link{color:var(--textColor);font:var(--tdds-typeset-body-sm-normal)}.tdds-notice-bar__close{justify-content:end;display:flex}.tdds-notice-bar__close button{cursor:pointer;height:var(--closeButtonSize);width:var(--closeButtonSize);justify-content:center;align-items:center;display:flex}.tdds-notice-bar__close button:focus-visible{outline-offset:0}.tdds-notice-bar__close button svg{fill:var(--dismissButtonColor);width:20px;height:20px}@container notice-bar (width>=800px){.tdds-notice-bar--grid{grid-template-columns:auto 76px}}@container notice-bar (width>=1100px){.tdds-notice-bar{--container-padding-right:60px}.tdds-notice-bar__close{padding-right:0}}