.ui-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background: rgba(31, 28, 34, .5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}

.backdrop-fade-enter-to,
.backdrop-fade-leave-from {
  opacity: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}

.backdrop-fade-enter-active,
.backdrop-fade-leave-active {
  transition: opacity .15s ease
}

.backdrop-fade-enter-from,
.backdrop-fade-leave-to {
  opacity: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}

.fade-enter-active[data-v-b2b6c575],
.fade-leave-active[data-v-b2b6c575] {
  transition: all .2s ease
}

.fade-enter-to[data-v-b2b6c575],
.fade-leave-from[data-v-b2b6c575] {
  opacity: 1
}

.fade-enter-from[data-v-b2b6c575],
.fade-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.shift-enter-active[data-v-b2b6c575],
.shift-leave-active[data-v-b2b6c575] {
  transition: all .2s ease
}

.shift-enter-to[data-v-b2b6c575],
.shift-leave-from[data-v-b2b6c575] {
  opacity: 1
}

.shift-enter-from[data-v-b2b6c575],
.shift-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.shift-enter-from[data-v-b2b6c575] {
  transform: translateY(-15px)
}

.shift-leave-to[data-v-b2b6c575] {
  transform: translateY(15px)
}

.sidebar-enter-active[data-v-b2b6c575],
.sidebar-leave-active[data-v-b2b6c575] {
  transition: .2s ease;
  transition-property: opacity, right
}

.sidebar-enter-to[data-v-b2b6c575],
.sidebar-leave-from[data-v-b2b6c575] {
  opacity: 1 !important;
  right: 0 !important
}

.sidebar-enter-from[data-v-b2b6c575],
.sidebar-leave-to[data-v-b2b6c575] {
  opacity: 0 !important;
  right: -100% !important
}

.backdrop-enter-active[data-v-b2b6c575],
.backdrop-leave-active[data-v-b2b6c575] {
  transition: opacity .2s ease
}

.backdrop-enter-to[data-v-b2b6c575],
.backdrop-leave-from[data-v-b2b6c575] {
  opacity: .3
}

.backdrop-enter-from[data-v-b2b6c575],
.backdrop-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.dropdown-enter-to[data-v-b2b6c575],
.dropdown-leave-from[data-v-b2b6c575] {
  opacity: 1
}

.dropdown-enter-active[data-v-b2b6c575],
.dropdown-leave-active[data-v-b2b6c575] {
  transition: opacity .2s ease
}

.dropdown-enter-from[data-v-b2b6c575],
.dropdown-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.modal-enter-active[data-v-b2b6c575],
.modal-leave-active[data-v-b2b6c575] {
  transition: .2s ease-out;
  transition-property: transform, opacity, background-filter
}

.modal-enter-active .a-modal[data-v-b2b6c575],
.modal-leave-active .a-modal[data-v-b2b6c575] {
  transition: transform .2s ease-out
}

.modal-enter-to[data-v-b2b6c575],
.modal-leave-from[data-v-b2b6c575] {
  opacity: 1;
  transform: scale(1)
}

.modal-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.modal-leave-to .a-modal[data-v-b2b6c575] {
  transform: scale(.9)
}

.modal-enter-from[data-v-b2b6c575] {
  opacity: 0;
  transform: scale(1.15)
}

.notification-enter-from.left[data-v-b2b6c575] {
  transform: translate(-100%)
}

.notification-enter-from.right[data-v-b2b6c575] {
  transform: translate(100%)
}

.notification-enter-to[data-v-b2b6c575],
.notification-leave-from[data-v-b2b6c575] {
  opacity: 1
}

.notification-enter-from[data-v-b2b6c575],
.notification-leave-to[data-v-b2b6c575] {
  opacity: 0
}

.notification-leave-to[data-v-b2b6c575] {
  transform: scale(.9)
}

@media (max-width: 767px) {

  .exchange-modal-enter-to[data-v-b2b6c575],
  .exchange-modal-leave-from[data-v-b2b6c575] {
    transform: translateY(0);
    opacity: 1
  }
}

