:root {
  --rv-brand-color: #3f45ff;
  --rv-black: #000;
  --rv-white: #fff;
  --rv-gray-1: #f7f8fa;
  --rv-gray-2: #f2f3f5;
  --rv-gray-3: #ebedf0;
  --rv-gray-4: #dcdee0;
  --rv-gray-5: #c8c9cc;
  --rv-gray-6: #969799;
  --rv-gray-7: #646566;
  --rv-gray-8: #323232;
  --rv-red: #f44336;
  --rv-blue: #3f45ff;
  --rv-orange: #ff976a;
  --rv-orange-dark: #ff590d;
  --rv-orange-light: #fffbe8;
  --rv-green: #00c853;
  --rv-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
  --rv-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
  --rv-primary-color: var(--rv-blue);
  --rv-success-color: var(--rv-green);
  --rv-danger-color: var(--rv-red);
  --rv-warning-color: var(--rv-orange);
  --rv-text-color: var(--rv-gray-8);
  --rv-text-color-weak: #969799;
  --rv-active-color: var(--rv-gray-2);
  --rv-active-opacity: 0.7;
  --rv-disabled-opacity: 0.5;
  --rv-background-color: var(--rv-gray-1);
  --rv-background-color-light: #fafafa;
  --rv-text-link-color: #576b95;
  --rv-padding-base: 4px;
  --rv-padding-xs: 8px;
  --rv-padding-sm: 12px;
  --rv-padding-md: 16px;
  --rv-padding-lg: 24px;
  --rv-padding-xl: 32px;
  --rv-font-size-xs: 10px;
  --rv-font-size-sm: 12px;
  --rv-font-size-md: 14px;
  --rv-font-size-lg: 16px;
  --rv-font-size-xl: 18px;
  --rv-font-size-xxl: 20px;
  --rv-font-size-xxxl: 24px;
  --rv-font-weight-bold: 500;
  --rv-line-height-xs: 14px;
  --rv-line-height-sm: 18px;
  --rv-line-height-md: 20px;
  --rv-line-height-lg: 22px;
  --rv-line-height-xl: 24px;
  --rv-line-height-xxl: 28px;
  --rv-line-height-xxxl: 32px;
  --rv-base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --rv-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
  --rv-animation-duration-base: 0.3s;
  --rv-animation-duration-fast: 0.2s;
  --rv-animation-timing-function-enter: ease-out;
  --rv-animation-timing-function-leave: ease-in;
  --rv-border-color: var(--rv-gray-3);
  --rv-border-width-base: 1px;
  --rv-border-radius-sm: 2px;
  --rv-border-radius-md: 4px;
  --rv-border-radius-lg: 8px;
  --rv-border-radius-max: 999px;
}
html {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}
a {
  text-decoration: none;
}
input,
button,
textarea {
  color: inherit;
  font: inherit;
}
a:focus,
input:focus,
button:focus,
textarea:focus,
[class*='rv-']:focus {
  outline: none;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@-webkit-keyframes rv-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rv-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rv-slide-up-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes rv-slide-up-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes rv-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes rv-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes rv-slide-down-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes rv-slide-down-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes rv-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes rv-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes rv-slide-left-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes rv-slide-left-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes rv-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes rv-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes rv-slide-right-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes rv-slide-right-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes rv-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes rv-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes rv-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes rv-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes rv-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rv-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes rv-zoom-in {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes rv-zoom-in {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rv-zoom-out {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes rv-zoom-out {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes rv-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rv-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rv-fade-enter-active {
  -webkit-animation: 0.3s rv-fade-in both ease-out;
          animation: 0.3s rv-fade-in both ease-out;
}
.rv-fade-exit-active {
  -webkit-animation: 0.3s rv-fade-out both ease-in;
          animation: 0.3s rv-fade-out both ease-in;
}
.rv-slide-up-enter-active {
  -webkit-animation: 0.3s rv-slide-up-enter both ease-out;
          animation: 0.3s rv-slide-up-enter both ease-out;
}
.rv-slide-up-exit-active {
  -webkit-animation: 0.3s rv-slide-up-leave both ease-in;
          animation: 0.3s rv-slide-up-leave both ease-in;
}
.rv-slide-down-enter-active {
  -webkit-animation: rv-slide-down-enter 0.3s both ease-out;
          animation: rv-slide-down-enter 0.3s both ease-out;
}
.rv-slide-down-exit-active {
  -webkit-animation: rv-slide-down-leave 0.3s both ease-in;
          animation: rv-slide-down-leave 0.3s both ease-in;
}
.rv-slide-left-enter-active {
  -webkit-animation: rv-slide-left-enter 0.3s both ease-out;
          animation: rv-slide-left-enter 0.3s both ease-out;
}
.rv-slide-left-exit-active {
  -webkit-animation: rv-slide-left-leave 0.3s both ease-in;
          animation: rv-slide-left-leave 0.3s both ease-in;
}
.rv-slide-right-enter-active {
  -webkit-animation: rv-slide-right-enter 0.3s both ease-out;
          animation: rv-slide-right-enter 0.3s both ease-out;
}
.rv-slide-right-exit-active {
  -webkit-animation: rv-slide-right-leave 0.3s both ease-in;
          animation: rv-slide-right-leave 0.3s both ease-in;
}
.rv-zoom-enter-active {
  -webkit-animation: 0.3s rv-zoom-in both ease-out;
          animation: 0.3s rv-zoom-in both ease-out;
}
.rv-zoom-exit-active {
  -webkit-animation: 0.3s rv-zoom-out both ease-in;
          animation: 0.3s rv-zoom-out both ease-in;
}
.rv-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rv-multi-ellipsis--l2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.rv-multi-ellipsis--l3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.rv-safe-area-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.rv-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
[class*='rv-hairline']::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #ebedf0;
  border: 0 solid var(--rv-gray-3);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.rv-hairline,
.rv-hairline--top,
.rv-hairline--left,
.rv-hairline--right,
.rv-hairline--bottom,
.rv-hairline--surround,
.rv-hairline--top-bottom {
  position: relative;
}
.rv-hairline--top::after {
  border-top-width: 1px;
}
.rv-hairline--left::after {
  border-left-width: 1px;
}
.rv-hairline--right::after {
  border-right-width: 1px;
}
.rv-hairline--bottom::after {
  border-bottom-width: 1px;
}
.rv-hairline--top-bottom::after,
.rv-hairline-unset--top-bottom::after {
  border-width: 1px 0;
}
.rv-hairline--surround::after {
  border-width: 1px;
}
[class*='rv-shadow']:hover,
[class*='rv-shadow']:active {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px, rgba(0, 0, 0, 0.14) 0 4px 5px 0, rgba(0, 0, 0, 0.12) 0 1px 10px 0;
}
.rv-shadow--1 {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0 1px 1px 0, rgba(0, 0, 0, 0.12) 0 1px 3px 0;
}
.rv-shadow--2 {
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 1px -2px, rgba(0, 0, 0, 0.14) 0 2px 2px 0, rgba(0, 0, 0, 0.12) 0 1px 5px 0;
}
.rv-shadow--3 {
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 3px -2px, rgba(0, 0, 0, 0.14) 0 3px 4px 0, rgba(0, 0, 0, 0.12) 0 1px 8px 0;
}
.rv-icon--spin {
  -webkit-animation: rv-spin 1.5s infinite linear;
          animation: rv-spin 1.5s infinite linear;
}

:root {
  --rv-image-preview-index-text-color: var(--rv-white);
  --rv-image-preview-index-font-size: var(--rv-font-size-md);
  --rv-image-preview-index-line-height: var(--rv-line-height-md);
  --rv-image-preview-index-text-shadow: 0 1px 1px var(--rv-gray-8);
  --rv-image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
  --rv-image-preview-close-icon-size: 22px;
  --rv-image-preview-close-icon-color: var(--rv-gray-5);
  --rv-image-preview-close-icon-active-color: var(--rv-gray-6);
  --rv-image-preview-close-icon-margin: var(--rv-padding-md);
  --rv-image-preview-close-icon-z-index: 2;
}
.rv-image-preview.rv-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-transform: none;
          transform: none;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
}
.rv-image-preview__content {
  width: 100vw;
  height: 100vh;
  max-height: -webkit-fill-available;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}
.rv-image-preview__slides {
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: grab;
  touch-action: none;
}
.rv-image-preview__slides-inner {
  height: 100%;
  white-space: nowrap;
}
.rv-image-preview__slides-inner > * {
  margin-right: 16px;
}
.rv-image-preview__slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.rv-image-preview__control {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: grab;
  touch-action: none;
}
.rv-image-preview__image-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-image-preview__image-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.rv-image-preview__indicator {
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rv-image-preview__index {
  position: absolute;
  top: var(--rv-padding-md);
  left: 50%;
  color: var(--rv-white);
  color: var(--rv-image-preview-index-text-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-image-preview-index-font-size);
  line-height: var(--rv-line-height-md);
  line-height: var(--rv-image-preview-index-line-height);
  text-shadow: 0 1px 1px var(--rv-gray-8);
  text-shadow: var(--rv-image-preview-index-text-shadow);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.rv-image-preview__overlay.rv-overlay {
  background-color: rgba(0, 0, 0, 0.9);
  background-color: var(--rv-image-preview-overlay-background-color);
}
.rv-image-preview__close-icon {
  position: absolute;
  z-index: 2;
  z-index: var(--rv-image-preview-close-icon-z-index);
  color: var(--rv-gray-5);
  color: var(--rv-image-preview-close-icon-color);
  font-size: 22px;
  font-size: var(--rv-image-preview-close-icon-size);
  cursor: pointer;
}
.rv-image-preview__close-icon:active {
  color: var(--rv-gray-6);
  color: var(--rv-image-preview-close-icon-active-color);
}
.rv-image-preview__close-icon--top-left {
  top: var(--rv-padding-md);
  top: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-padding-md);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--top-right {
  top: var(--rv-padding-md);
  top: var(--rv-image-preview-close-icon-margin);
  right: var(--rv-padding-md);
  right: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-left {
  bottom: var(--rv-padding-md);
  bottom: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-padding-md);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-right {
  right: var(--rv-padding-md);
  right: var(--rv-image-preview-close-icon-margin);
  bottom: var(--rv-padding-md);
  bottom: var(--rv-image-preview-close-icon-margin);
}

:root {
  --rv-popup-background-color: var(--rv-white);
  --rv-popup-transition: transform var(--rv-animation-duration-base);
  --rv-popup-round-border-radius: 16px;
  --rv-popup-close-icon-size: 22px;
  --rv-popup-close-icon-color: var(--rv-gray-5);
  --rv-popup-close-icon-active-color: var(--rv-gray-6);
  --rv-popup-close-icon-margin: 16px;
  --rv-popup-close-icon-z-index: 1;
  --rv-popup-title-color: 'inherit';
  --rv-popup-title-font-size: 16px;
  --rv-popup-description-font-size: 14px;
  --rv-popup-description-color: #969799;
}
.rv-overflow-hidden {
  overflow: hidden !important;
}
.rv-popup {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--rv-white);
  background-color: var(--rv-popup-background-color);
  -webkit-transition: -webkit-transform var(--rv-animation-duration-base);
  transition: -webkit-transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base), -webkit-transform var(--rv-animation-duration-base);
  -webkit-transition: var(--rv-popup-transition);
  transition: var(--rv-popup-transition);
  -webkit-overflow-scrolling: touch;
}
.rv-popup--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.rv-popup--center.rv-popup--round {
  border-radius: 16px;
  border-radius: var(--rv-popup-round-border-radius);
}
.rv-popup--top {
  top: 0;
  left: 0;
  width: 100%;
}
.rv-popup--top.rv-popup--round {
  border-radius: 0 0 16px 16px;
  border-radius: 0 0 var(--rv-popup-round-border-radius) var(--rv-popup-round-border-radius);
}
.rv-popup--right {
  top: 0;
  right: 0;
}
.rv-popup--right.rv-popup--round {
  border-radius: 16px 0 0 16px;
  border-radius: var(--rv-popup-round-border-radius) 0 0 var(--rv-popup-round-border-radius);
}
.rv-popup--bottom {
  bottom: 0;
  left: 0;
  width: 100%;
}
.rv-popup--bottom.rv-popup--round {
  border-radius: 16px 16px 0 0;
  border-radius: var(--rv-popup-round-border-radius) var(--rv-popup-round-border-radius) 0 0;
}
.rv-popup--left {
  top: 0;
  left: 0;
}
.rv-popup--left.rv-popup--round {
  border-radius: 0 16px 16px 0;
  border-radius: 0 var(--rv-popup-round-border-radius) var(--rv-popup-round-border-radius) 0;
}
.rv-popup-slide-top-enter,
.rv-popup-slide-top-exit-active {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
.rv-popup-slide-right-enter,
.rv-popup-slide-right-exit-active {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.rv-popup-slide-bottom-enter,
.rv-popup-slide-bottom-exit-active {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.rv-popup-slide-left-enter,
.rv-popup-slide-left-exit-active {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.rv-popup-slide-top-enter-active,
.rv-popup-slide-left-enter-active,
.rv-popup-slide-right-enter-active,
.rv-popup-slide-bottom-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform var(--rv-animation-duration-base);
  transition: -webkit-transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base), -webkit-transform var(--rv-animation-duration-base);
  -webkit-transition: var(--rv-popup-transition);
  transition: var(--rv-popup-transition);
}
.rv-popup-slide-top-exit-active,
.rv-popup-slide-left-exit-active,
.rv-popup-slide-right-exit-active,
.rv-popup-slide-bottom-exit-active {
  -webkit-transition: -webkit-transform var(--rv-animation-duration-base);
  transition: -webkit-transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base);
  transition: transform var(--rv-animation-duration-base), -webkit-transform var(--rv-animation-duration-base);
  -webkit-transition: var(--rv-popup-transition);
  transition: var(--rv-popup-transition);
  -webkit-transition-timing-function: var(--rv-animation-timing-function-leave);
          transition-timing-function: var(--rv-animation-timing-function-leave);
}
.rv-popup__close-icon {
  position: absolute;
  z-index: 1;
  z-index: var(--rv-popup-close-icon-z-index);
  color: var(--rv-gray-5);
  color: var(--rv-popup-close-icon-color);
  font-size: 22px;
  font-size: var(--rv-popup-close-icon-size);
  cursor: pointer;
}
.rv-popup__close-icon:active {
  color: var(--rv-gray-6);
  color: var(--rv-popup-close-icon-active-color);
}
.rv-popup__close-icon--top-left {
  top: 16px;
  top: var(--rv-popup-close-icon-margin);
  left: 16px;
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--top-right {
  top: 16px;
  top: var(--rv-popup-close-icon-margin);
  right: 16px;
  right: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-left {
  bottom: 16px;
  bottom: var(--rv-popup-close-icon-margin);
  left: 16px;
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-right {
  right: 16px;
  right: var(--rv-popup-close-icon-margin);
  bottom: 16px;
  bottom: var(--rv-popup-close-icon-margin);
}
.rv-popup__title {
  margin: 20px 12px;
  font-weight: 500;
  color: 'inherit';
  color: var(--rv-popup-title-color);
  font-size: 16px;
  font-size: var(--rv-popup-title-font-size);
  line-height: 16px;
  line-height: var(--rv-popup-title-font-size);
  text-align: center;
}
.rv-popup__description {
  margin: 0 20px;
  color: #969799;
  color: var(--rv-popup-description-color);
  font-size: 14px;
  font-size: var(--rv-popup-description-font-size);
}

:root {
  --rv-overlay-z-index: 1;
  --rv-overlay-background-color: rgba(0, 0, 0, 0.7);
}
.rv-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  z-index: var(--rv-overlay-z-index);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--rv-overlay-background-color);
}

.rv-lazyload {
  position: relative;
  display: block;
  width: 100%;
}

:root {
  --rv-skeleton-row-height: 16px;
  --rv-skeleton-row-background-color: var(--rv-active-color);
  --rv-skeleton-row-margin-top: var(--rv-padding-sm);
  --rv-skeleton-title-width: 40%;
  --rv-skeleton-avatar-size: 32px;
  --rv-skeleton-avatar-background-color: var(--rv-active-color);
  --rv-skeleton-animation-duration: 1.2s;
}
.rv-skeleton {
  display: -webkit-flex;
  display: flex;
  padding: 0 var(--rv-padding-md);
}
.rv-skeleton__avatar {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 32px;
  width: var(--rv-skeleton-avatar-size);
  height: 32px;
  height: var(--rv-skeleton-avatar-size);
  margin-right: var(--rv-padding-md);
  background-color: var(--rv-active-color);
  background-color: var(--rv-skeleton-avatar-background-color);
}
.rv-skeleton__avatar--round {
  border-radius: var(--rv-border-radius-max);
}
.rv-skeleton__content {
  width: 100%;
}
.rv-skeleton__avatar + .rv-skeleton__content {
  padding-top: var(--rv-padding-xs);
}
.rv-skeleton__row,
.rv-skeleton__title {
  height: 16px;
  height: var(--rv-skeleton-row-height);
  background-color: var(--rv-active-color);
  background-color: var(--rv-skeleton-row-background-color);
}
.rv-skeleton__title {
  width: 40%;
  width: var(--rv-skeleton-title-width);
  margin: 0;
}
.rv-skeleton__row:not(:first-child) {
  margin-top: var(--rv-padding-sm);
  margin-top: var(--rv-skeleton-row-margin-top);
}
.rv-skeleton__title + .rv-skeleton__row {
  margin-top: 20px;
}
.rv-skeleton--animate {
  -webkit-animation: rv-skeleton-blink 1.2s ease-in-out infinite;
          animation: rv-skeleton-blink 1.2s ease-in-out infinite;
  -webkit-animation: rv-skeleton-blink var(--rv-skeleton-animation-duration) ease-in-out infinite;
          animation: rv-skeleton-blink var(--rv-skeleton-animation-duration) ease-in-out infinite;
}
.rv-skeleton--round .rv-skeleton__row,
.rv-skeleton--round .rv-skeleton__title {
  border-radius: var(--rv-border-radius-max);
}
@-webkit-keyframes rv-skeleton-blink {
  50% {
    opacity: 0.6;
  }
}
@keyframes rv-skeleton-blink {
  50% {
    opacity: 0.6;
  }
}

:root {
  --rv-empty-padding: var(--rv-padding-xl) 0;
  --rv-empty-image-size: 160px;
  --rv-empty-description-margin-top: var(--rv-padding-md);
  --rv-empty-description-padding: 0 60px;
  --rv-empty-description-color: var(--rv-gray-6);
  --rv-empty-description-font-size: var(--rv-font-size-md);
  --rv-empty-description-line-height: var(--rv-line-height-md);
  --rv-empty-bottom-margin-top: 24px;
}
.rv-empty {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  padding: var(--rv-padding-xl) 0;
  padding: var(--rv-empty-padding);
}
.rv-empty__image {
  width: 160px;
  width: var(--rv-empty-image-size);
  height: 160px;
  height: var(--rv-empty-image-size);
}
.rv-empty__image img {
  width: 100%;
  height: 100%;
}
.rv-empty__description {
  margin-top: var(--rv-padding-md);
  margin-top: var(--rv-empty-description-margin-top);
  padding: 0 60px;
  padding: var(--rv-empty-description-padding);
  color: var(--rv-gray-6);
  color: var(--rv-empty-description-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-empty-description-font-size);
  line-height: var(--rv-line-height-md);
  line-height: var(--rv-empty-description-line-height);
}
.rv-empty__bottom {
  margin-top: 24px;
  margin-top: var(--rv-empty-bottom-margin-top);
}

:root {
  --rv-loading-text-color: var(--rv-gray-6);
  --rv-loading-text-font-size: var(--rv-font-size-md);
  --rv-loading-spinner-color: var(--rv-gray-5);
  --rv-loading-spinner-size: 30px;
  --rv-loading-spinner-animation-duration: 0.8s;
}
.rv-loading {
  position: relative;
  color: var(--rv-gray-5);
  font-size: 0;
  vertical-align: middle;
}
.rv-loading__spinner {
  position: relative;
  display: inline-block;
  width: 30px;
  width: var(--rv-loading-spinner-size);
  max-width: 100%;
  height: 30px;
  height: var(--rv-loading-spinner-size);
  max-height: 100%;
  vertical-align: middle;
  -webkit-animation: rv-rotate 0.8s linear infinite;
          animation: rv-rotate 0.8s linear infinite;
  -webkit-animation: rv-rotate var(--rv-loading-spinner-animation-duration) linear infinite;
          animation: rv-rotate var(--rv-loading-spinner-animation-duration) linear infinite;
}
.rv-loading__spinner--spinner {
  -webkit-animation-timing-function: steps(12);
          animation-timing-function: steps(12);
}
.rv-loading__spinner--circular {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.rv-loading__spinner--ball {
  -webkit-animation: none;
          animation: none;
}
.rv-loading__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rv-loading__line::before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: ' ';
}
.rv-loading__circular {
  display: block;
  width: 100%;
  height: 100%;
}
.rv-loading__circular circle {
  -webkit-animation: rv-circular 1.5s ease-in-out infinite;
          animation: rv-circular 1.5s ease-in-out infinite;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
}
.rv-loading__text {
  display: inline-block;
  margin-left: var(--rv-padding-xs);
  color: var(--rv-gray-6);
  color: var(--rv-loading-text-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-loading-text-font-size);
  vertical-align: middle;
}
.rv-loading--vertical {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}
.rv-loading--vertical .rv-loading__text {
  margin: var(--rv-padding-xs) 0 0;
}
.rv-loading__ball {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  /* see note above */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.rv-loading__ball div {
  position: absolute;
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.rv-loading__ball div:nth-child(1) {
  background: #448aff;
  -webkit-animation: rv-ball--right 1s linear infinite;
          animation: rv-ball--right 1s linear infinite;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.rv-loading__ball div:nth-child(2) {
  background: #ef5350;
  -webkit-animation: rv-ball--right 1s linear infinite;
          animation: rv-ball--right 1s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.rv-loading__ball div:nth-child(3) {
  background: #448aff;
  -webkit-animation: rv-ball 1s linear infinite;
          animation: rv-ball 1s linear infinite;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
@-webkit-keyframes rv-ball {
  0% {
    -webkit-transform: translate(0 0);
            transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes rv-ball {
  0% {
    -webkit-transform: translate(0 0);
            transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes rv-ball--right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rv-ball--right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/* generated by https://loading.io/ */
@-webkit-keyframes rv-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}
@keyframes rv-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}
.rv-loading__spinner--spinner i:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  opacity: 1;
}
.rv-loading__spinner--spinner i:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  opacity: 0.9375;
}
.rv-loading__spinner--spinner i:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.875;
}
.rv-loading__spinner--spinner i:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  opacity: 0.8125;
}
.rv-loading__spinner--spinner i:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  opacity: 0.75;
}
.rv-loading__spinner--spinner i:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.6875;
}
.rv-loading__spinner--spinner i:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  opacity: 0.625;
}
.rv-loading__spinner--spinner i:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  opacity: 0.5625;
}
.rv-loading__spinner--spinner i:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0.5;
}
.rv-loading__spinner--spinner i:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
  opacity: 0.4375;
}
.rv-loading__spinner--spinner i:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
  opacity: 0.375;
}
.rv-loading__spinner--spinner i:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  opacity: 0.3125;
}

:root {
  --rv-notice-bar-height: 40px;
  --rv-notice-bar-padding: 0 var(--rv-padding-md);
  --rv-notice-bar-wrapable-padding: var(--rv-padding-xs) var(--rv-padding-md);
  --rv-notice-bar-text-color: var(--rv-orange-dark);
  --rv-notice-bar-font-size: var(--rv-font-size-md);
  --rv-notice-bar-line-height: 24px;
  --rv-notice-bar-background-color: var(--rv-orange-light);
  --rv-notice-bar-icon-size: 16px;
  --rv-notice-bar-icon-min-width: 24px;
}
.rv-notice-bar {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  height: 40px;
  height: var(--rv-notice-bar-height);
  padding: 0 var(--rv-padding-md);
  padding: var(--rv-notice-bar-padding);
  color: var(--rv-orange-dark);
  color: var(--rv-notice-bar-text-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-notice-bar-font-size);
  line-height: 24px;
  line-height: var(--rv-notice-bar-line-height);
  background-color: var(--rv-orange-light);
  background-color: var(--rv-notice-bar-background-color);
}
.rv-notice-bar__left-icon,
.rv-notice-bar__right-icon {
  min-width: 24px;
  min-width: var(--rv-notice-bar-icon-min-width);
  font-size: 16px;
  font-size: var(--rv-notice-bar-icon-size);
}
.rv-notice-bar__left-icon {
  text-align: left;
}
.rv-notice-bar__right-icon {
  text-align: right;
  cursor: pointer;
}
.rv-notice-bar__wrap {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1;
          flex: 1 1;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
}
.rv-notice-bar__content {
  position: absolute;
  white-space: nowrap;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.rv-notice-bar__content.rv-ellipsis {
  max-width: 100%;
}
.rv-notice-bar--wrapable {
  height: auto;
  padding: var(--rv-padding-xs) var(--rv-padding-md);
  padding: var(--rv-notice-bar-wrapable-padding);
}
.rv-notice-bar--wrapable .rv-notice-bar__wrap {
  height: auto;
}
.rv-notice-bar--wrapable .rv-notice-bar__content {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
}

:root {
  --rv-popover-arrow-size: 6px;
  --rv-popover-border-radius: var(--rv-border-radius-lg);
  --rv-popover-action-width: 128px;
  --rv-popover-action-height: 44px;
  --rv-popover-action-font-size: var(--rv-font-size-md);
  --rv-popover-action-line-height: var(--rv-line-height-md);
  --rv-popover-action-icon-size: 20px;
  --rv-popover-light-text-color: var(--rv-text-color);
  --rv-popover-light-background-color: var(--rv-white);
  --rv-popover-light-action-disabled-text-color: var(--rv-gray-5);
  --rv-popover-dark-text-color: var(--rv-white);
  --rv-popover-dark-background-color: #4a4a4a;
  --rv-popover-dark-action-disabled-text-color: var(--rv-gray-6);
}
.rv-popover.rv-popup {
  position: absolute;
  overflow: visible;
  background-color: transparent;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
  transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
.rv-popover__wrapper {
  display: inline-block;
}
.rv-popover__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-width: var(--rv-popover-arrow-size);
}
.rv-popover__content {
  overflow: hidden;
  border-radius: var(--rv-border-radius-lg);
  border-radius: var(--rv-popover-border-radius);
}
.rv-popover__action {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  width: 128px;
  width: var(--rv-popover-action-width);
  height: 44px;
  height: var(--rv-popover-action-height);
  padding: 0 var(--rv-padding-md);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-popover-action-font-size);
  line-height: var(--rv-line-height-md);
  cursor: pointer;
}
.rv-popover__action:last-child .rv-popover__action-text::after {
  display: none;
}
.rv-popover__action-text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1;
          flex: 1 1;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
}
.rv-popover__action-icon {
  margin-right: var(--rv-padding-xs);
  font-size: 20px;
  font-size: var(--rv-popover-action-icon-size);
}
.rv-popover__action--with-icon .rv-popover__action-text {
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.rv-popover[data-popper-placement^='top'] .rv-popover__arrow {
  bottom: 0;
  border-top-color: currentColor;
  border-bottom-width: 0;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.rv-popover[data-popper-placement='top'] {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.rv-popover[data-popper-placement='top'] .rv-popover__arrow {
  left: 50%;
}
.rv-popover[data-popper-placement='top-start'] {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.rv-popover[data-popper-placement='top-start'] .rv-popover__arrow {
  left: var(--rv-padding-md);
}
.rv-popover[data-popper-placement='top-end'] {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.rv-popover[data-popper-placement='top-end'] .rv-popover__arrow {
  right: var(--rv-padding-md);
}
.rv-popover[data-popper-placement^='left'] .rv-popover__arrow {
  right: 0;
  border-right-width: 0;
  border-left-color: currentColor;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.rv-popover[data-popper-placement='left'] {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.rv-popover[data-popper-placement='left'] .rv-popover__arrow {
  top: 50%;
}
.rv-popover[data-popper-placement='left-start'] {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.rv-popover[data-popper-placement='left-start'] .rv-popover__arrow {
  top: var(--rv-padding-md);
}
.rv-popover[data-popper-placement='left-end'] {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.rv-popover[data-popper-placement='left-end'] .rv-popover__arrow {
  bottom: var(--rv-padding-md);
}
.rv-popover[data-popper-placement^='right'] .rv-popover__arrow {
  left: 0;
  border-right-color: currentColor;
  border-left-width: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.rv-popover[data-popper-placement='right'] {
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.rv-popover[data-popper-placement='right'] .rv-popover__arrow {
  top: 50%;
}
.rv-popover[data-popper-placement='right-start'] {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.rv-popover[data-popper-placement='right-start'] .rv-popover__arrow {
  top: var(--rv-padding-md);
}
.rv-popover[data-popper-placement='right-end'] {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.rv-popover[data-popper-placement='right-end'] .rv-popover__arrow {
  bottom: var(--rv-padding-md);
}
.rv-popover[data-popper-placement^='bottom'] .rv-popover__arrow {
  top: 0;
  border-top-width: 0;
  border-bottom-color: currentColor;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.rv-popover[data-popper-placement='bottom'] {
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
.rv-popover[data-popper-placement='bottom'] .rv-popover__arrow {
  left: 50%;
}
.rv-popover[data-popper-placement='bottom-start'] {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.rv-popover[data-popper-placement='bottom-start'] .rv-popover__arrow {
  left: var(--rv-padding-md);
}
.rv-popover[data-popper-placement='bottom-end'] {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.rv-popover[data-popper-placement='bottom-end'] .rv-popover__arrow {
  right: var(--rv-padding-md);
}
.rv-popover--light {
  color: var(--rv-text-color);
  color: var(--rv-popover-light-text-color);
}
.rv-popover--light .rv-popover__content {
  background-color: var(--rv-white);
  background-color: var(--rv-popover-light-background-color);
  box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12);
}
.rv-popover--light .rv-popover__arrow {
  color: var(--rv-white);
  color: var(--rv-popover-light-background-color);
}
.rv-popover--light .rv-popover__action:active {
  background-color: var(--rv-active-color);
}
.rv-popover--light .rv-popover__action--disabled {
  color: var(--rv-gray-5);
  color: var(--rv-popover-light-action-disabled-text-color);
  cursor: not-allowed;
}
.rv-popover--light .rv-popover__action--disabled:active {
  background-color: transparent;
}
.rv-popover--dark {
  color: var(--rv-white);
  color: var(--rv-popover-dark-text-color);
}
.rv-popover--dark .rv-popover__content {
  background-color: #4a4a4a;
  background-color: var(--rv-popover-dark-background-color);
}
.rv-popover--dark .rv-popover__arrow {
  color: #4a4a4a;
  color: var(--rv-popover-dark-background-color);
}
.rv-popover--dark .rv-popover__action:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.rv-popover--dark .rv-popover__action--disabled {
  color: var(--rv-gray-6);
  color: var(--rv-popover-dark-action-disabled-text-color);
}
.rv-popover--dark .rv-popover__action--disabled:active {
  background-color: transparent;
}
.rv-popover--dark .rv-popover__action-text::after {
  border-color: var(--rv-gray-7);
}
.rv-popover-zoom-enter-from,
.rv-popover-zoom-leave-active {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.rv-popover-zoom-enter-active {
  -webkit-transition-timing-function: var(--rv-animation-timing-function-enter);
          transition-timing-function: var(--rv-animation-timing-function-enter);
}
.rv-popover-zoom-leave-active {
  -webkit-transition-timing-function: var(--rv-animation-timing-function-leave);
          transition-timing-function: var(--rv-animation-timing-function-leave);
}

:root {
  --rv-toast-max-width: 70%;
  --rv-toast-font-size: var(--rv-font-size-md);
  --rv-toast-text-color: var(--rv-white);
  --rv-toast-loading-icon-color: var(--rv-white);
  --rv-toast-line-height: var(--rv-line-height-md);
  --rv-toast-border-radius: var(--rv-border-radius-lg);
  --rv-toast-background-color: rgba(0, 0, 0, 0.7);
  --rv-toast-icon-size: 36px;
  --rv-toast-text-min-width: 96px;
  --rv-toast-text-padding: var(--rv-padding-xs) var(--rv-padding-sm);
  --rv-toast-default-padding: var(--rv-padding-md);
  --rv-toast-default-width: 88px;
  --rv-toast-default-min-height: 88px;
  --rv-toast-position-top-distance: 20%;
  --rv-toast-position-bottom-distance: 20%;
}
.rv-toast--unclickable {
  overflow: hidden;
  cursor: not-allowed;
}
.rv-toast--unclickable * {
  pointer-events: none;
}
.rv-toast.rv-popup {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: content-box;
  width: 88px;
  width: var(--rv-toast-default-width);
  max-width: 70%;
  max-width: var(--rv-toast-max-width);
  min-height: 88px;
  min-height: var(--rv-toast-default-min-height);
  padding: var(--rv-padding-md);
  padding: var(--rv-toast-default-padding);
  color: var(--rv-white);
  color: var(--rv-toast-text-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-toast-font-size);
  line-height: var(--rv-line-height-md);
  line-height: var(--rv-toast-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--rv-toast-background-color);
  border-radius: var(--rv-border-radius-lg);
  border-radius: var(--rv-toast-border-radius);
  -webkit-transition: all var(--rv-animation-duration-fast);
  transition: all var(--rv-animation-duration-fast);
}
.rv-toast.rv-toast--info,
.rv-toast.rv-toast--html {
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 96px;
  min-width: var(--rv-toast-text-min-width);
  min-height: 0;
  padding: var(--rv-padding-xs) var(--rv-padding-sm);
  padding: var(--rv-toast-text-padding);
}
.rv-toast.rv-toast--info .rv-toast__info,
.rv-toast.rv-toast--html .rv-toast__info {
  margin-top: 0;
}
.rv-toast.rv-toast--top {
  top: 20%;
  top: var(--rv-toast-position-top-distance);
}
.rv-toast.rv-toast--bottom {
  top: auto;
  bottom: 20%;
  bottom: var(--rv-toast-position-bottom-distance);
}
.rv-toast__icon {
  font-size: 36px;
  font-size: var(--rv-toast-icon-size);
}
.rv-toast__loading {
  padding: var(--rv-padding-base);
  color: var(--rv-white);
  color: var(--rv-toast-loading-icon-color);
}
.rv-toast__info {
  margin-top: var(--rv-padding-xs);
}

:root {
  --rv-dialog-width: 320px;
  --rv-dialog-small-screen-width: 90%;
  --rv-dialog-font-size: var(--rv-font-size-lg);
  --rv-dialog-transition: var(--rv-animation-duration-base);
  --rv-dialog-border-radius: 16px;
  --rv-dialog-background-color: var(--rv-white);
  --rv-dialog-header-font-weight: var(--rv-font-weight-bold);
  --rv-dialog-header-line-height: 24px;
  --rv-dialog-header-padding-top: 26px;
  --rv-dialog-header-isolated-padding: var(--rv-padding-lg) 0;
  --rv-dialog-message-padding: var(--rv-padding-lg);
  --rv-dialog-message-font-size: var(--rv-font-size-md);
  --rv-dialog-message-line-height: var(--rv-line-height-md);
  --rv-dialog-message-max-height: 60vh;
  --rv-dialog-has-title-message-text-color: var(--rv-gray-7);
  --rv-dialog-has-title-message-padding-top: var(--rv-padding-xs);
  --rv-dialog-button-height: 48px;
  --rv-dialog-round-button-height: 36px;
  --rv-dialog-confirm-button-text-color: var(--rv-primary-color);
}
.rv-dialog.rv-popup {
  top: 45%;
  left: 50%;
  width: 320px;
  width: var(--rv-dialog-width);
  overflow: hidden;
  font-size: var(--rv-font-size-lg);
  font-size: var(--rv-dialog-font-size);
  background-color: var(--rv-white);
  background-color: var(--rv-dialog-background-color);
  border-radius: 16px;
  border-radius: var(--rv-dialog-border-radius);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: var(--rv-animation-duration-base);
  transition: var(--rv-animation-duration-base);
  -webkit-transition: var(--rv-dialog-transition);
  transition: var(--rv-dialog-transition);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
@media (max-width: 321px) {
  .rv-dialog.rv-popup {
    width: 90%;
    width: var(--rv-dialog-small-screen-width);
  }
}
.rv-dialog__header {
  padding-top: 26px;
  padding-top: var(--rv-dialog-header-padding-top);
  font-weight: var(--rv-font-weight-bold);
  font-weight: var(--rv-dialog-header-font-weight);
  line-height: 24px;
  line-height: var(--rv-dialog-header-line-height);
  text-align: center;
}
.rv-dialog__header--isolated {
  padding: var(--rv-padding-lg) 0;
  padding: var(--rv-dialog-header-isolated-padding);
}
.rv-dialog__content--isolated {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  min-height: 104px;
}
.rv-dialog__message {
  -webkit-flex: 1 1;
          flex: 1 1;
  max-height: 60vh;
  max-height: var(--rv-dialog-message-max-height);
  padding: 26px var(--rv-padding-lg);
  padding: 26px var(--rv-dialog-message-padding);
  overflow-y: auto;
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-dialog-message-font-size);
  line-height: var(--rv-line-height-md);
  line-height: var(--rv-dialog-message-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}
.rv-dialog__message--has-title {
  padding-top: var(--rv-padding-xs);
  padding-top: var(--rv-dialog-has-title-message-padding-top);
  color: var(--rv-gray-7);
  color: var(--rv-dialog-has-title-message-text-color);
}
.rv-dialog__message--left {
  text-align: left;
}
.rv-dialog__message--right {
  text-align: right;
}
.rv-dialog__footer {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}
.rv-dialog__confirm.rv-button,
.rv-dialog__cancel.rv-button {
  -webkit-flex: 1 1;
          flex: 1 1;
  height: 48px;
  height: var(--rv-dialog-button-height);
  margin: 0;
  border: 0;
}
.rv-dialog__confirm.rv-button,
.rv-dialog__confirm:active.rv-button {
  color: var(--rv-primary-color);
  color: var(--rv-dialog-confirm-button-text-color);
}
.rv-dialog--round-button .rv-dialog__footer {
  position: relative;
  height: auto;
  padding: var(--rv-padding-xs) var(--rv-padding-lg) var(--rv-padding-md);
}
.rv-dialog--round-button .rv-dialog__message {
  padding-bottom: var(--rv-padding-md);
  color: var(--rv-text-color);
}
.rv-dialog--round-button .rv-dialog__confirm,
.rv-dialog--round-button .rv-dialog__cancel {
  height: 36px;
  height: var(--rv-dialog-round-button-height);
}
.rv-dialog--round-button .rv-dialog__confirm.rv-button,
.rv-dialog--round-button.rv-button,
.rv-dialog--round-button:active.rv-button {
  color: var(--rv-white);
}
.rv-dialog.rv-dialog-bounce-enter {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
          transform: translate3d(-50%, -50%, 0) scale(0.7);
  opacity: 0;
}
.rv-dialog.rv-dialog-bounce-exit-active {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
          transform: translate3d(-50%, -50%, 0) scale(0.9);
  opacity: 0;
}
.rv-dialog.rv-dialog-bounce-enter-active,
.rv-dialog.rv-dialog-bounce-leave-exit {
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}

:root {
  --rv-button-mini-height: 24px;
  --rv-button-mini-padding: 0 var(--rv-padding-base);
  --rv-button-mini-font-size: var(--rv-font-size-xs);
  --rv-button-small-height: 32px;
  --rv-button-small-padding: 0 var(--rv-padding-sm);
  --rv-button-small-font-size: var(--rv-font-size-sm);
  --rv-button-normal-padding: 0 15px;
  --rv-button-normal-font-size: var(--rv-font-size-md);
  --rv-button-large-height: 50px;
  --rv-button-default-height: 44px;
  --rv-button-default-line-height: 1.2;
  --rv-button-default-font-size: var(--rv-font-size-lg);
  --rv-button-default-color: var(--rv-text-color);
  --rv-button-default-background-color: var(--rv-white);
  --rv-button-default-border-color: var(--rv-border-color);
  --rv-button-primary-color: var(--rv-white);
  --rv-button-primary-background-color: var(--rv-primary-color);
  --rv-button-primary-border-color: var(--rv-primary-color);
  --rv-button-success-color: var(--rv-white);
  --rv-button-success-background-color: var(--rv-success-color);
  --rv-button-success-border-color: var(--rv-success-color);
  --rv-button-danger-color: var(--rv-white);
  --rv-button-danger-background-color: var(--rv-danger-color);
  --rv-button-danger-border-color: var(--rv-danger-color);
  --rv-button-warning-color: var(--rv-white);
  --rv-button-warning-background-color: var(--rv-warning-color);
  --rv-button-warning-border-color: var(--rv-warning-color);
  --rv-button-border-width: var(--rv-border-width-base);
  --rv-button-border-radius: var(--rv-border-radius-sm);
  --rv-button-round-border-radius: var(--rv-border-radius-max);
  --rv-button-plain-background-color: var(--rv-white);
  --rv-button-disabled-opacity: var(--rv-disabled-opacity);
  --rv-button-icon-size: 1.2em;
  --rv-button-loading-icon-size: 20px;
}
.rv-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 44px;
  height: var(--rv-button-default-height);
  margin: 0;
  padding: 0;
  font-size: var(--rv-font-size-lg);
  font-size: var(--rv-button-default-font-size);
  line-height: 1.2;
  line-height: var(--rv-button-default-line-height);
  text-align: center;
  border-radius: var(--rv-border-radius-sm);
  border-radius: var(--rv-button-border-radius);
  cursor: pointer;
  -webkit-transition: opacity, box-shadow var(--rv-animation-duration-fast);
  transition: opacity, box-shadow var(--rv-animation-duration-fast);
  -webkit-appearance: none;
}
.rv-button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--rv-black);
  border: inherit;
  border-color: var(--rv-black);
  border-radius: inherit;
  /* inherit parent's border radius */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  content: ' ';
}
.rv-button:active::before {
  opacity: 0.1;
}
.rv-button--loading::before,
.rv-button--disabled::before {
  display: none;
}
.rv-button--default {
  color: var(--rv-text-color);
  color: var(--rv-button-default-color);
  background: var(--rv-white);
  background: var(--rv-button-default-background-color);
  border: var(--rv-border-width-base) solid var(--rv-border-color);
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
}
.rv-button--primary {
  color: var(--rv-white);
  color: var(--rv-button-primary-color);
  background: var(--rv-primary-color);
  background: var(--rv-button-primary-background-color);
  border: var(--rv-border-width-base) solid var(--rv-primary-color);
  border: var(--rv-button-border-width) solid var(--rv-button-primary-border-color);
}
.rv-button--success,
.rv-button--info {
  color: var(--rv-white);
  color: var(--rv-button-success-color);
  background: var(--rv-success-color);
  background: var(--rv-button-success-background-color);
  border: var(--rv-border-width-base) solid var(--rv-success-color);
  border: var(--rv-button-border-width) solid var(--rv-button-success-border-color);
}
.rv-button--danger {
  color: var(--rv-white);
  color: var(--rv-button-danger-color);
  background: var(--rv-danger-color);
  background: var(--rv-button-danger-background-color);
  border: var(--rv-border-width-base) solid var(--rv-danger-color);
  border: var(--rv-button-border-width) solid var(--rv-button-danger-border-color);
}
.rv-button--warning {
  color: var(--rv-white);
  color: var(--rv-button-warning-color);
  background: var(--rv-warning-color);
  background: var(--rv-button-warning-background-color);
  border: var(--rv-border-width-base) solid var(--rv-warning-color);
  border: var(--rv-button-border-width) solid var(--rv-button-warning-border-color);
}
.rv-button--plain {
  background: var(--rv-white);
  background: var(--rv-button-plain-background-color);
}
.rv-button--plain.rv-button--primary {
  color: var(--rv-primary-color);
  color: var(--rv-button-primary-background-color);
}
.rv-button--plain.rv-button--success,
.rv-button--plain.rv-button--info {
  color: var(--rv-success-color);
  color: var(--rv-button-success-background-color);
}
.rv-button--plain.rv-button--danger {
  color: var(--rv-danger-color);
  color: var(--rv-button-danger-background-color);
}
.rv-button--plain.rv-button--warning {
  color: var(--rv-warning-color);
  color: var(--rv-button-warning-background-color);
}
.rv-button--large {
  width: 100%;
  height: 50px;
  height: var(--rv-button-large-height);
}
.rv-button--normal {
  padding: 0 15px;
  padding: var(--rv-button-normal-padding);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-button-normal-font-size);
}
.rv-button--small {
  height: 32px;
  height: var(--rv-button-small-height);
  padding: 0 var(--rv-padding-sm);
  padding: var(--rv-button-small-padding);
  font-size: var(--rv-font-size-sm);
  font-size: var(--rv-button-small-font-size);
}
.rv-button__loading {
  color: inherit;
  font-size: inherit;
}
.rv-button__loading .rv-loading__spinner {
  width: 20px;
  width: var(--rv-button-loading-icon-size);
  height: 20px;
  height: var(--rv-button-loading-icon-size);
  color: currentColor;
}
.rv-button--mini {
  height: 24px;
  height: var(--rv-button-mini-height);
  padding: 0 var(--rv-padding-base);
  padding: var(--rv-button-mini-padding);
  font-size: var(--rv-font-size-xs);
  font-size: var(--rv-button-mini-font-size);
}
.rv-button--mini + .rv-button--mini {
  margin-left: var(--rv-padding-base);
}
.rv-button--block {
  display: block;
  width: 100%;
}
.rv-button--disabled {
  cursor: not-allowed;
  opacity: var(--rv-disabled-opacity);
  opacity: var(--rv-button-disabled-opacity);
}
.rv-button--loading {
  cursor: default;
}
.rv-button--round {
  border-radius: var(--rv-border-radius-max);
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--square {
  border-radius: 0;
}
.rv-button__content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
}
.rv-button__content::before {
  content: ' ';
}
.rv-button__text {
  max-width: 100%;
}
.rv-button__icon {
  font-size: 1.2em;
  font-size: var(--rv-button-icon-size);
  line-height: inherit;
}
.rv-button__icon + .rv-button__text,
.rv-button__loading + .rv-button__text,
.rv-button__text + .rv-button__icon,
.rv-button__text + .rv-button__loading {
  margin-left: var(--rv-padding-base);
}
.rv-button--hairline {
  border-width: 0;
}
.rv-button--hairline::after {
  border-color: inherit;
  border-radius: calc(var(--rv-border-radius-sm) * 2);
  border-radius: calc(var(--rv-button-border-radius) * 2);
}
.rv-button--hairline.rv-button--round::after {
  border-radius: var(--rv-border-radius-max);
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--hairline.rv-button--square::after {
  border-radius: 0;
}
.rv-button-group {
  display: -webkit-inline-flex;
  display: inline-flex;
  overflow: hidden;
  border: var(--rv-border-width-base) solid var(--rv-border-color);
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
  border-radius: var(--rv-border-radius-sm);
  border-radius: var(--rv-button-border-radius);
}
.rv-button-group .rv-button {
  border-radius: 0;
  -webkit-flex: 1 1;
          flex: 1 1;
}
.rv-button-group .rv-button__text {
  white-space: nowrap;
}
.rv-button-group .rv-button {
  border-width: 0 var(--rv-border-width-base) 0 0;
  border-width: 0 var(--rv-button-border-width) 0 0;
}
.rv-button-group .rv-button:last-child {
  border-width: 0;
}
.rv-button-group--primary {
  border-color: var(--rv-primary-color);
  border-color: var(--rv-button-primary-border-color);
}
.rv-button-group--danger {
  border-color: var(--rv-danger-color);
  border-color: var(--rv-button-danger-border-color);
}
.rv-button-group--warning {
  border-color: var(--rv-warning-color);
  border-color: var(--rv-button-warning-border-color);
}
.rv-button-group--success,
.rv-button-group--info {
  border-color: var(--rv-success-color);
  border-color: var(--rv-button-success-border-color);
}
.rv-button-group--round {
  border-radius: var(--rv-border-radius-max);
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button-group--square {
  border-radius: 0;
}
.rv-button-group--disabled {
  cursor: not-allowed;
  opacity: var(--rv-disabled-opacity);
  opacity: var(--rv-button-disabled-opacity);
}
.rv-button-group--disabled .rv-button {
  --rv-button-disabled-opacity: 1;
}

:root {
  --rv-action-bar-background-color: var(--rv-white);
  --rv-action-bar-height: 50px;
  --rv-action-bar-button-height: 40px;
  --rv-action-bar-button-warning-color: var(--rv-gradient-orange);
  --rv-action-bar-button-danger-color: var(--rv-gradient-red);
  --rv-action-bar-icon-width: 48px;
  --rv-action-bar-icon-height: 100%;
  --rv-action-bar-icon-color: var(--rv-text-color);
  --rv-action-bar-icon-size: 18px;
  --rv-action-bar-icon-font-size: var(--rv-font-size-xs);
  --rv-action-bar-icon-active-color: var(--rv-active-color);
  --rv-action-bar-icon-text-color: var(--rv-gray-7);
  --rv-action-bar-icon-background-color: var(--rv-white);
}
.rv-action-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: content-box;
  height: 50px;
  height: var(--rv-action-bar-height);
  background-color: var(--rv-white);
  background-color: var(--rv-action-bar-background-color);
}
.rv-action-bar-button.rv-button {
  -webkit-flex: 1 1;
          flex: 1 1;
  height: 40px;
  height: var(--rv-action-bar-button-height);
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-font-size-md);
  border: none;
  border-radius: 0;
}
@media (max-width: 321px) {
  .rv-action-bar-button.rv-button {
    font-size: 13px;
  }
}
.rv-action-bar-button.rv-action-bar-button--first {
  margin-left: 5px;
  border-top-left-radius: var(--rv-border-radius-max);
  border-bottom-left-radius: var(--rv-border-radius-max);
}
.rv-action-bar-button.rv-action-bar-button--last {
  margin-right: 5px;
  border-top-right-radius: var(--rv-border-radius-max);
  border-bottom-right-radius: var(--rv-border-radius-max);
}
.rv-action-bar-button.rv-action-bar-button--warning {
  background: var(--rv-gradient-orange);
  background: var(--rv-action-bar-button-warning-color);
}
.rv-action-bar-button.rv-action-bar-button--danger {
  background: var(--rv-gradient-red);
  background: var(--rv-action-bar-button-danger-color);
}
.rv-action-bar-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: 48px;
  min-width: var(--rv-action-bar-icon-width);
  height: 100%;
  height: var(--rv-action-bar-icon-height);
  color: var(--rv-gray-7);
  color: var(--rv-action-bar-icon-text-color);
  font-size: var(--rv-font-size-xs);
  font-size: var(--rv-action-bar-icon-font-size);
  line-height: 1;
  text-align: center;
  background-color: var(--rv-white);
  background-color: var(--rv-action-bar-icon-background-color);
  cursor: pointer;
}
.rv-action-bar-icon:active {
  background-color: var(--rv-active-color);
  background-color: var(--rv-action-bar-icon-active-color);
}
.rv-action-bar-icon__icon {
  margin: 0 auto var(--rv-padding-base);
  color: var(--rv-text-color);
  color: var(--rv-action-bar-icon-color);
  font-size: 18px;
  font-size: var(--rv-action-bar-icon-size);
}

:root {
  --rv-badge-size: 16px;
  --rv-badge-color: var(--rv-white);
  --rv-badge-padding: 0 3px;
  --rv-badge-font-size: var(--rv-font-size-sm);
  --rv-badge-font-weight: var(--rv-font-weight-bold);
  --rv-badge-border-width: var(--rv-border-width-base);
  --rv-badge-background-color: var(--rv-danger-color);
  --rv-badge-dot-color: var(--rv-danger-color);
  --rv-badge-dot-size: 8px;
  --rv-badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
}
.rv-badge {
  display: inline-block;
  box-sizing: border-box;
  min-width: 16px;
  min-width: var(--rv-badge-size);
  padding: 0 3px;
  padding: var(--rv-badge-padding);
  color: var(--rv-white);
  color: var(--rv-badge-color);
  font-weight: var(--rv-font-weight-bold);
  font-weight: var(--rv-badge-font-weight);
  font-size: var(--rv-font-size-sm);
  font-size: var(--rv-badge-font-size);
  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
  font-family: var(--rv-badge-font-family);
  line-height: 1.2;
  text-align: center;
  background-color: var(--rv-danger-color);
  background-color: var(--rv-badge-background-color);
  border: var(--rv-border-width-base) solid var(--rv-white);
  border: var(--rv-badge-border-width) solid var(--rv-white);
  border-radius: var(--rv-border-radius-max);
}
.rv-badge--fixed {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}
.rv-badge--dot {
  width: 8px;
  width: var(--rv-badge-dot-size);
  min-width: 0;
  height: 8px;
  height: var(--rv-badge-dot-size);
  background-color: var(--rv-danger-color);
  background-color: var(--rv-badge-dot-color);
  border-radius: 100%;
}
.rv-badge__wrapper {
  position: relative;
  display: inline-block;
}

:root {
  --rv-tab-text-color: var(--rv-gray-7);
  --rv-tab-active-text-color: var(--rv-primary-color);
  --rv-tab-disabled-text-color: var(--rv-gray-5);
  --rv-tab-font-size: var(--rv-font-size-md);
  --rv-tab-line-height: var(--rv-line-height-md);
  --rv-tabs-default-color: var(--rv-primary-color);
  --rv-tabs-line-height: 44px;
  --rv-tabs-card-height: 30px;
  --rv-tabs-nav-background-color: var(--rv-white);
  --rv-tabs-bottom-bar-width: 40px;
  --rv-tabs-bottom-bar-height: 3px;
  --rv-tabs-bottom-bar-color: var(--rv-primary-color);
  --rv-tab-capsule-padding: var(--rv-padding-xs) var(--rv-padding-sm);
  --rv-tabs-jumbo-height: 64px;
  --rv-tab-jumbo-title-size: var(--rv-font-size-lg);
  --rv-tab-description-font-size: var(--rv-font-size-sm);
  --rv-tab-description-color: #969799;
  --rv-tab-description-background-color: #ebedf0;
}
.rv-tab {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1;
          flex: 1 1;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  padding: 0 var(--rv-padding-base);
  color: var(--rv-gray-7);
  color: var(--rv-tab-text-color);
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-tab-font-size);
  line-height: var(--rv-line-height-md);
  line-height: var(--rv-tab-line-height);
  cursor: pointer;
}
.rv-tab__pane {
  height: 100%;
}
.rv-tab__pane,
.rv-tab__pane-wrapper {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  width: 100%;
}
.rv-tab__pane-wrapper--inactive {
  height: 0;
  overflow: visible;
}
.rv-tab--active {
  color: var(--rv-primary-color);
  color: var(--rv-tab-active-text-color);
  font-weight: var(--rv-font-weight-bold);
}
.rv-tab--disabled {
  color: var(--rv-gray-5);
  color: var(--rv-tab-disabled-text-color);
  cursor: not-allowed;
}
.rv-tab__text--ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.rv-tab__description {
  padding: 2px var(--rv-padding-xs);
  border-radius: 10px;
  color: #969799;
  color: var(--rv-tab-description-color);
  font-size: var(--rv-font-size-sm);
  font-size: var(--rv-tab-description-font-size);
  line-height: var(--rv-font-size-sm);
  line-height: var(--rv-tab-description-font-size);
  background-color: #ebedf0;
  background-color: var(--rv-tab-description-background-color);
  font-weight: normal;
}
.rv-tabs {
  position: relative;
}
.rv-tabs__wrap {
  overflow: hidden;
}
.rv-tabs__wrap--page-top {
  position: fixed;
}
.rv-tabs__wrap--content-bottom {
  top: auto;
  bottom: 0;
}
.rv-tabs__wrap--scrollable .rv-tab {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0 var(--rv-padding-sm);
}
.rv-tabs__wrap--scrollable .rv-tabs__nav {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.rv-tabs__wrap--scrollable .rv-tabs__nav::-webkit-scrollbar {
  display: none;
}
.rv-tabs__nav {
  position: relative;
  display: -webkit-flex;
  display: flex;
  background-color: var(--rv-white);
  background-color: var(--rv-tabs-nav-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-tabs__nav--line,
.rv-tabs__nav--capsule,
.rv-tabs__nav--jumbo {
  box-sizing: content-box;
  height: 100%;
  padding-bottom: 15px;
  /* 15px padding to hide scrollbar in mobile safari */
}
.rv-tabs__nav--line.rv-tabs__nav--complete {
  padding-right: var(--rv-padding-xs);
  padding-left: var(--rv-padding-xs);
}
.rv-tabs__nav--start .rv-tab {
  -webkit-flex: none;
          flex: none;
  padding: 0 var(--rv-padding-sm);
}
.rv-tabs__nav--card {
  box-sizing: border-box;
  height: 30px;
  height: var(--rv-tabs-card-height);
  margin: 0 var(--rv-padding-md);
  border: var(--rv-border-width-base) solid var(--rv-primary-color);
  border: var(--rv-border-width-base) solid var(--rv-tabs-default-color);
  border-radius: var(--rv-border-radius-sm);
}
.rv-tabs__nav--card .rv-tab {
  color: var(--rv-primary-color);
  color: var(--rv-tabs-default-color);
  border-right: var(--rv-border-width-base) solid var(--rv-primary-color);
  border-right: var(--rv-border-width-base) solid var(--rv-tabs-default-color);
}
.rv-tabs__nav--card .rv-tab:last-child {
  border-right: none;
}
.rv-tabs__nav--card .rv-tab.rv-tab--active {
  color: var(--rv-white);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-tabs-default-color);
}
.rv-tabs__nav--card .rv-tab--disabled {
  color: var(--rv-gray-5);
  color: var(--rv-tab-disabled-text-color);
}
.rv-tabs__nav--capsule .rv-tab {
  padding: var(--rv-padding-xs) var(--rv-padding-sm);
  padding: var(--rv-tab-capsule-padding);
}
.rv-tabs__nav--capsule .rv-tab__text {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-tabs__nav--capsule .rv-tab.rv-tab--active {
  color: var(--rv-white);
}
.rv-tabs__nav--capsule .rv-tab.rv-tab--active .rv-tab__text {
  border-radius: 22px;
  background-color: var(--rv-primary-color);
  background-color: var(--rv-tabs-bottom-bar-color);
}
.rv-tabs__nav--jumbo .rv-tab {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}
.rv-tabs__nav--jumbo .rv-tab__text {
  font-size: var(--rv-font-size-lg);
  font-size: var(--rv-tab-jumbo-title-size);
  line-height: 1.6em;
}
.rv-tabs__nav--jumbo .rv-tab--active .rv-tab__description {
  color: var(--rv-white);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-tab-active-text-color);
}
.rv-tabs__line {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 1;
  width: 40px;
  width: var(--rv-tabs-bottom-bar-width);
  height: 3px;
  height: var(--rv-tabs-bottom-bar-height);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-tabs-bottom-bar-color);
  border-radius: 3px;
  border-radius: var(--rv-tabs-bottom-bar-height);
}
.rv-tabs__track {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  will-change: left;
}
.rv-tabs__content--animated {
  overflow: hidden;
}
.rv-tabs--line .rv-tabs__wrap,
.rv-tabs--capsule .rv-tabs__wrap {
  height: 44px;
  height: var(--rv-tabs-line-height);
}
.rv-tabs--card > .rv-tabs__wrap {
  height: 30px;
  height: var(--rv-tabs-card-height);
}
.rv-tabs--jumbo .rv-tabs__wrap {
  height: 64px;
  height: var(--rv-tabs-jumbo-height);
}
.rv-tabs--jumbo .rv-badge__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
}

:root {
  --rv-sticky-z-index: 99;
}
.rv-sticky--fixed {
  position: fixed;
  z-index: 99;
  z-index: var(--rv-sticky-z-index);
}

:root {
  --rv-swipe-slide-size: 100%;
  --rv-swipe-track-offset: 0%;
  --rv-swipe-border-radius: 0;
  --rv-swipe-indicator-size: 6px;
  --rv-swipe-indicator-margin: var(--rv-padding-sm);
  --rv-swipe-indicator-active-opacity: 1;
  --rv-swipe-indicator-inactive-opacity: 0.3;
  --rv-swipe-indicator-active-background-color: var(--rv-white);
  --rv-swipe-indicator-inactive-background-color: var(--rv-border-color);
}
.rv-swiper {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 0;
  border-radius: var(--rv-swipe-border-radius);
}
.rv-swiper--vertical .rv-swiper__track--allow-touch-move {
  touch-action: pan-x;
}
.rv-swiper--vertical .rv-swiper__track {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transform: translateY(var(--rv-swipe-track-offset));
          transform: translateY(var(--rv-swipe-track-offset));
}
.rv-swiper--vertical .rv-swiper__track-inner {
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  height: var(--rv-swipe-slide-width, var(--rv-swipe-slide-size));
}
.rv-swiper__track {
  width: 100%;
  height: 100%;
  padding: 0;
  white-space: nowrap;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transform: translateX(var(--rv-swipe-track-offset));
          transform: translateX(var(--rv-swipe-track-offset));
}
.rv-swiper__track--allow-touch-move {
  cursor: grab;
  touch-action: pan-y;
}
.rv-swiper__track-inner {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  width: var(--rv-swipe-slide-width, var(--rv-swipe-slide-size));
  height: 100%;
  overflow: visible;
}
.rv-swiper__slide {
  position: relative;
  display: block;
  -webkit-flex: none;
          flex: none;
  width: 100%;
  height: 100%;
  white-space: inherit;
}
.rv-swiper__indicator {
  position: absolute;
  bottom: var(--rv-padding-sm);
  bottom: var(--rv-swipe-indicator-margin);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rv-swiper__indicator--vertical {
  top: 50%;
  bottom: auto;
  left: var(--rv-padding-sm);
  left: var(--rv-swipe-indicator-margin);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rv-swiper-item {
  display: block;
  width: 100%;
  height: 100%;
  white-space: normal;
}
.rv-swiper-item--hidden {
  content-visibility: hidden;
}
.rv-indicator {
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: fit-content;
}
.rv-indicator--vertical {
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rv-indicator--vertical .rv-indicator__dot:not(:last-child) {
  margin-right: 0;
  margin-bottom: 6px;
  margin-bottom: var(--rv-swipe-indicator-size);
}
.rv-indicator__dot {
  display: block;
  width: 6px;
  width: var(--rv-swipe-indicator-size);
  height: 6px;
  height: var(--rv-swipe-indicator-size);
  margin-right: 6px;
  margin-right: var(--rv-swipe-indicator-size);
  background-color: var(--rv-border-color);
  background-color: var(--rv-swipe-indicator-inactive-background-color);
  border-radius: 100%;
  opacity: 0.3;
  opacity: var(--rv-swipe-indicator-inactive-opacity);
  -webkit-transition: opacity var(--rv-animation-duration-fast), background-color var(--rv-animation-duration-fast);
  transition: opacity var(--rv-animation-duration-fast), background-color var(--rv-animation-duration-fast);
}
.rv-indicator__dot:last-child {
  margin-right: 0;
}
.rv-indicator__dot--active {
  background-color: var(--rv-white);
  background-color: var(--rv-swipe-indicator-active-background-color);
  opacity: 1;
  opacity: var(--rv-swipe-indicator-active-opacity);
}

:root {
  --rv-checkbox-size: 20px;
  --rv-checkbox-border-color: var(--rv-gray-5);
  --rv-checkbox-transition-duration: var(--rv-animation-duration-fast);
  --rv-checkbox-label-margin: var(--rv-padding-xs);
  --rv-checkbox-label-color: var(--rv-text-color);
  --rv-checkbox-checked-icon-color: var(--rv-primary-color);
  --rv-checkbox-disabled-icon-color: var(--rv-gray-5);
  --rv-checkbox-disabled-label-color: var(--rv-gray-5);
  --rv-checkbox-disabled-background-color: var(--rv-border-color);
}
.rv-checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-checkbox--disabled {
  cursor: not-allowed;
}
.rv-checkbox--label-disabled {
  cursor: default;
}
.rv-checkbox--horizontal {
  margin-right: var(--rv-padding-sm);
}
.rv-checkbox__icon {
  -webkit-flex: none;
          flex: none;
  height: 1em;
  font-size: 20px;
  font-size: var(--rv-checkbox-size);
  line-height: 1em;
  cursor: pointer;
}
.rv-checkbox__icon .rv-icon {
  display: block;
  box-sizing: border-box;
  width: 1.25em;
  height: 1.25em;
  color: transparent;
  font-size: 0.8em;
  line-height: 1.25;
  text-align: center;
  border: 1px solid var(--rv-gray-5);
  border: 1px solid var(--rv-checkbox-border-color);
  -webkit-transition-duration: var(--rv-animation-duration-fast);
          transition-duration: var(--rv-animation-duration-fast);
  -webkit-transition-duration: var(--rv-checkbox-transition-duration);
          transition-duration: var(--rv-checkbox-transition-duration);
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}
.rv-checkbox__icon .rv-icon svg {
  width: 100%;
  height: 100%;
}
.rv-checkbox__icon--round .rv-icon {
  border-radius: 100%;
}
.rv-checkbox__icon--checked .rv-icon {
  color: var(--rv-white);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-checkbox-checked-icon-color);
  border-color: var(--rv-primary-color);
  border-color: var(--rv-checkbox-checked-icon-color);
}
.rv-checkbox__icon--disabled {
  cursor: not-allowed;
}
.rv-checkbox__icon--disabled .rv-icon {
  background-color: var(--rv-border-color);
  background-color: var(--rv-checkbox-disabled-background-color);
  border-color: var(--rv-gray-5);
  border-color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__icon--disabled.rv-checkbox__icon--checked .rv-icon {
  color: var(--rv-gray-5);
  color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__label {
  margin-left: var(--rv-padding-xs);
  margin-left: var(--rv-checkbox-label-margin);
  color: var(--rv-text-color);
  color: var(--rv-checkbox-label-color);
  line-height: 20px;
  line-height: var(--rv-checkbox-size);
}
.rv-checkbox__label--left {
  margin: 0 var(--rv-padding-xs) 0 0;
  margin: 0 var(--rv-checkbox-label-margin) 0 0;
}
.rv-checkbox__label--disabled {
  color: var(--rv-gray-5);
  color: var(--rv-checkbox-disabled-label-color);
}
.rv-checkbox-group--horizontal {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

:root {
  --rv-slider-active-background-color: var(--rv-primary-color);
  --rv-slider-inactive-background-color: var(--rv-gray-3);
  --rv-slider-disabled-opacity: var(--rv-disabled-opacity);
  --rv-slider-bar-height: 2px;
  --rv-slider-button-width: 24px;
  --rv-slider-button-height: 24px;
  --rv-slider-button-border-radius: 50%;
  --rv-slider-button-background-color: var(--rv-white);
  --rv-slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.rv-slider {
  position: relative;
  width: 100%;
  height: 2px;
  height: var(--rv-slider-bar-height);
  background-color: var(--rv-gray-3);
  background-color: var(--rv-slider-inactive-background-color);
  border-radius: var(--rv-border-radius-max);
  cursor: pointer;
}
.rv-slider::before {
  position: absolute;
  top: calc(var(--rv-padding-xs) * -1);
  right: 0;
  bottom: calc(var(--rv-padding-xs) * -1);
  left: 0;
  content: '';
}
.rv-slider__bar {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--rv-primary-color);
  background-color: var(--rv-slider-active-background-color);
  border-radius: inherit;
  -webkit-transition: all var(--rv-animation-duration-fast);
  transition: all var(--rv-animation-duration-fast);
}
.rv-slider__button {
  width: 24px;
  width: var(--rv-slider-button-width);
  height: 24px;
  height: var(--rv-slider-button-height);
  background-color: var(--rv-white);
  background-color: var(--rv-slider-button-background-color);
  border-radius: 50%;
  border-radius: var(--rv-slider-button-border-radius);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: var(--rv-slider-button-box-shadow);
}
.rv-slider__button-wrapper {
  position: absolute;
  top: 50%;
  cursor: grab;
}
.rv-slider__button-wrapper--right {
  right: 0;
  -webkit-transform: translate3d(50%, -50%, 0);
          transform: translate3d(50%, -50%, 0);
}
.rv-slider__button-wrapper--left {
  left: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.rv-slider--disabled {
  cursor: not-allowed;
  opacity: var(--rv-disabled-opacity);
  opacity: var(--rv-slider-disabled-opacity);
}
.rv-slider--disabled .rv-slider__button-wrapper {
  cursor: not-allowed;
}
.rv-slider--vertical {
  display: inline-block;
  width: 2px;
  width: var(--rv-slider-bar-height);
  height: 100%;
}
.rv-slider--vertical .rv-slider__button-wrapper--right {
  top: auto;
  right: 50%;
  bottom: 0;
  -webkit-transform: translate3d(50%, 50%, 0);
          transform: translate3d(50%, 50%, 0);
}
.rv-slider--vertical .rv-slider__button-wrapper--left {
  top: 0;
  right: 50%;
  left: auto;
  -webkit-transform: translate3d(50%, -50%, 0);
          transform: translate3d(50%, -50%, 0);
}
.rv-slider--vertical::before {
  top: 0;
  right: calc(var(--rv-padding-xs) * -1);
  bottom: 0;
  left: calc(var(--rv-padding-xs) * -1);
}

:root {
  --rv-pagination-height: 40px;
  --rv-pagination-font-size: var(--rv-font-size-md);
  --rv-pagination-item-width: 36px;
  --rv-pagination-item-default-color: var(--rv-primary-color);
  --rv-pagination-item-disabled-color: var(--rv-gray-7);
  --rv-pagination-item-disabled-background-color: var(--rv-background-color);
  --rv-pagination-background-color: var(--rv-white);
  --rv-pagination-desc-color: var(--rv-gray-7);
  --rv-pagination-disabled-opacity: var(--rv-disabled-opacity);
}
.rv-pagination {
  display: -webkit-flex;
  display: flex;
  font-size: var(--rv-font-size-md);
  font-size: var(--rv-pagination-font-size);
}
.rv-pagination__item,
.rv-pagination__page-desc {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-pagination__item {
  -webkit-flex: 1 1;
          flex: 1 1;
  box-sizing: border-box;
  min-width: 36px;
  min-width: var(--rv-pagination-item-width);
  height: 40px;
  height: var(--rv-pagination-height);
  color: var(--rv-primary-color);
  color: var(--rv-pagination-item-default-color);
  background-color: var(--rv-white);
  background-color: var(--rv-pagination-background-color);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-pagination__item:active {
  color: var(--rv-white);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-pagination-item-default-color);
}
.rv-pagination__item::after {
  border-width: var(--rv-border-width-base) 0 var(--rv-border-width-base) var(--rv-border-width-base);
}
.rv-pagination__item:last-child::after {
  border-right-width: var(--rv-border-width-base);
}
.rv-pagination__item--active {
  color: var(--rv-white);
  background-color: var(--rv-primary-color);
  background-color: var(--rv-pagination-item-default-color);
}
.rv-pagination__prev,
.rv-pagination__next {
  padding: 0 var(--rv-padding-base);
  cursor: pointer;
}
.rv-pagination__item--disabled,
.rv-pagination__item--disabled:active {
  color: var(--rv-gray-7);
  color: var(--rv-pagination-item-disabled-color);
  background-color: var(--rv-background-color);
  background-color: var(--rv-pagination-item-disabled-background-color);
  cursor: not-allowed;
  opacity: var(--rv-disabled-opacity);
  opacity: var(--rv-pagination-disabled-opacity);
}
.rv-pagination__page {
  -webkit-flex-grow: 0;
          flex-grow: 0;
}
.rv-pagination__page-desc {
  -webkit-flex: 1 1;
          flex: 1 1;
  height: 40px;
  height: var(--rv-pagination-height);
  color: var(--rv-gray-7);
  color: var(--rv-pagination-desc-color);
}
.rv-pagination--simple .rv-pagination__prev::after,
.rv-pagination--simple .rv-pagination__next::after {
  border-width: var(--rv-border-width-base);
}