: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: 88px;
  --rv-tabs-card-height: 60px;
  --rv-tabs-nav-background-color: var(--rv-white);
  --rv-tabs-bottom-bar-width: 80px;
  --rv-tabs-bottom-bar-height: 6px;
  --rv-tabs-bottom-bar-color: var(--rv-primary-color);
}

.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-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 {
  box-sizing: content-box;
  height: 100%;
  padding-bottom: 30px;
}

.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__line {
  position: absolute;
  bottom: 30px;
  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 {
  height: var(--rv-tabs-line-height);
}

.rv-tabs--card>.rv-tabs__wrap {
  height: var(--rv-tabs-card-height);
}