.alert{position:relative;padding:2rem}.alert__inner-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;max-width:110rem;margin:0 auto;container-type:inline-size}.alert__inner-wrapper .alert__icon{margin-right:1rem}.alert__inner-wrapper .alert__icon .sprite{width:2rem;height:2rem}@supports(container-type: inline-size){@container (min-width: 425px){.alert__inner-wrapper .alert__icon .sprite{width:5.5rem;height:5.5rem}}}.alert__inner-wrapper .alert__content{flex:1;margin-top:0.2rem}@supports(container-type: inline-size){@container (min-width: 425px){.alert__inner-wrapper .alert__content{margin-top:1.6rem}}}.alert--info{background-color:color-mix(in srgb, var(--white), var(--sky-blue) 10%);border-top:1rem solid var(--sky-blue)}.alert--info .sprite{color:var(--sky-blue)}.alert--error{background-color:color-mix(in srgb, var(--white), var(--error-red) 6%);border-top:1rem solid var(--error-red)}.alert--error .sprite{color:var(--error-red)}.alert--warning{background-color:color-mix(in srgb, var(--white), var(--keystone) 20%);border-top:1rem solid var(--keystone)}.alert--warning .sprite{color:#d77900}.alert--status{background-color:color-mix(in srgb, var(--white), var(--creek) 10%);border-top:1rem solid var(--creek)}.alert--status .sprite{color:var(--creek)}
/*# sourceMappingURL=styles.css.map */