:root{--wb-ds-viewport--xxs:0px;--wb-ds-viewport--xs:0px;--wb-ds-viewport--sm:700px;--wb-ds-viewport--md:900px;--wb-ds-viewport--lg:1200px;--wb-ds-viewport--xl:1600px;--wb-ds-viewport--xxl:1600px}:host{display:block}.alert{--wb-ds-color-text--default:var(--wb-ds-color-gray--black);--ekz-alert__width:100%;--ekz-alert__height:6.4rem;background:var(--wb-ds-color-warning--default);box-sizing:border-box;width:var(--ekz-alert__width);height:var(--ekz-alert__height);overflow:hidden;transition:all var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function)}@media(min-width:1200px){.alert{--ekz-alert__width:10rem;--ekz-alert__height:10rem;display:flex;align-items:center;justify-content:center;position:absolute;right:0;z-index:var(--wb-ds-zindex--alert)}}.alert--open{width:var(--ekz-alert__width)}@media(min-width:1200px){.alert--open{--ekz-alert__width:35rem}}.alert--open .alert__icon{transform:rotate(180deg)}.alert--open .alert__content{animation:fadeIn var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function) forwards .2s;opacity:0}@media(min-width:1200px){.alert--open .alert__button{animation:fadeOut var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function) forwards .2s;display:none}}.alert__container{width:100%}@media(min-width:1200px){.alert__container{width:auto}}.alert__button{width:100%}@media(min-width:1200px){.alert__button{animation:fadeIn var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function) forwards .2s;opacity:0}}.alert__button--mobile{--wb-bezel__bezel-left:var(--wb-ds-grid__grid-margin);--wb-bezel__bezel-right:var(--wb-ds-grid__grid-margin);--wb-bezel__bezel-top:var(--wb-ds-space--m);--wb-bezel__bezel-bottom:var(--wb-ds-space--xs)}@media(min-width:1200px){.alert__button--mobile{display:none}}.alert__content{--wb-bezel__bezel-left:var(--wb-ds-grid__grid-margin);--wb-bezel__bezel-right:var(--wb-ds-grid__grid-margin);--wb-bezel__bezel-top:var(--wb-ds-space--none);--wb-bezel__bezel-bottom:var(--wb-ds-space--m);animation:fadeOut var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function) forwards .4s;box-sizing:border-box;width:var(--ekz-alert__width);opacity:1}@media(min-width:1200px){.alert__content{--wb-bezel__bezel-left:var(--wb-ds-space--l);--wb-bezel__bezel-right:var(--wb-ds-space--l);--wb-bezel__bezel-top:var(--wb-ds-space--l);--wb-bezel__bezel-bottom:var(--wb-ds-space--l)}}.alert__button-text{--wb-text__font-size:var(--wb-ds-title-level-4__font-size);--wb-text__line-height:var(--wb-ds-title-level-4__line-height)}@media(min-width:1200px){.alert__text{--wb-text__font-size:var(--wb-ds-font-size--s);--wb-text__line-height:var(--wb-ds-line-height--s)}}.alert__button--desktop,.alert__close,.alert__content-icon,.alert__title{display:none}@media(min-width:1200px){.alert__button--desktop,.alert__close,.alert__content-icon,.alert__title{display:block}}.alert--high{--ekz-alert__width:100%;--ekz-alert__height:auto}@media(min-width:1200px){.alert--high{position:static}}.alert--high .alert__title{display:block}.alert--high .alert__content{--wb-bezel__bezel-left:var(--wb-ds-space--none);--wb-bezel__bezel-right:var(--wb-ds-space--none);--wb-bezel__bezel-top:var(--wb-ds-space--m);animation:none}@media(min-width:1200px){.alert--high .alert__content{--wb-bezel__bezel-left:var(--wb-ds-space--none);--wb-bezel__bezel-right:var(--wb-ds-space--none);--wb-bezel__bezel-top:var(--wb-ds-space--l);--wb-bezel__bezel-bottom:var(--wb-ds-space--l);--wb-layout__justify-content:space-between}}@media(min-width:1200px){.alert--high .alert__content-wrapper{max-width:calc(var(--wb-ds-grid__column-width)*10 + var(--wb-ds-grid__gutter-x)*9)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}