.notification[data-v-c533c878] {
    background-color: var(--general-notification-background-color);
    border: 1px solid var(--general-notification-border-color);
    border-radius: var(--border-radius);
    display: flex;
    font-size: var(--text-size-normal);
    position: relative
}

.notification__type[data-v-c533c878] {
    align-items: center;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    display: flex;
    justify-content: center;
    margin: -.0625rem 0 -.0625rem -.0625rem;
    min-width: 3.5rem;
    width: 3.5rem
}

.notification__type--warning[data-v-c533c878] {
    background-color: var(--warning-color)
}

.notification__type--error[data-v-c533c878] {
    background-color: var(--error-color)
}

.notification__type--info[data-v-c533c878] {
    background-color: var(--info-color)
}

.notification__type--success[data-v-c533c878] {
    background-color: var(--success-color)
}

.notification__type-icon[data-v-c533c878] {
    color: var(--general-notification-icon-color)
}

.notification__body[data-v-c533c878] {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1rem 2rem 1rem 1rem;
    width: 100%
}

.notification__body--pro[data-v-c533c878] {
    padding: 1rem
}

.notification__body--flex-column[data-v-c533c878] {
    flex-direction: column
}

.notification__content[data-v-c533c878] {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.notification__action[data-v-c533c878] {
    align-items: center;
    display: flex
}

.notification__title[data-v-c533c878] {
    font-weight: var(--font-weight-semi-bold)
}

.notification__text[data-v-c533c878] {
    line-height: 1.25;
    text-align: left
}

.notification__text[data-v-c533c878] ::slotted(p) {
    font-size: inherit;
    line-height: inherit
}

.notification__text[data-v-c533c878] ::slotted(p):last-child {
    margin-bottom: 0
}

.notification__dismiss[data-v-c533c878] {
    color: var(--general-notification-dismiss-color);
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .75rem
}

.notification--narrow .notification__type[data-v-c533c878] {
    min-width: .5rem;
    width: .5rem
}

.notification--narrow .notification__body[data-v-c533c878] {
    flex-direction: column;
    gap: 1rem
}

.notification--narrow .notification__body--pro[data-v-c533c878] {
    flex-direction: row
}

@media (max-width:576px) {
    .notification--narrow .notification__body--pro[data-v-c533c878] {
        flex-direction: column
    }
}

.notification--narrow .notification__body--flex-column[data-v-c533c878] {
    flex-direction: column
}

.notification--narrow .notification__text[data-v-c533c878] {
    font-size: var(--text-size-normal)
}

.form[data-v-d9c35a9d] {
    width: 100%
}

.form[data-v-d9c35a9d] .field-group {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 0;
    margin-left: calc(var(--gutter)*-1);
    margin-right: calc(var(--gutter)*-1)
}

.form[data-v-d9c35a9d] .form-element {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    width: 100%
}

.form[data-v-d9c35a9d] .hint {
    color: var(--text-color-lighter);
    font-size: var(--text-size-normal)
}

.form[data-v-d9c35a9d] .errors {
    display: none
}

.form .buttons-row[data-v-d9c35a9d] {
    justify-content: center;
    margin-top: 2rem
}

.form[data-v-d9c35a9d] .indent {
    border-left: 1px solid var(--border-color);
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 1.25rem
}

.form--inline[data-v-d9c35a9d] {
    margin: 0;
    max-width: none
}

.form--inline[data-v-d9c35a9d] .field-group {
    flex-wrap: nowrap
}

.form--inline .buttons-row[data-v-d9c35a9d] {
    justify-content: flex-end;
    margin-top: 0
}

.form--backoffice .buttons-row[data-v-d9c35a9d] {
    display: flex;
    gap: .5rem;
    margin-top: 1.125rem
}

.form--backoffice[data-v-d9c35a9d] .form-element {
    gap: .25rem 0;
    margin: 0
}