.ripple-container {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ripple-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0) translateZ(0);
  opacity: 0.5;
  animation: ripple-animation cubic-bezier(0, 0, 0.2, 1) forwards;
  /* 性能优化 */
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes ripple-animation {
  0% {
    transform: scale(0) translateZ(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1) translateZ(0);
    opacity: 0;
  }
}

/* 移动端优化 */
@media (hover: none) {
  .ripple-container {
    -webkit-touch-callout: none;
  }
}
: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 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-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: var(--rv-button-default-height);
  margin: 0;
  padding: 0;
  font-size: var(--rv-button-default-font-size);
  line-height: var(--rv-button-default-line-height);
  text-align: center;
  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-button-default-color);
  background: var(--rv-button-default-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
}
.rv-button--primary {
  color: var(--rv-button-primary-color);
  background: var(--rv-button-primary-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-primary-border-color);
}
.rv-button--success,
.rv-button--info {
  color: var(--rv-button-success-color);
  background: var(--rv-button-success-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-success-border-color);
}
.rv-button--danger {
  color: var(--rv-button-danger-color);
  background: var(--rv-button-danger-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-danger-border-color);
}
.rv-button--warning {
  color: var(--rv-button-warning-color);
  background: var(--rv-button-warning-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-warning-border-color);
}
.rv-button--plain {
  background: var(--rv-button-plain-background-color);
}
.rv-button--plain.rv-button--primary {
  color: var(--rv-button-primary-background-color);
}
.rv-button--plain.rv-button--success,
.rv-button--plain.rv-button--info {
  color: var(--rv-button-success-background-color);
}
.rv-button--plain.rv-button--danger {
  color: var(--rv-button-danger-background-color);
}
.rv-button--plain.rv-button--warning {
  color: var(--rv-button-warning-background-color);
}
.rv-button--large {
  width: 100%;
  height: var(--rv-button-large-height);
}
.rv-button--normal {
  padding: var(--rv-button-normal-padding);
  font-size: var(--rv-button-normal-font-size);
}
.rv-button--small {
  height: var(--rv-button-small-height);
  padding: var(--rv-button-small-padding);
  font-size: var(--rv-button-small-font-size);
}
.rv-button__loading {
  color: inherit;
  font-size: inherit;
}
.rv-button__loading .rv-loading__spinner {
  width: var(--rv-button-loading-icon-size);
  height: var(--rv-button-loading-icon-size);
  color: currentColor;
}
.rv-button--mini {
  height: var(--rv-button-mini-height);
  padding: var(--rv-button-mini-padding);
  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-button-disabled-opacity);
}
.rv-button--loading {
  cursor: default;
}
.rv-button--round {
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--square {
  border-radius: 0;
}
.rv-button__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: 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: 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-button-border-radius) * 2);
}
.rv-button--hairline.rv-button--round::after {
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--hairline.rv-button--square::after {
  border-radius: 0;
}
.rv-button-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  overflow: hidden;
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
  border-radius: var(--rv-button-border-radius);
}
.rv-button-group .rv-button {
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-button-group .rv-button__text {
  white-space: nowrap;
}
.rv-button-group .rv-button {
  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-button-primary-border-color);
}
.rv-button-group--danger {
  border-color: var(--rv-button-danger-border-color);
}
.rv-button-group--warning {
  border-color: var(--rv-button-warning-border-color);
}
.rv-button-group--success,
.rv-button-group--info {
  border-color: var(--rv-button-success-border-color);
}
.rv-button-group--round {
  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-button-disabled-opacity);
}
.rv-button-group--disabled .rv-button {
  --rv-button-disabled-opacity: 1;
}
: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: var(--rv-loading-spinner-size);
  max-width: 100%;
  height: var(--rv-loading-spinner-size);
  max-height: 100%;
  vertical-align: middle;
  -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-loading-text-color);
  font-size: var(--rv-loading-text-font-size);
  vertical-align: middle;
}
.rv-loading--vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -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-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: var(--rv-badge-size);
  padding: var(--rv-badge-padding);
  color: var(--rv-badge-color);
  font-weight: var(--rv-badge-font-weight);
  font-size: var(--rv-badge-font-size);
  font-family: var(--rv-badge-font-family);
  line-height: 1.2;
  text-align: center;
  background-color: var(--rv-badge-background-color);
  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: var(--rv-badge-dot-size);
  min-width: 0;
  height: var(--rv-badge-dot-size);
  background-color: var(--rv-badge-dot-color);
  border-radius: 100%;
}
.rv-badge__wrapper {
  position: relative;
  display: inline-block;
}
:root {
  --rv-field-input-error-text-color: var(--rv-danger-color);
  --rv-field-label-width: 6.2em;
  --rv-field-label-color: var(--rv-gray-7);
  --rv-field-label-margin-right: var(--rv-padding-sm);
  --rv-field-icon-size: 16px;
  --rv-field-right-icon-color: var(--rv-gray-6);
  --rv-field-error-message-color: var(--rv-danger-color);
  --rv-field-error-message-font-size: 12px;
  --rv-field-disabled-text-color: var(--rv-gray-5);
  --rv-field-required-mark-color: var(--rv-red);
  --rv-field-intro-color: var(--rv-gray-6);
  --rv-field-tooltip-icon-color: var(--rv-gray-5);
}
.rv-field .rv-field__label {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  box-sizing: border-box;
  width: var(--rv-field-label-width);
  margin-right: var(--rv-field-label-margin-right);
  color: var(--rv-field-label-color);
  text-align: left;
  word-wrap: break-word;
}
.rv-field .rv-field__label--center {
  text-align: center;
}
.rv-field .rv-field__label--right {
  text-align: right;
}
.rv-field .rv-field__label--required::before {
  margin-right: 2px;
  color: var(--rv-field-required-mark-color);
  content: '*';
}
.rv-field--error .rv-input__control::-webkit-input-placeholder, .rv-field--error .rv-textarea__control::-webkit-input-placeholder {
  color: var(--rv-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}
.rv-field--error .rv-input__control,
.rv-field--error .rv-input__control::placeholder,
.rv-field--error .rv-textarea__control,
.rv-field--error .rv-textarea__control::placeholder {
  color: var(--rv-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}
.rv-field--disabled .rv-field__label {
  color: var(--rv-field-disabled-text-color);
}
.rv-field__value {
  overflow: visible;
}
.rv-field__value--center .rv-field__children,
.rv-field__value--center .rv-field__intro,
.rv-field__value--center .rv-field__error-message {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
}
.rv-field__value--center .rv-input,
.rv-field__value--center .rv-textarea {
  text-align: center;
}
.rv-field__value--right .rv-field__children,
.rv-field__value--right .rv-field__intro,
.rv-field__value--right .rv-field__error-message {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  text-align: right;
}
.rv-field__value--right .rv-input,
.rv-field__value--right .rv-textarea {
  text-align: right;
}
.rv-field__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-field__children {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: left;
  min-height: var(--rv-cell-line-height);
}
.rv-field__control-wrapper {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-field__icon,
.rv-field__suffix,
.rv-field__right-icon {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.rv-field__right-icon {
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
}
.rv-field__left-icon .rv-icon,
.rv-field__right-icon .rv-icon {
  display: block;
  font-size: var(--rv-field-icon-size);
  line-height: inherit;
}
.rv-field__left-icon {
  margin-right: var(--rv-padding-base);
}
.rv-field__right-icon {
  color: var(--rv-field-right-icon-color);
}
.rv-field__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-field__suffix {
  padding-left: var(--rv-padding-xs);
}
.rv-field__error-message {
  color: var(--rv-field-error-message-color);
  font-size: var(--rv-field-error-message-font-size);
  line-height: 1.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  text-align: left;
}
.rv-field__tooltip {
  display: inline-block;
  margin-left: 2px;
  color: var(--rv-field-intro-color);
  font-weight: bold;
  vertical-align: middle;
}
.rv-field__intro {
  color: var(--rv-field-intro-color);
  font-size: var(--rv-field-error-message-font-size);
  line-height: 1.4em;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
:root {
  --rv-cell-font-size: var(--rv-font-size-md);
  --rv-cell-line-height: 24px;
  --rv-cell-vertical-padding: 10px;
  --rv-cell-horizontal-padding: var(--rv-padding-md);
  --rv-cell-text-color: var(--rv-text-color);
  --rv-cell-background-color: var(--rv-white);
  --rv-cell-border-color: var(--rv-border-color);
  --rv-cell-active-color: var(--rv-active-color);
  --rv-cell-required-color: var(--rv-danger-color);
  --rv-cell-label-color: var(--rv-gray-6);
  --rv-cell-label-font-size: var(--rv-font-size-sm);
  --rv-cell-label-line-height: var(--rv-line-height-sm);
  --rv-cell-label-margin-top: var(--rv-padding-base);
  --rv-cell-value-color: var(--rv-gray-6);
  --rv-cell-icon-size: 16px;
  --rv-cell-right-icon-color: var(--rv-gray-6);
  --rv-cell-large-vertical-padding: var(--rv-padding-sm);
  --rv-cell-large-title-font-size: var(--rv-font-size-lg);
  --rv-cell-large-label-font-size: var(--rv-font-size-md);
  --rv-cell-group-background-color: var(--rv-white);
  --rv-cell-group-title-color: var(--rv-gray-6);
  --rv-cell-group-title-padding: var(--rv-padding-md) var(--rv-padding-md) var(--rv-padding-xs);
  --rv-cell-group-title-font-size: var(--rv-font-size-md);
  --rv-cell-group-title-line-height: 16px;
  --rv-cell-group-inset-padding: 0 var(--rv-padding-md);
  --rv-cell-group-inset-border-radius: var(--rv-border-radius-lg);
  --rv-cell-group-inset-title-padding: var(--rv-padding-md) var(--rv-padding-md) var(--rv-padding-xs) var(--rv-padding-xl);
}
.rv-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: var(--rv-cell-vertical-padding) var(--rv-cell-horizontal-padding);
  overflow: hidden;
  color: var(--rv-cell-text-color);
  font-size: var(--rv-cell-font-size);
  line-height: var(--rv-cell-line-height);
  background-color: var(--rv-cell-background-color);
}
.rv-cell::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  right: var(--rv-padding-md);
  bottom: 0;
  left: var(--rv-padding-md);
  border-bottom: 1px solid var(--rv-cell-border-color);
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-cell:last-child::after,
.rv-cell--borderless::after {
  display: none;
}
.rv-cell__label {
  margin-top: var(--rv-cell-label-margin-top);
  color: var(--rv-cell-label-color);
  font-size: var(--rv-cell-label-font-size);
  line-height: var(--rv-cell-label-line-height);
}
.rv-cell__title,
.rv-cell__value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-cell__value {
  position: relative;
  overflow: hidden;
  color: var(--rv-cell-value-color);
  text-align: right;
  vertical-align: middle;
  word-wrap: break-word;
}
.rv-cell__value--alone {
  color: var(--rv-text-color);
  text-align: left;
}
.rv-cell__left-icon,
.rv-cell__right-icon {
  height: var(--rv-cell-line-height);
  font-size: var(--rv-cell-icon-size);
  line-height: var(--rv-cell-line-height);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-cell__left-icon {
  margin-right: var(--rv-padding-xs);
}
.rv-cell__right-icon {
  margin-left: var(--rv-padding-xs);
  color: var(--rv-cell-right-icon-color);
}
.rv-cell--clickable {
  cursor: pointer;
}
.rv-cell--clickable:active {
  background-color: var(--rv-cell-active-color);
}
.rv-cell--required {
  overflow: visible;
}
.rv-cell--required::before {
  position: absolute;
  left: var(--rv-padding-xs);
  color: var(--rv-cell-required-color);
  font-size: var(--rv-cell-font-size);
  content: '*';
}
.rv-cell--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-cell--large {
  padding-top: var(--rv-cell-large-vertical-padding);
  padding-bottom: var(--rv-cell-large-vertical-padding);
}
.rv-cell--large .rv-cell__title {
  font-size: var(--rv-cell-large-title-font-size);
}
.rv-cell--large .rv-cell__label {
  font-size: var(--rv-cell-large-label-font-size);
}
.rv-cell-group {
  background-color: var(--rv-cell-group-background-color);
}
.rv-cell-group--inset {
  margin: var(--rv-cell-group-inset-padding);
  overflow: hidden;
  border-radius: var(--rv-cell-group-inset-border-radius);
}
.rv-cell-group__title {
  padding: var(--rv-cell-group-title-padding);
  color: var(--rv-cell-group-title-color);
  font-size: var(--rv-cell-group-title-font-size);
  line-height: var(--rv-cell-group-title-line-height);
}
.rv-cell-group__title--inset {
  padding: var(--rv-cell-group-inset-title-padding);
}
: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: var(--rv-dialog-width);
  overflow: hidden;
  font-size: var(--rv-dialog-font-size);
  background-color: var(--rv-dialog-background-color);
  border-radius: var(--rv-dialog-border-radius);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -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: var(--rv-dialog-small-screen-width);
  }
}
.rv-dialog__header {
  padding-top: var(--rv-dialog-header-padding-top);
  font-weight: var(--rv-dialog-header-font-weight);
  line-height: var(--rv-dialog-header-line-height);
  text-align: center;
}
.rv-dialog__header--isolated {
  padding: var(--rv-dialog-header-isolated-padding);
}
.rv-dialog__content--isolated {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 104px;
}
.rv-dialog__message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  max-height: var(--rv-dialog-message-max-height);
  padding: 26px var(--rv-dialog-message-padding);
  overflow-y: auto;
  font-size: var(--rv-dialog-message-font-size);
  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-dialog-has-title-message-padding-top);
  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-box;
  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-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: var(--rv-dialog-button-height);
  margin: 0;
  border: 0;
}
.rv-dialog__confirm.rv-button,
.rv-dialog__confirm:active.rv-button {
  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: 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-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-popup-background-color);
  -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: 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 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: 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: 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 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: 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: 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: var(--rv-popup-close-icon-z-index);
  color: var(--rv-popup-close-icon-color);
  font-size: var(--rv-popup-close-icon-size);
  cursor: pointer;
}
.rv-popup__close-icon:active {
  color: var(--rv-popup-close-icon-active-color);
}
.rv-popup__close-icon--top-left {
  top: var(--rv-popup-close-icon-margin);
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--top-right {
  top: var(--rv-popup-close-icon-margin);
  right: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-left {
  bottom: var(--rv-popup-close-icon-margin);
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-right {
  right: var(--rv-popup-close-icon-margin);
  bottom: var(--rv-popup-close-icon-margin);
}
.rv-popup__title {
  margin: 20px 12px;
  font-weight: 500;
  color: var(--rv-popup-title-color);
  font-size: var(--rv-popup-title-font-size);
  line-height: var(--rv-popup-title-font-size);
  text-align: center;
}
.rv-popup__description {
  margin: 0 20px;
  color: var(--rv-popup-description-color);
  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: var(--rv-overlay-z-index);
  width: 100%;
  height: 100%;
  background-color: var(--rv-overlay-background-color);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: content-box;
  height: var(--rv-action-bar-height);
  background-color: var(--rv-action-bar-background-color);
}
.rv-action-bar-button.rv-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  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-action-bar-button-warning-color);
}
.rv-action-bar-button.rv-action-bar-button--danger {
  background: var(--rv-action-bar-button-danger-color);
}
.rv-action-bar-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: var(--rv-action-bar-icon-width);
  height: var(--rv-action-bar-icon-height);
  color: var(--rv-action-bar-icon-text-color);
  font-size: var(--rv-action-bar-icon-font-size);
  line-height: 1;
  text-align: center;
  background-color: var(--rv-action-bar-icon-background-color);
  cursor: pointer;
}
.rv-action-bar-icon:active {
  background-color: var(--rv-action-bar-icon-active-color);
}
.rv-action-bar-icon__icon {
  margin: 0 auto var(--rv-padding-base);
  color: var(--rv-action-bar-icon-color);
  font-size: var(--rv-action-bar-icon-size);
}
:root {
  --rv-input-text-color: var(--rv-text-color);
  --rv-input-disabled-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-font-size: var(--rv-font-size-md);
  --rv-input-background-color: transparent;
  --rv-input-clear-icon-size: 16px;
  --rv-input-clear-icon-color: var(--rv-gray-5);
}
.rv-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  text-align: left;
}
.rv-input--center .rv-input__control {
  text-align: center;
}
.rv-input--right .rv-input__control {
  text-align: right;
}
.rv-input--right .rv-input__clear {
  padding-right: 0;
}
.rv-input__control {
  display: block;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-input__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-input__control:read-only {
  cursor: default;
}
.rv-input__control[type='date'],
.rv-input__control[type='time'],
.rv-input__control[type='datetime-local'] {
  min-height: var(--rv-cell-line-height);
}
.rv-input__control[type='search'] {
  -webkit-appearance: none;
}
.rv-input__clear {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
  cursor: pointer;
}
.rv-input__prefix,
.rv-input__suffix {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-input__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-input__suffix {
  padding-left: var(--rv-padding-xs);
}
:root {
  --rv-textarea-min-height: 60px;
  --rv-textarea-word-limit-color: var(--rv-gray-7);
  --rv-textarea-word-limit-font-size: var(--rv-font-size-sm);
  --rv-textarea-word-limit-line-height: 16px;
}
.rv-textarea {
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.rv-textarea .rv-textarea__control {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-textarea .rv-textarea__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-textarea .rv-textarea__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-textarea .rv-textarea__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-textarea .rv-textarea__control:read-only {
  cursor: default;
}
.rv-textarea .rv-textarea__control--min-height {
  min-height: var(--rv-textarea-min-height);
}
.rv-textarea .rv-textarea__control--clear {
  padding-right: var(--rv-padding-md);
}
.rv-textarea .rv-textarea__clear {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  cursor: pointer;
}
.rv-textarea .rv-textarea__word-limit {
  margin-top: var(--rv-padding-base);
  color: var(--rv-textarea-word-limit-color);
  font-size: var(--rv-textarea-word-limit-font-size);
  line-height: var(--rv-textarea-word-limit-line-height);
  text-align: right;
}
:root {
  --rv-input-text-color: var(--rv-text-color);
  --rv-input-disabled-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-font-size: var(--rv-font-size-md);
  --rv-input-background-color: transparent;
  --rv-input-clear-icon-size: 16px;
  --rv-input-clear-icon-color: var(--rv-gray-5);
}
.rv-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  text-align: left;
}
.rv-input--center .rv-input__control {
  text-align: center;
}
.rv-input--right .rv-input__control {
  text-align: right;
}
.rv-input--right .rv-input__clear {
  padding-right: 0;
}
.rv-input__control {
  display: block;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-input__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-input__control:read-only {
  cursor: default;
}
.rv-input__control[type='date'],
.rv-input__control[type='time'],
.rv-input__control[type='datetime-local'] {
  min-height: var(--rv-cell-line-height);
}
.rv-input__control[type='search'] {
  -webkit-appearance: none;
}
.rv-input__clear {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
  cursor: pointer;
}
.rv-input__prefix,
.rv-input__suffix {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-input__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-input__suffix {
  padding-left: var(--rv-padding-xs);
}
:root {
  --rv-image-placeholder-text-color: var(--rv-gray-6);
  --rv-image-placeholder-font-size: var(--rv-font-size-md);
  --rv-image-placeholder-background-color: var(--rv-background-color);
  --rv-image-loading-icon-size: 32px;
  --rv-image-loading-icon-color: var(--rv-gray-4);
  --rv-image-error-icon-size: 32px;
  --rv-image-error-icon-color: var(--rv-gray-4);
}
.rv-image {
  position: relative;
  display: inline-block;
}
.rv-image--block {
  display: block;
  width: 100%;
  height: 100%;
}
.rv-image--fix {
  overflow: hidden;
}
.rv-image--fix .rv-image__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rv-image--fix-width .rv-image__img {
  width: 100%;
  height: auto;
}
.rv-image--fix-height .rv-image__img {
  width: auto;
  height: 100%;
}
.rv-image--round {
  overflow: hidden;
  border-radius: var(--rv-border-radius-max);
}
.rv-image--round .rv-image__img {
  border-radius: inherit;
}
.rv-image__img,
.rv-image__error,
.rv-image__loading {
  display: block;
  width: 100%;
  height: 100%;
}
.rv-image__error,
.rv-image__loading {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-image-placeholder-text-color);
  font-size: var(--rv-image-placeholder-font-size);
  background-color: var(--rv-image-placeholder-background-color);
}
.rv-image__loading-icon {
  color: var(--rv-image-loading-icon-color);
  font-size: var(--rv-image-loading-icon-size);
}
.rv-image__error-icon {
  color: var(--rv-image-error-icon-color);
  font-size: var(--rv-image-error-icon-size);
}
.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-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 var(--rv-padding-md);
}
.rv-skeleton__avatar {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: var(--rv-skeleton-avatar-size);
  height: var(--rv-skeleton-avatar-size);
  margin-right: var(--rv-padding-md);
  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: var(--rv-skeleton-row-height);
  background-color: var(--rv-skeleton-row-background-color);
}
.rv-skeleton__title {
  width: var(--rv-skeleton-title-width);
  margin: 0;
}
.rv-skeleton__row:not(:first-child) {
  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 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-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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: 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-image-preview-index-text-color);
  font-size: var(--rv-image-preview-index-font-size);
  line-height: var(--rv-image-preview-index-line-height);
  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: var(--rv-image-preview-overlay-background-color);
}
.rv-image-preview__close-icon {
  position: absolute;
  z-index: var(--rv-image-preview-close-icon-z-index);
  color: var(--rv-image-preview-close-icon-color);
  font-size: var(--rv-image-preview-close-icon-size);
  cursor: pointer;
}
.rv-image-preview__close-icon:active {
  color: var(--rv-image-preview-close-icon-active-color);
}
.rv-image-preview__close-icon--top-left {
  top: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--top-right {
  top: var(--rv-image-preview-close-icon-margin);
  right: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-left {
  bottom: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-right {
  right: var(--rv-image-preview-close-icon-margin);
  bottom: var(--rv-image-preview-close-icon-margin);
}
:root {
  --rv-steps-background-color: var(--rv-white);
  --rv-step-text-color: var(--rv-gray-6);
  --rv-step-active-color: var(--rv-success-color);
  --rv-step-process-text-color: var(--rv-text-color);
  --rv-step-font-size: var(--rv-font-size-md);
  --rv-step-line-color: var(--rv-border-color);
  --rv-step-finish-line-color: var(--rv-success-color);
  --rv-step-finish-text-color: var(--rv-text-color);
  --rv-step-icon-size: 14px;
  --rv-step-circle-size: 6px;
  --rv-step-circle-color: var(--rv-gray-6);
  --rv-step-horizontal-title-font-size: var(--rv-font-size-sm);
}
.rv-steps {
  overflow: hidden;
  background-color: var(--rv-steps-background-color);
}
.rv-steps--horizontal {
  padding: 10px 10px 0;
}
.rv-steps--horizontal .rv-steps__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 10px;
  padding-bottom: 22px;
}
.rv-steps--vertical {
  padding: 0 0 0 var(--rv-padding-xl);
}
.rv-step {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  color: var(--rv-step-text-color);
  font-size: var(--rv-step-font-size);
}
.rv-step__circle {
  display: block;
  width: var(--rv-step-circle-size);
  height: var(--rv-step-circle-size);
  background-color: var(--rv-step-circle-color);
  border-radius: 50%;
}
.rv-step__line {
  position: absolute;
  background-color: var(--rv-step-line-color);
  -webkit-transition: background-color var(--rv-animation-duration-base);
  transition: background-color var(--rv-animation-duration-base);
}
.rv-step--horizontal {
  float: left;
}
.rv-step--horizontal:first-child .rv-step__title {
  margin-left: 0;
  -webkit-transform: none;
          transform: none;
}
.rv-step--horizontal:last-child {
  position: absolute;
  right: 1px;
  width: auto;
}
.rv-step--horizontal:last-child .rv-step__title {
  margin-left: 0;
  -webkit-transform: none;
          transform: none;
}
.rv-step--horizontal:last-child .rv-step__circle-container {
  right: -9px;
  left: auto;
}
.rv-step--horizontal .rv-step__circle-container {
  position: absolute;
  top: 30px;
  left: calc(var(--rv-padding-xs) * -1);
  z-index: 1;
  padding: 0 var(--rv-padding-xs);
  background-color: var(--rv-white);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rv-step--horizontal .rv-step__title {
  display: inline-block;
  margin-left: 3px;
  font-size: var(--rv-step-horizontal-title-font-size);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rv-step--horizontal .rv-step__line {
  top: 30px;
  left: 0;
  width: 100%;
  height: 1px;
}
.rv-step--horizontal .rv-step__icon {
  display: block;
  font-size: var(--rv-step-icon-size);
}
.rv-step--horizontal .rv-step--process {
  color: var(--rv-step-process-text-color);
}
.rv-step--vertical {
  display: block;
  float: none;
  padding: 10px 10px 10px 0;
  line-height: var(--rv-line-height-sm);
}
.rv-step--vertical:not(:last-child)::after {
  border-bottom-width: 1px;
}
.rv-step--vertical .rv-step__circle-container {
  position: absolute;
  top: 19px;
  left: -15px;
  z-index: 1;
  font-size: var(--rv-step-icon-size);
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rv-step--vertical .rv-step__line {
  top: 16px;
  left: -15px;
  width: 1px;
  height: 100%;
}
.rv-step:last-child .rv-step__line {
  width: 0;
}
.rv-step--finish {
  color: var(--rv-step-finish-text-color);
}
.rv-step--finish .rv-step__circle,
.rv-step--finish .rv-step__line {
  background-color: var(--rv-step-finish-line-color);
}
.rv-step__icon {
  display: block;
}
.rv-step__icon,
.rv-step__title {
  -webkit-transition: color var(--rv-animation-duration-base);
  transition: color var(--rv-animation-duration-base);
}
.rv-step__icon--active,
.rv-step__title--active,
.rv-step__icon--finish,
.rv-step__title--finish {
  color: var(--rv-step-active-color);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -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-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  height: 1em;
  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-checkbox-border-color);
  -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-checkbox-checked-icon-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-checkbox-disabled-background-color);
  border-color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__icon--disabled.rv-checkbox__icon--checked .rv-icon {
  color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__label {
  margin-left: var(--rv-checkbox-label-margin);
  color: var(--rv-checkbox-label-color);
  line-height: var(--rv-checkbox-size);
}
.rv-checkbox__label--left {
  margin: 0 var(--rv-checkbox-label-margin) 0 0;
}
.rv-checkbox__label--disabled {
  color: var(--rv-checkbox-disabled-label-color);
}
.rv-checkbox-group--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
:root {
  --rv-picker-background-color: var(--rv-white);
  --rv-picker-toolbar-height: 44px;
  --rv-picker-title-font-size: var(--rv-font-size-lg);
  --rv-picker-title-line-height: var(--rv-line-height-md);
  --rv-picker-action-padding: 0 var(--rv-padding-md);
  --rv-picker-action-font-size: var(--rv-font-size-md);
  --rv-picker-confirm-action-color: var(--rv-text-link-color);
  --rv-picker-cancel-action-color: var(--rv-gray-6);
  --rv-picker-option-font-size: var(--rv-font-size-lg);
  --rv-picker-option-padding: 0 var(--rv-padding-base);
  --rv-picker-option-text-color: var(--rv-black);
  --rv-picker-option-disabled-opacity: 0.3;
  --rv-picker-loading-icon-color: var(--rv-primary-color);
  --rv-picker-loading-mask-color: rgba(255, 255, 255, 0.9);
  --rv-picker-mask-background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)),
    linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
}
.rv-picker {
  position: relative;
  background-color: var(--rv-picker-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-picker__toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: var(--rv-picker-toolbar-height);
}
.rv-picker__cancel,
.rv-picker__confirm {
  height: 100%;
  padding: var(--rv-picker-action-padding);
  font-size: var(--rv-picker-action-font-size);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.rv-picker__cancel:active,
.rv-picker__confirm:active {
  opacity: var(--rv-active-opacity);
}
.rv-picker__confirm {
  color: var(--rv-picker-confirm-action-color);
}
.rv-picker__cancel {
  color: var(--rv-picker-cancel-action-color);
}
.rv-picker__title {
  max-width: 50%;
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-picker-title-font-size);
  line-height: var(--rv-picker-title-line-height);
  text-align: center;
}
.rv-picker__columns {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: grab;
}
.rv-picker__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-picker-loading-icon-color);
  background-color: var(--rv-picker-loading-mask-color);
}
.rv-picker__frame {
  position: absolute;
  top: 50%;
  right: var(--rv-padding-md);
  left: var(--rv-padding-md);
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.rv-picker__mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: var(--rv-picker-mask-background-image);
  background-repeat: no-repeat;
  background-position: top, bottom;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: none;
}
.rv-picker-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  font-size: var(--rv-picker-option-font-size);
}
.rv-picker-column__wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}
.rv-picker-column__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: var(--rv-picker-option-padding);
  color: var(--rv-picker-option-text-color);
}
.rv-picker-column__item--disabled {
  cursor: not-allowed;
  opacity: var(--rv-picker-option-disabled-opacity);
}
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
.card-swiper-container {
  width: 100%;
  position: relative;
}

.card-swiper {
  width: 100%;
  height: auto;
}

.card-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: transparent;
}

