@layer pix-components{.warning-banner{--_warning-banner-padding-block:1rem;z-index:40;width:100%;padding-inline:1.5rem;padding-block:var(--_warning-banner-padding-block);position:relative}.warning-banner[data-variant=extreme]{--_warning-banner-padding-block:2.5rem}.warning-banner__outer{max-width:1200px;margin-inline:auto;padding-inline-end:2.5rem}[data-variant=extreme] .warning-banner__outer{padding-inline-end:0}@media (width>=768px){[data-variant=extreme] .warning-banner__outer{padding-inline-end:2.5rem}}.warning-banner__inner{flex-direction:column;align-items:center;gap:1rem;display:flex}@container style(--data-variant:extreme){.warning-banner__inner{text-align:center;gap:1.5rem}}@media (width>=768px){.warning-banner__inner{flex-direction:row;align-items:center}}.warning-banner[data-variant=extreme] .warning-banner__inner{text-align:center;gap:1.5rem}.warning-banner__icon-content{flex-direction:row;flex:1;align-items:center;gap:1rem;display:flex}.warning-banner[data-variant=extreme] .warning-banner__icon-content{flex-direction:column;align-items:center}@media (width>=768px){.warning-banner[data-variant=extreme] .warning-banner__icon-content{flex-direction:row;align-items:center}}.warning-banner__icon-wrapper{background:var(--color-white);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.warning-banner[data-variant=warning] .warning-banner__icon-wrapper,.warning-banner[data-variant=extreme] .warning-banner__icon-wrapper,.warning-banner[data-variant=waterwarning] .warning-banner__icon-wrapper{background:0 0;border-radius:0}.warning-banner__icon-label{color:var(--color-MLTSchwarz);font-size:1.25rem;font-weight:700;line-height:1}.warning-banner__content{flex-direction:column;flex:1;gap:.125rem;display:flex}.warning-banner__headline{text-transform:uppercase;letter-spacing:.05em;font-size:1.125rem;font-weight:700}.warning-banner__description{font-size:1rem}.warning-banner__description p{margin:0}.warning-banner__description strong{font-weight:700}.warning-banner__action{white-space:nowrap;--_pix-button-border:oklch(from var(--_pix-button-bg) calc(l + .04) c h);--_pix-button-border-hover:oklch(from var(--_pix-button-bg-hover) calc(l - .02) c h);flex-shrink:0;align-self:flex-start;margin-inline-start:4rem;padding-block:.5rem!important;padding-inline:1rem!important;font-size:1rem!important}.warning-banner[data-variant=extreme] .warning-banner__action{--_pix-button-bg:var(--color-white);--_pix-button-text:var(--color-MLTSchwarz);--_pix-button-text-hover:var(--color-MLTSchwarz);--_pix-button-bg-hover:color-mix(in srgb, var(--color-white) 90%, transparent);--_pix-button-border:oklch(from var(--color-TTMMint) .95deg calc(c * .3) h);--_pix-button-border-hover:oklch(from var(--_pix-button-bg-hover) calc(l - .02) c h);align-self:center;margin-inline-start:0}.warning-banner[data-variant=waterwarning] .warning-banner__action{--_pix-button-bg:var(--color-warning-red);--_pix-button-text:var(--color-white);--_pix-button-text-hover:var(--color-white);--_pix-button-bg-hover:color-mix(in srgb, var(--color-warning-red) 100%, transparent)}@media (width>=768px){.warning-banner__action{margin-inline-start:0}}.warning-banner__close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:opacity .15s;position:absolute;top:1rem;right:1rem}.warning-banner__close:hover{opacity:.8}}