@media (min-width: 768px) {

  .exchange-modal-enter-to[data-v-b2b6c575],
  .exchange-modal-leave-from[data-v-b2b6c575] {
    opacity: 1;
    transform: scale(1)
  }
}

@media (max-width: 767px) {

  .exchange-modal-enter-active[data-v-b2b6c575],
  .exchange-modal-leave-active[data-v-b2b6c575] {
    transition: transform .3s, opacity .3s
  }
}

@media (min-width: 768px) {

  .exchange-modal-enter-active[data-v-b2b6c575],
  .exchange-modal-leave-active[data-v-b2b6c575] {
    transition-property: opacity, transform, background-filter;
    transition-duration: .2s;
    transition-timing-function: ease-out
  }
}

@media (max-width: 767px) {

  .exchange-modal-enter-from[data-v-b2b6c575],
  .exchange-modal-leave-to[data-v-b2b6c575] {
    transform: translateY(30%);
    opacity: 0
  }
}

@media (min-width: 768px) {
  .exchange-modal-enter-from[data-v-b2b6c575] {
    opacity: 0;
    transform: scale(1.15)
  }
}

@media (min-width: 768px) {
  .exchange-modal-leave-to[data-v-b2b6c575] {
    opacity: 0
  }
}

.ui-modal[data-v-b2b6c575] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: var(--modal-z-index);
  width: 100%;
  height: 100%;
  color: #141117;
  pointer-events: none
}

@media (min-width: 768px) {
  .ui-modal[data-v-b2b6c575] {
    align-items: center;
    justify-content: center
  }
}

.ui-modal__wrapper[data-v-b2b6c575] {
  width: var(--modal-wrapper-width, 100%);
  position: fixed;
  display: flex;
  height: var(--modal-height, auto);
  z-index: 2;
  align-self: var(--modal-wrapper-align-self);
  overflow-y: var(--modal-wrapper-overflow);
  pointer-events: var(--modal-wrapper-pointer-events)
}

@media (max-width: 767px) {
  .ui-modal__wrapper[data-v-b2b6c575] {
    width: 100%;
    bottom: var(--modal-bottom-offset, 0);
    top: var(--modal-top-offset, auto)
  }
}

@media (min-width: 768px) {
  .ui-modal__wrapper[data-v-b2b6c575] {
    align-items: var(--modal-align-items, center);
    justify-content: center;
    bottom: 0;
    top: var(--modal-top-offset, 0)
  }
}

.ui-modal__backdrop[data-v-b2b6c575] {
  z-index: 2
}

.ui-modal__backdrop[data-v-b2b6c575],
.ui-modal__wrapper[data-v-b2b6c575] * {
  pointer-events: all
}

.ui-modal__body[data-v-b2b6c575] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--modal-body-gap, 24px);
  padding: var(--modal-padding, 24px);
  width: var(--modal-width, 40%);
  max-width: var(--modal-max-width, unset);
  max-height: var(--modal-max-height);
  background-color: var(--modal-background, #fff);
  border-radius: 24px;
  text-align: left;
  overflow-y: auto;
  box-shadow: var(--modal-box-shadow);
  border: var(--modal-border)
}

@media (max-width: 767px) {
  .ui-modal__body[data-v-b2b6c575] {
    width: 100%;
    padding: var(--modal-padding, 16px);
    box-shadow: none;
    border-radius: var(--border-radius, 24px 24px 0 0)
  }
}

.ui-modal__header[data-v-b2b6c575] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (max-width: 767px) {
  .ui-modal__header[data-v-b2b6c575] {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: var(--title-color, #141117)
  }
}

.ui-modal__close-btn[data-v-b2b6c575] {
  position: var(--modal-close-btn-position);
  top: var(--modal-close-btn-top);
  right: var(--modal-close-btn-right);
  left: var(--modal-close-btn-left)
}

@media (max-width: 767px) {
  .ui-modal__content[data-v-b2b6c575] {
    height: 100%;
    overflow-y: auto
  }
}