.card-item {
  width: 100%;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
  background-color: transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 自定义分页器样式 */
.card-swiper .swiper-pagination {
  bottom: 0;
}

.card-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #d1d5db;
  opacity: 1;
  transition: all 0.3s;
}

.card-swiper .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 4px;
  background: #556AFF;
}

/* Cards 效果优化 */
.swiper-cards {
  overflow: visible !important;
}

.swiper-cards .swiper-slide {
  overflow: visible;
}
.rv-step--vertical:not(:last-child)::after {
    border: none;
}

 .rv-step--vertical{
    padding-left: .5rem !important;
 }/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */

:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(button) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(select) {
  text-transform: none;
}

/**
 * Remove the margin in Firefox and Safari.
 */

:where(textarea) {
  margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

:where(summary) {
  display: list-item;
}
: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 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-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: var(--rv-button-default-height);
  margin: 0;
  padding: 0;
  font-size: var(--rv-button-default-font-size);
  line-height: var(--rv-button-default-line-height);
  text-align: center;
  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-button-default-color);
  background: var(--rv-button-default-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
}
.rv-button--primary {
  color: var(--rv-button-primary-color);
  background: var(--rv-button-primary-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-primary-border-color);
}
.rv-button--success,
.rv-button--info {
  color: var(--rv-button-success-color);
  background: var(--rv-button-success-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-success-border-color);
}
.rv-button--danger {
  color: var(--rv-button-danger-color);
  background: var(--rv-button-danger-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-danger-border-color);
}
.rv-button--warning {
  color: var(--rv-button-warning-color);
  background: var(--rv-button-warning-background-color);
  border: var(--rv-button-border-width) solid var(--rv-button-warning-border-color);
}
.rv-button--plain {
  background: var(--rv-button-plain-background-color);
}
.rv-button--plain.rv-button--primary {
  color: var(--rv-button-primary-background-color);
}
.rv-button--plain.rv-button--success,
.rv-button--plain.rv-button--info {
  color: var(--rv-button-success-background-color);
}
.rv-button--plain.rv-button--danger {
  color: var(--rv-button-danger-background-color);
}
.rv-button--plain.rv-button--warning {
  color: var(--rv-button-warning-background-color);
}
.rv-button--large {
  width: 100%;
  height: var(--rv-button-large-height);
}
.rv-button--normal {
  padding: var(--rv-button-normal-padding);
  font-size: var(--rv-button-normal-font-size);
}
.rv-button--small {
  height: var(--rv-button-small-height);
  padding: var(--rv-button-small-padding);
  font-size: var(--rv-button-small-font-size);
}
.rv-button__loading {
  color: inherit;
  font-size: inherit;
}
.rv-button__loading .rv-loading__spinner {
  width: var(--rv-button-loading-icon-size);
  height: var(--rv-button-loading-icon-size);
  color: currentColor;
}
.rv-button--mini {
  height: var(--rv-button-mini-height);
  padding: var(--rv-button-mini-padding);
  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-button-disabled-opacity);
}
.rv-button--loading {
  cursor: default;
}
.rv-button--round {
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--square {
  border-radius: 0;
}
.rv-button__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: 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: 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-button-border-radius) * 2);
}
.rv-button--hairline.rv-button--round::after {
  border-radius: var(--rv-button-round-border-radius);
}
.rv-button--hairline.rv-button--square::after {
  border-radius: 0;
}
.rv-button-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  overflow: hidden;
  border: var(--rv-button-border-width) solid var(--rv-button-default-border-color);
  border-radius: var(--rv-button-border-radius);
}
.rv-button-group .rv-button {
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-button-group .rv-button__text {
  white-space: nowrap;
}
.rv-button-group .rv-button {
  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-button-primary-border-color);
}
.rv-button-group--danger {
  border-color: var(--rv-button-danger-border-color);
}
.rv-button-group--warning {
  border-color: var(--rv-button-warning-border-color);
}
.rv-button-group--success,
.rv-button-group--info {
  border-color: var(--rv-button-success-border-color);
}
.rv-button-group--round {
  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-button-disabled-opacity);
}
.rv-button-group--disabled .rv-button {
  --rv-button-disabled-opacity: 1;
}
: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: var(--rv-loading-spinner-size);
  max-width: 100%;
  height: var(--rv-loading-spinner-size);
  max-height: 100%;
  vertical-align: middle;
  -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-loading-text-color);
  font-size: var(--rv-loading-text-font-size);
  vertical-align: middle;
}
.rv-loading--vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -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-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: var(--rv-badge-size);
  padding: var(--rv-badge-padding);
  color: var(--rv-badge-color);
  font-weight: var(--rv-badge-font-weight);
  font-size: var(--rv-badge-font-size);
  font-family: var(--rv-badge-font-family);
  line-height: 1.2;
  text-align: center;
  background-color: var(--rv-badge-background-color);
  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: var(--rv-badge-dot-size);
  min-width: 0;
  height: var(--rv-badge-dot-size);
  background-color: var(--rv-badge-dot-color);
  border-radius: 100%;
}
.rv-badge__wrapper {
  position: relative;
  display: inline-block;
}
:root {
  --rv-field-input-error-text-color: var(--rv-danger-color);
  --rv-field-label-width: 6.2em;
  --rv-field-label-color: var(--rv-gray-7);
  --rv-field-label-margin-right: var(--rv-padding-sm);
  --rv-field-icon-size: 16px;
  --rv-field-right-icon-color: var(--rv-gray-6);
  --rv-field-error-message-color: var(--rv-danger-color);
  --rv-field-error-message-font-size: 12px;
  --rv-field-disabled-text-color: var(--rv-gray-5);
  --rv-field-required-mark-color: var(--rv-red);
  --rv-field-intro-color: var(--rv-gray-6);
  --rv-field-tooltip-icon-color: var(--rv-gray-5);
}
.rv-field .rv-field__label {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  box-sizing: border-box;
  width: var(--rv-field-label-width);
  margin-right: var(--rv-field-label-margin-right);
  color: var(--rv-field-label-color);
  text-align: left;
  word-wrap: break-word;
}
.rv-field .rv-field__label--center {
  text-align: center;
}
.rv-field .rv-field__label--right {
  text-align: right;
}
.rv-field .rv-field__label--required::before {
  margin-right: 2px;
  color: var(--rv-field-required-mark-color);
  content: '*';
}
.rv-field--error .rv-input__control::-webkit-input-placeholder, .rv-field--error .rv-textarea__control::-webkit-input-placeholder {
  color: var(--rv-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}
.rv-field--error .rv-input__control,
.rv-field--error .rv-input__control::placeholder,
.rv-field--error .rv-textarea__control,
.rv-field--error .rv-textarea__control::placeholder {
  color: var(--rv-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}
.rv-field--disabled .rv-field__label {
  color: var(--rv-field-disabled-text-color);
}
.rv-field__value {
  overflow: visible;
}
.rv-field__value--center .rv-field__children,
.rv-field__value--center .rv-field__intro,
.rv-field__value--center .rv-field__error-message {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
}
.rv-field__value--center .rv-input,
.rv-field__value--center .rv-textarea {
  text-align: center;
}
.rv-field__value--right .rv-field__children,
.rv-field__value--right .rv-field__intro,
.rv-field__value--right .rv-field__error-message {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  text-align: right;
}
.rv-field__value--right .rv-input,
.rv-field__value--right .rv-textarea {
  text-align: right;
}
.rv-field__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-field__children {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: left;
  min-height: var(--rv-cell-line-height);
}
.rv-field__control-wrapper {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-field__icon,
.rv-field__suffix,
.rv-field__right-icon {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.rv-field__right-icon {
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
}
.rv-field__left-icon .rv-icon,
.rv-field__right-icon .rv-icon {
  display: block;
  font-size: var(--rv-field-icon-size);
  line-height: inherit;
}
.rv-field__left-icon {
  margin-right: var(--rv-padding-base);
}
.rv-field__right-icon {
  color: var(--rv-field-right-icon-color);
}
.rv-field__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-field__suffix {
  padding-left: var(--rv-padding-xs);
}
.rv-field__error-message {
  color: var(--rv-field-error-message-color);
  font-size: var(--rv-field-error-message-font-size);
  line-height: 1.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  text-align: left;
}
.rv-field__tooltip {
  display: inline-block;
  margin-left: 2px;
  color: var(--rv-field-intro-color);
  font-weight: bold;
  vertical-align: middle;
}
.rv-field__intro {
  color: var(--rv-field-intro-color);
  font-size: var(--rv-field-error-message-font-size);
  line-height: 1.4em;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
:root {
  --rv-cell-font-size: var(--rv-font-size-md);
  --rv-cell-line-height: 24px;
  --rv-cell-vertical-padding: 10px;
  --rv-cell-horizontal-padding: var(--rv-padding-md);
  --rv-cell-text-color: var(--rv-text-color);
  --rv-cell-background-color: var(--rv-white);
  --rv-cell-border-color: var(--rv-border-color);
  --rv-cell-active-color: var(--rv-active-color);
  --rv-cell-required-color: var(--rv-danger-color);
  --rv-cell-label-color: var(--rv-gray-6);
  --rv-cell-label-font-size: var(--rv-font-size-sm);
  --rv-cell-label-line-height: var(--rv-line-height-sm);
  --rv-cell-label-margin-top: var(--rv-padding-base);
  --rv-cell-value-color: var(--rv-gray-6);
  --rv-cell-icon-size: 16px;
  --rv-cell-right-icon-color: var(--rv-gray-6);
  --rv-cell-large-vertical-padding: var(--rv-padding-sm);
  --rv-cell-large-title-font-size: var(--rv-font-size-lg);
  --rv-cell-large-label-font-size: var(--rv-font-size-md);
  --rv-cell-group-background-color: var(--rv-white);
  --rv-cell-group-title-color: var(--rv-gray-6);
  --rv-cell-group-title-padding: var(--rv-padding-md) var(--rv-padding-md) var(--rv-padding-xs);
  --rv-cell-group-title-font-size: var(--rv-font-size-md);
  --rv-cell-group-title-line-height: 16px;
  --rv-cell-group-inset-padding: 0 var(--rv-padding-md);
  --rv-cell-group-inset-border-radius: var(--rv-border-radius-lg);
  --rv-cell-group-inset-title-padding: var(--rv-padding-md) var(--rv-padding-md) var(--rv-padding-xs) var(--rv-padding-xl);
}
.rv-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: var(--rv-cell-vertical-padding) var(--rv-cell-horizontal-padding);
  overflow: hidden;
  color: var(--rv-cell-text-color);
  font-size: var(--rv-cell-font-size);
  line-height: var(--rv-cell-line-height);
  background-color: var(--rv-cell-background-color);
}
.rv-cell::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  right: var(--rv-padding-md);
  bottom: 0;
  left: var(--rv-padding-md);
  border-bottom: 1px solid var(--rv-cell-border-color);
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-cell:last-child::after,
.rv-cell--borderless::after {
  display: none;
}
.rv-cell__label {
  margin-top: var(--rv-cell-label-margin-top);
  color: var(--rv-cell-label-color);
  font-size: var(--rv-cell-label-font-size);
  line-height: var(--rv-cell-label-line-height);
}
.rv-cell__title,
.rv-cell__value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-cell__value {
  position: relative;
  overflow: hidden;
  color: var(--rv-cell-value-color);
  text-align: right;
  vertical-align: middle;
  word-wrap: break-word;
}
.rv-cell__value--alone {
  color: var(--rv-text-color);
  text-align: left;
}
.rv-cell__left-icon,
.rv-cell__right-icon {
  height: var(--rv-cell-line-height);
  font-size: var(--rv-cell-icon-size);
  line-height: var(--rv-cell-line-height);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-cell__left-icon {
  margin-right: var(--rv-padding-xs);
}
.rv-cell__right-icon {
  margin-left: var(--rv-padding-xs);
  color: var(--rv-cell-right-icon-color);
}
.rv-cell--clickable {
  cursor: pointer;
}
.rv-cell--clickable:active {
  background-color: var(--rv-cell-active-color);
}
.rv-cell--required {
  overflow: visible;
}
.rv-cell--required::before {
  position: absolute;
  left: var(--rv-padding-xs);
  color: var(--rv-cell-required-color);
  font-size: var(--rv-cell-font-size);
  content: '*';
}
.rv-cell--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-cell--large {
  padding-top: var(--rv-cell-large-vertical-padding);
  padding-bottom: var(--rv-cell-large-vertical-padding);
}
.rv-cell--large .rv-cell__title {
  font-size: var(--rv-cell-large-title-font-size);
}
.rv-cell--large .rv-cell__label {
  font-size: var(--rv-cell-large-label-font-size);
}
.rv-cell-group {
  background-color: var(--rv-cell-group-background-color);
}
.rv-cell-group--inset {
  margin: var(--rv-cell-group-inset-padding);
  overflow: hidden;
  border-radius: var(--rv-cell-group-inset-border-radius);
}
.rv-cell-group__title {
  padding: var(--rv-cell-group-title-padding);
  color: var(--rv-cell-group-title-color);
  font-size: var(--rv-cell-group-title-font-size);
  line-height: var(--rv-cell-group-title-line-height);
}
.rv-cell-group__title--inset {
  padding: var(--rv-cell-group-inset-title-padding);
}
: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: var(--rv-dialog-width);
  overflow: hidden;
  font-size: var(--rv-dialog-font-size);
  background-color: var(--rv-dialog-background-color);
  border-radius: var(--rv-dialog-border-radius);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -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: var(--rv-dialog-small-screen-width);
  }
}
.rv-dialog__header {
  padding-top: var(--rv-dialog-header-padding-top);
  font-weight: var(--rv-dialog-header-font-weight);
  line-height: var(--rv-dialog-header-line-height);
  text-align: center;
}
.rv-dialog__header--isolated {
  padding: var(--rv-dialog-header-isolated-padding);
}
.rv-dialog__content--isolated {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 104px;
}
.rv-dialog__message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  max-height: var(--rv-dialog-message-max-height);
  padding: 26px var(--rv-dialog-message-padding);
  overflow-y: auto;
  font-size: var(--rv-dialog-message-font-size);
  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-dialog-has-title-message-padding-top);
  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-box;
  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-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: var(--rv-dialog-button-height);
  margin: 0;
  border: 0;
}
.rv-dialog__confirm.rv-button,
.rv-dialog__confirm:active.rv-button {
  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: 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-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-popup-background-color);
  -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: 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 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: 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: 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 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: 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: 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: var(--rv-popup-close-icon-z-index);
  color: var(--rv-popup-close-icon-color);
  font-size: var(--rv-popup-close-icon-size);
  cursor: pointer;
}
.rv-popup__close-icon:active {
  color: var(--rv-popup-close-icon-active-color);
}
.rv-popup__close-icon--top-left {
  top: var(--rv-popup-close-icon-margin);
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--top-right {
  top: var(--rv-popup-close-icon-margin);
  right: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-left {
  bottom: var(--rv-popup-close-icon-margin);
  left: var(--rv-popup-close-icon-margin);
}
.rv-popup__close-icon--bottom-right {
  right: var(--rv-popup-close-icon-margin);
  bottom: var(--rv-popup-close-icon-margin);
}
.rv-popup__title {
  margin: 20px 12px;
  font-weight: 500;
  color: var(--rv-popup-title-color);
  font-size: var(--rv-popup-title-font-size);
  line-height: var(--rv-popup-title-font-size);
  text-align: center;
}
.rv-popup__description {
  margin: 0 20px;
  color: var(--rv-popup-description-color);
  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: var(--rv-overlay-z-index);
  width: 100%;
  height: 100%;
  background-color: var(--rv-overlay-background-color);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: content-box;
  height: var(--rv-action-bar-height);
  background-color: var(--rv-action-bar-background-color);
}
.rv-action-bar-button.rv-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  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-action-bar-button-warning-color);
}
.rv-action-bar-button.rv-action-bar-button--danger {
  background: var(--rv-action-bar-button-danger-color);
}
.rv-action-bar-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: var(--rv-action-bar-icon-width);
  height: var(--rv-action-bar-icon-height);
  color: var(--rv-action-bar-icon-text-color);
  font-size: var(--rv-action-bar-icon-font-size);
  line-height: 1;
  text-align: center;
  background-color: var(--rv-action-bar-icon-background-color);
  cursor: pointer;
}
.rv-action-bar-icon:active {
  background-color: var(--rv-action-bar-icon-active-color);
}
.rv-action-bar-icon__icon {
  margin: 0 auto var(--rv-padding-base);
  color: var(--rv-action-bar-icon-color);
  font-size: var(--rv-action-bar-icon-size);
}
:root {
  --rv-input-text-color: var(--rv-text-color);
  --rv-input-disabled-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-font-size: var(--rv-font-size-md);
  --rv-input-background-color: transparent;
  --rv-input-clear-icon-size: 16px;
  --rv-input-clear-icon-color: var(--rv-gray-5);
}
.rv-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  text-align: left;
}
.rv-input--center .rv-input__control {
  text-align: center;
}
.rv-input--right .rv-input__control {
  text-align: right;
}
.rv-input--right .rv-input__clear {
  padding-right: 0;
}
.rv-input__control {
  display: block;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-input__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-input__control:read-only {
  cursor: default;
}
.rv-input__control[type='date'],
.rv-input__control[type='time'],
.rv-input__control[type='datetime-local'] {
  min-height: var(--rv-cell-line-height);
}
.rv-input__control[type='search'] {
  -webkit-appearance: none;
}
.rv-input__clear {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
  cursor: pointer;
}
.rv-input__prefix,
.rv-input__suffix {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-input__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-input__suffix {
  padding-left: var(--rv-padding-xs);
}
:root {
  --rv-textarea-min-height: 60px;
  --rv-textarea-word-limit-color: var(--rv-gray-7);
  --rv-textarea-word-limit-font-size: var(--rv-font-size-sm);
  --rv-textarea-word-limit-line-height: 16px;
}
.rv-textarea {
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.rv-textarea .rv-textarea__control {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-textarea .rv-textarea__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-textarea .rv-textarea__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-textarea .rv-textarea__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-textarea .rv-textarea__control:read-only {
  cursor: default;
}
.rv-textarea .rv-textarea__control--min-height {
  min-height: var(--rv-textarea-min-height);
}
.rv-textarea .rv-textarea__control--clear {
  padding-right: var(--rv-padding-md);
}
.rv-textarea .rv-textarea__clear {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  cursor: pointer;
}
.rv-textarea .rv-textarea__word-limit {
  margin-top: var(--rv-padding-base);
  color: var(--rv-textarea-word-limit-color);
  font-size: var(--rv-textarea-word-limit-font-size);
  line-height: var(--rv-textarea-word-limit-line-height);
  text-align: right;
}
:root {
  --rv-input-text-color: var(--rv-text-color);
  --rv-input-disabled-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-color: var(--rv-gray-5);
  --rv-input-placeholder-text-font-size: var(--rv-font-size-md);
  --rv-input-background-color: transparent;
  --rv-input-clear-icon-size: 16px;
  --rv-input-clear-icon-color: var(--rv-gray-5);
}
.rv-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  text-align: left;
}
.rv-input--center .rv-input__control {
  text-align: center;
}
.rv-input--right .rv-input__control {
  text-align: right;
}
.rv-input--right .rv-input__clear {
  padding-right: 0;
}
.rv-input__control {
  display: block;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--rv-input-text-color);
  line-height: inherit;
  text-align: inherit;
  background-color: var(--rv-input-background-color);
  border: 0;
  resize: none;
  -webkit-user-select: auto;
          user-select: auto;
}
.rv-input__control::-webkit-input-placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control::placeholder {
  color: var(--rv-input-placeholder-text-color);
  font-size: var(--rv-input-placeholder-text-font-size);
}
.rv-input__control:disabled {
  color: var(--rv-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--rv-input-disabled-text-color);
}
.rv-input__control:read-only {
  cursor: default;
}
.rv-input__control[type='date'],
.rv-input__control[type='time'],
.rv-input__control[type='datetime-local'] {
  min-height: var(--rv-cell-line-height);
}
.rv-input__control[type='search'] {
  -webkit-appearance: none;
}
.rv-input__clear {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  color: var(--rv-input-clear-icon-color);
  font-size: var(--rv-input-clear-icon-size);
  margin-right: calc(var(--rv-padding-xs) * -1);
  padding: 0 var(--rv-padding-xs);
  box-sizing: content-box;
  cursor: pointer;
}
.rv-input__prefix,
.rv-input__suffix {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-input__prefix {
  padding-right: var(--rv-padding-xs);
}
.rv-input__suffix {
  padding-left: var(--rv-padding-xs);
}
.rv-flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-flexbox::before,
.rv-flexbox::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-flexbox--justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.rv-flexbox--justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-flexbox--justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.rv-flexbox--justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.rv-flexbox--justify-around {
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.rv-flexbox--align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.rv-flexbox--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-flexbox--align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.rv-flexbox--align-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.rv-flexbox--align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
}
.rv-flexbox--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.rv-flexbox--row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rv-flexbox--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rv-flexbox--column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.rv-flexbox--nowrap {
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.rv-flexbox--wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rv-flexbox--wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.rv-flexitem {
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 1px;
}
.rv-flexitem--24 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.rv-flexitem--23 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333333%;
          flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.rv-flexitem--22 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.rv-flexitem--21 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%;
}
.rv-flexitem--20 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.rv-flexitem--19 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16666667%;
          flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.rv-flexitem--18 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.rv-flexitem--17 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333333%;
          flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.rv-flexitem--16 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.rv-flexitem--15 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
}
.rv-flexitem--14 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.rv-flexitem--13 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16666667%;
          flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.rv-flexitem--12 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.rv-flexitem--11 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333333%;
          flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.rv-flexitem--10 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.rv-flexitem--9 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
}
.rv-flexitem--8 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.rv-flexitem--7 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16666667%;
          flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.rv-flexitem--6 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.rv-flexitem--5 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333333%;
          flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.rv-flexitem--4 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.rv-flexitem--3 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}
