.alert{--alert-padding-trim: calc(5.6 / var(--px-base) * var(--px-to-rem));position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;z-index:100;display:flex;align-items:stretch;box-sizing:border-box;box-shadow:0 calc(1/var(--px-base)*var(--px-to-rem)) calc(2/var(--px-base)*var(--px-to-rem)) rgba(0,0,0,.08),0 calc(3/var(--px-base)*var(--px-to-rem)) calc(3/var(--px-base)*var(--px-to-rem)) rgba(0,0,0,.07),0 calc(7/var(--px-base)*var(--px-to-rem)) calc(4/var(--px-base)*var(--px-to-rem)) rgba(0,0,0,.04),0 calc(12/var(--px-base)*var(--px-to-rem)) calc(5/var(--px-base)*var(--px-to-rem)) rgba(0,0,0,.01),0 calc(199/var(--px-base)*var(--px-to-rem)) calc(5/var(--px-base)*var(--px-to-rem)) rgba(0,0,0,0)}.alert__title-section{display:flex;align-items:center;gap:var(--spacing-2);padding:calc(var(--spacing-5) - var(--alert-padding-trim)) var(--spacing-8);flex-shrink:0}.alert__icon{width:calc(36/var(--px-base)*var(--px-to-rem));height:calc(36/var(--px-base)*var(--px-to-rem));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:calc(36/var(--px-base)*var(--px-to-rem));line-height:1}.alert__title{font-family:var(--font-body);font-weight:400;font-size:calc(22/var(--px-base)*var(--px-to-rem));line-height:calc(32/var(--px-base)*var(--px-to-rem));margin:0;font-weight:var(--font-weight-bold)}.alert__content{display:flex;align-items:center;flex-grow:1;padding:calc(var(--spacing-4) - var(--alert-padding-trim)) var(--spacing-6)}.alert__text{font-family:var(--font-body);font-weight:400;font-size:calc(18/var(--px-base)*var(--px-to-rem));line-height:calc(28/var(--px-base)*var(--px-to-rem));margin:0;color:var(--color-neutral)}.alert__text p{margin-bottom:0}.alert__text strong{font-weight:700}.alert__text a{font-family:var(--font-body);font-weight:700;font-size:calc(18/var(--px-base)*var(--px-to-rem));line-height:calc(28/var(--px-base)*var(--px-to-rem));color:var(--color-primary);text-decoration:none;transition:color .2s ease}.alert__text a:hover{color:var(--color-primary-dark);text-decoration:underline}@media(max-width: 48rem){.alert{flex-direction:column}.alert__title-section{justify-content:center}.alert__content{align-items:flex-start}}.alert--orange{background-color:var(--color-warning-50);border:calc(2/var(--px-base)*var(--px-to-rem)) solid var(--color-warning-40)}.alert--orange .alert__title-section{background-color:var(--color-warning)}.alert--orange .alert__title{color:var(--color-white)}.alert--orange .alert__icon{color:var(--color-white)}.alert--orange .alert__text strong{color:var(--color-warning)}.alert--red{background-color:var(--color-error-10);border:calc(2/var(--px-base)*var(--px-to-rem)) solid var(--color-error-30)}.alert--red .alert__title-section{background-color:var(--color-error)}.alert--red .alert__title{color:var(--color-white)}.alert--red .alert__icon{color:var(--color-white)}.alert--red .alert__text strong{color:var(--color-error)}.alert--yellow{background-color:var(--color-accent-50);border:calc(1/var(--px-base)*var(--px-to-rem)) solid var(--color-accent-60)}.alert--yellow .alert__title-section{background-color:var(--color-accent)}.alert--yellow .alert__title{color:var(--color-neutral)}.alert--yellow .alert__icon{color:var(--color-neutral)}.alert--yellow .alert__text strong{color:var(--color-neutral)}