.ds-notif[data-v-8b4a456c]{align-items:center;background-color:var(--color-base-white);display:grid;grid-template-columns:auto 1fr auto auto;margin-block:.25rem 1.5rem;position:relative}.ds-notif.ds-notif-no-icon[data-v-8b4a456c]{grid-template-columns:1fr auto auto}@media(min-width:480px){.ds-notif.ds-notif-no-icon[data-v-8b4a456c]>:not(.ds-notif-icon),.ds-notif[data-v-8b4a456c]>:not(:last-of-type){margin-right:1rem}}.ds-notif.variation-1[data-v-8b4a456c]{box-shadow:0 .25rem .5rem 0 var(--color-base-black-mine-shaft-opaque);padding:1.25rem 1.5rem 1.25rem 1rem}.ds-notif.variation-1 .ds-notif-content[data-v-8b4a456c]{font-size:1.125rem;font-weight:700}.ds-notif.variation-2[data-v-8b4a456c]{border-radius:.25rem;padding:.75rem 1rem}.ds-notif.variation-2 .ds-notif-icon[data-v-8b4a456c]{margin-right:.5rem}.ds-notif.variation-2 .ds-notif-content[data-v-8b4a456c]{font-size:1rem}.ds-notif[data-v-8b4a456c]:before{animation:border-8b4a456c .3s ease-in-out forwards;animation-delay:.15s;border-top-left-radius:.25rem;border-top-right-radius:.25rem;content:"";display:block;height:.25rem;left:0;opacity:0;position:absolute;top:-.25rem;transform:scaleX(0);transform-origin:center left;width:100%}.ds-notif[data-v-8b4a456c] [class*=bg]{stroke-width:2px}.ds-notif[data-v-8b4a456c] .icon{fill:var(--color-base-white-default)}.ds-notif.ds-notif-success[data-v-8b4a456c]{background-color:var(--color-success-100)}.ds-notif.ds-notif-success .ds-notif-icon[data-v-8b4a456c]{color:var(--color-success-400)}.ds-notif.ds-notif-success.variation-1[data-v-8b4a456c]:before{background-color:var(--color-success-400)}.ds-notif.ds-notif-success.variation-1[data-v-8b4a456c] [class*=bg]{stroke:var(--color-success-500)}.ds-notif.ds-notif-success.variation-2[data-v-8b4a456c]{border:1px solid var(--color-success-400)}.ds-notif.ds-notif-success[data-v-8b4a456c] [class*=bg]{fill:var(--color-success-400)}.ds-notif.ds-notif-information[data-v-8b4a456c]{background-color:var(--color-information-100)}.ds-notif.ds-notif-information .ds-notif-icon[data-v-8b4a456c]{color:var(--color-information-400)}.ds-notif.ds-notif-information.variation-1[data-v-8b4a456c]:before{background-color:var(--color-information-400)}.ds-notif.ds-notif-information.variation-1[data-v-8b4a456c] [class*=bg]{stroke:var(--color-information-500)}.ds-notif.ds-notif-information.variation-2[data-v-8b4a456c]{border:1px solid var(--color-information-400)}.ds-notif.ds-notif-information[data-v-8b4a456c] [class*=bg]{fill:var(--color-information-400)}.ds-notif.ds-notif-error[data-v-8b4a456c]{background-color:var(--color-error-100)}.ds-notif.ds-notif-error .ds-notif-icon[data-v-8b4a456c]{color:var(--color-error-400)}.ds-notif.ds-notif-error.variation-1[data-v-8b4a456c]:before{background-color:var(--color-error-400)}.ds-notif.ds-notif-error.variation-1[data-v-8b4a456c] [class*=bg]{stroke:var(--color-error-500)}.ds-notif.ds-notif-error.variation-2[data-v-8b4a456c]{border:1px solid var(--color-error-400)}.ds-notif.ds-notif-error[data-v-8b4a456c] [class*=bg]{fill:var(--color-error-400)}.ds-notif.ds-notif-warning[data-v-8b4a456c]{background-color:var(--color-warning-100)}.ds-notif.ds-notif-warning .ds-notif-icon[data-v-8b4a456c]{color:var(--color-warning-400)}.ds-notif.ds-notif-warning.variation-1[data-v-8b4a456c]:before{background-color:var(--color-warning-400)}.ds-notif.ds-notif-warning.variation-1[data-v-8b4a456c] [class*=bg]{fill:var(--color-warning-400);stroke:var(--color-warning-500)}.ds-notif.ds-notif-warning.variation-1[data-v-8b4a456c] .icon{fill:var(--color-base-black-default)}.ds-notif.ds-notif-warning.variation-2[data-v-8b4a456c]{border:1px solid var(--color-warning-500)}.ds-notif.ds-notif-warning.variation-2[data-v-8b4a456c] [class*=bg]{fill:var(--color-primary-800)}.ds-notif.ds-notif-note[data-v-8b4a456c]{background-color:var(--color-base-white-default)}.ds-notif.ds-notif-note .ds-notif-icon[data-v-8b4a456c]{color:var(--color-warning-400)}.ds-notif.ds-notif-note.variation-1[data-v-8b4a456c] [class*=bg]{fill:var(--color-warning-400);stroke:var(--color-warning-500)}.ds-notif.ds-notif-note.variation-1[data-v-8b4a456c] .icon{fill:var(--color-base-black-default)}.ds-notif.ds-notif-note.variation-2[data-v-8b4a456c]{border:1px solid var(--color-base-grey-200)}.ds-notif.ds-notif-note.variation-2[data-v-8b4a456c] [class*=bg]{fill:var(--color-primary-700)}.ds-notif .ds-notif-icon[data-v-8b4a456c]{display:grid}.ds-notif .ds-notif-content[data-v-8b4a456c]{line-height:1.5rem}.ds-notif .ds-notif-action[data-v-8b4a456c]{align-self:center;display:inline-flex}.ds-notif .ds-notif-dismiss[data-v-8b4a456c]{display:grid;margin-left:1rem;padding:0}@media(max-width:767px){.ds-notif[data-v-8b4a456c]{align-items:start;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:2.75rem 1fr auto;row-gap:1.5rem}.ds-notif.ds-notif-no-icon[data-v-8b4a456c]{grid-template-columns:1fr auto}.ds-notif .ds-notif-dismiss[data-v-8b4a456c]{margin-left:.25rem}.ds-notif .ds-notif-action[data-v-8b4a456c]{grid-column:1/-1;grid-row:2;justify-self:end}}@keyframes border-8b4a456c{to{opacity:1;transform:scaleX(1)}}.out-in-enter-active[data-v-8b4a456c],.out-in-leave-to[data-v-8b4a456c]{opacity:0;transition:opacity .3s linear}