: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}.flyout{--wb-box__box-shadow:var(--wb-ds-box-shadow--l);animation:fadeIn var(--wb-ds-animation-duration--slow) var(--wb-ds-animation-timing-function) forwards;position:absolute;top:100%;width:100%;z-index:var(--wb-ds-zindex--flyout)}.flyout--no-shadow{--wb-box__box-shadow:none}.flyout--fullwidth{left:0;top:0}@media(min-width:1200px){.flyout--fullwidth{top:100%}}.flyout--fullwidth .flyout__main-container:after{background:var(--wb-ds-color-gray--white);content:"";display:block;height:100%;left:-500vw;position:absolute;top:0;width:1000vw;z-index:var(--wb-ds-zindex--behind)}.flyout--fullwidth .flyout__close{top:50%;transform:translateY(-50%)}.flyout__main-container{--wb-box__bezel:var(--wb-ds-space--none);margin:0 calc(var(--wb-ds-space--l)*-1);position:relative;min-height:var(--ekz-page-header__height);z-index:var(--wb-ds-zindex--flyout)}@media(min-width:1200px){.flyout__main-container{min-height:12rem}}.flyout__close{--wb-ds-icon__fill:var(--wb-ds-color-gray--black);background:none;box-shadow:none;cursor:pointer;outline:none;right:var(--wb-ds-space--l);top:var(--wb-ds-space--l)}.flyout__close,.flyout__close-text{border:0;padding:0;position:absolute}.flyout__close-text{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;white-space:nowrap;width:1px}.flyout__backdrop{background:var(--ekz-backdrop__background);height:100vh;position:absolute;top:0;width:100%;z-index:var(--wb-ds-zindex--backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}