@media only screen and (min-width:39.5rem){.flyout{max-width:37.5rem}}.flyout{background-color:#fff;display:flex;flex-direction:column;top:0;top:var(--header-notice-bar-height, 0);bottom:0;position:fixed;width:calc(100vw - var(--scrollbar-width));z-index:var(--z-flyout)}.flyout--left{left:0}.flyout--right{right:0}.flyout__header>h2{text-align:center}.flyout__header .icon--close{top:.75rem;right:.75rem;position:absolute}.flyout__body{flex:1;overflow-y:auto;padding:.5rem clamp(.75rem,.75rem + (100vw - 320px) / 160 * 12,1.5rem);scrollbar-width:thin}@media(min-width:60em){.flyout__body{padding-left:2rem;padding-right:2rem}}.flyout__header,.flyout__footer{padding:1.5rem}@media(min-width:60em){.flyout__header,.flyout__footer{padding:1.5rem 2rem}}.flyout__header,.flyout__body,.flyout__footer{background-color:inherit}.flyout__footer{border-top:1px solid #e4e6ec}.flyout__title{margin:0}.flyout-left-enter-active,.flyout-left-leave-active,.flyout-right-enter-active,.flyout-right-leave-active{transition:transform .3s ease-out,opacity .3s ease-out}.flyout-left-enter-to,.flyout-left-leave,.flyout-right-enter-to,.flyout-right-leave{opacity:1;transform:translate(0)}.flyout-left-enter,.flyout-left-leave-to{opacity:0;transform:translate(-100%)}.flyout-right-enter,.flyout-right-leave-to{opacity:0;transform:translate(100%)}