:root,:host {
    --van-overlay-z-index: 1;
    --van-overlay-background: rgba(0, 0, 0, .7)
}

.van-overlay {
    /* position:fixed; */
    top: 0;
    left: 0;
    z-index: var(--van-overlay-z-index);
    width: 100%;
    height: 100%;
    background: var(--van-overlay-background);
}

:root,:host {
    --van-popup-background: var(--van-background-2);
    --van-popup-transition: transform var(--van-duration-base);
    --van-popup-round-radius: 16px;
    --van-popup-close-icon-size: 22px;
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-popup-close-icon-margin: 16px;
    --van-popup-close-icon-z-index: 1
}

.van-overflow-hidden {
    overflow: hidden!important
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    background: var(--van-popup-background);
    transition: var(--van-popup-transition);
    -webkit-overflow-scrolling: touch
}

.van-popup--center {
    top: 50%;
    left: 0;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100vw - var(--van-padding-md) * 2);
    margin: 0 auto;
    transform: translateY(-50%)
}

.van-popup--center.van-popup--round {
    border-radius: var(--van-popup-round-radius)
}

.van-popup--top {
    top: 0;
    left: 0;
    width: 100%
}

.van-popup--top.van-popup--round {
    border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)
}

.van-popup--right {
    top: 50%;
    right: 0;
    transform: translate3d(0,-50%,0)
}

.van-popup--right.van-popup--round {
    border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)
}

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.van-popup--bottom.van-popup--round {
    border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0
}

.van-popup--left {
    top: 50%;
    left: 0;
    transform: translate3d(0,-50%,0)
}

.van-popup--left.van-popup--round {
    border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0
}

.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active {
    transition-timing-function: var(--van-ease-out)
}

.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active {
    transition-timing-function: var(--van-ease-in)
}

.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active {
    transform: translate3d(0,-100%,0)
}

.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active {
    transform: translate3d(100%,-50%,0)
}

.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active {
    transform: translate3d(0,100%,0)
}

.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active {
    transform: translate3d(-100%,-50%,0)
}

.van-popup__close-icon {
    position: absolute;
    z-index: var(--van-popup-close-icon-z-index);
    color: var(--van-popup-close-icon-color);
    font-size: var(--van-popup-close-icon-size)
}

.van-popup__close-icon--top-left {
    top: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--top-right {
    top: var(--van-popup-close-icon-margin);
    right: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-left {
    bottom: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-right {
    right: var(--van-popup-close-icon-margin);
    bottom: var(--van-popup-close-icon-margin)
}

:root,:host {
    --van-toast-max-width: 70%;
    --van-toast-font-size: var(--van-font-size-md);
    --van-toast-text-color: var(--van-white);
    --van-toast-loading-icon-color: var(--van-white);
    --van-toast-line-height: var(--van-line-height-md);
    --van-toast-radius: var(--van-radius-lg);
    --van-toast-background: rgba(0, 0, 0, .7);
    --van-toast-icon-size: 36px;
    --van-toast-text-min-width: 96px;
    --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
    --van-toast-default-padding: var(--van-padding-md);
    --van-toast-default-width: 88px;
    --van-toast-default-min-height: 88px;
    --van-toast-position-top-distance: 20%;
    --van-toast-position-bottom-distance: 20%
}

.van-toast {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    transition: all var(--van-duration-fast);
    width: var(--van-toast-default-width);
    max-width: var(--van-toast-max-width);
    min-height: var(--van-toast-default-min-height);
    padding: var(--van-toast-default-padding);
    color: var(--van-toast-text-color);
    font-size: var(--van-toast-font-size);
    line-height: var(--van-toast-line-height);
    white-space: pre-wrap;
    word-break: break-all;
    text-align: center;
    background: var(--van-toast-background);
    border-radius: var(--van-toast-radius)
}

.van-toast--break-normal {
    word-break: normal;
    word-wrap: normal
}

.van-toast--break-word {
    word-break: normal;
    word-wrap: break-word
}

.van-toast--unclickable {
    overflow: hidden;
    cursor: not-allowed
}

.van-toast--unclickable * {
    pointer-events: none
}

.van-toast--text,.van-toast--html {
    width: -moz-fit-content;
    width: fit-content;
    min-width: var(--van-toast-text-min-width);
    min-height: 0;
    padding: var(--van-toast-text-padding)
}

.van-toast--text .van-toast__text,.van-toast--html .van-toast__text {
    margin-top: 0
}

.van-toast--top {
    top: var(--van-toast-position-top-distance)
}

.van-toast--bottom {
    top: auto;
    bottom: var(--van-toast-position-bottom-distance)
}

.van-toast__icon {
    font-size: var(--van-toast-icon-size)
}

.van-toast__loading {
    padding: var(--van-padding-base);
    color: var(--van-toast-loading-icon-color)
}

.van-toast__text {
    margin-top: var(--van-padding-xs)
}

[data-v-7d4f6ada]::-webkit-scrollbar {
    display: none
}