.alert-wrap{display:grid;gap:1rem;background:#f2fdeb;padding:1rem;border-radius:.5rem;border:4px solid #f6bcbb;align-items:center;margin:1rem 0;container-type:inline-size}.alert-inner-wrap{display:grid;grid-template-columns:max-content 1fr min-content;gap:1rem;align-items:center;color:#1f2936}@container (max-width: 440px){.alert-inner-wrap{grid-template-columns:1fr;justify-items:center;text-align:center}}.column{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.5rem}.alert-wrap.warning{border-color:#ffd92c;background-color:#ffd92c33}.alert-wrap.info{border-color:#00705d;color:#00705d}.alert-wrap.info .alert-content h3,.alert-wrap.info .alert-content p,.alert-wrap.info .alert-content a{color:#00705d}.alert-wrap.success{border-color:#00705d}.alert-wrap.error{border-color:#ee7977;color:#ee7977}.alert-wrap.error .alert-content h3,.alert-wrap.error .alert-content p,.alert-wrap.error .alert-content a{color:#ee7977}.alert-icon{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:22px}.alert-wrap.error .alert-icon{color:#ee7977}.alert-wrap.info .alert-icon{color:#00705d}.alert-content{display:flex;flex-direction:column;gap:.5rem}.alert-content h3{margin:0;font-size:1.6rem;font-weight:700;line-height:1}.alert-content p{margin:0;font-size:1.4rem;line-height:1.2}.alert-content a{text-decoration:underline}.alert-action{display:grid;grid-template-columns:max-content max-content;gap:1rem}.alert-action-bottom{display:grid;gap:1rem;justify-content:center}.column .alert-action{margin-top:1rem}