.alert__outer{--alert-initial-y-offset: 280px;--alert-width-mobile: max-content;--alert-width-tablet: max-content;--alert-width-desktop: max-content;--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{position:absolute;top:var(--alert-initial-y-offset);right:0;width:calc(100% - 15px);max-width:var(--alert-width);height:auto;display:flex;justify-content:flex-end;will-change:transform;transform:translateX(calc(100% + 2rem));animation:alert-slide-in .8s;animation-delay:1.5s;animation-fill-mode:forwards}.alert__inner{width:100%;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)}.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: 48rem){.alert__outer{--alert-width: var(--alert-width-tablet);--alert-initial-y-offset: 420px}.alert__inner{padding:1.75rem 1.25rem 1.75rem 2.5rem}.alert__message::before{font-size:3rem;margin-right:1.5rem}}@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{top:calc((var(--alert-initial-y-offset) - var(--header-height-sticky) - 1rem)*-1)}.hide-sticky-nav .alert__outer{transform:translateY(calc((var(--header-height-sticky) - 1rem) * -1))}}@media(min-width: 75rem){.alert__outer{--alert-initial-y-offset: 500px}}@keyframes alert-slide-in{from{transform:translateX(calc(100% + 2rem))}to{transform:translateX(0)}}