.alert{--alert-width-mobile: 420px;--alert-width-tablet: 560px;--alert-width-desktop: 600px;--alert-width: var(--alert-width-mobile);background-color:var(--color-primary);position:absolute;top:calc(var(--header-height) + 50px);right:0;width:calc(100% - 15px);max-width:var(--alert-width);height:auto;padding:1.5rem .75rem 1.5rem 1.25rem;z-index:var(--z-index-alert);border-radius:var(--radius-base) 0 0 var(--radius-base);box-shadow:var(--shadow-sm);will-change:transform;transform:translateX(calc(var(--alert-width) + 2rem));animation:alert-slide-in .8s;animation-delay:1.5s;animation-fill-mode:forwards}.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{--alert-width: var(--alert-width-tablet);position:fixed;top:calc(var(--header-height) + 60px);padding:2rem 1.5rem 2rem 2.75rem}.alert__message::before{font-size:3rem;margin-right:1.5rem}}@media(min-width: 60rem){.alert{--alert-width: var(--alert-width-desktop);top:calc(var(--header-height) + 120px);padding:2.5rem 1.5rem 2.5rem 2.75rem}.alert__message::before{font-size:3.5rem;margin-right:1.5rem}}@keyframes alert-slide-in{from{transform:translateX(var(--alert-width))}to{transform:translateX(0)}}