/*
* Tencent is pleased to support the open source community by making WeUI available.
* 
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
* 
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
* 
*       http://opensource.org/licenses/MIT
* 
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/
body {
  --weui-BG-0: #ededed;
  --weui-BG-1: #f7f7f7;
  --weui-BG-2: #fff;
  --weui-BG-3: #f7f7f7;
  --weui-BG-4: #4c4c4c;
  --weui-BG-5: #fff;
  --weui-FG-0: rgba(0, 0, 0, 0.9);
  --weui-FG-HALF: rgba(0, 0, 0, 0.9);
  --weui-FG-1: rgba(0, 0, 0, 0.5);
  --weui-FG-2: rgba(0, 0, 0, 0.3);
  --weui-FG-3: rgba(0, 0, 0, 0.1);
  --weui-RED: #fa5151;
  --weui-ORANGE: #fa9d3b;
  --weui-YELLOW: #ffc300;
  --weui-GREEN: #91d300;
  --weui-LIGHTGREEN: #95ec69;
  --weui-BRAND: #07c160;
  --weui-BLUE: #10aeff;
  --weui-INDIGO: #1485ee;
  --weui-PURPLE: #6467f0;
  --weui-WHITE: #fff;
  --weui-LINK: #576b95;
  --weui-TEXTGREEN: #06ae56;
  --weui-FG: black;
  --weui-BG: white;
  --weui-TAG-TEXT-ORANGE: #fa9d3b;
  --weui-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, 0.1);
  --weui-TAG-TEXT-GREEN: #06ae56;
  --weui-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, 0.1);
  --weui-TAG-TEXT-BLUE: #10aeff;
  --weui-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, 0.1);
  --weui-TAG-TEXT-BLACK: rgba(0, 0, 0, 0.5);
  --weui-TAG-BACKGROUND-BLACK: rgba(0, 0, 0, 0.05);
}
@media (prefers-color-scheme: dark) {
  body:not([data-weui-theme='light']) {
    --weui-BG-0: #191919;
    --weui-BG-1: #1f1f1f;
    --weui-BG-2: #232323;
    --weui-BG-3: #2f2f2f;
    --weui-BG-4: #606060;
    --weui-BG-5: #2c2c2c;
    --weui-FG-0: rgba(255, 255, 255, 0.8);
    --weui-FG-HALF: rgba(255, 255, 255, 0.6);
    --weui-FG-1: rgba(255, 255, 255, 0.5);
    --weui-FG-2: rgba(255, 255, 255, 0.3);
    --weui-FG-3: rgba(255, 255, 255, 0.05);
    --weui-RED: #fa5151;
    --weui-ORANGE: #c87d2f;
    --weui-YELLOW: #cc9c00;
    --weui-GREEN: #74a800;
    --weui-LIGHTGREEN: #28b561;
    --weui-BRAND: #07c160;
    --weui-BLUE: #10aeff;
    --weui-INDIGO: #1196ff;
    --weui-PURPLE: #8183ff;
    --weui-WHITE: rgba(255, 255, 255, 0.8);
    --weui-LINK: #7d90a9;
    --weui-TEXTGREEN: #259c5c;
    --weui-FG: white;
    --weui-BG: black;
    --weui-TAG-TEXT-ORANGE: rgba(250, 157, 59, 0.6);
    --weui-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, 0.1);
    --weui-TAG-TEXT-GREEN: rgba(6, 174, 86, 0.6);
    --weui-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, 0.1);
    --weui-TAG-TEXT-BLUE: rgba(16, 174, 255, 0.6);
    --weui-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, 0.1);
    --weui-TAG-TEXT-BLACK: rgba(255, 255, 255, 0.5);
    --weui-TAG-BACKGROUND-BLACK: rgba(255, 255, 255, 0.05);
  }
}
body[data-weui-theme='dark'] {
  --weui-BG-0: #191919;
  --weui-BG-1: #1f1f1f;
  --weui-BG-2: #232323;
  --weui-BG-3: #2f2f2f;
  --weui-BG-4: #606060;
  --weui-BG-5: #2c2c2c;
  --weui-FG-0: rgba(255, 255, 255, 0.8);
  --weui-FG-HALF: rgba(255, 255, 255, 0.6);
  --weui-FG-1: rgba(255, 255, 255, 0.5);
  --weui-FG-2: rgba(255, 255, 255, 0.3);
  --weui-FG-3: rgba(255, 255, 255, 0.05);
  --weui-RED: #fa5151;
  --weui-ORANGE: #c87d2f;
  --weui-YELLOW: #cc9c00;
  --weui-GREEN: #74a800;
  --weui-LIGHTGREEN: #28b561;
  --weui-BRAND: #07c160;
  --weui-BLUE: #10aeff;
  --weui-INDIGO: #1196ff;
  --weui-PURPLE: #8183ff;
  --weui-WHITE: rgba(255, 255, 255, 0.8);
  --weui-LINK: #7d90a9;
  --weui-TEXTGREEN: #259c5c;
  --weui-FG: white;
  --weui-BG: black;
  --weui-TAG-TEXT-ORANGE: rgba(250, 157, 59, 0.6);
  --weui-TAG-BACKGROUND-ORANGE: rgba(250, 157, 59, 0.1);
  --weui-TAG-TEXT-GREEN: rgba(6, 174, 86, 0.6);
  --weui-TAG-BACKGROUND-GREEN: rgba(6, 174, 86, 0.1);
  --weui-TAG-TEXT-BLUE: rgba(16, 174, 255, 0.6);
  --weui-TAG-BACKGROUND-BLUE: rgba(16, 174, 255, 0.1);
  --weui-TAG-TEXT-BLACK: rgba(255, 255, 255, 0.5);
  --weui-TAG-BACKGROUND-BLACK: rgba(255, 255, 255, 0.05);
}
body {
  --weui-BG-COLOR-ACTIVE: #ececec;
}
body[data-weui-theme='dark'] {
  --weui-BG-COLOR-ACTIVE: #373737;
}
@media (prefers-color-scheme: dark) {
  body:not([data-weui-theme='light']) {
    --weui-BG-COLOR-ACTIVE: #373737;
  }
}
weui-accordion-panel,
weui-accordion {
  display: block;
}
.weui-accordion-content {
  max-height: 0;
}
.weui-accordion-content-active {
  max-height: inherit;
}
weui-dialog .weui-mask,
weui-dialog .weui-dialog {
  visibility: hidden;
  opacity: 0;
}
weui-dialog .weui-mask__in,
weui-dialog .weui-dialog__in {
  visibility: visible;
  opacity: 1;
}
weui-dialog .weui-mask {
  transition-duration: 0.3s;
}
weui-dialog .weui-dialog {
  transform-origin: 0 0;
  transition-duration: 0.2s;
}
weui-dialog .weui-dialog__error {
  color: #f50;
  font-size: 14px;
}
.weui-infiniteloader {
  display: block;
  overflow: hidden;
}
.weui-infiniteloader__content {
  z-index: 1;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
weui-mask .weui-mask {
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.3s;
}
weui-mask .weui-mask__visible {
  visibility: visible;
  opacity: 1;
}
weui-mask .weui-mask__content {
  position: fixed;
  z-index: 1001;
  display: flex;
  width: 100%;
  height: 100%;
}
weui-mask .weui-mask__content .weui-loading {
  margin: 0;
}
weui-mask .weui-mask__top {
  align-items: flex-start;
  justify-content: center;
}
weui-mask .weui-mask__bottom {
  align-items: flex-end;
  justify-content: center;
}
weui-mask .weui-mask__vertical-left {
  align-items: center;
  justify-content: flex-start;
}
weui-mask .weui-mask__vertical {
  align-items: center;
  justify-content: center;
}
weui-mask .weui-mask__vertical-right {
  align-items: center;
  justify-content: flex-end;
}
.weui-pagination {
  display: flex;
  align-items: center;
  overflow-y: hidden;
  text-align: left;
}
.weui-pagination__item {
  flex: 1;
  box-sizing: border-box;
  min-width: 10px;
  margin-left: 8px;
}
.weui-pagination__item:first-child {
  margin-left: 0;
}
.weui-pagination__item .weui-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.weui-pagination__prev {
  text-align: left;
}
.weui-pagination__num {
  text-align: center;
}
.weui-pagination__next {
  text-align: right;
}
.weui-pagination__dot {
  display: inline-block;
  zoom: 1;
}
.weui-pagination__dot > span {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  background: #ccc;
  border-radius: 50%;
}
.weui-pagination__dot-active > span {
  background: #888;
}
.weui-pagination__non-mini .weui-btn {
  width: auto;
}
.weui-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  background-color: var(--weui-BG-2);
  transform: translateY(100%);
  backface-visibility: hidden;
  transition: transform 0.3s;
}
.weui-popup_full {
  height: 100vh;
  overflow: scroll;
}
.weui-popup_toggle {
  transform: translate(0);
}
.weui-popup__hd {
  position: relative;
  display: flex;
  padding: 10px 15px;
  text-align: center;
  background-color: var(--weui-BG-1);
}
.weui-popup__hd::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  color: var(--weui-FG-0);
  border-bottom: 1px solid var(--weui-DIALOG-LINE-COLOR);
  transform: scaleY(0.5);
  transform-origin: 0 100%;
  content: ' ';
}
.weui-popup__action {
  display: block;
  flex: 1;
  color: var(--weui-FG-HALF);
}
.weui-popup__action:first-child {
  text-align: left;
}
.weui-popup__action:last-child {
  text-align: right;
}
weui-ptr {
  display: block;
  overflow: hidden;
}
weui-ptr .weui-icon-download {
  color: #999;
}
.weui-ptr {
  overflow: hidden;
}
.weui-ptr__loader {
  display: flex;
  align-content: stretch;
  align-items: center;
  width: 100%;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
}
.weui-ptr__content {
  height: 100%;
  overflow: scroll;
}
.weui-rating__container {
  outline: none;
}
.weui-rating__sr-only {
  display: none;
}
.weui-sidebar {
  position: fixed;
  z-index: 99999;
  overflow: auto;
  background-color: var(--weui-BG-2);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  pointer-events: auto;
  will-change: initial;
}
.weui-sidebar__left {
  top: 0;
  bottom: 0;
  left: 0;
}
.weui-sidebar__right {
  top: 0;
  right: 0;
  bottom: 0;
}
.weui-sidebar__top {
  top: 0;
  right: 0;
  left: 0;
}
.weui-sidebar__bottom {
  right: 0;
  bottom: 0;
  left: 0;
}
.weui-sidebar__inert {
  pointer-events: none;
  will-change: transform;
}
.weui-sidebar__content {
  display: block;
  height: 100%;
  overflow: auto;
  transition: margin 0.3s cubic-bezier(0, 0, 0.3, 1);
}
weui-sidebar-container {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
weui-slider {
  display: block;
}
.weui-slider__disabled {
  opacity: 0.5;
  pointer-events: none;
}
weui-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
}
weui-stepper > span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #868686;
  border-radius: 5px;
}
weui-stepper > span em {
  font-size: 20px;
}
weui-stepper > .input {
  display: inline-block;
  width: 60px;
  height: 30px;
}
weui-stepper input {
  display: inline-block;
  width: 100%;
  color: var(--weui-FG-0);
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: var(--weui-BG-2);
  border: none;
}
weui-stepper input[disabled] {
  background: none;
  opacity: 1;
}
weui-stepper input:focus {
  outline: none;
}
weui-stepper .disabled,
weui-stepper input[disabled] {
  opacity: 0.3;
}
weui-swiper {
  position: relative;
  display: block;
}
weui-navbar,
weui-tabbar {
  display: block;
}
.weui-navbar__item[disabled] {
  color: rgba(0, 0, 0, 0.6);
}
.weui-tab__panel > .weui-tab,
.weui-tab__panel > weui-tab {
  display: none;
}
.weui-tab__panel > .active {
  display: block;
}
.weui-toptips__default {
  background-color: #b2b2b2;
}
.weui-toptips__warn {
  background-color: var(--weui-RED);
}
.weui-toptips__info {
  background-color: #586c94;
}
.weui-toptips__primary {
  background-color: var(--weui-BRAND);
}