.alert[data-v-43909268]{z-index:3;grid-template-columns:1fr min-content;grid-template-areas:"message close";gap:8px;padding:12px;font-size:14px;display:grid;position:relative}.alert--has-actions[data-v-43909268]{grid-template-areas:"message close""actions close"}.alert[data-v-43909268] h4,.alert[data-v-43909268] p{color:inherit;font-size:inherit;margin:0 0 5px;padding:0}.alert[data-v-43909268]:not(.alert--reminder){border-radius:var(--border-radius,6px)}.alert__message[data-v-43909268]{word-break:break-word;grid-area:message;align-items:flex-start;margin:0;line-height:1.2;display:flex}.alert__message[data-v-43909268] p:last-child{margin:0}.alert__icon[data-v-43909268]{margin:0 15px 1px 0}.alert__actions[data-v-43909268]{grid-area:actions;gap:10px;margin-top:10px;display:flex}.alert__actions .btn[data-v-43909268]{width:100%}@media (min-width:414px){.alert__actions .btn[data-v-43909268]{width:auto}}.alert--info[data-v-43909268]{color:var(--on-info-soft,#31708f);background-color:var(--info-soft,#d9edf7);border:1px solid var(--border-info-soft,#bce8f1)}.alert--success[data-v-43909268]{color:var(--on-success-soft,#3c763d);background-color:var(--success-soft,#dff0d7);border:1px solid var(--border-success-soft,#d6e9c6)}.alert--warning[data-v-43909268]{color:var(--on-warning-soft,#8a6d3b);background-color:var(--warning-soft,#faebcc);border:1px solid var(--border-warning-soft,#f8dda6);align-items:center;margin-bottom:8px;display:flex}.alert--danger[data-v-43909268]{color:var(--on-danger-soft,#a94442);background-color:var(--danger-soft,#f2dede);border:1px solid var(--border-danger-soft,#f1c7ce)}.alert--reminder[data-v-43909268]{border-radius:var(--border-radius,6px);border-width:1px}@media (min-width:1024px){.alert--reminder[data-v-43909268]:first-child:nth-last-child(2),.alert--reminder[data-v-43909268]:first-child:nth-last-child(3){border-radius:var(--border-radius,6px) var(--border-radius,6px) 0 0}.alert--reminder[data-v-43909268]:last-child:nth-child(2),.alert--reminder[data-v-43909268]:nth-child(2):nth-last-child(2){border-radius:0 0 var(--border-radius,6px) var(--border-radius,6px)}}.alert .alert__btn--close.btn--icon[data-v-43909268]{color:color-mix(in srgb,currentColor 50%,transparent);padding:unset;grid-area:close;place-self:start end;transition:color .2s}.alert .alert__btn--close.btn--icon[data-v-43909268]:hover{background-color:inherit;color:inherit}