.sp-background[data-v-74c164fe] {
    background-color: #abafb8;
    opacity: .5;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.sp-background.modal__bg[data-v-74c164fe] {
    z-index: 57
}

.sp-background.modal__bg.is--error[data-v-74c164fe] {
    z-index: 67
}

.sp-background.sidebar__bg[data-v-74c164fe] {
    z-index: 47
}

.sp-background.toast__bg[data-v-74c164fe] {
    z-index: 97
}

.sp-background.is--blurred[data-v-74c164fe] {
    -webkit-backdrop-filter: grayscale(80%) blur(5px);
    backdrop-filter: grayscale(80%) blur(5px);
    opacity: 1;
    background: rgba(171, 175, 184, .5)
}

.modal-fade-enter-active[data-v-74c164fe],
.modal-fade-leave-active[data-v-74c164fe] {
    transition: opacity .15s ease-in-out
}

.modal-fade-enter[data-v-74c164fe],
.modal-fade-leave-to[data-v-74c164fe] {
    opacity: 0
}

.modal__bg.is--shown~.modal__bg.is--shown:not(.is--error) {
    display: none
}