.ds-notif[data-v-51b8c35f]{background-color:var(--color-base-white);grid-template-columns:auto 1fr auto auto;align-items:center;margin-block:.25rem 1.5rem;display:grid;position:relative}.ds-notif.ds-notif-no-icon[data-v-51b8c35f]{grid-template-columns:1fr auto auto}@media (width>=480px){.ds-notif.ds-notif-no-icon[data-v-51b8c35f]>:not(.ds-notif-icon),.ds-notif[data-v-51b8c35f]>:not(:last-of-type){margin-right:1rem}}.ds-notif.variation-1[data-v-51b8c35f]{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-51b8c35f]{font-size:1.125rem;font-weight:700}.ds-notif.variation-2[data-v-51b8c35f]{border-radius:var(--notification-border-radius,.25rem);padding:.75rem 1rem}.ds-notif.variation-2 .ds-notif-icon[data-v-51b8c35f]{margin-right:.5rem}.ds-notif.variation-2 .ds-notif-content[data-v-51b8c35f]{font-size:1rem}.ds-notif[data-v-51b8c35f]:before{content:"";width:100%;height:var(--notification-border-radius,.25rem);border-top-right-radius:var(--notification-border-radius,.25rem);border-top-left-radius:var(--notification-border-radius,.25rem);opacity:0;transform-origin:0;animation:.3s ease-in-out .15s forwards border-51b8c35f;display:block;position:absolute;top:0;left:0;transform:translateY(-100%)scaleX(0)}.ds-notif[data-v-51b8c35f] [class*=bg]{stroke-width:2px}.ds-notif[data-v-51b8c35f] .icon{fill:var(--color-base-white-default)}.ds-notif.ds-notif-success[data-v-51b8c35f]{background-color:var(--color-success-100)}.ds-notif.ds-notif-success .ds-notif-icon[data-v-51b8c35f]{color:var(--color-success-400)}.ds-notif.ds-notif-success.variation-1[data-v-51b8c35f]:before{background-color:var(--color-success-400)}.ds-notif.ds-notif-success.variation-1[data-v-51b8c35f] [class*=bg]{stroke:var(--color-success-500)}.ds-notif.ds-notif-success.variation-2[data-v-51b8c35f]{border:1px solid var(--color-success-400)}.ds-notif.ds-notif-success[data-v-51b8c35f] [class*=bg]{fill:var(--color-success-400)}.ds-notif.ds-notif-information[data-v-51b8c35f]{background-color:var(--color-information-100)}.ds-notif.ds-notif-information .ds-notif-icon[data-v-51b8c35f]{color:var(--color-information-400)}.ds-notif.ds-notif-information.variation-1[data-v-51b8c35f]:before{background-color:var(--color-information-400)}.ds-notif.ds-notif-information.variation-1[data-v-51b8c35f] [class*=bg]{stroke:var(--color-information-500)}.ds-notif.ds-notif-information.variation-2[data-v-51b8c35f]{border:1px solid var(--color-information-400)}.ds-notif.ds-notif-information[data-v-51b8c35f] [class*=bg]{fill:var(--color-information-400)}.ds-notif.ds-notif-error[data-v-51b8c35f]{background-color:var(--color-error-100)}.ds-notif.ds-notif-error .ds-notif-icon[data-v-51b8c35f]{color:var(--color-error-400)}.ds-notif.ds-notif-error.variation-1[data-v-51b8c35f]:before{background-color:var(--color-error-400)}.ds-notif.ds-notif-error.variation-1[data-v-51b8c35f] [class*=bg]{stroke:var(--color-error-500)}.ds-notif.ds-notif-error.variation-2[data-v-51b8c35f]{border:1px solid var(--color-error-400)}.ds-notif.ds-notif-error[data-v-51b8c35f] [class*=bg]{fill:var(--color-error-400)}.ds-notif.ds-notif-warning[data-v-51b8c35f]{background-color:var(--color-warning-100)}.ds-notif.ds-notif-warning .ds-notif-icon[data-v-51b8c35f]{color:var(--color-warning-400)}.ds-notif.ds-notif-warning.variation-1[data-v-51b8c35f]:before{background-color:var(--color-warning-400)}.ds-notif.ds-notif-warning.variation-1[data-v-51b8c35f] [class*=bg]{fill:var(--color-warning-400);stroke:var(--color-warning-500)}.ds-notif.ds-notif-warning.variation-1[data-v-51b8c35f] .icon{fill:var(--color-base-black-default)}.ds-notif.ds-notif-warning.variation-2[data-v-51b8c35f]{border:1px solid var(--color-warning-500)}.ds-notif.ds-notif-warning.variation-2[data-v-51b8c35f] [class*=bg]{fill:var(--color-primary-800)}.ds-notif.ds-notif-note[data-v-51b8c35f]{background-color:var(--color-base-white-default)}.ds-notif.ds-notif-note .ds-notif-icon[data-v-51b8c35f]{color:var(--color-warning-400)}.ds-notif.ds-notif-note.variation-1[data-v-51b8c35f] [class*=bg]{fill:var(--color-warning-400);stroke:var(--color-warning-500)}.ds-notif.ds-notif-note.variation-1[data-v-51b8c35f] .icon{fill:var(--color-base-black-default)}.ds-notif.ds-notif-note.variation-2[data-v-51b8c35f]{border:1px solid var(--color-base-grey-200)}.ds-notif.ds-notif-note.variation-2[data-v-51b8c35f] [class*=bg]{fill:var(--color-primary-700)}.ds-notif .ds-notif-icon[data-v-51b8c35f]{display:grid}.ds-notif .ds-notif-content[data-v-51b8c35f]{line-height:1.5rem}.ds-notif .ds-notif-action[data-v-51b8c35f]{align-self:center;display:inline-flex}.ds-notif .ds-notif-dismiss[data-v-51b8c35f]{margin-left:1rem;padding:0;display:grid}@media (width<=767px){.ds-notif[data-v-51b8c35f]{-moz-column-gap:0;grid-template-columns:2.75rem 1fr auto;align-items:start;gap:1.5rem 0;display:grid}.ds-notif.ds-notif-no-icon[data-v-51b8c35f]{grid-template-columns:1fr auto}.ds-notif .ds-notif-dismiss[data-v-51b8c35f]{margin-left:.25rem}.ds-notif .ds-notif-action[data-v-51b8c35f]{grid-area:2/1/auto/-1;justify-self:end}}@keyframes border-51b8c35f{to{opacity:1;transform:translateY(-100%)scaleX(1)}}.out-in-enter-active[data-v-51b8c35f],.out-in-leave-to[data-v-51b8c35f]{opacity:0;transition:opacity .3s linear}.notifications[data-v-5f017628]{pointer-events:none}.notifications[data-v-5f017628]>*{pointer-events:auto}.list-enter-active[data-v-5f017628]{transition:opacity .275s linear,transform .275s ease-out}.list-leave-active[data-v-5f017628]{pointer-events:none;transition:opacity var(--v43c99e06) linear,transform var(--v43c99e06) ease-in}.list-enter-from[data-v-5f017628],.list-leave-to[data-v-5f017628]{opacity:0;transform:translateY(-1rem)}.list-move[data-v-5f017628]{transition:transform .275s ease-out}