.alert__outer{--alert-initial-y-offset: 500px;--alert-width-mobile: 420px;--alert-width-tablet: 560px;--alert-width-desktop: 600px;--alert-width: var(--alert-width-mobile);height:0;width:100%;position:sticky;top:calc((var(--alert-initial-y-offset) - var(--header-lower-height))*-1);z-index:var(--z-index-alert);transition:transform .3s ease-in-out;will-change:transform}.hide-sticky-nav .alert__outer{transform:translateY(calc((var(--header-lower-height) - 1rem) * -1))}.alert__inner{background-color:var(--color-primary);padding:1rem .75rem 1rem 1.5rem;border-radius:var(--radius-base) 0 0 var(--radius-base);box-shadow:var(--shadow-sm);width:min-content;min-width:300px}.alert{position:absolute;top:calc(var(--alert-initial-y-offset));right:0;width:calc(100% - 15px);max-width:var(--alert-width);height:auto;will-change:transform;transform:translateX(calc(var(--alert-width) + 2rem));animation:alert-slide-in .8s;animation-delay:1.5s;animation-fill-mode:forwards;display:flex;justify-content:flex-end}.alert__wrapper{display:flex;align-items:center;justify-content:space-between}.alert__message{padding-right:.75rem;display:flex;align-items:center}.alert__message::before{content:"!";font-size:2.5rem;line-height:.7;margin-right:1rem}.alert .svg-icon{--svg-icon-size: var(--size-16)}.alert .btn{margin-block:-0.75rem}@media(min-width: 37.5rem){.alert__outer{--alert-initial-y-offset: 33vw}}@media(min-width: 48rem){.alert__outer{--alert-width: var(--alert-width-tablet)}}@media(min-width: 60rem){.alert__outer{--alert-width: var(--alert-width-desktop)}.alert__message::before{margin-right:1.5rem}}@media(min-width: 67.5rem){.alert__outer{--alert-initial-y-offset: 250px}.hide-sticky-nav .alert__outer{transform:translateY(calc((var(--header-lower-height-sticky) - 1rem) * -1))}.alert__outer{top:calc((var(--header-height) - 1rem)*-1)}}@media(min-width: 90rem){.alert__inner{padding:1.25rem .75rem 1.25rem 1.5rem}}@keyframes alert-slide-in{from{transform:translateX(var(--alert-width))}to{transform:translateX(0)}}