.rv-flexitem--2 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.rv-flexitem--1 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16666667%;
          flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.rv-flexitem--0 {
  display: none;
}
:root {
  --rv-space-gap: 8px;
}
.rv-space {
  --gap: var(--rv-space-gap);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  gap: var(--gap);
}
.rv-space__item {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
}
.rv-space--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rv-space--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.rv-space--wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rv-space.rv-space--block {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-space--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-space--align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.rv-space--align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.rv-space--align-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.rv-space--justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-space--justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.rv-space--justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.rv-space--justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.rv-space--justify-around {
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.rv-space--justify-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
          justify-content: space-evenly;
}
.rv-space--justify-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
          justify-content: stretch;
}
:root {
  --rv-selector-color: var(--rv-gray-2);
  --rv-selector-checked-color: #efefff;
  --rv-selector-text-color: var(--rv-text-color);
  --rv-selector-checked-text-color: var(--rv-primary-color);
  --rv-selector-border: none;
  --rv-selector-checkedborder: none;
  --rv-selector-border-radius: var(--rv-border-radius-sm);
  --rv-selector-margin: 0 var(--rv-padding-xs) 0 0;
  --rv-selector-padding: var(--rv-padding-xs) var(--rv-padding-md);
}
.rv-selector {
  overflow: hidden;
  font-size: var(--rv-font-size-md);
  line-height: 1.4;
}
.rv-selector .rv-space.rv-space {
  --gap: 12px;
}
.rv-selector__item {
  margin: var(--rv-selector-margin);
  padding: var(--rv-selector-padding);
  position: relative;
  background-color: var(--rv-selector-color);
  border: var(--rv-selector-border);
  border-radius: var(--rv-selector-border-radius);
  color: var(--rv-selector-text-color);
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
}
.rv-selector__item:last-child {
  margin-right: 0;
}
.rv-selector__item-description {
  font-size: var(--rv-font-size-sm);
  color: var(--rv-text-color-weak);
}
.rv-selector__item--active,
.rv-selector__item--multiple-active {
  color: var(--rv-selector-checked-text-color);
  background-color: var(--rv-selector-checked-color);
  border: var(--rv-selector-checked-border);
}
.rv-selector__item .rv-selector__check-mark-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: solid 8px transparent;
  border-bottom: solid 8px var(--rv-primary-color);
  border-left: solid 10px transparent;
  border-right: solid 10px var(--rv-primary-color);
}
.rv-selector__item .rv-selector__check-mark-wrapper > svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 8px;
}
.rv-selector__item--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
:root {
  --rv-typography-color: var(--rv-text-color);
  --rv-typography-link-color: var(--rv-primary-color);
  --rv-typography-font-size-xs: 10px;
  --rv-typography-font-size-sm: 12px;
  --rv-typography-font-size: var(--rv-font-size-md);
  --rv-typography-font-size-lg: 16px;
  --rv-typography-font-size-xl: 20px;
  --rv-typography-font-size-xxl: 24px;
  --rv-typography-title-size-l1: 30px;
  --rv-typography-title-size-l2: 26px;
  --rv-typography-title-size-l3: 22px;
  --rv-typography-title-size-l4: 20px;
  --rv-typography-title-size-l5: 16px;
  --rv-typography-title-size-l6: 14px;
  --rv-typography-primary-color: var(--rv-primary-color);
  --rv-typography-danger-color: var(--rv-danger-color);
  --rv-typography-success-color: var(--rv-success-color);
  --rv-typography-secondary-color: var(--rv-gray-6);
  --rv-typography-warning-color: var(--rv-warning-color);
  --rv-typography-disabled-color: var(--rv-gray-5);
  --rv-typography-light-color: var(--rv-white);
}
.rv-typography {
  color: var(--rv-typography-color);
  word-wrap: break-word;
}
.rv-typography__ellipsis {
  overflow: hidden;
  line-height: 1.5;
}
.rv-typography__ellipsis--multi {
  --line-clamp: 2;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line-clamp);
  line-clamp: var(--line-clamp);
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.rv-typography__link {
  --rv-typography-color: var(--rv-typography-link-color);
  cursor: pointer;
  display: inline-block;
}
.rv-typography--xs {
  font-size: var(--rv-typography-font-size-xs);
}
.rv-typography--sm {
  font-size: var(--rv-typography-font-size-sm);
}
.rv-typography--md {
  font-size: var(--rv-typography-font-size);
}
.rv-typography--lg {
  font-size: var(--rv-typography-font-size-lg);
}
.rv-typography--xl {
  font-size: var(--rv-typography-font-size-xl);
}
.rv-typography--xxl {
  font-size: var(--rv-typography-font-size-xxl);
}
.rv-typography--primary {
  --rv-typography-color: var(--rv-typography-primary-color);
}
.rv-typography--danger {
  --rv-typography-color: var(--rv-typography-danger-color);
}
.rv-typography--success {
  --rv-typography-color: var(--rv-typography-success-color);
}
.rv-typography--secondary {
  --rv-typography-color: var(--rv-typography-secondary-color);
}
.rv-typography--light {
  --rv-typography-color: var(--rv-typography-light-color);
}
.rv-typography--warning {
  --rv-typography-color: var(--rv-typography-warning-color);
}
.rv-typography--disabled {
  --rv-typography-color: var(--rv-typography-disabled-color);
  cursor: not-allowed;
}
.rv-typography--underline {
  text-decoration: underline;
}
.rv-typography--delete {
  text-decoration: line-through;
}
.rv-typography__text {
  display: inline-block;
}
.rv-typography__text.rv-ellipsis {
  display: block;
}
.rv-typography__title {
  font-weight: bold;
  margin-bottom: 0.65em;
}
.rv-typography--l1 {
  font-size: var(--rv-typography-title-size-l1);
  line-height: 1.25;
}
.rv-typography--l2 {
  font-size: var(--rv-typography-title-size-l2);
  line-height: 1.35;
}
.rv-typography--l3 {
  font-size: var(--rv-typography-title-size-l3);
  line-height: 1.35;
}
.rv-typography--l4 {
  font-size: var(--rv-typography-title-size-l4);
  line-height: 1.4;
}
.rv-typography--l5 {
  font-size: var(--rv-typography-title-size-l5);
  line-height: 1.5;
}
.rv-typography--l6 {
  font-size: var(--rv-typography-title-size-l6);
  line-height: 1.5;
}
.rv-typography--center {
  text-align: center;
}
.rv-typography--strong {
  font-weight: bold;
}
:root {
  --rv-count-down-text-color: var(--rv-text-color);
  --rv-count-down-font-size: var(--rv-font-size-md);
  --rv-count-down-line-height: var(--rv-line-height-md);
}
.rv-count-down {
  color: var(--rv-count-down-text-color);
  font-size: var(--rv-count-down-font-size);
  line-height: var(--rv-count-down-line-height);
}
:root {
  --rv-divider-margin: var(--rv-padding-md) 0;
  --rv-divider-text-color: var(--rv-gray-6);
  --rv-divider-font-size: var(--rv-font-size-md);
  --rv-divider-line-height: 24px;
  --rv-divider-border-color: var(--rv-border-color);
  --rv-divider-content-padding: var(--rv-padding-md);
  --rv-divider-content-left-width: 10%;
  --rv-divider-content-right-width: 10%;
}
.rv-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: var(--rv-divider-margin);
  color: var(--rv-divider-text-color);
  font-size: var(--rv-divider-font-size);
  line-height: var(--rv-divider-line-height);
  border-color: var(--rv-divider-border-color);
  border-style: solid;
  border-width: 0;
}
.rv-divider::before,
.rv-divider::after {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box;
  height: 1px;
  border-color: inherit;
  border-style: inherit;
  border-width: var(--rv-border-width-base) 0 0;
}
.rv-divider::before {
  content: '';
}
.rv-divider--vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  vertical-align: middle;
  border-top: 0;
  margin: 0;
  border-left-width: var(--rv-border-width-base);
}
.rv-divider--vertical::before,
.rv-divider--vertical::after {
  content: none;
}
.rv-divider--hairline::before,
.rv-divider--hairline::after {
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-divider--dashed {
  border-style: dashed;
}
.rv-divider--content-center::before,
.rv-divider--content-left::before,
.rv-divider--content-right::before {
  margin-right: var(--rv-divider-content-padding);
}
.rv-divider--content-center::after,
.rv-divider--content-left::after,
.rv-divider--content-right::after {
  margin-left: var(--rv-divider-content-padding);
  content: '';
}
.rv-divider--content-left::before {
  max-width: var(--rv-divider-content-left-width);
}
.rv-divider--content-right::after {
  max-width: var(--rv-divider-content-right-width);
}
:root {
  --rv-image-placeholder-text-color: var(--rv-gray-6);
  --rv-image-placeholder-font-size: var(--rv-font-size-md);
  --rv-image-placeholder-background-color: var(--rv-background-color);
  --rv-image-loading-icon-size: 32px;
  --rv-image-loading-icon-color: var(--rv-gray-4);
  --rv-image-error-icon-size: 32px;
  --rv-image-error-icon-color: var(--rv-gray-4);
}
.rv-image {
  position: relative;
  display: inline-block;
}
.rv-image--block {
  display: block;
  width: 100%;
  height: 100%;
}
.rv-image--fix {
  overflow: hidden;
}
.rv-image--fix .rv-image__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rv-image--fix-width .rv-image__img {
  width: 100%;
  height: auto;
}
.rv-image--fix-height .rv-image__img {
  width: auto;
  height: 100%;
}
.rv-image--round {
  overflow: hidden;
  border-radius: var(--rv-border-radius-max);
}
.rv-image--round .rv-image__img {
  border-radius: inherit;
}
.rv-image__img,
.rv-image__error,
.rv-image__loading {
  display: block;
  width: 100%;
  height: 100%;
}
.rv-image__error,
.rv-image__loading {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-image-placeholder-text-color);
  font-size: var(--rv-image-placeholder-font-size);
  background-color: var(--rv-image-placeholder-background-color);
}
.rv-image__loading-icon {
  color: var(--rv-image-loading-icon-color);
  font-size: var(--rv-image-loading-icon-size);
}
.rv-image__error-icon {
  color: var(--rv-image-error-icon-color);
  font-size: var(--rv-image-error-icon-size);
}
.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-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 var(--rv-padding-md);
}
.rv-skeleton__avatar {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: var(--rv-skeleton-avatar-size);
  height: var(--rv-skeleton-avatar-size);
  margin-right: var(--rv-padding-md);
  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: var(--rv-skeleton-row-height);
  background-color: var(--rv-skeleton-row-background-color);
}
.rv-skeleton__title {
  width: var(--rv-skeleton-title-width);
  margin: 0;
}
.rv-skeleton__row:not(:first-child) {
  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 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-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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: 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-image-preview-index-text-color);
  font-size: var(--rv-image-preview-index-font-size);
  line-height: var(--rv-image-preview-index-line-height);
  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: var(--rv-image-preview-overlay-background-color);
}
.rv-image-preview__close-icon {
  position: absolute;
  z-index: var(--rv-image-preview-close-icon-z-index);
  color: var(--rv-image-preview-close-icon-color);
  font-size: var(--rv-image-preview-close-icon-size);
  cursor: pointer;
}
.rv-image-preview__close-icon:active {
  color: var(--rv-image-preview-close-icon-active-color);
}
.rv-image-preview__close-icon--top-left {
  top: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--top-right {
  top: var(--rv-image-preview-close-icon-margin);
  right: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-left {
  bottom: var(--rv-image-preview-close-icon-margin);
  left: var(--rv-image-preview-close-icon-margin);
}
.rv-image-preview__close-icon--bottom-right {
  right: var(--rv-image-preview-close-icon-margin);
  bottom: var(--rv-image-preview-close-icon-margin);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  padding: var(--rv-empty-padding);
}
.rv-empty__image {
  width: var(--rv-empty-image-size);
  height: var(--rv-empty-image-size);
}
.rv-empty__image img {
  width: 100%;
  height: 100%;
}
.rv-empty__description {
  margin-top: var(--rv-empty-description-margin-top);
  padding: var(--rv-empty-description-padding);
  color: var(--rv-empty-description-color);
  font-size: var(--rv-empty-description-font-size);
  line-height: var(--rv-empty-description-line-height);
}
.rv-empty__bottom {
  margin-top: var(--rv-empty-bottom-margin-top);
}
:root {
  --rv-notify-text-color: var(--rv-white);
  --rv-notify-padding: var(--rv-padding-xs) var(--rv-padding-md);
  --rv-notify-font-size: var(--rv-font-size-md);
  --rv-notify-line-height: var(--rv-line-height-md);
  --rv-notify-primary-background-color: var(--rv-primary-color);
  --rv-notify-success-background-color: var(--rv-success-color);
  --rv-notify-danger-background-color: var(--rv-danger-color);
  --rv-notify-warning-background-color: var(--rv-warning-color);
}
.rv-notify {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  padding: var(--rv-notify-padding);
  color: var(--rv-notify-text-color);
  font-size: var(--rv-notify-font-size);
  line-height: var(--rv-notify-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-wrap: break-word;
}
.rv-notify--primary {
  background-color: var(--rv-notify-primary-background-color);
}
.rv-notify--success {
  background-color: var(--rv-notify-success-background-color);
}
.rv-notify--danger {
  background-color: var(--rv-notify-danger-background-color);
}
.rv-notify--warning {
  background-color: var(--rv-notify-warning-background-color);
}
:root {
  --rv-pull-refresh-head-height: 50px;
  --rv-pull-refresh-head-font-size: var(--rv-font-size-md);
  --rv-pull-refresh-head-text-color: var(--rv-gray-6);
  --rv-pull-refresh-loading-icon-size: 16px;
}
.rv-pull-refresh {
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}
.rv-pull-refresh__track {
  position: relative;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.rv-pull-refresh__head {
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--rv-pull-refresh-head-height);
  overflow: hidden;
  color: var(--rv-pull-refresh-head-text-color);
  font-size: var(--rv-pull-refresh-head-font-size);
  line-height: var(--rv-pull-refresh-head-height);
  text-align: center;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.rv-pull-refresh__loading .rv-loading__spinner {
  width: var(--rv-pull-refresh-loading-icon-size);
  height: var(--rv-pull-refresh-loading-icon-size);
}
.rv-swipe-cell {
  position: relative;
  overflow: hidden;
  cursor: grab;
}
.rv-swipe-cell__wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
          transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.rv-swipe-cell__left,
.rv-swipe-cell__right {
  position: absolute;
  top: 0;
  height: 100%;
}
.rv-swipe-cell__left {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.rv-swipe-cell__right {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
:root {
  --rv-share-sheet-header-padding: var(--rv-padding-sm) var(--rv-padding-md) var(--rv-padding-base);
  --rv-share-sheet-title-color: var(--rv-text-color);
  --rv-share-sheet-title-font-size: var(--rv-font-size-md);
  --rv-share-sheet-title-line-height: var(--rv-line-height-md);
  --rv-share-sheet-description-color: var(--rv-gray-6);
  --rv-share-sheet-description-font-size: var(--rv-font-size-sm);
  --rv-share-sheet-description-line-height: 16px;
  --rv-share-sheet-icon-size: 48px;
  --rv-share-sheet-option-name-color: var(--rv-gray-7);
  --rv-share-sheet-option-name-font-size: var(--rv-font-size-sm);
  --rv-share-sheet-option-description-color: var(--rv-gray-5);
  --rv-share-sheet-option-description-font-size: var(--rv-font-size-sm);
  --rv-share-sheet-cancel-button-font-size: var(--rv-font-size-lg);
  --rv-share-sheet-cancel-button-height: 48px;
  --rv-share-sheet-cancel-button-background: var(--rv-white);
}
.rv-share-sheet__header {
  padding: var(--rv-share-sheet-header-padding);
  text-align: center;
}
.rv-share-sheet__title {
  margin-top: var(--rv-padding-xs);
  color: var(--rv-share-sheet-title-color);
  font-weight: normal;
  font-size: var(--rv-share-sheet-title-font-size);
  line-height: var(--rv-share-sheet-title-line-height);
}
.rv-share-sheet__description {
  display: block;
  margin-top: var(--rv-padding-xs);
  color: var(--rv-share-sheet-description-color);
  font-size: var(--rv-share-sheet-description-font-size);
  line-height: var(--rv-share-sheet-description-line-height);
}
.rv-share-sheet__options {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: var(--rv-padding-md) 0 var(--rv-padding-md) var(--rv-padding-xs);
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.rv-share-sheet__options--border::before {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: 0;
  right: 0;
  left: var(--rv-padding-md);
  border-top: 1px solid var(--rv-border-color);
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-share-sheet__options::-webkit-scrollbar {
  height: 0;
}
.rv-share-sheet__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-share-sheet__option:active {
  opacity: var(--rv-active-opacity);
}
.rv-share-sheet__icon {
  width: var(--rv-share-sheet-icon-size);
  height: var(--rv-share-sheet-icon-size);
  margin: 0 var(--rv-padding-md);
}
.rv-share-sheet__name {
  margin-top: var(--rv-padding-xs);
  padding: 0 var(--rv-padding-base);
  color: var(--rv-share-sheet-option-name-color);
  font-size: var(--rv-share-sheet-option-name-font-size);
}
.rv-share-sheet__option-description {
  padding: 0 var(--rv-padding-base);
  color: var(--rv-share-sheet-option-description-color);
  font-size: var(--rv-share-sheet-option-description-font-size);
}
.rv-share-sheet__cancel {
  display: block;
  width: 100%;
  padding: 0;
  font-size: var(--rv-share-sheet-cancel-button-font-size);
  line-height: var(--rv-share-sheet-cancel-button-height);
  text-align: center;
  background: var(--rv-share-sheet-cancel-button-background);
  border: none;
  cursor: pointer;
}
.rv-share-sheet__cancel::before {
  display: block;
  height: var(--rv-padding-xs);
  background-color: var(--rv-background-color);
  content: ' ';
}
.rv-share-sheet__cancel:active {
  background-color: var(--rv-active-color);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: var(--rv-notice-bar-height);
  padding: var(--rv-notice-bar-padding);
  color: var(--rv-notice-bar-text-color);
  font-size: var(--rv-notice-bar-font-size);
  line-height: var(--rv-notice-bar-line-height);
  background-color: var(--rv-notice-bar-background-color);
}
.rv-notice-bar__left-icon,
.rv-notice-bar__right-icon {
  min-width: var(--rv-notice-bar-icon-min-width);
  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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -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-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: var(--rv-popover-arrow-size);
}
.rv-popover__content {
  overflow: hidden;
  border-radius: var(--rv-popover-border-radius);
}
.rv-popover__action {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  width: var(--rv-popover-action-width);
  height: var(--rv-popover-action-height);
  padding: 0 var(--rv-padding-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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
}
.rv-popover__action-icon {
  margin-right: var(--rv-padding-xs);
  font-size: var(--rv-popover-action-icon-size);
}
.rv-popover__action--with-icon .rv-popover__action-text {
  -webkit-box-pack: start;
  -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-popover-light-text-color);
}
.rv-popover--light .rv-popover__content {
  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-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-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-popover-dark-text-color);
}
.rv-popover--dark .rv-popover__content {
  background-color: var(--rv-popover-dark-background-color);
}
.rv-popover--dark .rv-popover__arrow {
  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-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-list-text-color: var(--rv-gray-6);
  --rv-list-text-font-size: var(--rv-font-size-md);
  --rv-list-text-line-height: 50px;
  --rv-list-loading-icon-size: 16px;
}
.rv-list__loading,
.rv-list__finished,
.rv-list__error {
  color: var(--rv-list-text-color);
  font-size: var(--rv-list-text-font-size);
  line-height: var(--rv-list-text-line-height);
  text-align: center;
}
.rv-list__loading .rv-loading__spinner {
  width: var(--rv-list-loading-icon-size);
  height: var(--rv-list-loading-icon-size);
}
:root {
  --rv-steps-background-color: var(--rv-white);
  --rv-step-text-color: var(--rv-gray-6);
  --rv-step-active-color: var(--rv-success-color);
  --rv-step-process-text-color: var(--rv-text-color);
  --rv-step-font-size: var(--rv-font-size-md);
  --rv-step-line-color: var(--rv-border-color);
  --rv-step-finish-line-color: var(--rv-success-color);
  --rv-step-finish-text-color: var(--rv-text-color);
  --rv-step-icon-size: 14px;
  --rv-step-circle-size: 6px;
  --rv-step-circle-color: var(--rv-gray-6);
  --rv-step-horizontal-title-font-size: var(--rv-font-size-sm);
}
.rv-steps {
  overflow: hidden;
  background-color: var(--rv-steps-background-color);
}
.rv-steps--horizontal {
  padding: 10px 10px 0;
}
.rv-steps--horizontal .rv-steps__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 10px;
  padding-bottom: 22px;
}
.rv-steps--vertical {
  padding: 0 0 0 var(--rv-padding-xl);
}
.rv-step {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  color: var(--rv-step-text-color);
  font-size: var(--rv-step-font-size);
}
.rv-step__circle {
  display: block;
  width: var(--rv-step-circle-size);
  height: var(--rv-step-circle-size);
  background-color: var(--rv-step-circle-color);
  border-radius: 50%;
}
.rv-step__line {
  position: absolute;
  background-color: var(--rv-step-line-color);
  -webkit-transition: background-color var(--rv-animation-duration-base);
  transition: background-color var(--rv-animation-duration-base);
}
.rv-step--horizontal {
  float: left;
}
.rv-step--horizontal:first-child .rv-step__title {
  margin-left: 0;
  -webkit-transform: none;
          transform: none;
}
.rv-step--horizontal:last-child {
  position: absolute;
  right: 1px;
  width: auto;
}
.rv-step--horizontal:last-child .rv-step__title {
  margin-left: 0;
  -webkit-transform: none;
          transform: none;
}
.rv-step--horizontal:last-child .rv-step__circle-container {
  right: -9px;
  left: auto;
}
.rv-step--horizontal .rv-step__circle-container {
  position: absolute;
  top: 30px;
  left: calc(var(--rv-padding-xs) * -1);
  z-index: 1;
  padding: 0 var(--rv-padding-xs);
  background-color: var(--rv-white);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rv-step--horizontal .rv-step__title {
  display: inline-block;
  margin-left: 3px;
  font-size: var(--rv-step-horizontal-title-font-size);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rv-step--horizontal .rv-step__line {
  top: 30px;
  left: 0;
  width: 100%;
  height: 1px;
}
.rv-step--horizontal .rv-step__icon {
  display: block;
  font-size: var(--rv-step-icon-size);
}
.rv-step--horizontal .rv-step--process {
  color: var(--rv-step-process-text-color);
}
.rv-step--vertical {
  display: block;
  float: none;
  padding: 10px 10px 10px 0;
  line-height: var(--rv-line-height-sm);
}
.rv-step--vertical:not(:last-child)::after {
  border-bottom-width: 1px;
}
.rv-step--vertical .rv-step__circle-container {
  position: absolute;
  top: 19px;
  left: -15px;
  z-index: 1;
  font-size: var(--rv-step-icon-size);
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rv-step--vertical .rv-step__line {
  top: 16px;
  left: -15px;
  width: 1px;
  height: 100%;
}
.rv-step:last-child .rv-step__line {
  width: 0;
}
.rv-step--finish {
  color: var(--rv-step-finish-text-color);
}
.rv-step--finish .rv-step__circle,
.rv-step--finish .rv-step__line {
  background-color: var(--rv-step-finish-line-color);
}
.rv-step__icon {
  display: block;
}
.rv-step__icon,
.rv-step__title {
  -webkit-transition: color var(--rv-animation-duration-base);
  transition: color var(--rv-animation-duration-base);
}
.rv-step__icon--active,
.rv-step__title--active,
.rv-step__icon--finish,
.rv-step__title--finish {
  color: var(--rv-step-active-color);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: content-box;
  width: var(--rv-toast-default-width);
  max-width: var(--rv-toast-max-width);
  min-height: var(--rv-toast-default-min-height);
  padding: var(--rv-toast-default-padding);
  color: var(--rv-toast-text-color);
  font-size: var(--rv-toast-font-size);
  line-height: var(--rv-toast-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background-color: var(--rv-toast-background-color);
  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: var(--rv-toast-text-min-width);
  min-height: 0;
  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: var(--rv-toast-position-top-distance);
}
.rv-toast.rv-toast--bottom {
  top: auto;
  bottom: var(--rv-toast-position-bottom-distance);
}
.rv-toast__icon {
  font-size: var(--rv-toast-icon-size);
}
.rv-toast__loading {
  padding: var(--rv-padding-base);
  color: var(--rv-toast-loading-icon-color);
}
.rv-toast__info {
  margin-top: var(--rv-padding-xs);
}
:root {
  --rv-action-sheet-max-height: 80%;
  --rv-action-sheet-header-height: 48px;
  --rv-action-sheet-header-font-size: var(--rv-font-size-lg);
  --rv-action-sheet-description-color: var(--rv-gray-6);
  --rv-action-sheet-description-font-size: var(--rv-font-size-md);
  --rv-action-sheet-description-line-height: var(--rv-line-height-md);
  --rv-action-sheet-item-background: var(--rv-white);
  --rv-action-sheet-item-font-size: var(--rv-font-size-lg);
  --rv-action-sheet-item-line-height: var(--rv-line-height-lg);
  --rv-action-sheet-item-text-color: var(--rv-text-color);
  --rv-action-sheet-item-disabled-text-color: var(--rv-gray-5);
  --rv-action-sheet-subname-color: var(--rv-gray-6);
  --rv-action-sheet-subname-font-size: var(--rv-font-size-sm);
  --rv-action-sheet-subname-line-height: var(--rv-line-height-sm);
  --rv-action-sheet-close-icon-size: 22px;
  --rv-action-sheet-close-icon-color: var(--rv-gray-5);
  --rv-action-sheet-close-icon-active-color: var(--rv-gray-6);
  --rv-action-sheet-close-icon-padding: 0 var(--rv-padding-md);
  --rv-action-sheet-cancel-text-color: var(--rv-gray-7);
  --rv-action-sheet-cancel-padding-top: var(--rv-padding-xs);
  --rv-action-sheet-cancel-padding-color: var(--rv-background-color);
  --rv-action-sheet-loading-icon-size: 22px;
}
.rv-action-sheet {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: var(--rv-action-sheet-max-height);
  overflow: hidden;
  color: var(--rv-action-sheet-item-text-color);
}
.rv-action-sheet__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
          flex: 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.rv-action-sheet__item,
.rv-action-sheet__cancel {
  display: block;
  width: 100%;
  padding: 14px var(--rv-padding-md);
  font-size: var(--rv-action-sheet-item-font-size);
  background-color: var(--rv-action-sheet-item-background);
  border: none;
  cursor: pointer;
}
.rv-action-sheet__item:active,
.rv-action-sheet__cancel:active {
  background-color: var(--rv-active-color);
}
.rv-action-sheet__item {
  line-height: var(--rv-action-sheet-item-line-height);
}
.rv-action-sheet__item--loading,
.rv-action-sheet__item--disabled {
  color: var(--rv-action-sheet-item-disabled-text-color);
}
.rv-action-sheet__item--loading:active,
.rv-action-sheet__item--disabled:active {
  background-color: var(--rv-action-sheet-item-background);
}
.rv-action-sheet__item--disabled {
  cursor: not-allowed;
}
.rv-action-sheet__item--loading {
  cursor: default;
}
.rv-action-sheet__cancel {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  color: var(--rv-action-sheet-cancel-text-color);
}
.rv-action-sheet__subname {
  margin-top: var(--rv-padding-xs);
  color: var(--rv-action-sheet-subname-color);
  font-size: var(--rv-action-sheet-subname-font-size);
  line-height: var(--rv-action-sheet-subname-line-height);
}
.rv-action-sheet__gap {
  display: block;
  height: var(--rv-action-sheet-cancel-padding-top);
  background-color: var(--rv-action-sheet-cancel-padding-color);
}
.rv-action-sheet__header {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-action-sheet-header-font-size);
  line-height: var(--rv-action-sheet-header-height);
  text-align: center;
}
.rv-action-sheet__description {
  position: relative;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding: 20px var(--rv-padding-md);
  color: var(--rv-action-sheet-description-color);
  font-size: var(--rv-action-sheet-description-font-size);
  line-height: var(--rv-action-sheet-description-line-height);
  text-align: center;
}
.rv-action-sheet__description::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  right: var(--rv-padding-md);
  bottom: 0;
  left: var(--rv-padding-md);
  border-bottom: 1px solid var(--rv-border-color);
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-action-sheet__loading-icon .rv-loading__spinner {
  width: var(--rv-action-sheet-loading-icon-size);
  height: var(--rv-action-sheet-loading-icon-size);
}
.rv-action-sheet__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--rv-action-sheet-close-icon-padding);
  color: var(--rv-action-sheet-close-icon-color);
  font-size: var(--rv-action-sheet-close-icon-size);
  line-height: inherit;
}
.rv-action-sheet__close:active {
  color: var(--rv-action-sheet-close-icon-active-color);
}
:root {
  --rv-dropdown-menu-height: 48px;
  --rv-dropdown-menu-background-color: var(--rv-white);
  --rv-dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
  --rv-dropdown-menu-title-font-size: 15px;
  --rv-dropdown-menu-title-text-color: var(--rv-text-color);
  --rv-dropdown-menu-title-active-text-color: var(--rv-danger-color);
  --rv-dropdown-menu-title-disabled-text-color: var(--rv-gray-6);
  --rv-dropdown-menu-title-padding: 0 var(--rv-padding-xs);
  --rv-dropdown-menu-title-line-height: var(--rv-line-height-lg);
  --rv-dropdown-menu-option-active-color: var(--rv-danger-color);
  --rv-dropdown-menu-content-max-height: 80%;
  --rv-dropdown-item-z-index: 10;
}
.rv-dropdown-menu {
  -webkit-user-select: none;
          user-select: none;
}
.rv-dropdown-menu__bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: var(--rv-dropdown-menu-height);
  background-color: var(--rv-dropdown-menu-background-color);
  box-shadow: var(--rv-dropdown-menu-box-shadow);
}
.rv-dropdown-menu__bar--opened {
  z-index: calc(var(--rv-dropdown-item-z-index) + 1);
}
.rv-dropdown-menu__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: 0;
  cursor: pointer;
}
.rv-dropdown-menu__item:active {
  opacity: var(--rv-active-opacity);
}
.rv-dropdown-menu__item--disabled:active {
  opacity: 1;
}
.rv-dropdown-menu__item--disabled .rv-dropdown-menu__title {
  color: var(--rv-dropdown-menu-title-disabled-text-color);
}
.rv-dropdown-menu__title {
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--rv-dropdown-menu-title-padding);
  color: var(--rv-dropdown-menu-title-text-color);
  font-size: var(--rv-dropdown-menu-title-font-size);
  line-height: var(--rv-dropdown-menu-title-line-height);
}
.rv-dropdown-menu__title::after {
  position: absolute;
  top: 50%;
  right: -4px;
  margin-top: -5px;
  border: 3px solid;
  border-color: transparent transparent var(--rv-gray-4) var(--rv-gray-4);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0.8;
  content: '';
}
.rv-dropdown-menu__title--active {
  color: var(--rv-dropdown-menu-title-active-text-color);
}
.rv-dropdown-menu__title--active::after {
  border-color: transparent transparent currentColor currentColor;
}
.rv-dropdown-menu__title--down::after {
  margin-top: -1px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.rv-dropdown-item {
  position: fixed;
  right: 0;
  left: 0;
  z-index: var(--rv-dropdown-item-z-index);
  overflow: hidden;
}
.rv-dropdown-item__icon {
  line-height: inherit;
  vertical-align: middle;
}
.rv-dropdown-item__option {
  text-align: left;
}
.rv-dropdown-item__option--active {
  color: var(--rv-dropdown-menu-option-active-color);
}
.rv-dropdown-item__option--active .rv-dropdown-item__icon {
  color: var(--rv-dropdown-menu-option-active-color);
}
.rv-dropdown-item--up {
  top: 0;
}
.rv-dropdown-item--down {
  bottom: 0;
}
.rv-dropdown-item__content.rv-popup {
  position: absolute;
  max-height: var(--rv-dropdown-menu-content-max-height);
}
:root {
  --rv-search-padding: 10px var(--rv-padding-sm);
  --rv-search-background-color: var(--rv-white);
  --rv-search-content-background-color: var(--rv-gray-1);
  --rv-search-input-height: 34px;
  --rv-search-label-padding: 0 5px;
  --rv-search-label-color: var(--rv-text-color);
  --rv-search-label-font-size: var(--rv-font-size-md);
  --rv-search-left-icon-color: var(--rv-gray-6);
  --rv-search-action-padding: 0 var(--rv-padding-xs);
  --rv-search-action-text-color: var(--rv-text-color);
  --rv-search-action-font-size: var(--rv-font-size-md);
}
.rv-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  padding: var(--rv-search-padding);
  background-color: var(--rv-search-background-color);
}
.rv-search__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding-left: var(--rv-padding-sm);
  background-color: var(--rv-search-content-background-color);
  border-radius: var(--rv-border-radius-sm);
}
.rv-search__content--round {
  border-radius: var(--rv-border-radius-max);
}
.rv-search__label {
  padding: var(--rv-search-label-padding);
  color: var(--rv-search-label-color);
  font-size: var(--rv-search-label-font-size);
  line-height: var(--rv-search-input-height);
}
.rv-search__field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 5px var(--rv-padding-xs) 5px 0;
  background-color: transparent;
}
.rv-search__field .rv-field__left-icon {
  color: var(--rv-search-left-icon-color);
}
.rv-search--show-action {
  padding-right: 0;
}
.rv-search input::-webkit-search-decoration,
.rv-search input::-webkit-search-cancel-button,
.rv-search input::-webkit-search-results-button,
.rv-search input::-webkit-search-results-decoration {
  display: none;
}
.rv-search__action {
  padding: var(--rv-search-action-padding);
  color: var(--rv-search-action-text-color);
  font-size: var(--rv-search-action-font-size);
  line-height: var(--rv-search-input-height);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-search__action:active {
  background-color: var(--rv-active-color);
}
:root {
  --rv-sidebar-width: 80px;
  --rv-sidebar-font-size: var(--rv-font-size-md);
  --rv-sidebar-line-height: var(--rv-line-height-md);
  --rv-sidebar-text-color: var(--rv-text-color);
  --rv-sidebar-disabled-text-color: var(--rv-gray-5);
  --rv-sidebar-padding: 20px var(--rv-padding-sm);
  --rv-sidebar-active-color: var(--rv-active-color);
  --rv-sidebar-background-color: var(--rv-background-color);
  --rv-sidebar-selected-font-weight: var(--rv-font-weight-bold);
  --rv-sidebar-selected-text-color: var(--rv-text-color);
  --rv-sidebar-selected-border-width: 4px;
  --rv-sidebar-selected-border-height: 16px;
  --rv-sidebar-selected-border-color: var(--rv-danger-color);
  --rv-sidebar-selected-background-color: var(--rv-white);
}
.rv-sidebar {
  width: var(--rv-sidebar-width);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.rv-sidebar__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-sidebar__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.rv-sidebar-item {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: var(--rv-sidebar-padding);
  overflow: hidden;
  color: var(--rv-sidebar-text-color);
  font-size: var(--rv-sidebar-font-size);
  line-height: var(--rv-sidebar-line-height);
  background-color: var(--rv-sidebar-background-color);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-sidebar-item:active {
  background-color: var(--rv-sidebar-active-color);
}
.rv-sidebar-item:not(:last-child)::after {
  border-bottom-width: 1px;
}
.rv-sidebar-item__text {
  word-break: break-all;
}
.rv-sidebar-item--select {
  color: var(--rv-sidebar-selected-text-color);
  font-weight: var(--rv-sidebar-selected-font-weight);
}
.rv-sidebar-item--select,
.rv-sidebar-item--select:active {
  background-color: var(--rv-sidebar-selected-background-color);
}
.rv-sidebar-item--select::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--rv-sidebar-selected-border-width);
  height: var(--rv-sidebar-selected-border-height);
  background-color: var(--rv-sidebar-selected-border-color);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
}
.rv-sidebar-item--disabled {
  color: var(--rv-sidebar-disabled-text-color);
  cursor: not-allowed;
}
.rv-sidebar-item--disabled:active {
  background-color: var(--rv-sidebar-background-color);
}
.rv-sidebar-item__content {
  background-color: lightblue;
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  padding: 0 var(--rv-padding-base);
  color: var(--rv-tab-text-color);
  font-size: var(--rv-tab-font-size);
  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-tab-active-text-color);
  font-weight: var(--rv-font-weight-bold);
}
.rv-tab--disabled {
  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: var(--rv-tab-description-color);
  font-size: var(--rv-tab-description-font-size);
  line-height: var(--rv-tab-description-font-size);
  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-box-flex: 1;
  -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-box;
  display: -webkit-flex;
  display: flex;
  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-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  padding: 0 var(--rv-padding-sm);
}
.rv-tabs__nav--card {
  box-sizing: border-box;
  height: var(--rv-tabs-card-height);
  margin: 0 var(--rv-padding-md);
  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-tabs-default-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-tabs-default-color);
}
.rv-tabs__nav--card .rv-tab--disabled {
  color: var(--rv-tab-disabled-text-color);
}
.rv-tabs__nav--capsule .rv-tab {
  padding: var(--rv-tab-capsule-padding);
}
.rv-tabs__nav--capsule .rv-tab__text {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: 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-tabs-bottom-bar-color);
}
.rv-tabs__nav--jumbo .rv-tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.rv-tabs__nav--jumbo .rv-tab__text {
  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-tab-active-text-color);
}
.rv-tabs__line {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 1;
  width: var(--rv-tabs-bottom-bar-width);
  height: var(--rv-tabs-bottom-bar-height);
  background-color: var(--rv-tabs-bottom-bar-color);
  border-radius: var(--rv-tabs-bottom-bar-height);
}
.rv-tabs__track {
  position: relative;
  display: -webkit-box;
  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: var(--rv-tabs-line-height);
}
.rv-tabs--card > .rv-tabs__wrap {
  height: var(--rv-tabs-card-height);
}
.rv-tabs--jumbo .rv-tabs__wrap {
  height: var(--rv-tabs-jumbo-height);
}
.rv-tabs--jumbo .rv-badge__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
:root {
  --rv-sticky-z-index: 99;
}
.rv-sticky--fixed {
  position: fixed;
  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: 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(var(--rv-swipe-track-offset));
          transform: translateY(var(--rv-swipe-track-offset));
}
.rv-swiper--vertical .rv-swiper__track-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 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(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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: var(--rv-swipe-slide-width, var(--rv-swipe-slide-size));
  height: 100%;
  overflow: visible;
}
.rv-swiper__slide {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  width: 100%;
  height: 100%;
  white-space: unset;
}
.rv-swiper__indicator {
  position: absolute;
  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-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-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: fit-content;
}
.rv-indicator--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rv-indicator--vertical .rv-indicator__dot:not(:last-child) {
  margin-right: 0;
  margin-bottom: var(--rv-swipe-indicator-size);
}
.rv-indicator__dot {
  display: block;
  width: var(--rv-swipe-indicator-size);
  height: var(--rv-swipe-indicator-size);
  margin-right: var(--rv-swipe-indicator-size);
  background-color: var(--rv-swipe-indicator-inactive-background-color);
  border-radius: 100%;
  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-swipe-indicator-active-background-color);
  opacity: var(--rv-swipe-indicator-active-opacity);
}
:root {
  --rv-nav-bar-height: 46px;
  --rv-nav-bar-background-color: var(--rv-white);
  --rv-nav-bar-arrow-size: 16px;
  --rv-nav-bar-icon-color: var(--rv-primary-color);
  --rv-nav-bar-text-color: var(--rv-primary-color);
  --rv-nav-bar-title-font-size: var(--rv-font-size-lg);
  --rv-nav-bar-title-text-color: var(--rv-text-color);
  --rv-nav-bar-z-index: 1;
}
.rv-nav-bar {
  position: relative;
  z-index: var(--rv-nav-bar-z-index);
  line-height: var(--rv-line-height-lg);
  text-align: center;
  background-color: var(--rv-nav-bar-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-nav-bar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.rv-nav-bar--safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.rv-nav-bar .rv-icon {
  color: var(--rv-nav-bar-icon-color);
}
.rv-nav-bar__content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: var(--rv-nav-bar-height);
}
.rv-nav-bar__arrow {
  margin-right: var(--rv-padding-base);
  font-size: var(--rv-nav-bar-arrow-size);
}
.rv-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: var(--rv-nav-bar-title-text-color);
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-nav-bar-title-font-size);
}
.rv-nav-bar__left,
.rv-nav-bar__right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 var(--rv-padding-md);
  font-size: var(--rv-font-size-md);
  cursor: pointer;
}
.rv-nav-bar__left:active,
.rv-nav-bar__right:active {
  opacity: var(--rv-active-opacity);
}
.rv-nav-bar__left {
  left: 0;
}
.rv-nav-bar__right {
  right: 0;
}
.rv-nav-bar__text {
  color: var(--rv-nav-bar-text-color);
}
:root {
  --rv-tag-padding: 0 var(--rv-padding-base);
  --rv-tag-text-color: var(--rv-white);
  --rv-tag-font-size: var(--rv-font-size-sm);
  --rv-tag-border-radius: 2px;
  --rv-tag-line-height: 16px;
  --rv-tag-medium-padding: 2px 6px;
  --rv-tag-large-padding: var(--rv-padding-base) var(--rv-padding-xs);
  --rv-tag-large-border-radius: var(--rv-border-radius-md);
  --rv-tag-large-font-size: var(--rv-font-size-md);
  --rv-tag-round-border-radius: var(--rv-border-radius-max);
  --rv-tag-danger-color: var(--rv-danger-color);
  --rv-tag-primary-color: var(--rv-primary-color);
  --rv-tag-success-color: var(--rv-success-color);
  --rv-tag-warning-color: var(--rv-warning-color);
  --rv-tag-default-color: var(--rv-gray-6);
  --rv-tag-plain-background-color: var(--rv-white);
}
.rv-tag {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: var(--rv-tag-padding);
  color: var(--rv-tag-text-color);
  font-size: var(--rv-tag-font-size);
  line-height: var(--rv-tag-line-height);
  border-radius: var(--rv-tag-border-radius);
}
.rv-tag--default {
  background-color: var(--rv-tag-default-color);
}
.rv-tag--default.rv-tag--plain {
  color: var(--rv-tag-default-color);
}
.rv-tag--danger {
  background-color: var(--rv-tag-danger-color);
}
.rv-tag--danger.rv-tag--plain {
  color: var(--rv-tag-danger-color);
}
.rv-tag--primary {
  background-color: var(--rv-tag-primary-color);
}
.rv-tag--primary.rv-tag--plain {
  color: var(--rv-tag-primary-color);
}
.rv-tag--success {
  background-color: var(--rv-tag-success-color);
}
.rv-tag--success.rv-tag--plain {
  color: var(--rv-tag-success-color);
}
.rv-tag--warning {
  background-color: var(--rv-tag-warning-color);
}
.rv-tag--warning.rv-tag--plain {
  color: var(--rv-tag-warning-color);
}
.rv-tag--plain {
  background-color: var(--rv-tag-plain-background-color);
  border-color: currentColor;
}
.rv-tag--plain::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid;
  border-color: inherit;
  border-radius: inherit;
  content: '';
  pointer-events: none;
}
.rv-tag--medium {
  padding: var(--rv-tag-medium-padding);
}
.rv-tag--large {
  padding: var(--rv-tag-large-padding);
  font-size: var(--rv-tag-large-font-size);
  border-radius: var(--rv-tag-large-border-radius);
}
.rv-tag--mark {
  border-radius: 0 var(--rv-tag-round-border-radius) var(--rv-tag-round-border-radius) 0;
}
.rv-tag--mark::after {
  display: block;
  width: 2px;
  content: '';
}
.rv-tag--round {
  border-radius: var(--rv-tag-round-border-radius);
}
.rv-tag__close {
  margin-left: 2px;
  cursor: pointer;
}
.rv-tag--hairline {
  border-width: 0;
}
.rv-tag--hairline::after {
  border-color: inherit;
  border-radius: var(--rv-tag-round-border-radius);
}
.rv-tag--hairline.rv-tag--plain::before {
  border-width: 0;
}
.rv-tag--hairline.rv-tag--round::after {
  border-radius: var(--rv-tag-round-border-radius);
}
:root {
  --rv-grid-item-content-padding: var(--rv-padding-md) var(--rv-padding-xs);
  --rv-grid-item-content-background-color: var(--rv-white);
  --rv-grid-item-content-active-color: var(--rv-active-color);
  --rv-grid-item-icon-size: 28px;
  --rv-grid-item-text-color: var(--rv-gray-7);
  --rv-grid-item-text-font-size: var(--rv-font-size-sm);
}
.rv-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rv-grid-item {
  position: relative;
  box-sizing: border-box;
}
.rv-grid-item--square {
  height: 0;
}
.rv-grid-item__icon {
  font-size: var(--rv-grid-item-icon-size);
}
.rv-grid-item__text {
  color: var(--rv-grid-item-text-color);
  font-size: var(--rv-grid-item-text-font-size);
  line-height: 1.5;
  word-break: break-all;
}
.rv-grid-item__icon + .rv-grid-item__text {
  margin-top: var(--rv-padding-xs);
}
.rv-grid-item__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  padding: var(--rv-grid-item-content-padding);
  background-color: var(--rv-grid-item-content-background-color);
}
.rv-grid-item__content::after {
  z-index: 1;
  border-width: 0 var(--rv-border-width-base) var(--rv-border-width-base) 0;
}
.rv-grid-item__content--square {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.rv-grid-item__content--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-grid-item__content--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.rv-grid-item__content--horizontal .rv-grid-item__text {
  margin: 0 0 0 var(--rv-padding-xs);
}
.rv-grid-item__content--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.rv-grid-item__content--reverse .rv-grid-item__text {
  margin: 0 0 var(--rv-padding-xs);
}
.rv-grid-item__content--horizontal.rv-grid-item__content--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rv-grid-item__content--horizontal.rv-grid-item__content--reverse .rv-grid-item__text {
  margin: 0 var(--rv-padding-xs) 0 0;
}
.rv-grid-item__content--surround::after {
  border-width: var(--rv-border-width-base);
}
.rv-grid-item__content--clickable {
  cursor: pointer;
}
.rv-grid-item__content--clickable:active {
  background-color: var(--rv-grid-item-content-active-color);
}
:root {
  --rv-index-bar-sidebar-z-index: 2;
  --rv-index-bar-index-font-size: var(--rv-font-size-xs);
  --rv-index-bar-index-line-height: var(--rv-line-height-xs);
  --rv-index-bar-index-active-color: var(--rv-primary-color);
  --rv-index-anchor-z-index: 1;
  --rv-index-anchor-padding: 0 var(--rv-padding-md);
  --rv-index-anchor-text-color: var(--rv-text-color);
  --rv-index-anchor-font-weight: var(--rv-font-weight-bold);
  --rv-index-anchor-font-size: var(--rv-font-size-md);
  --rv-index-anchor-line-height: 32px;
  --rv-index-anchor-background-color: transparent;
  --rv-index-anchor-sticky-text-color: var(--rv-primary-color);
  --rv-index-anchor-sticky-background-color: var(--rv-white);
}
.rv-index-bar__sidebar {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: var(--rv-index-bar-sidebar-z-index);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-index-bar__index {
  padding: 0 var(--rv-padding-xs) 0 var(--rv-padding-md);
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-index-bar-index-font-size);
  line-height: var(--rv-index-bar-index-line-height);
}
.rv-index-bar__index--active {
  color: var(--rv-index-bar-index-active-color);
}
.rv-index-anchor {
  z-index: var(--rv-index-anchor-z-index);
  box-sizing: border-box;
  padding: var(--rv-index-anchor-padding);
  color: var(--rv-index-anchor-text-color);
  font-weight: var(--rv-index-anchor-font-weight);
  font-size: var(--rv-index-anchor-font-size);
  line-height: var(--rv-index-anchor-line-height);
  background-color: var(--rv-index-anchor-background-color);
}
.rv-index-anchor--sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  color: var(--rv-index-anchor-sticky-text-color);
  background-color: var(--rv-index-anchor-sticky-background-color);
}
:root {
  --rv-collapse-item-transition-duration: var(--rv-animation-duration-base);
  --rv-collapse-item-content-padding: var(--rv-padding-sm) var(--rv-padding-md);
  --rv-collapse-item-content-font-size: var(--rv-font-size-md);
  --rv-collapse-item-content-line-height: 1.5;
  --rv-collapse-item-content-text-color: var(--rv-gray-6);
  --rv-collapse-item-content-background-color: var(--rv-white);
  --rv-collapse-item-title-disabled-color: var(--rv-gray-5);
}
.rv-collapse-item {
  position: relative;
}
.rv-collapse-item--border::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: 0;
  right: var(--rv-padding-md);
  left: var(--rv-padding-md);
  border-top: 1px solid var(--rv-border-color);
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.rv-collapse-item__title .rv-cell__right-icon {
  -webkit-transform: rotate(90deg) translateZ(0);
          transform: rotate(90deg) translateZ(0);
  -webkit-transition: -webkit-transform var(--rv-collapse-item-transition-duration);
  transition: -webkit-transform var(--rv-collapse-item-transition-duration);
  transition: transform var(--rv-collapse-item-transition-duration);
  transition: transform var(--rv-collapse-item-transition-duration), -webkit-transform var(--rv-collapse-item-transition-duration);
}
.rv-collapse-item__title::after {
  right: var(--rv-padding-md);
  display: none;
}
.rv-collapse-item__title--expanded .rv-cell__right-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rv-collapse-item__title--expanded::after {
  display: block;
}
.rv-collapse-item__title--borderless::after {
  display: none;
}
.rv-collapse-item__title--disabled {
  cursor: not-allowed;
}
.rv-collapse-item__title--disabled,
.rv-collapse-item__title--disabled .rv-cell__right-icon {
  color: var(--rv-collapse-item-title-disabled-color);
}
.rv-collapse-item__wrapper {
  overflow: hidden;
  -webkit-transition: height var(--rv-collapse-item-transition-duration) ease-in-out;
  transition: height var(--rv-collapse-item-transition-duration) ease-in-out;
  will-change: height;
}
.rv-collapse-item__content {
  padding: var(--rv-collapse-item-content-padding);
  color: var(--rv-collapse-item-content-text-color);
  font-size: var(--rv-collapse-item-content-font-size);
  line-height: var(--rv-collapse-item-content-line-height);
  background-color: var(--rv-collapse-item-content-background-color);
}
:root {
  --rv-radio-size: 20px;
  --rv-radio-border-color: var(--rv-gray-5);
  --rv-radio-transition-duration: var(--rv-animation-duration-fast);
  --rv-radio-label-margin: var(--rv-padding-xs);
  --rv-radio-label-color: var(--rv-text-color);
  --rv-radio-checked-icon-color: var(--rv-primary-color);
  --rv-radio-disabled-icon-color: var(--rv-gray-5);
  --rv-radio-disabled-label-color: var(--rv-gray-5);
  --rv-radio-disabled-background-color: var(--rv-border-color);
}
.rv-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-radio--disabled {
  cursor: not-allowed;
}
.rv-radio--label-disabled {
  cursor: default;
}
.rv-radio--horizontal {
  margin-right: var(--rv-padding-sm);
}
.rv-radio__icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  height: 1em;
  font-size: var(--rv-radio-size);
  line-height: 1em;
  cursor: pointer;
}
.rv-radio__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-radio-border-color);
  -webkit-transition-duration: var(--rv-radio-transition-duration);
          transition-duration: var(--rv-radio-transition-duration);
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}
.rv-radio__icon--round .rv-icon {
  border-radius: 100%;
}
.rv-radio__icon--checked .rv-icon {
  color: var(--rv-white);
  background-color: var(--rv-radio-checked-icon-color);
  border-color: var(--rv-radio-checked-icon-color);
}
.rv-radio__icon--disabled {
  cursor: not-allowed;
}
.rv-radio__icon--disabled .rv-icon {
  background-color: var(--rv-radio-disabled-background-color);
  border-color: var(--rv-radio-disabled-icon-color);
}
.rv-radio__icon--disabled.rv-radio__icon--checked .rv-icon {
  color: var(--rv-radio-disabled-icon-color);
}
.rv-radio__label {
  margin-left: var(--rv-radio-label-margin);
  color: var(--rv-radio-label-color);
  line-height: var(--rv-radio-size);
}
.rv-radio__label--left {
  margin: 0 var(--rv-radio-label-margin) 0 0;
}
.rv-radio__label--disabled {
  color: var(--rv-radio-disabled-label-color);
}
.rv-radio-group .rv-radio {
  margin-bottom: 8px;
}
.rv-radio-group .rv-radio:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.rv-radio-group .rv-radio--horizontal {
  margin-bottom: 0;
}
.rv-radio-group--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
:root {
  --rv-rate-icon-size: 20px;
  --rv-rate-icon-gutter: var(--rv-padding-base);
  --rv-rate-icon-void-color: var(--rv-gray-5);
  --rv-rate-icon-full-color: var(--rv-danger-color);
  --rv-rate-icon-disabled-color: var(--rv-gray-5);
}
.rv-rate {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rv-rate__item {
  position: relative;
}
.rv-rate__item:not(:last-child) {
  margin-right: var(--rv-rate-icon-gutter);
}
.rv-rate__icon {
  display: block;
  width: 1em;
  color: var(--rv-rate-icon-void-color);
  font-size: var(--rv-rate-icon-size);
}
.rv-rate__icon--half {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rv-rate__icon--full {
  color: var(--rv-rate-icon-full-color);
}
.rv-rate__icon--disabled {
  color: var(--rv-rate-icon-disabled-color);
}
.rv-rate--disabled {
  cursor: not-allowed;
}
.rv-rate--readOnly {
  cursor: default;
}
:root {
  --rv-calendar-background-color: var(--rv-white);
  --rv-calendar-popup-height: 80%;
  --rv-calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
  --rv-calendar-header-title-height: 44px;
  --rv-calendar-header-title-font-size: var(--rv-font-size-lg);
  --rv-calendar-header-subtitle-font-size: var(--rv-font-size-md);
  --rv-calendar-weekdays-height: 30px;
  --rv-calendar-weekdays-font-size: var(--rv-font-size-sm);
  --rv-calendar-month-title-font-size: var(--rv-font-size-md);
  --rv-calendar-month-mark-color: rgba(242, 243, 245, 0.8);
  --rv-calendar-month-mark-font-size: 160px;
  --rv-calendar-day-height: 64px;
  --rv-calendar-day-font-size: var(--rv-font-size-lg);
  --rv-calendar-range-edge-color: var(--rv-white);
  --rv-calendar-range-edge-background-color: var(--rv-danger-color);
  --rv-calendar-range-middle-color: var(--rv-danger-color);
  --rv-calendar-range-middle-background-opacity: 0.1;
  --rv-calendar-selected-day-size: 54px;
  --rv-calendar-selected-day-color: var(--rv-white);
  --rv-calendar-info-font-size: var(--rv-font-size-xs);
  --rv-calendar-info-line-height: var(--rv-line-height-xs);
  --rv-calendar-selected-day-background-color: var(--rv-danger-color);
  --rv-calendar-day-disabled-color: var(--rv-gray-5);
  --rv-calendar-confirm-button-height: 36px;
  --rv-calendar-confirm-button-margin: 7px 0;
}
.rv-calendar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--rv-calendar-background-color);
}
.rv-calendar__popup.rv-popup--top,
.rv-calendar__popup.rv-popup--bottom {
  height: var(--rv-calendar-popup-height);
}
.rv-calendar__popup.rv-popup--left,
.rv-calendar__popup.rv-popup--right {
  height: 100%;
}
.rv-calendar__popup .rv-popup__close-icon {
  top: 11px;
}
.rv-calendar__header {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  box-shadow: var(--rv-calendar-header-box-shadow);
}
.rv-calendar__month-title,
.rv-calendar__header-title,
.rv-calendar__header-subtitle {
  height: var(--rv-calendar-header-title-height);
  font-weight: var(--rv-font-weight-bold);
  line-height: var(--rv-calendar-header-title-height);
  text-align: center;
}
.rv-calendar__header-title {
  font-size: var(--rv-calendar-header-title-font-size);
}
.rv-calendar__header-subtitle {
  font-size: var(--rv-calendar-header-subtitle-font-size);
}
.rv-calendar__month-title {
  font-size: var(--rv-calendar-month-title-font-size);
}
.rv-calendar__weekdays {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-calendar__weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  font-size: var(--rv-calendar-weekdays-font-size);
  line-height: var(--rv-calendar-weekdays-height);
  text-align: center;
}
.rv-calendar__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.rv-calendar__horizontal-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}
.rv-calendar__days {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-user-select: none;
          user-select: none;
}
.rv-calendar__month-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  color: var(--rv-calendar-month-mark-color);
  font-size: var(--rv-calendar-month-mark-font-size);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  white-space: nowrap;
}
.rv-calendar__day,
.rv-calendar__selected-day {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
}
.rv-calendar__day {
  position: relative;
  width: 14.285%;
  height: var(--rv-calendar-day-height);
  font-size: var(--rv-calendar-day-font-size);
  cursor: pointer;
}
.rv-calendar__day--end,
.rv-calendar__day--start,
.rv-calendar__day--start-end,
.rv-calendar__day--multiple-middle,
.rv-calendar__day--multiple-selected {
  color: var(--rv-calendar-range-edge-color);
  background-color: var(--rv-calendar-range-edge-background-color);
}
.rv-calendar__day--start {
  border-radius: var(--rv-border-radius-md) 0 0 var(--rv-border-radius-md);
}
.rv-calendar__day--end {
  border-radius: 0 var(--rv-border-radius-md) var(--rv-border-radius-md) 0;
}
.rv-calendar__day--start-end,
.rv-calendar__day--multiple-selected {
  border-radius: var(--rv-border-radius-md);
}
.rv-calendar__day--middle {
  color: var(--rv-calendar-range-middle-color);
}
.rv-calendar__day--middle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  opacity: var(--rv-calendar-range-middle-background-opacity);
  content: '';
}
.rv-calendar__day--disabled {
  color: var(--rv-calendar-day-disabled-color);
  cursor: default;
}
.rv-calendar__top-info,
.rv-calendar__bottom-info {
  position: absolute;
  right: 0;
  left: 0;
  font-size: var(--rv-calendar-info-font-size);
  line-height: var(--rv-calendar-info-line-height);
}
@media (max-width: 350px) {
  .rv-calendar__top-info,
  .rv-calendar__bottom-info {
    font-size: 9px;
  }
}
.rv-calendar__top-info {
  top: 6px;
}
.rv-calendar__bottom-info {
  bottom: 6px;
}
.rv-calendar__selected-day {
  width: var(--rv-calendar-selected-day-size);
  height: var(--rv-calendar-selected-day-size);
  color: var(--rv-calendar-selected-day-color);
  background-color: var(--rv-calendar-selected-day-background-color);
  border-radius: var(--rv-border-radius-md);
}
.rv-calendar__footer {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: var(--rv-padding-md);
  padding-left: var(--rv-padding-md);
}
.rv-calendar__confirm.rv-button {
  height: var(--rv-calendar-confirm-button-height);
  margin: var(--rv-calendar-confirm-button-margin);
}
:root {
  --rv-cascader-header-height: 48px;
  --rv-cascader-header-padding: 0 var(--rv-padding-md);
  --rv-cascader-title-font-size: var(--rv-font-size-lg);
  --rv-cascader-title-line-height: 20px;
  --rv-cascader-close-icon-size: 22px;
  --rv-cascader-close-icon-color: var(--rv-gray-5);
  --rv-cascader-close-icon-active-color: var(--rv-gray-6);
  --rv-cascader-selected-icon-size: 18px;
  --rv-cascader-tabs-height: 48px;
  --rv-cascader-active-color: var(--rv-primary-color);
  --rv-cascader-options-height: 384px;
  --rv-cascader-option-disabled-color: var(--rv-gray-5);
  --rv-cascader-tab-color: var(--rv-text-color);
  --rv-cascader-unselected-tab-color: var(--rv-gray-6);
}
.rv-cascader__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: var(--rv-cascader-header-height);
  padding: var(--rv-cascader-header-padding);
}
.rv-cascader__title {
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-cascader-title-font-size);
  line-height: var(--rv-cascader-title-line-height);
}
.rv-cascader__close-icon {
  color: var(--rv-cascader-close-icon-color);
  font-size: var(--rv-cascader-close-icon-size);
}
.rv-cascader__close-icon:active {
  color: var(--rv-cascader-close-icon-active-color);
}
.rv-cascader__close-icon .rv-icon {
  display: block;
}
.rv-cascader__tabs .rv-tab {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  padding: 0 10px;
}
.rv-cascader__tabs.rv-tabs--line .rv-tabs__wrap {
  height: var(--rv-cascader-tabs-height);
}
.rv-cascader__tabs .rv-tabs__nav--complete {
  padding-right: 6px;
  padding-left: 6px;
}
.rv-cascader__tab {
  color: var(--rv-cascader-tab-color);
  font-weight: var(--rv-font-weight-bold);
}
.rv-cascader__tab--unselected {
  color: var(--rv-cascader-unselected-tab-color);
  font-weight: normal;
}
.rv-cascader__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 10px var(--rv-padding-md);
  font-size: var(--rv-font-size-md);
  line-height: var(--rv-line-height-md);
  cursor: pointer;
}
.rv-cascader__option:active {
  background-color: var(--rv-active-color);
}
.rv-cascader__option--selected {
  color: var(--rv-cascader-active-color);
  font-weight: var(--rv-font-weight-bold);
}
.rv-cascader__option--disabled {
  color: var(--rv-cascader-option-disabled-color);
  cursor: not-allowed;
}
.rv-cascader__option--disabled:active {
  background-color: transparent;
}
.rv-cascader__selected-icon {
  font-size: var(--rv-cascader-selected-icon-size);
}
.rv-cascader__options {
  box-sizing: border-box;
  height: var(--rv-cascader-options-height);
  padding-top: 6px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
: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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -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-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  height: 1em;
  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-checkbox-border-color);
  -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-checkbox-checked-icon-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-checkbox-disabled-background-color);
  border-color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__icon--disabled.rv-checkbox__icon--checked .rv-icon {
  color: var(--rv-checkbox-disabled-icon-color);
}
.rv-checkbox__label {
  margin-left: var(--rv-checkbox-label-margin);
  color: var(--rv-checkbox-label-color);
  line-height: var(--rv-checkbox-size);
}
.rv-checkbox__label--left {
  margin: 0 var(--rv-checkbox-label-margin) 0 0;
}
.rv-checkbox__label--disabled {
  color: var(--rv-checkbox-disabled-label-color);
}
.rv-checkbox-group--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
:root {
  --rv-picker-background-color: var(--rv-white);
  --rv-picker-toolbar-height: 44px;
  --rv-picker-title-font-size: var(--rv-font-size-lg);
  --rv-picker-title-line-height: var(--rv-line-height-md);
  --rv-picker-action-padding: 0 var(--rv-padding-md);
  --rv-picker-action-font-size: var(--rv-font-size-md);
  --rv-picker-confirm-action-color: var(--rv-text-link-color);
  --rv-picker-cancel-action-color: var(--rv-gray-6);
  --rv-picker-option-font-size: var(--rv-font-size-lg);
  --rv-picker-option-padding: 0 var(--rv-padding-base);
  --rv-picker-option-text-color: var(--rv-black);
  --rv-picker-option-disabled-opacity: 0.3;
  --rv-picker-loading-icon-color: var(--rv-primary-color);
  --rv-picker-loading-mask-color: rgba(255, 255, 255, 0.9);
  --rv-picker-mask-background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)),
    linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
}
.rv-picker {
  position: relative;
  background-color: var(--rv-picker-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-picker__toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: var(--rv-picker-toolbar-height);
}
.rv-picker__cancel,
.rv-picker__confirm {
  height: 100%;
  padding: var(--rv-picker-action-padding);
  font-size: var(--rv-picker-action-font-size);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.rv-picker__cancel:active,
.rv-picker__confirm:active {
  opacity: var(--rv-active-opacity);
}
.rv-picker__confirm {
  color: var(--rv-picker-confirm-action-color);
}
.rv-picker__cancel {
  color: var(--rv-picker-cancel-action-color);
}
.rv-picker__title {
  max-width: 50%;
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-picker-title-font-size);
  line-height: var(--rv-picker-title-line-height);
  text-align: center;
}
.rv-picker__columns {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: grab;
}
.rv-picker__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-picker-loading-icon-color);
  background-color: var(--rv-picker-loading-mask-color);
}
.rv-picker__frame {
  position: absolute;
  top: 50%;
  right: var(--rv-padding-md);
  left: var(--rv-padding-md);
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.rv-picker__mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: var(--rv-picker-mask-background-image);
  background-repeat: no-repeat;
  background-position: top, bottom;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: none;
}
.rv-picker-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  font-size: var(--rv-picker-option-font-size);
}
.rv-picker-column__wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}
.rv-picker-column__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: var(--rv-picker-option-padding);
  color: var(--rv-picker-option-text-color);
}
.rv-picker-column__item--disabled {
  cursor: not-allowed;
  opacity: var(--rv-picker-option-disabled-opacity);
}
:root {
  --rv-password-input-height: 50px;
  --rv-password-input-margin: 0 var(--rv-padding-md);
  --rv-password-input-font-size: 20px;
  --rv-password-input-border-radius: 6px;
  --rv-password-input-background-color: var(--rv-white);
  --rv-password-input-info-color: var(--rv-gray-6);
  --rv-password-input-info-font-size: var(--rv-font-size-md);
  --rv-password-input-error-info-color: var(--rv-danger-color);
  --rv-password-input-dot-size: 10px;
  --rv-password-input-dot-color: var(--rv-black);
  --rv-password-input-text-color: var(--rv-text-color);
  --rv-password-input-cursor-color: var(--rv-text-color);
  --rv-password-input-cursor-width: 1px;
  --rv-password-input-cursor-height: 40%;
  --rv-password-input-cursor-animation-duration: 1s;
  --rv-password-input-item-border-radius: 0px;
}
.rv-password-input {
  position: relative;
  margin: var(--rv-password-input-margin);
  -webkit-user-select: none;
          user-select: none;
}
.rv-password-input input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  text-indent: -999rem;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  caret-color: transparent;
}
.rv-password-input input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.rv-password-input__info,
.rv-password-input__error-info {
  margin-top: var(--rv-padding-md);
  font-size: var(--rv-password-input-info-font-size);
  text-align: center;
}
.rv-password-input__info {
  color: var(--rv-password-input-info-color);
}
.rv-password-input__error-info {
  color: var(--rv-password-input-error-info-color);
}
.rv-password-input__security {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: var(--rv-password-input-height);
  cursor: pointer;
}
.rv-password-input__security::after {
  border-radius: var(--rv-password-input-border-radius);
}
.rv-password-input__security li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
  color: var(--rv-password-input-text-color);
  font-size: var(--rv-password-input-font-size);
  line-height: 1.2;
  background-color: var(--rv-password-input-background-color);
  border-radius: var(--rv-password-input-item-border-radius);
}
.rv-password-input__security i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--rv-password-input-dot-size);
  height: var(--rv-password-input-dot-size);
  background-color: var(--rv-password-input-dot-color);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
}
.rv-password-input__cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--rv-password-input-cursor-width);
  height: var(--rv-password-input-cursor-height);
  background-color: var(--rv-password-input-cursor-color);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: var(--rv-password-input-cursor-animation-duration) rv-cursor-flicker infinite;
          animation: var(--rv-password-input-cursor-animation-duration) rv-cursor-flicker infinite;
}
@-webkit-keyframes rv-cursor-flicker {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rv-cursor-flicker {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
:root {
  --rv-number-keyboard-background-color: var(--rv-gray-2);
  --rv-number-keyboard-key-height: 48px;
  --rv-number-keyboard-key-font-size: 28px;
  --rv-number-keyboard-key-active-color: var(--rv-gray-3);
  --rv-number-keyboard-key-background-color: var(--rv-white);
  --rv-number-keyboard-delete-font-size: var(--rv-font-size-lg);
  --rv-number-keyboard-title-color: var(--rv-gray-7);
  --rv-number-keyboard-title-height: 34px;
  --rv-number-keyboard-title-font-size: var(--rv-font-size-lg);
  --rv-number-keyboard-close-padding: 0 var(--rv-padding-md);
  --rv-number-keyboard-close-color: var(--rv-text-link-color);
  --rv-number-keyboard-close-font-size: var(--rv-font-size-md);
  --rv-number-keyboard-button-text-color: var(--rv-white);
  --rv-number-keyboard-button-background-color: var(--rv-primary-color);
  --rv-number-keyboard-z-index: 100;
}
.rv-number-keyboard {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--rv-number-keyboard-z-index);
  width: 100%;
  padding-bottom: 22px;
  background-color: var(--rv-number-keyboard-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-number-keyboard--with-title {
  border-radius: 20px 20px 0 0;
}
.rv-number-keyboard__header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: content-box;
  height: var(--rv-number-keyboard-title-height);
  padding-top: 6px;
  color: var(--rv-number-keyboard-title-color);
  font-size: var(--rv-number-keyboard-title-font-size);
}
.rv-number-keyboard__title {
  display: inline-block;
  font-weight: normal;
}
.rv-number-keyboard__title-left {
  position: absolute;
  left: 0;
}
.rv-number-keyboard__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 6px 0 0 6px;
}
.rv-number-keyboard__keys {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
          flex: 3;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rv-number-keyboard__close {
  position: absolute;
  right: 0;
  height: 100%;
  padding: var(--rv-number-keyboard-close-padding);
  color: var(--rv-number-keyboard-close-color);
  font-size: var(--rv-number-keyboard-close-font-size);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.rv-number-keyboard__close:active {
  opacity: var(--rv-active-opacity);
}
.rv-number-keyboard__sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rv-number-keyboard--unfit {
  padding-bottom: 0;
}
.rv-key {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: var(--rv-number-keyboard-key-height);
  font-size: var(--rv-number-keyboard-key-font-size);
  line-height: 1.5;
  background-color: var(--rv-number-keyboard-key-background-color);
  border-radius: var(--rv-border-radius-lg);
  cursor: pointer;
}
.rv-key--large {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 6px;
  left: 0;
  height: auto;
}
.rv-key--blue,
.rv-key--delete {
  font-size: var(--rv-number-keyboard-delete-font-size);
}
.rv-key--active {
  background-color: var(--rv-number-keyboard-key-active-color);
}
.rv-key--blue {
  color: var(--rv-number-keyboard-button-text-color);
  background-color: var(--rv-number-keyboard-button-background-color);
}
.rv-key--blue.rv-key--active {
  opacity: var(--rv-active-opacity);
}
.rv-key__wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-basis: 33%;
          flex-basis: 33%;
  box-sizing: border-box;
  padding: 0 6px 6px 0;
}
.rv-key__wrapper--wider {
  -webkit-flex-basis: 66%;
          flex-basis: 66%;
}
.rv-key__delete-icon {
  width: 32px;
  height: 22px;
}
.rv-key__collapse-icon {
  width: 30px;
  height: 24px;
}
.rv-key__loading-icon {
  color: var(--rv-number-keyboard-button-text-color);
}
: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: var(--rv-slider-bar-height);
  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-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: var(--rv-slider-button-width);
  height: var(--rv-slider-button-height);
  background-color: var(--rv-slider-button-background-color);
  border-radius: var(--rv-slider-button-border-radius);
  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-slider-disabled-opacity);
}
.rv-slider--disabled .rv-slider__button-wrapper {
  cursor: not-allowed;
}
.rv-slider--vertical {
  display: inline-block;
  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-stepper-active-color: #e8e8e8;
  --rv-stepper-background-color: var(--rv-active-color);
  --rv-stepper-button-icon-color: var(--rv-text-color);
  --rv-stepper-button-disabled-color: var(--rv-background-color);
  --rv-stepper-button-disabled-icon-color: var(--rv-gray-5);
  --rv-stepper-button-round-theme-color: var(--rv-primary-color);
  --rv-stepper-input-width: 32px;
  --rv-stepper-input-height: 28px;
  --rv-stepper-input-font-size: var(--rv-font-size-md);
  --rv-stepper-input-line-height: normal;
  --rv-stepper-input-text-color: var(--rv-text-color);
  --rv-stepper-input-disabled-text-color: var(--rv-gray-5);
  --rv-stepper-input-disabled-background-color: var(--rv-active-color);
  --rv-stepper-border-radius: var(--rv-border-radius-md);
}
.rv-stepper {
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
}
.rv-stepper__minus,
.rv-stepper__plus {
  position: relative;
  box-sizing: border-box;
  width: var(--rv-stepper-input-height);
  height: var(--rv-stepper-input-height);
  margin: 0;
  padding: 0;
  color: var(--rv-stepper-button-icon-color);
  vertical-align: middle;
  background-color: var(--rv-stepper-background-color);
  border: 0;
  cursor: pointer;
}
.rv-stepper__minus::before,
.rv-stepper__plus::before {
  width: 50%;
  height: 1px;
}
.rv-stepper__minus::after,
.rv-stepper__plus::after {
  width: 1px;
  height: 50%;
}
.rv-stepper__minus::before,
.rv-stepper__plus::before,
.rv-stepper__minus::after,
.rv-stepper__plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
}
.rv-stepper__minus:active,
.rv-stepper__plus:active {
  background-color: var(--rv-stepper-active-color);
}
.rv-stepper__minus--disabled,
.rv-stepper__plus--disabled {
  color: var(--rv-stepper-button-disabled-icon-color);
  background-color: var(--rv-stepper-button-disabled-color);
  cursor: not-allowed;
}
.rv-stepper__minus--disabled:active,
.rv-stepper__plus--disabled:active {
  background-color: var(--rv-stepper-button-disabled-color);
}
.rv-stepper__minus {
  border-radius: var(--rv-stepper-border-radius) 0 0 var(--rv-stepper-border-radius);
}
.rv-stepper__minus::after {
  display: none;
}
.rv-stepper__plus {
  border-radius: 0 var(--rv-stepper-border-radius) var(--rv-stepper-border-radius) 0;
}
.rv-stepper__input {
  box-sizing: border-box;
  width: var(--rv-stepper-input-width);
  height: var(--rv-stepper-input-height);
  margin: 0 2px;
  padding: 0;
  color: var(--rv-stepper-input-text-color);
  font-size: var(--rv-stepper-input-font-size);
  line-height: var(--rv-stepper-input-line-height);
  text-align: center;
  vertical-align: middle;
  background-color: var(--rv-stepper-background-color);
  border: 0;
  border-width: 1px 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.rv-stepper__input:disabled {
  color: var(--rv-stepper-input-disabled-text-color);
  background-color: var(--rv-stepper-input-disabled-background-color);
  -webkit-text-fill-color: var(--rv-stepper-input-disabled-text-color);
  opacity: 1;
}
.rv-stepper__input:read-only {
  cursor: default;
}
.rv-stepper--round .rv-stepper__input {
  background-color: transparent;
}
.rv-stepper--round .rv-stepper__plus,
.rv-stepper--round .rv-stepper__minus {
  border-radius: 100%;
}
.rv-stepper--round .rv-stepper__plus:active,
.rv-stepper--round .rv-stepper__minus:active {
  opacity: var(--rv-active-opacity);
}
.rv-stepper--round .rv-stepper__plus--disabled,
.rv-stepper--round .rv-stepper__minus--disabled,
.rv-stepper--round .rv-stepper__plus--disabled:active,
.rv-stepper--round .rv-stepper__minus--disabled:active {
  opacity: 0.3;
}
.rv-stepper--round .rv-stepper__plus {
  color: var(--rv-white);
  background-color: var(--rv-stepper-button-round-theme-color);
}
.rv-stepper--round .rv-stepper__minus {
  color: var(--rv-stepper-button-round-theme-color);
  background-color: var(--rv-white);
  border: 1px solid var(--rv-stepper-button-round-theme-color);
}
:root {
  --rv-switch-size: 30px;
  --rv-switch-width: 2em;
  --rv-switch-height: 1em;
  --rv-switch-node-size: 1em;
  --rv-switch-node-background-color: var(--rv-white);
  --rv-switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  --rv-switch-background-color: var(--rv-white);
  --rv-switch-on-background-color: var(--rv-primary-color);
  --rv-switch-transition-duration: var(--rv-animation-duration-base);
  --rv-switch-disabled-opacity: var(--rv-disabled-opacity);
  --rv-switch-border: var(--rv-border-width-base) solid rgba(0, 0, 0, 0.1);
}
.rv-switch {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  width: var(--rv-switch-width);
  height: var(--rv-switch-height);
  font-size: var(--rv-switch-size);
  background-color: var(--rv-switch-background-color);
  border: var(--rv-switch-border);
  border-radius: var(--rv-switch-node-size);
  cursor: pointer;
  -webkit-transition: background-color var(--rv-switch-transition-duration);
  transition: background-color var(--rv-switch-transition-duration);
}
.rv-switch__node {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--rv-switch-node-size);
  height: var(--rv-switch-node-size);
  background-color: var(--rv-switch-node-background-color);
  border-radius: 100%;
  box-shadow: var(--rv-switch-node-box-shadow);
  -webkit-transition: -webkit-transform var(--rv-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: -webkit-transform var(--rv-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: transform var(--rv-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05);
  transition: transform var(--rv-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform var(--rv-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05);
}
.rv-switch__loading {
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  line-height: 1;
}
.rv-switch--on {
  background-color: var(--rv-switch-on-background-color);
}
.rv-switch--on .rv-switch__node {
  -webkit-transform: translateX(calc(var(--rv-switch-width) - var(--rv-switch-node-size)));
          transform: translateX(calc(var(--rv-switch-width) - var(--rv-switch-node-size)));
}
.rv-switch--on .rv-switch__loading {
  color: var(--rv-switch-on-background-color);
}
.rv-switch--disabled {
  cursor: not-allowed;
  opacity: var(--rv-switch-disabled-opacity);
}
.rv-switch--loading {
  cursor: default;
}
:root {
  --rv-uploader-size: 80px;
  --rv-uploader-icon-size: 24px;
  --rv-uploader-icon-color: var(--rv-gray-4);
  --rv-uploader-text-color: var(--rv-gray-6);
  --rv-uploader-text-font-size: var(--rv-font-size-sm);
  --rv-uploader-upload-background-color: var(--rv-gray-1);
  --rv-uploader-upload-active-color: var(--rv-active-color);
  --rv-uploader-delete-color: var(--rv-white);
  --rv-uploader-delete-icon-size: 14px;
  --rv-uploader-delete-background-color: rgba(0, 0, 0, 0.7);
  --rv-uploader-file-background-color: var(--rv-background-color);
  --rv-uploader-file-icon-size: 24px;
  --rv-uploader-file-icon-color: var(--rv-gray-7);
  --rv-uploader-file-name-padding: 0 var(--rv-padding-base);
  --rv-uploader-file-name-margin-top: var(--rv-padding-xs);
  --rv-uploader-file-name-font-size: var(--rv-font-size-sm);
  --rv-uploader-file-name-text-color: var(--rv-gray-7);
  --rv-uploader-mask-text-color: var(--rv-white);
  --rv-uploader-mask-background-color: rgba(50, 50, 51, 0.88);
  --rv-uploader-mask-icon-size: 22px;
  --rv-uploader-mask-message-font-size: var(--rv-font-size-sm);
  --rv-uploader-mask-message-line-height: var(--rv-line-height-xs);
  --rv-uploader-loading-icon-size: 22px;
  --rv-uploader-loading-icon-color: var(--rv-white);
  --rv-uploader-disabled-opacity: var(--rv-disabled-opacity);
  --rv-uploader-gap: var(--rv-padding-xs);
}
.rv-uploader {
  position: relative;
  display: inline-block;
}
.rv-uploader__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: var(--rv-uploader-gap);
  padding-bottom: var(--rv-uploader-gap);
}
.rv-uploader__wrapper--disabled {
  opacity: var(--rv-uploader-disabled-opacity);
}
.rv-uploader__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.rv-uploader__input-wrapper {
  position: relative;
}
.rv-uploader__input:disabled {
  cursor: not-allowed;
}
.rv-uploader__upload {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  width: var(--rv-uploader-size);
  height: var(--rv-uploader-size);
  background-color: var(--rv-uploader-upload-background-color);
}
.rv-uploader__upload:active {
  background-color: var(--rv-uploader-upload-active-color);
}
.rv-uploader__upload--readOnly:active {
  background-color: var(--rv-uploader-upload-background-color);
}
.rv-uploader__upload-icon {
  color: var(--rv-uploader-icon-color);
  font-size: var(--rv-uploader-icon-size);
}
.rv-uploader__upload-text {
  margin-top: var(--rv-padding-xs);
  color: var(--rv-uploader-text-color);
  font-size: var(--rv-uploader-text-font-size);
}
.rv-uploader__preview {
  position: relative;
  cursor: pointer;
}
.rv-uploader__preview-image {
  display: block;
  width: var(--rv-uploader-size);
  height: var(--rv-uploader-size);
  overflow: hidden;
}
.rv-uploader__preview-delete {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: var(--rv-uploader-delete-icon-size);
  height: var(--rv-uploader-delete-icon-size);
  background-color: var(--rv-uploader-delete-background-color);
  border-radius: 0 0 0 12px;
}
.rv-uploader__preview-delete-icon {
  color: var(--rv-uploader-delete-color);
  font-size: var(--rv-uploader-delete-icon-size);
  -webkit-transform: scale(0.7) translate(10%, -10%);
          transform: scale(0.7) translate(10%, -10%);
}
.rv-uploader__preview-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.rv-uploader__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-uploader-mask-text-color);
  background-color: var(--rv-uploader-mask-background-color);
}
.rv-uploader__mask-icon {
  font-size: var(--rv-uploader-mask-icon-size);
}
.rv-uploader__mask-message {
  margin-top: 6px;
  padding: 0 var(--rv-padding-base);
  font-size: var(--rv-uploader-mask-message-font-size);
  line-height: var(--rv-uploader-mask-message-line-height);
}
.rv-uploader__loading {
  width: var(--rv-uploader-loading-icon-size);
  height: var(--rv-uploader-loading-icon-size);
  color: var(--rv-uploader-loading-icon-color);
}
.rv-uploader__file {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: var(--rv-uploader-size);
  height: var(--rv-uploader-size);
  background-color: var(--rv-uploader-file-background-color);
}
.rv-uploader__file-icon {
  color: var(--rv-uploader-file-icon-color);
  font-size: var(--rv-uploader-file-icon-size);
}
.rv-uploader__file-name {
  box-sizing: border-box;
  width: 100%;
  margin-top: var(--rv-uploader-file-name-margin-top);
  padding: var(--rv-uploader-file-name-padding);
  color: var(--rv-uploader-file-name-text-color);
  font-size: var(--rv-uploader-file-name-font-size);
  text-align: center;
}
:root {
  --rv-progress-height: 4px;
  --rv-progress-color: var(--rv-primary-color);
  --rv-progress-background-color: var(--rv-gray-3);
  --rv-progress-pivot-padding: 0 5px;
  --rv-progress-pivot-text-color: var(--rv-white);
  --rv-progress-pivot-font-size: var(--rv-font-size-xs);
  --rv-progress-pivot-line-height: 1.6;
  --rv-progress-pivot-background-color: var(--rv-primary-color);
}
.rv-progress {
  position: relative;
  height: var(--rv-progress-height);
  background: var(--rv-progress-background-color);
  border-radius: var(--rv-progress-height);
}
.rv-progress__portion {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--rv-progress-color);
  border-radius: inherit;
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition: all var(--rv-animation-duration-base) var(--rv-animation-timing-function-enter);
  transition: all var(--rv-animation-duration-base) var(--rv-animation-timing-function-enter);
}
.rv-progress__pivot {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  min-width: 3.6em;
  padding: var(--rv-progress-pivot-padding);
  color: var(--rv-progress-pivot-text-color);
  font-size: var(--rv-progress-pivot-font-size);
  line-height: var(--rv-progress-pivot-line-height);
  text-align: center;
  word-break: keep-all;
  background-color: var(--rv-progress-pivot-background-color);
  border-radius: 1em;
  -webkit-transition: all var(--rv-animation-duration-base) var(--rv-animation-timing-function-enter);
  transition: all var(--rv-animation-duration-base) var(--rv-animation-timing-function-enter);
}
:root {
  --rv-circle-size: 100px;
  --rv-circle-color: var(--rv-primary-color);
  --rv-circle-layer-color: var(--rv-white);
  --rv-circle-text-color: var(--rv-text-color);
  --rv-circle-text-font-weight: var(--rv-font-weight-bold);
  --rv-circle-text-font-size: var(--rv-font-size-md);
  --rv-circle-text-line-height: var(--rv-line-height-md);
}
.rv-circle {
  position: relative;
  display: inline-block;
  width: var(--rv-circle-size);
  height: var(--rv-circle-size);
  text-align: center;
}
.rv-circle svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rv-circle__layer {
  stroke: var(--rv-circle-layer-color);
}
.rv-circle__hover {
  fill: none;
  stroke: var(--rv-circle-color);
  stroke-linecap: round;
}
.rv-circle__text {
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 var(--rv-padding-base);
  color: var(--rv-circle-text-color);
  font-weight: var(--rv-circle-text-font-weight);
  font-size: var(--rv-circle-text-font-size);
  line-height: var(--rv-circle-text-line-height);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
: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-box;
  display: -webkit-flex;
  display: flex;
  font-size: var(--rv-pagination-font-size);
}
.rv-pagination__item,
.rv-pagination__page-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-pagination__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box;
  min-width: var(--rv-pagination-item-width);
  height: var(--rv-pagination-height);
  color: var(--rv-pagination-item-default-color);
  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-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-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-pagination-item-disabled-color);
  background-color: var(--rv-pagination-item-disabled-background-color);
  cursor: not-allowed;
  opacity: var(--rv-pagination-disabled-opacity);
}
.rv-pagination__page {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
}
.rv-pagination__page-desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: var(--rv-pagination-height);
  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);
}
:root {
  --rv-tabbar-height: 50px;
  --rv-tabbar-z-index: 1;
  --rv-tabbar-background-color: var(--rv-white);
  --rv-tabbar-item-font-size: var(--rv-font-size-sm);
  --rv-tabbar-item-text-color: var(--rv-gray-7);
  --rv-tabbar-item-active-color: var(--rv-primary-color);
  --rv-tabbar-item-active-background-color: var(--rv-white);
  --rv-tabbar-item-line-height: 1;
  --rv-tabbar-item-icon-size: 22px;
  --rv-tabbar-item-icon-margin-bottom: var(--rv-padding-base);
}
.rv-tabbar {
  z-index: var(--rv-tabbar-z-index);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
  width: 100%;
  height: var(--rv-tabbar-height);
  background-color: var(--rv-tabbar-background-color);
}
.rv-tabbar--fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}
.rv-tabbar-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: var(--rv-tabbar-item-text-color);
  font-size: var(--rv-tabbar-item-font-size);
  line-height: var(--rv-tabbar-item-line-height);
  cursor: pointer;
}
.rv-tabbar-item__icon {
  margin-bottom: var(--rv-tabbar-item-icon-margin-bottom);
  font-size: var(--rv-tabbar-item-icon-size);
}
.rv-tabbar-item__icon .rv-icon {
  display: block;
}
.rv-tabbar-item__icon .rv-badge {
  margin-top: var(--rv-padding-base);
}
.rv-tabbar-item__icon img {
  display: block;
  height: 20px;
}
.rv-tabbar-item--active {
  color: var(--rv-tabbar-item-active-color);
  background-color: var(--rv-tabbar-item-active-background-color);
}
.rv-form-item--vertical {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rv-form-item--vertical .rv-field__label {
  margin-bottom: 8px;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
}
:root {
  --rv-card-size: var(--rv-font-size-md);
  --rv-card-color: var(--rv-text-color);
  --rv-card-background-color: var(--rv-white);
  --rv-card-radius: var(--rv-border-radius-lg);
  --rv-card-body-padding: 0 var(--rv-padding-md);
  --rv-card-header-padding: var(--rv-padding-sm) var(--rv-padding-md);
  --rv-card-header-size: var(--rv-font-size-lg);
  --rv-card-header-color: var(--rv-black);
  --rv-card-footer-padding: var(--rv-padding-sm) var(--rv-padding-md);
}
.rv-card {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--rv-card-color);
  font-size: var(--rv-card-size);
  background-color: var(--rv-card-background-color);
}
.rv-card--round {
  border-radius: var(--rv-card-radius);
}
.rv-card--border {
  border: 1px solid var(--rv-gray-2);
}
.rv-card-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-weight: bold;
  font-size: var(--rv-card-header-size);
  color: var(--rv-card-header-color);
  padding: var(--rv-card-header-padding);
}
.rv-card-header__extra {
  font-weight: normal;
}
.rv-card-header.rv-hairline--bottom {
  margin-bottom: var(--rv-padding-sm);
}
.rv-card-body {
  padding: var(--rv-card-body-padding);
}
.rv-card-body + .rv-card-cover {
  margin-top: var(--rv-padding-sm);
}
.rv-card-cover + .rv-card-body {
  margin-top: var(--rv-padding-sm);
}
.rv-card-body:first-child {
  padding-top: var(--rv-padding-sm);
}
.rv-card-body:last-child {
  padding-bottom: var(--rv-padding-sm);
}
.rv-card-footer {
  padding: var(--rv-card-footer-padding);
  text-align: right;
}
.rv-card-footer--compact {
  padding: 0;
}
.rv-card-footer.rv-hairline--top {
  margin-top: var(--rv-padding-sm);
}
.rv-card-cover {
  width: 100%;
}
:root {
  --rv-product-card-padding: var(--rv-padding-xs) var(--rv-padding-md);
  --rv-product-card-font-size: var(--rv-font-size-sm);
  --rv-product-card-text-color: var(--rv-text-color);
  --rv-product-card-background-color: var(--rv-background-color-light);
  --rv-product-card-thumb-size: 88px;
  --rv-product-card-thumb-border-radius: var(--rv-border-radius-lg);
  --rv-product-card-title-line-height: 16px;
  --rv-product-card-desc-color: var(--rv-gray-7);
  --rv-product-card-desc-line-height: var(--rv-line-height-md);
  --rv-product-card-price-color: var(--rv-gray-8);
  --rv-product-card-origin-price-color: var(--rv-gray-6);
  --rv-product-card-num-color: var(--rv-gray-6);
  --rv-product-card-origin-price-font-size: var(--rv-font-size-xs);
  --rv-product-card-price-font-size: var(--rv-font-size-sm);
  --rv-product-card-price-integer-font-size: var(--rv-font-size-lg);
  --rv-product-card-price-font-family: var(--rv-price-integer-font-family);
}
.rv-product-card {
  position: relative;
  box-sizing: border-box;
  padding: var(--rv-product-card-padding);
  color: var(--rv-product-card-text-color);
  font-size: var(--rv-product-card-font-size);
  background-color: var(--rv-product-card-background-color);
}
.rv-product-card:not(:first-child) {
  margin-top: var(--rv-padding-xs);
}
.rv-product-card__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rv-product-card__thumb {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  width: var(--rv-product-card-thumb-size);
  height: var(--rv-product-card-thumb-size);
  margin-right: var(--rv-padding-xs);
}
.rv-product-card__thumb img {
  border-radius: var(--rv-product-card-thumb-border-radius);
}
.rv-product-card__content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-width: 0;
  /* hack for flex box ellipsis */
  min-height: var(--rv-product-card-thumb-size);
}
.rv-product-card__content--centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.rv-product-card__title,
.rv-product-card__desc {
  word-wrap: break-word;
}
.rv-product-card__title {
  max-height: 32px;
  font-weight: var(--rv-font-weight-bold);
  line-height: var(--rv-product-card-title-line-height);
}
.rv-product-card__desc {
  max-height: var(--rv-product-card-desc-line-height);
  color: var(--rv-product-card-desc-color);
  line-height: var(--rv-product-card-desc-line-height);
}
.rv-product-card__bottom {
  line-height: var(--rv-line-height-md);
}
.rv-product-card__price {
  display: inline-block;
  color: var(--rv-product-card-price-color);
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-product-card-price-font-size);
}
.rv-product-card__price-integer {
  font-size: var(--rv-product-card-price-integer-font-size);
  font-family: var(--rv-product-card-price-font-family);
}
.rv-product-card__price-decimal {
  font-family: var(--rv-product-card-price-font-family);
}
.rv-product-card__origin-price {
  display: inline-block;
  margin-left: 5px;
  color: var(--rv-product-card-origin-price-color);
  font-size: var(--rv-product-card-origin-price-font-size);
  text-decoration: line-through;
}
.rv-product-card__num {
  float: right;
  color: var(--rv-product-card-num-color);
}
.rv-product-card__tag {
  position: absolute;
  top: 2px;
  left: 0;
}
.rv-product-card__footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  text-align: right;
}
.rv-product-card__footer .rv-button {
  margin-left: 5px;
}
:root {
  --rv-submit-bar-height: 50px;
  --rv-submit-bar-z-index: 100;
  --rv-submit-bar-background-color: var(--rv-white);
  --rv-submit-bar-button-width: 110px;
  --rv-submit-bar-price-color: var(--rv-danger-color);
  --rv-submit-bar-price-font-size: var(--rv-font-size-sm);
  --rv-submit-bar-price-integer-font-size: 20px;
  --rv-submit-bar-price-font-family: var(--rv-price-integer-font-family);
  --rv-submit-bar-currency-font-size: var(--rv-font-size-md);
  --rv-submit-bar-text-color: var(--rv-text-color);
  --rv-submit-bar-text-font-size: var(--rv-font-size-md);
  --rv-submit-bar-tip-padding: var(--rv-padding-xs) var(--rv-padding-sm);
  --rv-submit-bar-tip-font-size: var(--rv-font-size-sm);
  --rv-submit-bar-tip-line-height: 1.5;
  --rv-submit-bar-tip-color: #f56723;
  --rv-submit-bar-tip-background-color: #fff7cc;
  --rv-submit-bar-tip-icon-size: 12px;
  --rv-submit-bar-button-height: 40px;
  --rv-submit-bar-padding: 0 var(--rv-padding-md);
}
.rv-submit-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--rv-submit-bar-z-index);
  width: 100%;
  background-color: var(--rv-submit-bar-background-color);
  -webkit-user-select: none;
          user-select: none;
}
.rv-submit-bar__tip {
  padding: var(--rv-submit-bar-tip-padding);
  color: var(--rv-submit-bar-tip-color);
  font-size: var(--rv-submit-bar-tip-font-size);
  line-height: var(--rv-submit-bar-tip-line-height);
  background-color: var(--rv-submit-bar-tip-background-color);
}
.rv-submit-bar__tip-icon {
  margin-right: var(--rv-padding-base);
  font-size: var(--rv-submit-bar-tip-icon-size);
  vertical-align: middle;
}
.rv-submit-bar__tip-text {
  vertical-align: middle;
}
.rv-submit-bar__bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  height: var(--rv-submit-bar-height);
  padding: var(--rv-submit-bar-padding);
  font-size: var(--rv-submit-bar-text-font-size);
}
.rv-submit-bar__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding-right: var(--rv-padding-sm);
  color: var(--rv-submit-bar-text-color);
  text-align: right;
}
.rv-submit-bar__text span {
  display: inline-block;
}
.rv-submit-bar__suffix-label {
  margin-left: var(--rv-padding-base);
  font-weight: var(--rv-font-weight-bold);
}
.rv-submit-bar__price {
  color: var(--rv-submit-bar-price-color);
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-submit-bar-price-font-size);
}
.rv-submit-bar__price-integer {
  font-size: var(--rv-submit-bar-price-integer-font-size);
  font-family: var(--rv-submit-bar-price-font-family);
}
.rv-submit-bar__button.rv-button {
  width: var(--rv-submit-bar-button-width);
  height: var(--rv-submit-bar-button-height);
  font-weight: var(--rv-font-weight-bold);
  border: none;
}
.rv-submit-bar__button.rv-submit-bar__button--danger {
  background: var(--rv-gradient-red);
}
:root {
  --rv-coupon-cell-selected-text-color: var(--rv-text-color);
}
.rv-coupon-cell__value--selected {
  color: var(--rv-coupon-cell-selected-text-color);
}
:root {
  --rv-coupon-margin: 0 var(--rv-padding-sm) var(--rv-padding-sm);
  --rv-coupon-content-height: 84px;
  --rv-coupon-content-padding: 14px 0;
  --rv-coupon-background-color: var(--rv-white);
  --rv-coupon-active-background-color: var(--rv-active-color);
  --rv-coupon-border-radius: var(--rv-border-radius-lg);
  --rv-coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  --rv-coupon-head-width: 96px;
  --rv-coupon-amount-color: var(--rv-primary-color);
  --rv-coupon-amount-font-size: 30px;
  --rv-coupon-currency-font-size: 40%;
  --rv-coupon-name-font-size: var(--rv-font-size-md);
  --rv-coupon-disabled-text-color: var(--rv-gray-6);
  --rv-coupon-description-padding: var(--rv-padding-xs) var(--rv-padding-md);
  --rv-coupon-description-border-color: var(--rv-border-color);
  --rv-coupon-corner-checkbox-icon-color: var(--rv-primary-color);
  --rv-coupon-list-background-color: var(--rv-background-color);
  --rv-coupon-list-field-padding: 5px 0 5px var(--rv-padding-md);
  --rv-coupon-list-exchange-button-height: 32px;
  --rv-coupon-list-close-button-height: 40px;
  --rv-coupon-list-empty-image-size: 200px;
  --rv-coupon-list-empty-tip-color: var(--rv-gray-6);
  --rv-coupon-list-empty-tip-font-size: var(--rv-font-size-md);
  --rv-coupon-list-empty-tip-line-height: var(--rv-line-height-md);
}
.rv-coupon {
  margin: var(--rv-coupon-margin);
  overflow: hidden;
  background-color: var(--rv-coupon-background-color);
  border-radius: var(--rv-coupon-border-radius);
  box-shadow: var(--rv-coupon-box-shadow);
}
.rv-coupon:active {
  background-color: var(--rv-coupon-active-background-color);
}
.rv-coupon__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  min-height: var(--rv-coupon-content-height);
  padding: var(--rv-coupon-content-padding);
  color: var(--rv-gray-8);
}
.rv-coupon__head {
  position: relative;
  min-width: var(--rv-coupon-head-width);
  padding: 0 var(--rv-padding-xs);
  color: var(--rv-coupon-amount-color);
  text-align: center;
}
.rv-coupon__amount,
.rv-coupon__condition,
.rv-coupon__name,
.rv-coupon__valid {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rv-coupon__amount {
  margin-bottom: 6px;
  font-weight: var(--rv-font-weight-bold);
  font-size: var(--rv-coupon-amount-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rv-coupon__amount span {
  font-weight: normal;
  font-size: var(--rv-coupon-currency-font-size);
}
.rv-coupon__amount span:not(:empty) {
  margin-left: 2px;
}
.rv-coupon__condition {
  font-size: var(--rv-font-size-sm);
  line-height: 16px;
  white-space: pre-wrap;
}
.rv-coupon__body {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  border-radius: 0 var(--rv-coupon-border-radius) var(--rv-coupon-border-radius) 0;
}
.rv-coupon__name {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: var(--rv-coupon-name-font-size);
  line-height: var(--rv-line-height-md);
}
.rv-coupon__valid {
  font-size: var(--rv-font-size-sm);
}
.rv-coupon__corner {
  position: absolute;
  top: 0;
  right: var(--rv-padding-md);
  bottom: 0;
}
.rv-coupon__corner .rv-checkbox__icon--checked .rv-icon {
  background-color: var(--rv-coupon-corner-checkbox-icon-color);
  border-color: var(--rv-coupon-corner-checkbox-icon-color);
}
.rv-coupon__description {
  padding: var(--rv-coupon-description-padding);
  font-size: var(--rv-font-size-sm);
  border-top: 1px dashed var(--rv-coupon-description-border-color);
}
.rv-coupon--disabled:active {
  background-color: var(--rv-coupon-background-color);
}
.rv-coupon--disabled .rv-coupon-item__content {
  height: calc(var(--rv-coupon-content-height) - 10px);
}
.rv-coupon--disabled .rv-coupon__head {
  color: inherit;
}
.rv-coupon-list {
  position: relative;
  height: 100%;
  background-color: var(--rv-coupon-list-background-color);
}
.rv-coupon-list__field {
  padding: var(--rv-coupon-list-field-padding);
}
.rv-coupon-list__field .rv-field__body {
  height: 34px;
  padding-left: var(--rv-padding-sm);
  line-height: 34px;
  background: var(--rv-gray-1);
  border-radius: 17px;
}
.rv-coupon-list__field .rv-field__body::-webkit-input-placeholder {
  color: var(--rv-gray-5);
}
.rv-coupon-list__field .rv-field__body::placeholder {
  color: var(--rv-gray-5);
}
.rv-coupon-list__field .rv-field__clear {
  margin-right: 0;
}
.rv-coupon-list__exchange-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: var(--rv-white);
}
.rv-coupon-list__exchange.rv-button {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  height: var(--rv-coupon-list-exchange-button-height);
  font-size: var(--rv-font-size-lg);
  line-height: calc(var(--rv-coupon-list-exchange-button-height) - 2px);
  border: 0;
}
.rv-coupon-list .rv-tabs__wrap {
  box-shadow: 0 6px 12px -12px var(--rv-gray-6);
}
.rv-coupon-list__list {
  box-sizing: border-box;
  height: calc(100vh - 108px);
  padding: var(--rv-padding-md) 0 var(--rv-padding-lg);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.rv-coupon-list__list--with-bar {
  height: calc(100vh - 152px);
}
.rv-coupon-list__list--with-bottom {
  padding-bottom: 50px;
}
.rv-coupon-list__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  padding: 5px var(--rv-padding-md);
  font-weight: var(--rv-font-weight-bold);
  background-color: var(--rv-white);
}
.rv-coupon-list__close.rv-button {
  height: var(--rv-coupon-list-close-button-height);
}
.rv-coupon-list__empty {
  padding-top: 60px;
  text-align: center;
}
.rv-coupon-list__empty p {
  margin: var(--rv-padding-md) 0;
  color: var(--rv-coupon-list-empty-tip-color);
  font-size: var(--rv-coupon-list-empty-tip-font-size);
  line-height: var(--rv-coupon-list-empty-tip-line-height);
}
.rv-coupon-list__empty img {
  width: var(--rv-coupon-list-empty-image-size);
  height: var(--rv-coupon-list-empty-image-size);
}
:root {
  --rv-sku-item-background-color: var(--rv-background-color);
}
.rv-sku {
  /* sku row */
}
.rv-sku__container.rv-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  min-height: 50%;
  max-height: 80%;
  overflow-y: visible;
  font-size: 14px;
  background: #fff;
}
.rv-sku__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 44px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.rv-sku__body::-webkit-scrollbar {
  display: none;
}
.rv-sku__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin: 0 16px;
}
.rv-sku__header__img-wrap.rv-image {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 96px;
  height: 96px;
  margin: 12px 12px 12px 0;
  overflow: hidden;
  border-radius: 4px;
}
.rv-sku__header__goods-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  padding: 12px 20px 12px 0;
}
.rv-sku__header-item {
  margin-top: 8px;
  color: #969799;
  font-size: 12px;
  line-height: 16px;
}
.rv-sku__price-symbol {
  font-size: 16px;
  vertical-align: bottom;
}
.rv-sku__price-num {
  font-weight: 500;
  font-size: 22px;
  vertical-align: bottom;
  word-wrap: break-word;
}
.rv-sku__goods-price {
  margin-left: -2px;
  color: #f44336;
}
.rv-sku__price-tag {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding: 0 5px;
  overflow: hidden;
  color: #f44336;
  font-size: 12px;
  line-height: 16px;
  border-radius: 8px;
}
.rv-sku__price-tag::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: 0.1;
  content: '';
}
.rv-sku__group-container {
  padding-top: 12px;
}
.rv-sku__group-container--hide-soldout .rv-sku-row__item--disabled {
  display: none;
}
.rv-sku-row {
  margin: 0 16px 12px;
}
.rv-sku-row:last-child {
  margin-bottom: 0;
}
.rv-sku-row__item,
.rv-sku-row__image-item {
  position: relative;
  overflow: hidden;
  color: var(--rv-gray-8);
  border-radius: 4px;
  cursor: pointer;
}
.rv-sku-row__item::before,
.rv-sku-row__image-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--rv-sku-item-background-color);
  content: '';
}
.rv-sku-row__item--active,
.rv-sku-row__image-item--active {
  color: #f44336;
}
.rv-sku-row__item--active::before,
.rv-sku-row__image-item--active::before {
  background: currentColor;
  opacity: 0.1;
}
.rv-sku-row__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: 40px;
  margin: 0 12px 12px 0;
  font-size: 13px;
  line-height: 16px;
  vertical-align: middle;
}
.rv-sku-row__item-img.rv-image {
  z-index: 1;
  width: 24px;
  height: 24px;
  margin: 4px 0 4px 4px;
  object-fit: cover;
  border-radius: 2px;
}
.rv-sku-row__item-name {
  z-index: 1;
  padding: 8px;
}
.rv-sku-row__item--disabled {
  color: #c8c9cc;
  background: var(--rv-gray-2);
  cursor: not-allowed;
}
.rv-sku-row__item--disabled .rv-sku-row__item-img {
  opacity: 0.3;
}
.rv-sku-row__image {
  margin-right: 0;
}
.rv-sku-row__image-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 110px;
  margin: 0 4px 4px 0;
  border: 1px solid transparent;
}
.rv-sku-row__image-item:last-child {
  margin-right: 0;
}
.rv-sku-row__image-item-img.rv-image {
  width: 100%;
  height: 110px;
}
.rv-sku-row__image-item-img-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 18px;
  height: 18px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-left-radius: 4px;
}
.rv-sku-row__image-item-name {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  box-sizing: border-box;
  height: 40px;
  padding: 4px;
  font-size: 12px;
  line-height: 16px;
}
.rv-sku-row__image-item-name span {
  word-wrap: break-word;
}
.rv-sku-row__image-item--active {
  border-color: currentColor;
}
.rv-sku-row__image-item--disabled {
  color: #c8c9cc;
  cursor: not-allowed;
}
.rv-sku-row__image-item--disabled::before {
  z-index: 2;
  background: var(--rv-gray-2);
  opacity: 0.4;
}
.rv-sku-row__title {
  padding-bottom: 12px;
}
.rv-sku-row__title-multiple {
  color: #969799;
}
.rv-sku-row__scroller {
  margin: 0 -16px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.rv-sku-row__scroller::-webkit-scrollbar {
  display: none;
}
.rv-sku-row__row {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-bottom: 4px;
  padding: 0 16px;
}
.rv-sku-row__indicator {
  width: 40px;
  height: 4px;
  background: #ebedf0;
  border-radius: 2px;
}
.rv-sku-row__indicator-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-bottom: 16px;
}
.rv-sku-row__indicator-slider {
  width: 50%;
  height: 100%;
  background-color: #f44336;
  border-radius: 2px;
}
.rv-sku__stepper-stock {
  padding: 12px 16px;
  overflow: hidden;
  line-height: 30px;
}
.rv-sku__stepper {
  float: right;
  padding-left: 4px;
}
.rv-sku__stepper-title {
  float: left;
}
.rv-sku__stepper-quota {
  float: right;
  color: #f44336;
  font-size: 12px;
}
.rv-sku__stock {
  display: inline-block;
  margin-right: 8px;
  color: #969799;
  font-size: 12px;
}
.rv-sku__stock-num--highlight {
  color: #f44336;
}
.rv-sku__actions {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding: 0 16px;
}
.rv-sku__actions .rv-action-bar {
  position: relative;
}
.rv-sku__actions .rv-action-bar .rv-button {
  margin: 0;
}
:root {
  --rv-floating-ball-size: calc(48 * 1px);
  --rv-floating-ball-z-index: 8;
}
.rv-floating-ball {
  -webkit-user-select: none;
          user-select: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--rv-floating-ball-z-index);
}
.rv-floating-ball__base {
  cursor: pointer;
  position: relative;
  width: var(--rv-floating-ball-size);
  height: var(--rv-floating-ball-size);
}
.rv-floating-ball__menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.rv-floating-ball__menu__item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.rv-floating-ball--active .rv-floating-ball__menu {
  opacity: 1;
  visibility: visible;
}
.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}
.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translate(-110%, -110%);
          transform: translate(-110%, -110%);
}
.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(-150%);
          transform: translateX(-150%);
}
.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translate(-110%, 110%);
          transform: translate(-110%, 110%);
}
.rv-floating-ball--active .rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transform: translateY(150%);
          transform: translateY(150%);
}
.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translate(110%, -110%);
          transform: translate(110%, -110%);
}
.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(150%);
          transform: translateX(150%);
}
.rv-floating-ball--active .rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translate(110%, 110%);
          transform: translate(110%, 110%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-600%);
          transform: translateY(-600%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateY(-480%);
          transform: translateY(-480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateY(-360%);
          transform: translateY(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateY(-240%);
          transform: translateY(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical .rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-1 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-2 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-240%);
          transform: translateY(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-2 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-360%);
          transform: translateY(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateY(-240%);
          transform: translateY(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-3 .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(-480%);
          transform: translateY(-480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateY(-360%);
          transform: translateY(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateY(-240%);
          transform: translateY(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.list-4 .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateY(240%);
          transform: translateY(240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateY(360%);
          transform: translateY(360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateY(480%);
          transform: translateY(480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--vertical.rv-floating-ball__menu--top .rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transform: translateY(600%);
          transform: translateY(600%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateX(-480%);
          transform: translateX(-480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(-360%);
          transform: translateX(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateX(-240%);
          transform: translateX(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal .rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-1 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-2 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(-240%);
          transform: translateX(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-2 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(-360%);
          transform: translateX(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateX(-240%);
          transform: translateX(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-3 .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(-480%);
          transform: translateX(-480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateX(-360%);
          transform: translateX(-360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(-240%);
          transform: translateX(-240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.list-4 .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(1) {
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(2) {
  -webkit-transform: translateX(240%);
          transform: translateX(240%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(3) {
  -webkit-transform: translateX(360%);
          transform: translateX(360%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(4) {
  -webkit-transform: translateX(480%);
          transform: translateX(480%);
}
.rv-floating-ball--active .rv-floating-ball__menu--horizontal.rv-floating-ball__menu--left .rv-floating-ball__menu__item:nth-child(5) {
  -webkit-transform: translateX(600%);
          transform: translateX(600%);
}
:root {
  --rv-water-mark-z-index: 2000;
}
.rv-water-mark {
  position: absolute;
  z-index: var(--rv-water-mark-z-index);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background-repeat: repeat;
}
.rv-water-mark--full {
  position: fixed;
}
:root {
  --rv-floating-panel-z-index: 1001;
  --rv-floating-panel-background-color: #fff;
  --rv-floating-panel-header-background-color: #fff;
  --rv-floating-panel-header-padding: 8px;
  --rv-floating-panel-thumb-background-color: #c8c9cc;
  --rv-floating-panel-thumb-width: 20px;
  --rv-floating-panel-thumb-height: 4px;
}
.rv-floating-panel {
  z-index: var(--rv-floating-panel-z-index);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: var(--rv-floating-panel-background-color);
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
}
.rv-floating-panel__header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
  padding: var(--rv-floating-panel-header-padding);
  background-color: var(--rv-floating-panel-header-background-color);
}
.rv-floating-panel__thumb {
  background-color: var(--rv-floating-panel-thumb-background-color);
  width: var(--rv-floating-panel-thumb-width);
  height: var(--rv-floating-panel-thumb-height);
  margin: 0 auto;
  border-radius: calc(var(--rv-floating-panel-thumb-height) / 2);
}
.rv-floating-panel__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  overflow: scroll;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.visible{visibility:visible;}.absolute{position:absolute;}.fixed,[fixed=""]{position:fixed;}.relative,[relative=""]{position:relative;}.inset-0{inset:0;}.bottom-0{bottom:0;}.bottom-4{bottom:1rem;}.bottom-6{bottom:1.5rem;}.left-0,[left-0=""]{left:0;}.left-1\/2{left:50%;}.left-6{left:1.5rem;}.right-0{right:0;}.right-2{right:0.5rem;}.right-4{right:1rem;}.right-6{right:1.5rem;}.top-0{top:0;}.top-1\/2{top:50%;}.top-14,[top-14=""]{top:3.5rem;}.top-2{top:0.5rem;}[left-1=""]{left:0.25rem;}.z-1,[z-1=""]{z-index:1;}.z-10{z-index:10;}.z-2{z-index:2;}.grid{display:grid;}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}[rows~="\33 "]{grid-template-rows:repeat(3,minmax(0,1fr));}[rows~="\34 "]{grid-template-rows:repeat(4,minmax(0,1fr));}.mx-6{margin-left:1.5rem;margin-right:1.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}.my-10{margin-top:2.5rem;margin-bottom:2.5rem;}.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.my-4,[my=""]{margin-top:1rem;margin-bottom:1rem;}.my-5{margin-top:1.25rem;margin-bottom:1.25rem;}.my-6{margin-top:1.5rem;margin-bottom:1.5rem;}.my-8{margin-top:2rem;margin-bottom:2rem;}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:0.25rem;}.mb-1\.5{margin-bottom:0.375rem;}.mb-10{margin-bottom:2.5rem;}.mb-12{margin-bottom:3rem;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.mb-6{margin-bottom:1.5rem;}.mb-7{margin-bottom:1.75rem;}.mb-8{margin-bottom:2rem;}.ml-1{margin-left:0.25rem;}.ml-2{margin-left:0.5rem;}.ml-3{margin-left:0.75rem;}.ml-4{margin-left:1rem;}.ml-5{margin-left:1.25rem;}.mr-1{margin-right:0.25rem;}.mr-2{margin-right:0.5rem;}.mr-3{margin-right:0.75rem;}.mr-4{margin-right:1rem;}.ms,[ms=""]{margin-inline-start:1rem;}.mt-1{margin-top:0.25rem;}.mt-10{margin-top:2.5rem;}.mt-12{margin-top:3rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-4{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.mt-6{margin-top:1.5rem;}.mt-8{margin-top:2rem;}.mt-9{margin-top:2.25rem;}.block{display:block;}.hidden{display:none;}.aspect-square{aspect-ratio:1/1;}[size~="\31 5"]{width:3.75rem;height:3.75rem;}[size~="\32 4px"]{width:24px;height:24px;}.\!w-auto{width:auto !important;}.h-\[100dvh\]{height:100dvh;}.h-\[calc\(100\%-3\.5rem\)\]{height:calc(100% - 3.5rem);}.h-1{height:0.25rem;}.h-1\.5{height:0.375rem;}.h-10{height:2.5rem;}.h-11\.5{height:2.875rem;}.h-12{height:3rem;}.h-13\.5{height:3.375rem;}.h-14{height:3.5rem;}.h-15{height:3.75rem;}.h-16{height:4rem;}.h-17{height:4.25rem;}.h-2{height:0.5rem;}.h-2\.5{height:0.625rem;}.h-20{height:5rem;}.h-24{height:6rem;}.h-26{height:6.5rem;}.h-3{height:0.75rem;}.h-4{height:1rem;}.h-40{height:10rem;}.h-41{height:10.25rem;}.h-44{height:11rem;}.h-48{height:12rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-7{height:1.75rem;}.h-7\.5{height:1.875rem;}.h-8{height:2rem;}.h-full{height:100%;}.max-h-\[80vh\]{max-height:80vh;}.max-h-100{max-height:25rem;}.max-h-5{max-height:1.25rem;}.max-h-96{max-height:24rem;}.max-h-full{max-height:100%;}.max-w-\[60\%\]{max-width:60%;}.max-w-750px,[max-w-750px=""]{max-width:750px;}.max-w-full{max-width:100%;}.max-w-md{max-width:28rem;}.max-w-sm{max-width:24rem;}.min-h-\[60px\]{min-height:60px;}.min-h-0{min-height:0;}.min-h-11\.5{min-height:2.875rem;}.min-h-15{min-height:3.75rem;}.min-h-16\.5{min-height:4.125rem;}.min-h-18,[min-h-18=""]{min-height:4.5rem;}.min-h-24{min-height:6rem;}.min-h-26{min-height:6.5rem;}.min-h-4{min-height:1rem;}.min-h-70{min-height:17.5rem;}.min-h-full{min-height:100%;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.min-w-31{min-width:7.75rem;}.w-1{width:0.25rem;}.w-1\.5{width:0.375rem;}.w-10{width:2.5rem;}.w-12{width:3rem;}.w-13{width:3.25rem;}.w-13\.5{width:3.375rem;}.w-15{width:3.75rem;}.w-16{width:4rem;}.w-18{width:4.5rem;}.w-2{width:0.5rem;}.w-20{width:5rem;}.w-24{width:6rem;}.w-26{width:6.5rem;}.w-3{width:0.75rem;}.w-3\/4{width:75%;}.w-4{width:1rem;}.w-40{width:10rem;}.w-44{width:11rem;}.w-48{width:12rem;}.w-5{width:1.25rem;}.w-50{width:12.5rem;}.w-6{width:1.5rem;}.w-7{width:1.75rem;}.w-7\.5{width:1.875rem;}.w-8{width:2rem;}.w-80\%{width:80%;}.w-auto{width:auto;}.w-full,[w-full=""]{width:100%;}.flex,[flex=""]{display:flex;}.flex-inline,.inline-flex{display:inline-flex;}.flex-1,[flex-1=""]{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-translate-x-1\/2,.translate-x-\[-50\%\]{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}.cursor-pointer,[cursor-pointer=""]{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.resize-none{resize:none;}.list-none{list-style-type:none;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center,[items-center=""]{align-items:center;}.items-baseline{align-items:baseline;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between,[justify-between=""]{justify-content:space-between;}.gap-1\.5{gap:0.375rem;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.space-x-1>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.25rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.25rem * var(--un-space-x-reverse));}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}.space-x-3\.5>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.875rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.875rem * var(--un-space-x-reverse));}.space-x-3>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.75rem * var(--un-space-x-reverse));}.space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1rem * var(--un-space-x-reverse));}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}.space-y-2\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.625rem * var(--un-space-y-reverse));}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.space-y-5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.25rem * var(--un-space-y-reverse));}.space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-normal{white-space:normal;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-line{white-space:pre-line;}.break-words{overflow-wrap:break-word;}.break-all{word-break:break-all;}.border,.border-\[1px\],.border-1{border-width:1px;}.border-\[0\.5px\],.border-0\.5{border-width:0.5px;}.border-0{border-width:0px;}.border-2,[border-2=""]{border-width:2px;}.focus\:border-1:focus{border-width:1px;}.border-b,[border-b=""]{border-bottom-width:1px;}.border-t{border-top-width:1px;}.\!border-\[\#000000\]\/10{border-color:rgb(0 0 0 / 0.1) !important;}.border-\[\#000000\]\/10{border-color:rgb(0 0 0 / 0.1);}.border-\[\#000000\]\/7{border-color:rgb(0 0 0 / 0.07);}.border-\[\#0B0B0B\]\/12{border-color:rgb(11 11 11 / 0.12);}.border-\[\#191919\]{--un-border-opacity:1;border-color:rgb(25 25 25 / var(--un-border-opacity));}.border-\[\#1A1A1A\]{--un-border-opacity:1;border-color:rgb(26 26 26 / var(--un-border-opacity));}.border-\[\#556AFF\]{--un-border-opacity:1;border-color:rgb(85 106 255 / var(--un-border-opacity));}.border-\[\#808080\]{--un-border-opacity:1;border-color:rgb(128 128 128 / var(--un-border-opacity));}.border-\[\#CCCCCC\]{--un-border-opacity:1;border-color:rgb(204 204 204 / var(--un-border-opacity));}.border-\[\#D0D0D0\]{--un-border-opacity:1;border-color:rgb(208 208 208 / var(--un-border-opacity));}.border-\[\#E5E5E5\]{--un-border-opacity:1;border-color:rgb(229 229 229 / var(--un-border-opacity));}.border-\[\#E9E9E9\]{--un-border-opacity:1;border-color:rgb(233 233 233 / var(--un-border-opacity));}.border-\[\#F5F5F5\]{--un-border-opacity:1;border-color:rgb(245 245 245 / var(--un-border-opacity));}.border-\[\#ff0000\]{--un-border-opacity:1;border-color:rgb(255 0 0 / var(--un-border-opacity));}.border-\[var\(--primary-color\)\]{border-color:var(--primary-color);}.border-black\/36{border-color:rgb(0 0 0 / 0.36);}.border-blue-400,[border-blue-400=""]{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));}.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity));}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}.border-red-500{--un-border-opacity:1;border-color:rgb(239 68 68 / var(--un-border-opacity));}.border-transparent{border-color:transparent;}.hover\:border-gray-300:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}.hover\:border-gray-400:hover{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}[hover\:border-gray-400=""]:hover{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}.focus\:border-\[\#191919\]:focus{--un-border-opacity:1;border-color:rgb(25 25 25 / var(--un-border-opacity));}.border-b-\[\#808080\]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(128 128 128 / var(--un-border-bottom-opacity));}.rounded,.rounded-1{border-radius:0.25rem;}.rounded-2,.rounded-lg,[rounded-lg=""]{border-radius:0.5rem;}.rounded-2\.5{border-radius:0.625rem;}.rounded-2xl,.rounded-4{border-radius:1rem;}.rounded-3xl{border-radius:1.5rem;}.rounded-full,[rounded-full=""]{border-radius:9999px;}.rounded-xl{border-radius:0.75rem;}.border-dashed,[border-dashed=""]{border-style:dashed;}.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid,[border-b-solid=""]{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.bg-\[\#000000\]\/5{background-color:rgb(0 0 0 / 0.05) /* #000000 */;}.bg-\[\#00D89D\]{--un-bg-opacity:1;background-color:rgb(0 216 157 / var(--un-bg-opacity)) /* #00D89D */;}.bg-\[\#4361EE\]{--un-bg-opacity:1;background-color:rgb(67 97 238 / var(--un-bg-opacity)) /* #4361EE */;}.bg-\[\#556AFF\]{--un-bg-opacity:1;background-color:rgb(85 106 255 / var(--un-bg-opacity)) /* #556AFF */;}.bg-\[\#556AFF\]\/10{background-color:rgb(85 106 255 / 0.1) /* #556AFF */;}.bg-\[\#5B7FFF\]{--un-bg-opacity:1;background-color:rgb(91 127 255 / var(--un-bg-opacity)) /* #5B7FFF */;}.bg-\[\#787880\]\/12{background-color:rgb(120 120 128 / 0.12) /* #787880 */;}.bg-\[\#D0D0D0\]{--un-bg-opacity:1;background-color:rgb(208 208 208 / var(--un-bg-opacity)) /* #D0D0D0 */;}.bg-\[\#D9D9D9\]{--un-bg-opacity:1;background-color:rgb(217 217 217 / var(--un-bg-opacity)) /* #D9D9D9 */;}.bg-\[\#E4E4E4\]\/50{background-color:rgb(228 228 228 / 0.5) /* #E4E4E4 */;}.bg-\[\#E9E9E9\]\/35{background-color:rgb(233 233 233 / 0.35) /* #E9E9E9 */;}.bg-\[\#EAEEF6\]{--un-bg-opacity:1;background-color:rgb(234 238 246 / var(--un-bg-opacity)) /* #EAEEF6 */;}.bg-\[\#EDEDED\]{--un-bg-opacity:1;background-color:rgb(237 237 237 / var(--un-bg-opacity)) /* #EDEDED */;}.bg-\[\#eee\]{--un-bg-opacity:1;background-color:rgb(238 238 238 / var(--un-bg-opacity)) /* #eee */;}.bg-\[\#EEF0FD\]{--un-bg-opacity:1;background-color:rgb(238 240 253 / var(--un-bg-opacity)) /* #EEF0FD */;}.bg-\[\#ef4444\]\/10{background-color:rgb(239 68 68 / 0.1) /* #ef4444 */;}.bg-\[\#F3F3F3\]{--un-bg-opacity:1;background-color:rgb(243 243 243 / var(--un-bg-opacity)) /* #F3F3F3 */;}.bg-\[\#F4F5F6\]{--un-bg-opacity:1;background-color:rgb(244 245 246 / var(--un-bg-opacity)) /* #F4F5F6 */;}.bg-\[\#F5F5F5\],.bg-\#F5F5F5{--un-bg-opacity:1;background-color:rgb(245 245 245 / var(--un-bg-opacity)) /* #F5F5F5 */;}.bg-\[\#F7F7F7\]{--un-bg-opacity:1;background-color:rgb(247 247 247 / var(--un-bg-opacity)) /* #F7F7F7 */;}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color) /* var(--primary-color) */;}.bg-\#CED2ED{--un-bg-opacity:1;background-color:rgb(206 210 237 / var(--un-bg-opacity)) /* #CED2ED */;}.bg-black,[bg-black=""]{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}.bg-black\/50{background-color:rgb(0 0 0 / 0.5) /* #000 */;}.bg-blue-50{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity)) /* #eff6ff */;}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */;}.bg-gray-300{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity)) /* #d1d5db */;}.bg-green-500{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity)) /* #22c55e */;}.bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity)) /* #ef4444 */;}.bg-transparent{background-color:transparent /* transparent */;}.bg-white,[bg-white=""]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.bg-yellow-500{--un-bg-opacity:1;background-color:rgb(234 179 8 / var(--un-bg-opacity)) /* #eab308 */;}.hover\:bg-red-600:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity)) /* #dc2626 */;}.active\:bg-\[\#4361EE\]\/90:active{background-color:rgb(67 97 238 / 0.9) /* #4361EE */;}.active\:bg-\[\#ddd\]:active{--un-bg-opacity:1;background-color:rgb(221 221 221 / var(--un-bg-opacity)) /* #ddd */;}.active\:bg-\[\#E5E5E5\]:active{--un-bg-opacity:1;background-color:rgb(229 229 229 / var(--un-bg-opacity)) /* #E5E5E5 */;}.active\:bg-\[var\(--primary-color\)\]\/80:active{background-color:var(--primary-color) /* var(--primary-color) */;}.active\:bg-blue-700:active{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity)) /* #1d4ed8 */;}.active\:bg-gray-50:active{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;}.active\:bg-gray-800:active{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity)) /* #1f2937 */;}.active\:bg-green-700:active{--un-bg-opacity:1;background-color:rgb(21 128 61 / var(--un-bg-opacity)) /* #15803d */;}.active\:bg-red-700:active{--un-bg-opacity:1;background-color:rgb(185 28 28 / var(--un-bg-opacity)) /* #b91c1c */;}.active\:bg-yellow-700:active{--un-bg-opacity:1;background-color:rgb(161 98 7 / var(--un-bg-opacity)) /* #a16207 */;}.object-cover{-o-object-fit:cover;object-fit:cover;}.object-contain{-o-object-fit:contain;object-fit:contain;}.p-0\.5{padding:0.125rem;}.p-2{padding:0.5rem;}.p-3{padding:0.75rem;}.p-3\.5{padding:0.875rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.px,.px-4,[px-4=""]{padding-left:1rem;padding-right:1rem;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-10{padding-left:2.5rem;padding-right:2.5rem;}.px-12{padding-left:3rem;padding-right:3rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}.px-4\.5{padding-left:1.125rem;padding-right:1.125rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-6,[px-6=""]{padding-left:1.5rem;padding-right:1.5rem;}.px-8{padding-left:2rem;padding-right:2rem;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-1\.5,[py-1\.5=""]{padding-top:0.375rem;padding-bottom:0.375rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pb-17{padding-bottom:4.25rem;}.pb-2{padding-bottom:0.5rem;}.pb-24{padding-bottom:6rem;}.pb-3{padding-bottom:0.75rem;}.pb-4,[pb-4=""]{padding-bottom:1rem;}.pb-6{padding-bottom:1.5rem;}.pb-8{padding-bottom:2rem;}.pl-4{padding-left:1rem;}.pr-12{padding-right:3rem;}.pr-2{padding-right:0.5rem;}.pr-4{padding-right:1rem;}.pr-6{padding-right:1.5rem;}.pt-0{padding-top:0;}.pt-10{padding-top:2.5rem;}.pt-14{padding-top:3.5rem;}.pt-16{padding-top:4rem;}.pt-2{padding-top:0.5rem;}.pt-26{padding-top:6.5rem;}.pt-30{padding-top:7.5rem;}.pt-4{padding-top:1rem;}.pt-40{padding-top:10rem;}.pt-5{padding-top:1.25rem;}.pt-6{padding-top:1.5rem;}.pt-8{padding-top:2rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.text-1\.5{font-size:0.375rem;}.text-2{font-size:0.5rem;}.text-2\.5{font-size:0.625rem;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3,[text-3=""]{font-size:0.75rem;}.text-3\.25{font-size:0.8125rem;}.text-3\.5{font-size:0.875rem;}.text-3\.75{font-size:0.9375rem;}.text-4{font-size:1rem;}.text-4\.5{font-size:1.125rem;}.text-5{font-size:1.25rem;}.text-6{font-size:1.5rem;}.text-6\.5{font-size:1.625rem;}.text-7{font-size:1.75rem;}.text-8{font-size:2rem;}.text-8\.75{font-size:2.1875rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm,[text-sm=""]{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.\!text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */ !important;}.text-\[\#000000\]{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000000 */;}.text-\[\#000000\]\/30{color:rgb(0 0 0 / 0.3) /* #000000 */;}.text-\[\#000000\]\/50{color:rgb(0 0 0 / 0.5) /* #000000 */;}.text-\[\#000000\]\/70{color:rgb(0 0 0 / 0.7) /* #000000 */;}.text-\[\#0F0F0F\]\/60{color:rgb(15 15 15 / 0.6) /* #0F0F0F */;}.text-\[\#151515\]\/60{color:rgb(21 21 21 / 0.6) /* #151515 */;}.text-\[\#1A1A1A\]{--un-text-opacity:1;color:rgb(26 26 26 / var(--un-text-opacity)) /* #1A1A1A */;}.text-\[\#1A1A1A\]\/30{color:rgb(26 26 26 / 0.3) /* #1A1A1A */;}.text-\[\#1A1A1A\]\/50{color:rgb(26 26 26 / 0.5) /* #1A1A1A */;}.text-\[\#1A1A1A\]\/60{color:rgb(26 26 26 / 0.6) /* #1A1A1A */;}.text-\[\#1A1A1A\]\/65{color:rgb(26 26 26 / 0.65) /* #1A1A1A */;}.text-\[\#2C2C2C\]{--un-text-opacity:1;color:rgb(44 44 44 / var(--un-text-opacity)) /* #2C2C2C */;}.text-\[\#333\]{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity)) /* #333 */;}.text-\[\#333333\]{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity)) /* #333333 */;}.text-\[\#52C41A\]{--un-text-opacity:1;color:rgb(82 196 26 / var(--un-text-opacity)) /* #52C41A */;}.text-\[\#556AFF\],[color~="primary"]{--un-text-opacity:1;color:rgb(85 106 255 / var(--un-text-opacity)) /* #556AFF */;}.text-\[\#626262\]{--un-text-opacity:1;color:rgb(98 98 98 / var(--un-text-opacity)) /* #626262 */;}.text-\[\#666\]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity)) /* #666 */;}.text-\[\#666666\]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity)) /* #666666 */;}.text-\[\#727272\]{--un-text-opacity:1;color:rgb(114 114 114 / var(--un-text-opacity)) /* #727272 */;}.text-\[\#7E7E7E\]{--un-text-opacity:1;color:rgb(126 126 126 / var(--un-text-opacity)) /* #7E7E7E */;}.text-\[\#808080\]{--un-text-opacity:1;color:rgb(128 128 128 / var(--un-text-opacity)) /* #808080 */;}.text-\[\#8B8B8B\]{--un-text-opacity:1;color:rgb(139 139 139 / var(--un-text-opacity)) /* #8B8B8B */;}.text-\[\#979797\]{--un-text-opacity:1;color:rgb(151 151 151 / var(--un-text-opacity)) /* #979797 */;}.text-\[\#989697\]{--un-text-opacity:1;color:rgb(152 150 151 / var(--un-text-opacity)) /* #989697 */;}.text-\[\#999\]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity)) /* #999 */;}.text-\[\#999999\]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity)) /* #999999 */;}.text-\[\#ef4444\],.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;}.text-\[\#FAAD14\]{--un-text-opacity:1;color:rgb(250 173 20 / var(--un-text-opacity)) /* #FAAD14 */;}.text-\[\#FF4D4F\]{--un-text-opacity:1;color:rgb(255 77 79 / var(--un-text-opacity)) /* #FF4D4F */;}.text-\[var\(--primary-color\)\]{color:var(--primary-color) /* var(--primary-color) */;}.text-black,[color~="black"],[text-black=""]{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000 */;}.text-black\/36{color:rgb(0 0 0 / 0.36) /* #000 */;}.text-black\/44{color:rgb(0 0 0 / 0.44) /* #000 */;}.text-black\/50{color:rgb(0 0 0 / 0.5) /* #000 */;}.text-black\/60{color:rgb(0 0 0 / 0.6) /* #000 */;}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity)) /* #2563eb */;}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-gray-500,[color~="\#6b7280"]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity)) /* #374151 */;}.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity)) /* #111827 */;}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity)) /* #dc2626 */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.font-400,.font-normal,[font-400=""]{font-weight:400;}.font-500,.font-medium{font-weight:500;}.font-600,.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.font-extralight{font-weight:200;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.leading-relaxed{line-height:1.625;}.underline{text-decoration-line:underline;}.opacity-30{opacity:0.3;}.opacity-50,[opacity-50=""]{opacity:0.5;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.outline-none{outline:2px solid transparent;outline-offset:2px;}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition-\[border-color\,border-width\]{transition-property:border-color,border-width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors,[transition-colors=""]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.placeholder-\[\#1A1A1A\]\/40::-moz-placeholder{color:rgb(26 26 26 / 0.4) /* #1A1A1A */;}.placeholder-\[\#1A1A1A\]\/40::placeholder{color:rgb(26 26 26 / 0.4) /* #1A1A1A */;}.placeholder-\[\#1A1A1A\]\/60::-moz-placeholder{color:rgb(26 26 26 / 0.6) /* #1A1A1A */;}.placeholder-\[\#1A1A1A\]\/60::placeholder{color:rgb(26 26 26 / 0.6) /* #1A1A1A */;}/* 全局 box-sizing 设置 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  height: 100dvh;
  width: 100%;
  font-size: 16px;
  font-family: Lexend Basel, -apple-system, system-ui, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* 禁止 iOS Safari 下拉刷新 */
  overscroll-behavior-y: none;
  /* iOS Safari 额外处理 */
  -webkit-overflow-scrolling: touch;
}

#app {
  height: 100%;
  height: 100dvh;
  min-height: -webkit-fill-available;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  /* iOS viewport高度修复 */
  overflow-x: hidden;
  /* 禁止下拉刷新和橡皮筋效果 */
  overscroll-behavior-y: none;
  /* 添加安全区域padding */
  padding-bottom: env(safe-area-inset-bottom, 20px);
  padding-bottom: constant(safe-area-inset-bottom, 20px);
  /* 确保内容在安全区域内 */
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

button {
  cursor: pointer;
  /** 消除默认样式 */
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

input {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
}

:root {
  --primary-color: #556AFF;
}



.rv-checkbox__icon--square .rv-icon {
  border-radius: .25rem;
}

/* 页面淡入淡出动画 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 只应用到页面级组件 */
.animation-fadeIn {
  animation: fadeIn 0.3s ease-in-out;
}

/* 页面最小高度 - 解决 Safari 移动端 100vh 问题 */
.page-min-height {
  min-height: 100vh;
  /* 降级方案 */
  min-height: 100dvh;
  /* 动态视口高度（Safari 15.4+，不包含地址栏） */
}