.feedback{background-color:#fff;border:1px solid;border-radius:.375rem;box-shadow:0 2px 8px #00000026;color:#565e5b;margin:0 auto 2.5rem;max-width:52.5rem;overflow:hidden;position:relative}.feedback--skinny{max-width:32em}.feedback--error{border-color:#b54334}.feedback--warning{border-color:#f1df7a}.feedback--success{border-color:#3cad74}.feedback--info{border-color:#5688a7}.feedback__icon{height:100%;left:0;position:absolute;top:0;width:3rem}@media (min-width:48em){.feedback__icon{width:4rem}}.feedback--error .feedback__icon{background-color:#b54334}.feedback--warning .feedback__icon{background-color:#f1df7a}.feedback--success .feedback__icon{background-color:#3cad74}.feedback--info .feedback__icon{background-color:#5688a7}.feedback__icon .icon{height:1.5rem;left:.75rem;margin-top:-.75rem;position:absolute;top:50%;width:1.5rem}@media (min-width:48em){.feedback__icon .icon{height:1.75rem;left:1.125rem;margin-top:-.875rem;width:1.75rem}}.feedback--warning .feedback__icon path{fill:#00000080}.feedback__desc{padding:1rem 1rem 1rem 3.75rem}@media (min-width:48em){.feedback__desc{padding:1.25rem 1.25rem 1.25rem 5.25rem}}.feedback__title{font-size:14px;font-size:.875rem;font-weight:700;letter-spacing:.15rem;line-height:1;margin:0 0 .875rem;text-transform:uppercase}.feedback--error .feedback__title{color:#b54334}.feedback--warning .feedback__title{color:#bfa514}.feedback--success .feedback__title{color:#3cad74}.feedback--info .feedback__title{color:#5688a7}.feedback__message{font-size:14px;font-size:.875rem;line-height:1.3}@media (min-width:48em){.feedback__message{font-size:16px;font-size:1rem}}.feedback__message ul{margin-top:0;padding-left:1.5rem}.feedback__message li{margin-bottom:.25rem}.feedback__message li:last-child{margin-bottom:0}.feedback__message>:first-child{margin-top:0}.feedback__message>:last-child{margin-bottom:0}