/**
 * Framework7 3.6.7
 * Full featured mobile HTML framework for building iOS & Android apps
 * http://framework7.io/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 13, 2019
 */
html,
body,
.framework7-root {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
.framework7-root {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.framework7-initializing *,
.framework7-initializing *:before,
.framework7-initializing *:after {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
/*
a, button, input, textarea, .link, .button, label, .sortable-handler {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}
*/
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  html,
  body,
  .framework7-root {
    height: 671px;
  }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  html,
  body,
  .framework7-root {
    height: 672px;
  }
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
a,
input,
textarea,
select {
  outline: 0;
}
a {
  cursor: pointer;
  text-decoration: none;
}
p {
  margin: 1em 0;
}
.disabled {
  opacity: 0.55 !important;
  pointer-events: none !important;
}
.ios body {
  font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
  line-height: 1.4;
}
.ios .md-only,
.ios .if-md {
  display: none !important;
}
.ios a {
  color: #007aff;
}
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  .ios,
  .ios body,
  .ios .framework7-root {
    height: 671px;
  }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  .ios,
  .ios body,
  .ios .framework7-root {
    height: 672px;
  }
}
.ios .theme-dark {
  color: #fff;
}
.ios .color-theme-red a {
  color: #ff3b30;
}
.ios .color-theme-green a {
  color: #4cd964;
}
.ios .color-theme-blue a {
  color: #007aff;
}
.ios .color-theme-pink a {
  color: #ff2d55;
}
.ios .color-theme-yellow a {
  color: #ffcc00;
}
.ios .color-theme-orange a {
  color: #ff9500;
}
.ios .color-theme-gray a {
  color: #8e8e93;
}
.ios .color-theme-white a {
  color: #ffffff;
}
.ios .color-theme-black a {
  color: #000000;
}
.ios a.color-red {
  color: #ff3b30;
}
.ios a.color-green {
  color: #4cd964;
}
.ios a.color-blue {
  color: #007aff;
}
.ios a.color-pink {
  color: #ff2d55;
}
.ios a.color-yellow {
  color: #ffcc00;
}
.ios a.color-orange {
  color: #ff9500;
}
.ios a.color-gray {
  color: #8e8e93;
}
.ios a.color-white {
  color: #ffffff;
}
.ios a.color-black {
  color: #000000;
}
.md body {
  font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
  color: #212121;
  line-height: 1.5;
}
.md .ios-only,
.md .if-ios {
  display: none !important;
}
.md a {
  color: #2196f3;
}
.md .theme-dark {
  color: rgba(255, 255, 255, 0.87);
}
.md .color-theme-red a {
  color: #f44336;
}
.md .color-theme-green a {
  color: #4caf50;
}
.md .color-theme-blue a {
  color: #2196f3;
}
.md .color-theme-pink a {
  color: #e91e63;
}
.md .color-theme-yellow a {
  color: #ffeb3b;
}
.md .color-theme-orange a {
  color: #ff9800;
}
.md .color-theme-gray a {
  color: #9e9e9e;
}
.md .color-theme-white a {
  color: #ffffff;
}
.md .color-theme-black a {
  color: #000000;
}
.md a.color-red {
  color: #f44336;
}
.md a.color-green {
  color: #4caf50;
}
.md a.color-blue {
  color: #2196f3;
}
.md a.color-pink {
  color: #e91e63;
}
.md a.color-yellow {
  color: #ffeb3b;
}
.md a.color-orange {
  color: #ff9800;
}
.md a.color-gray {
  color: #9e9e9e;
}
.md a.color-white {
  color: #ffffff;
}
.md a.color-black {
  color: #000000;
}
/* === Statusbar === */
.statusbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
html.device-ios .statusbar,
html.ios:not(.device-ios):not(.device-android) .statusbar {
  height: 20px;
}
html.device-android .statusbar,
html.md:not(.device-ios):not(.device-android) .statusbar {
  height: 24px;
}
html.device-ios.device-iphone-x .statusbar {
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top);
}
html.with-statusbar .statusbar {
  display: block;
}
html.with-statusbar.device-ios .framework7-root,
html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root {
  padding-top: 20px;
}
html.with-statusbar.device-android .framework7-root,
html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
  padding-top: 24px;
}
html.with-statusbar.device-iphone-x .framework7-root {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.ios .statusbar {
  background: #f7f7f8;
}
.ios .theme-dark .statusbar {
  background-color: #1b1b1b;
}
.md .statusbar {
  background: #0a6ebd;
}
.md .color-theme-red .statusbar {
  background: #d2190b;
}
.md .color-theme-green .statusbar {
  background: #357a38;
}
.md .color-theme-blue .statusbar {
  background: #0a6ebd;
}
.md .color-theme-pink .statusbar {
  background: #aa1145;
}
.md .color-theme-yellow .statusbar {
  background: #eed500;
}
.md .color-theme-orange .statusbar {
  background: #b36a00;
}
.md .color-theme-gray .statusbar {
  background: #787878;
}
.md .color-theme-white .statusbar {
  background: #d9d9d9;
}
.md .color-theme-black .statusbar {
  background: #000000;
}
/* === Views === */
.views,
.view {
  position: relative;
  height: 100%;
  z-index: 5000;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* === Pages === */
.pages {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.page.stacked {
  display: none;
}
.page-previous {
  pointer-events: none;
}
.page-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 1;
}
.ios .page-shadow-effect {
  position: absolute;
  top: 0;
  width: 16px;
  bottom: 0;
  z-index: -1;
  content: '';
  opacity: 0;
  right: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
}
.ios .page-opacity-effect {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  bottom: 0;
  content: '';
  opacity: 0;
  z-index: 10000;
}
.ios .router-dynamic-navbar-inside .page-shadow-effect,
.ios .router-dynamic-navbar-inside .page-opacity-effect {
  top: 44px;
}
.ios .page {
  background: #efeff4;
}
.ios .page-previous {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.ios .page-next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ios .page-previous .page-opacity-effect {
  opacity: 1;
}
.ios .page-previous:after {
  opacity: 1;
}
.ios .page-current .page-shadow-effect {
  opacity: 1;
}
.ios .page-transitioning,
.ios .page-transitioning .page-shadow-effect,
.ios .page-transitioning .page-opacity-effect {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.ios .router-transition-forward .page-next,
.ios .router-transition-backward .page-next,
.ios .router-transition-forward .page-current,
.ios .router-transition-backward .page-current,
.ios .router-transition-forward .page-previous:not(.stacked),
.ios .router-transition-backward .page-previous:not(.stacked) {
  pointer-events: none;
}
.ios .router-transition-css-forward .page-next {
  -webkit-animation: ios-page-next-to-current 400ms forwards;
  animation: ios-page-next-to-current 400ms forwards;
}
.ios .router-transition-css-forward .page-next:before {
  position: absolute;
  top: 0;
  width: 16px;
  bottom: 0;
  z-index: -1;
  content: '';
  opacity: 0;
  right: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-animation: ios-page-next-to-current-shadow 400ms forwards;
  animation: ios-page-next-to-current-shadow 400ms forwards;
}
.ios .router-transition-css-forward .page-current {
  -webkit-animation: ios-page-current-to-previous 400ms forwards;
  animation: ios-page-current-to-previous 400ms forwards;
}
.ios .router-transition-css-forward .page-current:after {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  bottom: 0;
  content: '';
  opacity: 0;
  z-index: 10000;
  -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards;
  animation: ios-page-current-to-previous-opacity 400ms forwards;
}
.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before,
.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after {
  top: 44px;
}
.ios .router-transition-css-backward .page-previous,
.ios .router-transition-css-backward .page-current {
  pointer-events: none;
}
.ios .router-transition-css-backward .page-previous {
  -webkit-animation: ios-page-previous-to-current 400ms forwards;
  animation: ios-page-previous-to-current 400ms forwards;
}
.ios .router-transition-css-backward .page-previous:after {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  bottom: 0;
  content: '';
  opacity: 0;
  z-index: 10000;
  -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards;
  animation: ios-page-previous-to-current-opacity 400ms forwards;
}
.ios .router-transition-css-backward .page-current {
  -webkit-animation: ios-page-current-to-next 400ms forwards;
  animation: ios-page-current-to-next 400ms forwards;
}
.ios .router-transition-css-backward .page-current:before {
  position: absolute;
  top: 0;
  width: 16px;
  bottom: 0;
  z-index: -1;
  content: '';
  opacity: 0;
  right: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-animation: ios-page-current-to-next-shadow 400ms forwards;
  animation: ios-page-current-to-next-shadow 400ms forwards;
}
.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,
.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after {
  top: 44px;
}
.ios .theme-dark .page,
.page.ios .theme-dark {
  background: #171717;
}
@-webkit-keyframes ios-page-next-to-current {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@keyframes ios-page-next-to-current {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@-webkit-keyframes ios-page-previous-to-current {
  from {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@keyframes ios-page-previous-to-current {
  from {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@-webkit-keyframes ios-page-current-to-previous {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
}
@keyframes ios-page-current-to-previous {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
}
@-webkit-keyframes ios-page-current-to-next {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes ios-page-current-to-next {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes ios-page-next-to-current-shadow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ios-page-next-to-current-shadow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ios-page-previous-to-current-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ios-page-previous-to-current-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes ios-page-current-to-previous-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ios-page-current-to-previous-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ios-page-current-to-next-shadow {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ios-page-current-to-next-shadow {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.md .page-shadow-effect {
  position: absolute;
  top: 0;
  width: 16px;
  bottom: 0;
  z-index: -1;
  content: '';
  opacity: 0;
  right: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
}
.md .page-opacity-effect {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  bottom: 0;
  content: '';
  opacity: 0;
  z-index: 10000;
}
.md .page {
  background: #fff;
}
.md .page-next {
  -webkit-transform: translate3d(0, 56px, 0);
  transform: translate3d(0, 56px, 0);
  opacity: 0;
  pointer-events: none;
}
.md .page-next.page-next-on-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.md .page-transitioning,
.md .page-transitioning .page-shadow-effect,
.md .page-transitioning .page-opacity-effect {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}
.md .page-transitioning-swipeback,
.md .page-transitioning-swipeback .page-shadow-effect,
.md .page-transitioning-swipeback .page-opacity-effect {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.md .router-transition-forward .page,
.md .router-transition-backward .page {
  pointer-events: none;
}
.md .router-transition-css-forward .page-next {
  -webkit-animation: md-page-next-to-current 250ms forwards;
  animation: md-page-next-to-current 250ms forwards;
}
.md .router-transition-css-forward .page-current {
  -webkit-animation: none;
  animation: none;
}
.md .router-transition-css-backward .page-current {
  -webkit-animation: md-page-current-to-next 250ms forwards;
  animation: md-page-current-to-next 250ms forwards;
}
.md .router-transition-css-backward .page-previous {
  -webkit-animation: none;
  animation: none;
}
.md .theme-dark .page,
.page.md .theme-dark {
  background: #171717;
}
@-webkit-keyframes md-page-next-to-current {
  from {
    -webkit-transform: translate3d(0, 56px, 0);
    transform: translate3d(0, 56px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
@keyframes md-page-next-to-current {
  from {
    -webkit-transform: translate3d(0, 56px, 0);
    transform: translate3d(0, 56px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes md-page-current-to-next {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 56px, 0);
    transform: translate3d(0, 56px, 0);
    opacity: 0;
  }
}
@keyframes md-page-current-to-next {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 56px, 0);
    transform: translate3d(0, 56px, 0);
    opacity: 0;
  }
}
/* === Link === */
.link,
.tab-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.ios .link {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.ios .link i + span,
.ios .link i + i,
.ios .link span + i,
.ios .link span + span {
  margin-left: 7px;
}
.ios .link.active-state {
  opacity: 0.3;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.md .link i + span,
.md .link i + i,
.md .link span + i,
.md .link span + span {
  margin-left: 8px;
}
/* === Navbar === */
.navbar {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbar b {
  font-weight: 500;
}
.navbar a.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navbar .title,
.navbar .left,
.navbar .right {
  position: relative;
  z-index: 1;
}
.navbar .title {
  text-align: center;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
  font-weight: 500;
  display: inline-block;
}
.navbar .subtitle {
  display: block;
}
.navbar .left,
.navbar .right {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbar .right:first-child {
  position: absolute;
  height: 100%;
}
.navbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navbar-inner.stacked {
  display: none;
}
.views > .navbar,
.view > .navbar,
.page > .navbar {
  position: absolute;
}
.ios .navbar {
  height: 44px;
  font-size: 17px;
  background: #f7f7f8;
}
.ios .navbar.no-hairline:after {
  display: none !important;
}
.ios .navbar:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ios .navbar a.link {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 44px;
  height: 44px;
}
.ios .navbar a.icon-only {
  width: 44px;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ios .navbar .title {
  font-size: 17px;
  margin: 0;
  line-height: 1.2;
}
.ios .navbar .subtitle {
  color: #6d6d72;
  line-height: 1;
  font-size: 10px;
  text-align: center;
  font-weight: normal;
}
.ios .navbar .left a + a,
.ios .navbar .right a + a {
  margin-left: 15px;
}
.ios .navbar b,
.ios .navbar .title {
  font-weight: 600;
}
.ios .navbar .left {
  margin-right: 10px;
}
.ios .navbar .right {
  margin-left: 10px;
}
.ios .navbar .right:first-child {
  right: 8px;
}
.ios .navbar:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .navbar:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .navbar:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .navbar-inner {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 8px;
}
.ios .navbar ~ *:not(.no-navbar) .page-content,
.ios .navbar ~ .page-content {
  padding-top: 44px;
}
.ios .navbar-previous {
  pointer-events: none;
}
.ios .navbar-previous .left,
.ios .navbar-previous .right,
.ios .navbar-previous > .title,
.ios .navbar-previous .subnavbar,
.ios .navbar-previous .fading {
  opacity: 0;
}
.ios .navbar-previous .sliding {
  opacity: 0;
}
.ios .navbar-previous .subnavbar.sliding,
.ios .navbar-previous.sliding .subnavbar {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ios .navbar-next {
  pointer-events: none;
}
.ios .navbar-next .left,
.ios .navbar-next .right,
.ios .navbar-next > .title,
.ios .navbar-next .subnavbar,
.ios .navbar-next .fading {
  opacity: 0;
}
.ios .navbar-next .sliding {
  opacity: 0;
}
.ios .navbar-next.sliding .left,
.ios .navbar-next.sliding .right,
.ios .navbar-next.sliding > .title,
.ios .navbar-next.sliding .subnavbar {
  opacity: 0;
}
.ios .navbar-next .subnavbar.sliding,
.ios .navbar-next.sliding .subnavbar {
  opacity: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ios .navbar-transitioning {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.ios .navbar-hidden {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.ios .router-transition-css-forward .navbar-current .left,
.ios .router-transition-css-backward .navbar-current .left,
.ios .router-transition-css-forward .navbar-current > .title,
.ios .router-transition-css-backward .navbar-current > .title,
.ios .router-transition-css-forward .navbar-current .right,
.ios .router-transition-css-backward .navbar-current .right,
.ios .router-transition-css-forward .navbar-current .subnavbar,
.ios .router-transition-css-backward .navbar-current .subnavbar {
  -webkit-animation: ios-navbar-element-fade-out 400ms forwards;
  animation: ios-navbar-element-fade-out 400ms forwards;
}
.ios .router-transition-css-forward .navbar-current .sliding,
.ios .router-transition-css-backward .navbar-current .sliding,
.ios .router-transition-css-forward .navbar-current .left.sliding .icon,
.ios .router-transition-css-backward .navbar-current .left.sliding .icon,
.ios .router-transition-css-forward .navbar-current.sliding .left,
.ios .router-transition-css-backward .navbar-current.sliding .left,
.ios .router-transition-css-forward .navbar-current.sliding .left .icon,
.ios .router-transition-css-backward .navbar-current.sliding .left .icon,
.ios .router-transition-css-forward .navbar-current.sliding > .title,
.ios .router-transition-css-backward .navbar-current.sliding > .title,
.ios .router-transition-css-forward .navbar-current.sliding .right,
.ios .router-transition-css-backward .navbar-current.sliding .right {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  opacity: 0 !important;
  -webkit-animation: none;
  animation: none;
}
.ios .router-transition-css-forward .navbar-current.sliding .subnavbar,
.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,
.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,
.ios .router-transition-css-backward .navbar-current .sliding.subnavbar {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}
.ios .router-transition-css-forward .navbar-next .left,
.ios .router-transition-css-backward .navbar-previous .left,
.ios .router-transition-css-forward .navbar-next > .title,
.ios .router-transition-css-backward .navbar-previous > .title,
.ios .router-transition-css-forward .navbar-next .right,
.ios .router-transition-css-backward .navbar-previous .right,
.ios .router-transition-css-forward .navbar-next .subnavbar,
.ios .router-transition-css-backward .navbar-previous .subnavbar {
  -webkit-animation: ios-navbar-element-fade-in 400ms forwards;
  animation: ios-navbar-element-fade-in 400ms forwards;
}
.ios .router-transition-css-forward .navbar-next .sliding,
.ios .router-transition-css-backward .navbar-previous .sliding,
.ios .router-transition-css-forward .navbar-next .left.sliding .icon,
.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,
.ios .router-transition-css-forward .navbar-next.sliding .left,
.ios .router-transition-css-backward .navbar-previous.sliding .left,
.ios .router-transition-css-forward .navbar-next.sliding .left .icon,
.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,
.ios .router-transition-css-forward .navbar-next.sliding > .title,
.ios .router-transition-css-backward .navbar-previous.sliding > .title,
.ios .router-transition-css-forward .navbar-next.sliding .right,
.ios .router-transition-css-backward .navbar-previous.sliding .right,
.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,
.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
}
.ios .theme-dark .navbar,
.navbar.ios .theme-dark {
  background: #1b1b1b;
}
.ios .theme-dark .navbar:after,
.navbar.ios .theme-dark:after {
  background-color: #282829;
}
.ios .theme-dark .navbar .subtitle,
.navbar.ios .theme-dark .subtitle {
  color: #8e8e93;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .navbar-inner,
  .ios.device-iphone-x .ios-edges .navbar-inner,
  .ios.device-iphone-x .popup .navbar-inner,
  .ios.device-iphone-x .sheet-modal .navbar-inner,
  .ios.device-iphone-x .panel-left .navbar-inner {
    padding-left: calc(8px + constant(safe-area-inset-right));
    padding-left: calc(8px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .navbar-inner,
  .ios.device-iphone-x .ios-edges .navbar-inner,
  .ios.device-iphone-x .popup .navbar-inner,
  .ios.device-iphone-x .sheet-modal .navbar-inner,
  .ios.device-iphone-x .panel-right .navbar-inner {
    padding-right: calc(8px + constant(safe-area-inset-right));
    padding-right: calc(8px + env(safe-area-inset-right));
  }
}
@-webkit-keyframes ios-navbar-element-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ios-navbar-element-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ios-navbar-element-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ios-navbar-element-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.md .navbar {
  height: 56px;
  background: #2196f3;
  color: #fff;
  font-size: 20px;
}
.md .navbar:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  bottom: auto;
  height: 10px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .navbar.no-shadow:after {
  display: none;
}
.md .navbar a {
  color: inherit;
}
.md .navbar a.link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 16px;
  min-width: 48px;
  height: 56px;
  line-height: 56px;
}
.md .navbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .navbar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .navbar a.icon-only {
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.md .navbar .title {
  margin: 0 16px;
  line-height: 1.2;
  text-align: left;
}
.md .navbar .subtitle {
  line-height: 1.2;
  font-size: 14px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.85);
}
.md .navbar .right {
  margin-left: auto;
}
.md .navbar .right:first-child {
  right: 16px;
}
.md .navbar-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
}
.md .page-with-subnavbar .navbar-inner {
  overflow: visible;
}
.md .navbar ~ * .page-content,
.md .navbar ~ .page-content {
  padding-top: 56px;
}
@media (min-width: 768px) {
  .md .navbar {
    height: 64px;
  }
  .md .navbar a.link {
    height: 64px;
    line-height: 64px;
  }
  .md .navbar ~ * .page-content,
  .md .navbar ~ .page-content {
    padding-top: 64px;
  }
}
.md .navbar-transitioning {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.md .navbar-hidden {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.md .navbar-hidden:after {
  display: none;
}
.md .color-theme-red .navbar,
.md .color-theme-red.navbar {
  background: #f44336;
}
.md .color-theme-green .navbar,
.md .color-theme-green.navbar {
  background: #4caf50;
}
.md .color-theme-blue .navbar,
.md .color-theme-blue.navbar {
  background: #2196f3;
}
.md .color-theme-pink .navbar,
.md .color-theme-pink.navbar {
  background: #e91e63;
}
.md .color-theme-yellow .navbar,
.md .color-theme-yellow.navbar {
  background: #ffeb3b;
}
.md .color-theme-orange .navbar,
.md .color-theme-orange.navbar {
  background: #ff9800;
}
.md .color-theme-gray .navbar,
.md .color-theme-gray.navbar {
  background: #9e9e9e;
}
.md .color-theme-white .navbar,
.md .color-theme-white.navbar {
  background: #ffffff;
}
.md .color-theme-black .navbar,
.md .color-theme-black.navbar {
  background: #000000;
}
.md .navbar.color-red {
  background: #f44336;
}
.md .navbar.color-green {
  background: #4caf50;
}
.md .navbar.color-blue {
  background: #2196f3;
}
.md .navbar.color-pink {
  background: #e91e63;
}
.md .navbar.color-yellow {
  background: #ffeb3b;
}
.md .navbar.color-orange {
  background: #ff9800;
}
.md .navbar.color-gray {
  background: #9e9e9e;
}
.md .navbar.color-white {
  background: #ffffff;
}
.md .navbar.color-black {
  background: #000000;
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .navbar-inner,
  .md.device-iphone-x .ios-edges .navbar-inner,
  .md.device-iphone-x .popup .navbar-inner,
  .md.device-iphone-x .sheet-modal .navbar-inner,
  .md.device-iphone-x .panel-left .navbar-inner {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .md.device-iphone-x .ios-right-edge .navbar-inner,
  .md.device-iphone-x .ios-edges .navbar-inner,
  .md.device-iphone-x .popup .navbar-inner,
  .md.device-iphone-x .sheet-modal .navbar-inner,
  .md.device-iphone-x .panel-right .navbar-inner {
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
/* === Toolbar === */
.toolbar {
  width: 100%;
  position: relative;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
}
.toolbar b {
  font-weight: 500;
}
.toolbar a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toolbar a.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.toolbar i.icon {
  display: block;
}
.toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.views > .tabbar,
.views > .tabbar-labels {
  z-index: 5001;
}
.tabbar a.link,
.tabbar-labels a.link {
  line-height: 1.4;
}
.tabbar a.tab-link,
.tabbar-labels a.tab-link,
.tabbar a.link,
.tabbar-labels a.link {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tabbar-labels a.tab-link,
.tabbar-labels a.link {
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tabbar-labels a.tab-link .tabbar-label,
.tabbar-labels a.link .tabbar-label {
  display: block;
  line-height: 1;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tabbar-scrollable .toolbar-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  opacity: 0 !important;
}
.tabbar-scrollable a.tab-link,
.tabbar-scrollable a.link {
  width: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.views > .toolbar,
.view > .toolbar,
.page > .toolbar {
  position: absolute;
}
.ios .toolbar {
  height: 44px;
  font-size: 17px;
  background: #f7f7f8;
  bottom: 0;
}
.ios .toolbar:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ios .toolbar a.link {
  line-height: 44px;
  height: 44px;
}
.ios .toolbar a.link i + span,
.ios .toolbar a.link i + i,
.ios .toolbar a.link span + i,
.ios .toolbar a.link span + span {
  margin-left: 7px;
}
.ios .toolbar a.icon-only {
  min-height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  min-width: 44px;
}
.ios .toolbar b {
  font-weight: 600;
}
.ios .toolbar.no-hairline:before {
  display: none !important;
}
.ios .toolbar:before {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .toolbar:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .toolbar:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .toolbar-inner {
  padding: 0 8px;
}
.ios .tabbar,
.ios .tabbar-labels {
  color: #929292;
}
.ios .tabbar a,
.ios .tabbar-labels a {
  color: #929292;
}
.ios .tabbar a.tab-link-active,
.ios .tabbar-labels a.tab-link-active {
  color: #007aff;
}
.ios .tabbar i.icon,
.ios .tabbar-labels i.icon {
  height: 30px;
}
.ios .tabbar-labels {
  height: 50px;
}
.ios .tabbar-labels a.tab-link,
.ios .tabbar-labels a.link {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ios .tabbar-labels a.tab-link i + span,
.ios .tabbar-labels a.link i + span {
  margin: 0;
}
.ios .tabbar-labels .tabbar-label {
  letter-spacing: 0.01em;
  font-size: 10px;
}
@media (min-width: 768px) {
  .ios .tabbar .toolbar-inner,
  .ios .tabbar-labels .toolbar-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ios .tabbar a.tab-link,
  .ios .tabbar-labels a.tab-link,
  .ios .tabbar a.link,
  .ios .tabbar-labels a.link {
    width: auto;
    min-width: 105px;
  }
  .ios .tabbar-labels {
    height: 56px;
  }
  .ios .tabbar-labels .tabbar-label {
    font-size: 14px;
  }
}
.ios .tabbar-scrollable .toolbar-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ios .tabbar-scrollable a.tab-link,
.ios .tabbar-scrollable a.link {
  padding: 0 8px;
}
.ios .toolbar ~ * .page-content,
.ios .toolbar ~ .page-content {
  padding-bottom: 44px;
}
.ios .tabbar-labels ~ * .page-content,
.ios .tabbar-labels ~ .page-content {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .ios .tabbar-labels ~ * .page-content,
  .ios .tabbar-labels ~ .page-content {
    padding-bottom: 56px;
  }
}
.ios .toolbar-transitioning {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.ios .toolbar-hidden {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.ios .theme-dark .toolbar,
.toolbar.ios .theme-dark {
  background: #1b1b1b;
}
.ios .theme-dark .toolbar:before,
.toolbar.ios .theme-dark:before {
  background-color: #282829;
}
.ios .color-theme-red .tabbar a.tab-link-active,
.ios .color-theme-red .tabbar-labels a.tab-link-active,
.ios .color-theme-red.tabbar-labels a.tab-link-active,
.ios .color-theme-red.tabbar a.tab-link-active {
  color: #ff3b30;
}
.ios .color-theme-green .tabbar a.tab-link-active,
.ios .color-theme-green .tabbar-labels a.tab-link-active,
.ios .color-theme-green.tabbar-labels a.tab-link-active,
.ios .color-theme-green.tabbar a.tab-link-active {
  color: #4cd964;
}
.ios .color-theme-blue .tabbar a.tab-link-active,
.ios .color-theme-blue .tabbar-labels a.tab-link-active,
.ios .color-theme-blue.tabbar-labels a.tab-link-active,
.ios .color-theme-blue.tabbar a.tab-link-active {
  color: #007aff;
}
.ios .color-theme-pink .tabbar a.tab-link-active,
.ios .color-theme-pink .tabbar-labels a.tab-link-active,
.ios .color-theme-pink.tabbar-labels a.tab-link-active,
.ios .color-theme-pink.tabbar a.tab-link-active {
  color: #ff2d55;
}
.ios .color-theme-yellow .tabbar a.tab-link-active,
.ios .color-theme-yellow .tabbar-labels a.tab-link-active,
.ios .color-theme-yellow.tabbar-labels a.tab-link-active,
.ios .color-theme-yellow.tabbar a.tab-link-active {
  color: #ffcc00;
}
.ios .color-theme-orange .tabbar a.tab-link-active,
.ios .color-theme-orange .tabbar-labels a.tab-link-active,
.ios .color-theme-orange.tabbar-labels a.tab-link-active,
.ios .color-theme-orange.tabbar a.tab-link-active {
  color: #ff9500;
}
.ios .color-theme-gray .tabbar a.tab-link-active,
.ios .color-theme-gray .tabbar-labels a.tab-link-active,
.ios .color-theme-gray.tabbar-labels a.tab-link-active,
.ios .color-theme-gray.tabbar a.tab-link-active {
  color: #8e8e93;
}
.ios .color-theme-white .tabbar a.tab-link-active,
.ios .color-theme-white .tabbar-labels a.tab-link-active,
.ios .color-theme-white.tabbar-labels a.tab-link-active,
.ios .color-theme-white.tabbar a.tab-link-active {
  color: #ffffff;
}
.ios .color-theme-black .tabbar a.tab-link-active,
.ios .color-theme-black .tabbar-labels a.tab-link-active,
.ios .color-theme-black.tabbar-labels a.tab-link-active,
.ios .color-theme-black.tabbar a.tab-link-active {
  color: #000000;
}
.ios .tabbar-labels.color-red a.tab-link-active,
.ios .tabbar.color-red a.tab-link-active {
  color: #ff3b30;
}
.ios .tabbar-labels.color-green a.tab-link-active,
.ios .tabbar.color-green a.tab-link-active {
  color: #4cd964;
}
.ios .tabbar-labels.color-blue a.tab-link-active,
.ios .tabbar.color-blue a.tab-link-active {
  color: #007aff;
}
.ios .tabbar-labels.color-pink a.tab-link-active,
.ios .tabbar.color-pink a.tab-link-active {
  color: #ff2d55;
}
.ios .tabbar-labels.color-yellow a.tab-link-active,
.ios .tabbar.color-yellow a.tab-link-active {
  color: #ffcc00;
}
.ios .tabbar-labels.color-orange a.tab-link-active,
.ios .tabbar.color-orange a.tab-link-active {
  color: #ff9500;
}
.ios .tabbar-labels.color-gray a.tab-link-active,
.ios .tabbar.color-gray a.tab-link-active {
  color: #8e8e93;
}
.ios .tabbar-labels.color-white a.tab-link-active,
.ios .tabbar.color-white a.tab-link-active {
  color: #ffffff;
}
.ios .tabbar-labels.color-black a.tab-link-active,
.ios .tabbar.color-black a.tab-link-active {
  color: #000000;
}
.ios.device-iphone-x .views > .toolbar,
.ios.device-iphone-x .view > .toolbar,
.ios.device-iphone-x .page > .toolbar,
.ios.device-iphone-x .popup > .toolbar,
.ios.device-iphone-x .panel > .toolbar,
.ios.device-iphone-x .login-screen > .toolbar {
  height: calc(44px + constant(safe-area-inset-bottom));
  height: calc(44px + env(safe-area-inset-bottom));
}
.ios.device-iphone-x .views > .toolbar .toolbar-inner,
.ios.device-iphone-x .view > .toolbar .toolbar-inner,
.ios.device-iphone-x .page > .toolbar .toolbar-inner,
.ios.device-iphone-x .popup > .toolbar .toolbar-inner,
.ios.device-iphone-x .panel > .toolbar .toolbar-inner,
.ios.device-iphone-x .login-screen > .toolbar .toolbar-inner {
  height: auto;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.ios.device-iphone-x .views > .tabbar-labels,
.ios.device-iphone-x .view > .tabbar-labels,
.ios.device-iphone-x .page > .tabbar-labels,
.ios.device-iphone-x .popup > .tabbar-labels,
.ios.device-iphone-x .panel > .tabbar-labels,
.ios.device-iphone-x .login-screen > .tabbar-labels {
  height: calc(50px + constant(safe-area-inset-bottom));
  height: calc(50px + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  .ios.device-iphone-x .views > .tabbar-labels,
  .ios.device-iphone-x .view > .tabbar-labels,
  .ios.device-iphone-x .page > .tabbar-labels,
  .ios.device-iphone-x .popup > .tabbar-labels,
  .ios.device-iphone-x .panel > .tabbar-labels,
  .ios.device-iphone-x .login-screen > .tabbar-labels {
    height: calc(56px + constant(safe-area-inset-bottom));
    height: calc(56px + env(safe-area-inset-bottom));
  }
}
.ios.device-iphone-x .toolbar ~ * .page-content,
.ios.device-iphone-x .toolbar ~ .page-content {
  padding-bottom: calc(44px + constant(safe-area-inset-bottom));
  padding-bottom: calc(44px + env(safe-area-inset-bottom));
}
.ios.device-iphone-x .tabbar-labels ~ * .page-content,
.ios.device-iphone-x .tabbar-labels ~ .page-content {
  padding-bottom: calc(50px + constant(safe-area-inset-bottom));
  padding-bottom: calc(50px + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  .ios.device-iphone-x .tabbar-labels ~ * .page-content,
  .ios.device-iphone-x .tabbar-labels ~ .page-content {
    padding-bottom: calc(56px + constant(safe-area-inset-bottom));
    padding-bottom: calc(56px + env(safe-area-inset-bottom));
  }
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .toolbar-inner,
  .ios.device-iphone-x .ios-edges .toolbar-inner,
  .ios.device-iphone-x .popup .toolbar-inner,
  .ios.device-iphone-x .sheet-modal .toolbar-inner,
  .ios.device-iphone-x .panel-left .toolbar-inner {
    padding-left: calc(8px + constant(safe-area-inset-left));
    padding-left: calc(8px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .toolbar-inner,
  .ios.device-iphone-x .ios-edges .toolbar-inner,
  .ios.device-iphone-x .popup .toolbar-inner,
  .ios.device-iphone-x .sheet-modal .toolbar-inner,
  .ios.device-iphone-x .panel-right .toolbar-inner {
    padding-right: calc(8px + constant(safe-area-inset-right));
    padding-right: calc(8px + env(safe-area-inset-right));
  }
}
.md .toolbar {
  background: #2196f3;
  height: 48px;
  color: #fff;
  font-size: 14px;
  top: 0;
}
.md .toolbar:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  bottom: auto;
  height: 10px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .toolbar.no-shadow:after {
  display: none;
}
.md .toolbar a {
  color: #fff;
}
.md .toolbar a.link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 16px;
  min-width: 48px;
  line-height: 48px;
  height: 48px;
}
.md .toolbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .toolbar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .toolbar a.link i + span,
.md .toolbar a.link i + i,
.md .toolbar a.link span + i,
.md .toolbar a.link span + span {
  margin-left: 8px;
}
.md .toolbar a.icon-only {
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.md .toolbar-inner {
  overflow: hidden;
}
.md .tabbar a.link,
.md .tabbar-labels a.link,
.md .tabbar a.tab-link,
.md .tabbar-labels a.tab-link {
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.md .tabbar i.icon,
.md .tabbar-labels i.icon {
  height: 24px;
}
.md .tabbar a.tab-link,
.md .tabbar-labels a.tab-link {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.md .tabbar a.tab-link.tab-link-active,
.md .tabbar-labels a.tab-link.tab-link-active,
.md .tabbar a.tab-link.active-state,
.md .tabbar-labels a.tab-link.active-state {
  color: #ffffff;
}
.md .tabbar .tab-link-highlight,
.md .tabbar-labels .tab-link-highlight {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #fff;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  left: 0;
}
.md .toolbar-bottom-md,
.md .messagebar {
  top: auto !important;
  bottom: 0 !important;
}
.md .toolbar-bottom-md:after,
.md .messagebar:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 100%;
  height: 10px;
  top: auto;
  pointer-events: none;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .toolbar-bottom-md .tab-link-highlight,
.md .messagebar .tab-link-highlight {
  bottom: auto;
  top: 0;
}
.md .tabbar-labels {
  height: 72px;
}
.md .tabbar-labels a.tab-link,
.md .tabbar-labels a.link {
  padding-top: 12px;
  padding-bottom: 12px;
}
.md .tabbar-labels .tabbar-label {
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
}
.md .tabbar-labels.toolbar-bottom-md {
  height: 56px;
}
.md .tabbar-labels.toolbar-bottom-md a.tab-link,
.md .tabbar-labels.toolbar-bottom-md a.link {
  padding-top: 7px;
  padding-bottom: 7px;
}
.md .tabbar-labels.toolbar-bottom-md .tabbar-label {
  text-transform: none;
  line-height: 1.2;
  font-weight: normal;
  letter-spacing: 0;
}
.md .tabbar-scrollable .toolbar-inner {
  overflow: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.md .tabbar-scrollable a.tab-link,
.md .tabbar-scrollable a.link {
  padding: 0 16px;
}
.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
  padding-top: 48px;
}
.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
  padding-top: 72px;
}
.md .toolbar-hidden {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.md .toolbar-hidden:after {
  display: none;
}
.md .toolbar-hidden.toolbar-bottom-md,
.md .toolbar-hidden.messagebar {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
  top: 56px;
}
.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
  padding-top: 104px;
}
.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
  padding-top: 128px;
}
.md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
  -webkit-transform: translate3d(0, -104px, 0);
  transform: translate3d(0, -104px, 0);
}
.md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) {
  -webkit-transform: translate3d(0, -128px, 0);
  transform: translate3d(0, -128px, 0);
}
.md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
  -webkit-transform: translate3d(0, -56px, 0);
  transform: translate3d(0, -56px, 0);
}
@media (min-width: 768px) {
  .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
    top: 64px;
  }
  .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content,
  .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
    padding-top: 112px;
  }
  .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content,
  .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content {
    padding-top: 136px;
  }
  .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) {
    -webkit-transform: translate3d(0, -64px, 0);
    transform: translate3d(0, -64px, 0);
  }
  .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) {
    -webkit-transform: translate3d(0, -112px, 0);
    transform: translate3d(0, -112px, 0);
  }
  .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) {
    -webkit-transform: translate3d(0, -136px, 0);
    transform: translate3d(0, -136px, 0);
  }
}
.md .toolbar-bottom-md ~ * .page-content,
.md .toolbar-bottom-md ~ .page-content,
.md .messagebar ~ * .page-content,
.md .messagebar ~ .page-content {
  padding-bottom: 48px;
}
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content,
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
  padding-bottom: 56px;
}
.md .toolbar-transitioning,
.md .navbar-transitioning + .toolbar {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.md .color-theme-red .toolbar:not(.messagebar),
.md .color-theme-red.toolbar:not(.messagebar) {
  background: #f44336;
}
.md .color-theme-green .toolbar:not(.messagebar),
.md .color-theme-green.toolbar:not(.messagebar) {
  background: #4caf50;
}
.md .color-theme-blue .toolbar:not(.messagebar),
.md .color-theme-blue.toolbar:not(.messagebar) {
  background: #2196f3;
}
.md .color-theme-pink .toolbar:not(.messagebar),
.md .color-theme-pink.toolbar:not(.messagebar) {
  background: #e91e63;
}
.md .color-theme-yellow .toolbar:not(.messagebar),
.md .color-theme-yellow.toolbar:not(.messagebar) {
  background: #ffeb3b;
}
.md .color-theme-orange .toolbar:not(.messagebar),
.md .color-theme-orange.toolbar:not(.messagebar) {
  background: #ff9800;
}
.md .color-theme-gray .toolbar:not(.messagebar),
.md .color-theme-gray.toolbar:not(.messagebar) {
  background: #9e9e9e;
}
.md .color-theme-white .toolbar:not(.messagebar),
.md .color-theme-white.toolbar:not(.messagebar) {
  background: #ffffff;
}
.md .color-theme-black .toolbar:not(.messagebar),
.md .color-theme-black.toolbar:not(.messagebar) {
  background: #000000;
}
.md .toolbar:not(.messagebar).color-red {
  background: #f44336;
}
.md .toolbar:not(.messagebar).color-green {
  background: #4caf50;
}
.md .toolbar:not(.messagebar).color-blue {
  background: #2196f3;
}
.md .toolbar:not(.messagebar).color-pink {
  background: #e91e63;
}
.md .toolbar:not(.messagebar).color-yellow {
  background: #ffeb3b;
}
.md .toolbar:not(.messagebar).color-orange {
  background: #ff9800;
}
.md .toolbar:not(.messagebar).color-gray {
  background: #9e9e9e;
}
.md .toolbar:not(.messagebar).color-white {
  background: #ffffff;
}
.md .toolbar:not(.messagebar).color-black {
  background: #000000;
}
.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md),
.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md),
.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md),
.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md),
.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md),
.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) {
  height: calc(48px + constant(safe-area-inset-top));
  height: calc(48px + env(safe-area-inset-top));
}
.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
  height: auto;
}
.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,
.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner {
  bottom: 0;
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
}
.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,
.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels {
  height: calc(72px + constant(safe-area-inset-top));
  height: calc(72px + env(safe-area-inset-top));
}
.md.device-iphone-x .views > .toolbar-bottom-md,
.md.device-iphone-x .view > .toolbar-bottom-md,
.md.device-iphone-x .page > .toolbar-bottom-md,
.md.device-iphone-x .popup > .toolbar-bottom-md,
.md.device-iphone-x .panel > .toolbar-bottom-md,
.md.device-iphone-x .login-screen > .toolbar-bottom-md {
  height: calc(48px + constant(safe-area-inset-bottom));
  height: calc(48px + env(safe-area-inset-bottom));
}
.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner,
.md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner,
.md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner,
.md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner,
.md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner,
.md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner {
  height: auto;
  top: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels,
.md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels,
.md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels,
.md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels,
.md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels,
.md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels {
  height: calc(56px + constant(safe-area-inset-bottom));
  height: calc(56px + env(safe-area-inset-bottom));
}
.md.device-iphone-x .toolbar-bottom-md ~ * .page-content,
.md.device-iphone-x .toolbar-bottom-md ~ .page-content,
.md.device-iphone-x .messagebar ~ * .page-content,
.md.device-iphone-x .messagebar ~ .page-content {
  padding-bottom: calc(48px + constant(safe-area-inset-bottom));
  padding-bottom: calc(48px + env(safe-area-inset-bottom));
}
.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content,
.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content {
  padding-bottom: calc(56px + constant(safe-area-inset-bottom));
  padding-bottom: calc(56px + env(safe-area-inset-bottom));
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .toolbar-inner,
  .md.device-iphone-x .ios-edges .toolbar-inner,
  .md.device-iphone-x .popup .toolbar-inner,
  .md.device-iphone-x .sheet-modal .toolbar-inner,
  .md.device-iphone-x .panel-left .toolbar-inner {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .md.device-iphone-x .ios-right-edge .toolbar-inner,
  .md.device-iphone-x .ios-edges .toolbar-inner,
  .md.device-iphone-x .popup .toolbar-inner,
  .md.device-iphone-x .sheet-modal .toolbar-inner,
  .md.device-iphone-x .panel-right .toolbar-inner {
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
/* === Subnavbar === */
.subnavbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.subnavbar .title {
  position: relative;
  overflow: hidden;
  text-overflow: ellpsis;
  white-space: nowrap;
}
.subnavbar .left,
.subnavbar .right {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.subnavbar .right:first-child {
  position: absolute;
  height: 100%;
}
.subnavbar-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}
.subnavbar-inner.stacked {
  display: none;
}
.navbar .subnavbar {
  top: 100%;
}
.views > .navbar,
.view > .navbar,
.page > .navbar {
  position: absolute;
}
.ios .subnavbar {
  height: 45px;
  margin-top: -1px;
  padding-top: 1px;
  background: #f7f7f8;
}
.ios .subnavbar.no-hairline:after {
  display: none !important;
}
.ios .subnavbar .title {
  font-weight: 700;
  line-height: 1;
  overflow: visible;
  font-size: 34px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
  letter-spacing: -0.03em;
}
.ios .subnavbar .title {
  margin-left: 7px;
}
.ios .subnavbar .left a + a,
.ios .subnavbar .right a + a {
  margin-left: 15px;
}
.ios .subnavbar .left {
  margin-right: 10px;
}
.ios .subnavbar .right {
  margin-left: 10px;
}
.ios .subnavbar .right:first-child {
  right: 8px;
}
.ios .subnavbar a.link {
  line-height: 44px;
  height: 44px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ios .subnavbar a.icon-only {
  min-width: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}
.ios .subnavbar:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .subnavbar:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .subnavbar:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .subnavbar-inner {
  padding: 0 8px;
}
.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
.ios .navbar ~ .subnavbar {
  top: 44px;
}
.ios .page-with-subnavbar .page-content,
.ios .subnavbar ~ .page-content,
.ios .subnavbar ~ * .page-content {
  padding-top: 44px;
}
.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content,
.ios .page-with-subnavbar .navbar ~ .page-content,
.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content,
.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
  padding-top: 88px;
}
.ios .theme-dark .subnavbar,
.subnavbar.ios .theme-dark {
  background: #1b1b1b;
}
.ios .theme-dark .subnavbar:after,
.subnavbar.ios .theme-dark:after {
  background-color: #282829;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .subnavbar-inner,
  .ios.device-iphone-x .ios-edges .subnavbar-inner,
  .ios.device-iphone-x .popup .subnavbar-inner,
  .ios.device-iphone-x .sheet-modal .subnavbar-inner,
  .ios.device-iphone-x .panel-left .subnavbar-inner {
    padding-left: calc(8px + constant(safe-area-inset-left));
    padding-left: calc(8px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .subnavbar-inner,
  .ios.device-iphone-x .ios-edges .subnavbar-inner,
  .ios.device-iphone-x .popup .subnavbar-inner,
  .ios.device-iphone-x .sheet-modal .subnavbar-inner,
  .ios.device-iphone-x .panel-right .subnavbar-inner {
    padding-right: calc(8px + constant(safe-area-inset-right));
    padding-right: calc(8px + env(safe-area-inset-right));
  }
}
.md .subnavbar {
  height: 48px;
  background: #2196f3;
  color: #fff;
}
.md .subnavbar:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  bottom: auto;
  height: 10px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .subnavbar.no-shadow:after {
  display: none;
}
.md .subnavbar .title {
  margin: 0 16px;
  font-size: 20px;
  line-height: 48px;
  display: inline-block;
  text-align: left;
  font-weight: 500;
}
.md .subnavbar .title:first-child {
  margin-left: 56px;
}
.md .subnavbar .right {
  margin-left: auto;
}
.md .subnavbar .right:first-child {
  right: 16px;
}
.md .subnavbar a {
  color: inherit;
}
.md .subnavbar a.link {
  line-height: 48px;
  height: 48px;
  min-width: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 16px;
}
.md .subnavbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .subnavbar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .subnavbar a.icon-only {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
}
.md .subnavbar-inner {
  padding: 0 16px;
}
.md .subnavbar-inner > a.link:first-child {
  margin-left: -16px;
}
.md .subnavbar-inner > a.link:last-child {
  margin-right: -16px;
}
.md .subnavbar ~ * .page-content,
.md .subnavbar ~ .page-content,
.md .page-with-subnavbar .page-content {
  padding-top: 48px;
}
.md .navbar ~ .subnavbar ~ .page-content,
.md .navbar ~ .subnavbar ~ * .page-content,
.md .page-with-subnavbar .navbar ~ * .page-content,
.md .page-with-subnavbar .navbar ~ .page-content {
  padding-top: 104px;
}
@media (min-width: 768px) {
  .md .navbar ~ .subnavbar ~ .page-content,
  .md .navbar ~ .subnavbar ~ * .page-content,
  .md .page-with-subnavbar .navbar ~ * .page-content,
  .md .page-with-subnavbar .navbar ~ .page-content {
    padding-top: 112px;
  }
}
.md .navbar ~ .subnavbar,
.md .navbar ~ * .subnavbar,
.md .page-with-subnavbar .navbar ~ .subnavbar,
.md .page-with-subnavbar .navbar ~ * .subnavbar {
  top: 56px;
}
@media (min-width: 768px) {
  .md .navbar ~ .subnavbar,
  .md .navbar ~ * .subnavbar,
  .md .page-with-subnavbar .navbar ~ .subnavbar,
  .md .page-with-subnavbar .navbar ~ * .subnavbar {
    top: 64px;
  }
}
.md .color-theme-red .subnavbar,
.md .color-theme-red.subnavbar {
  background: #f44336;
}
.md .color-theme-green .subnavbar,
.md .color-theme-green.subnavbar {
  background: #4caf50;
}
.md .color-theme-blue .subnavbar,
.md .color-theme-blue.subnavbar {
  background: #2196f3;
}
.md .color-theme-pink .subnavbar,
.md .color-theme-pink.subnavbar {
  background: #e91e63;
}
.md .color-theme-yellow .subnavbar,
.md .color-theme-yellow.subnavbar {
  background: #ffeb3b;
}
.md .color-theme-orange .subnavbar,
.md .color-theme-orange.subnavbar {
  background: #ff9800;
}
.md .color-theme-gray .subnavbar,
.md .color-theme-gray.subnavbar {
  background: #9e9e9e;
}
.md .color-theme-white .subnavbar,
.md .color-theme-white.subnavbar {
  background: #ffffff;
}
.md .color-theme-black .subnavbar,
.md .color-theme-black.subnavbar {
  background: #000000;
}
.md .subnavbar.color-red {
  background: #f44336;
}
.md .subnavbar.color-green {
  background: #4caf50;
}
.md .subnavbar.color-blue {
  background: #2196f3;
}
.md .subnavbar.color-pink {
  background: #e91e63;
}
.md .subnavbar.color-yellow {
  background: #ffeb3b;
}
.md .subnavbar.color-orange {
  background: #ff9800;
}
.md .subnavbar.color-gray {
  background: #9e9e9e;
}
.md .subnavbar.color-white {
  background: #ffffff;
}
.md .subnavbar.color-black {
  background: #000000;
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .subnavbar-inner,
  .md.device-iphone-x .ios-edges .subnavbar-inner,
  .md.device-iphone-x .popup .subnavbar-inner,
  .md.device-iphone-x .sheet-modal .subnavbar-inner,
  .md.device-iphone-x .panel-left .subnavbar-inner {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .subnavbar-inner,
  .md.device-iphone-x .ios-edges .subnavbar-inner,
  .md.device-iphone-x .popup .subnavbar-inner,
  .md.device-iphone-x .sheet-modal .subnavbar-inner,
  .md.device-iphone-x .panel-right .subnavbar-inner {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
}
/* === Content Block === */
.block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.block.no-hairlines:before,
.block.no-hairlines ul:before,
.md .block.no-hairlines-md:before,
.md .block.no-hairlines-md ul:before,
.ios .block.no-hairlines-ios:before,
.ios .block.no-hairlines-ios ul:before {
  display: none !important;
}
.block.no-hairlines:after,
.block.no-hairlines ul:after,
.md .block.no-hairlines-md:after,
.md .block.no-hairlines-md ul:after,
.ios .block.no-hairlines-ios:after,
.ios .block.no-hairlines-ios ul:after {
  display: none !important;
}
.block.no-hairline-top:before,
.block.no-hairline-top ul:before,
.md .block.no-hairline-top-md:before,
.md .block.no-hairline-top-md ul:before,
.ios .block.no-hairline-top-ios:before,
.ios .block.no-hairline-top-ios ul:before {
  display: none !important;
}
.block.no-hairline-bottom:after,
.block.no-hairline-bottom ul:after,
.md .block.no-hairline-bottom-md:after,
.md .block.no-hairline-bottom-md ul:after,
.ios .block.no-hairline-bottom-ios:after,
.ios .block.no-hairline-bottom-ios ul:after {
  display: none !important;
}
.block > h1:first-child,
.block > h2:first-child,
.block > h3:first-child,
.block > h4:first-child,
.block > p:first-child {
  margin-top: 0;
}
.block > h1:last-child,
.block > h2:last-child,
.block > h3:last-child,
.block > h4:last-child,
.block > p:last-child {
  margin-bottom: 0;
}
.block-title {
  position: relative;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1;
}
.block-strong.inset {
  border-radius: 7px;
}
.block-strong.inset:before {
  display: none !important;
}
.block-strong.inset:after {
  display: none !important;
}
.block-footer,
.block-header {
  font-size: 14px;
}
.block-footer ul:first-child,
.block-header ul:first-child,
.block-footer p:first-child,
.block-header p:first-child,
.block-footer h1:first-child,
.block-header h1:first-child,
.block-footer h2:first-child,
.block-header h2:first-child,
.block-footer h3:first-child,
.block-header h3:first-child,
.block-footer h4:first-child,
.block-header h4:first-child {
  margin-top: 0;
}
.block-footer ul:last-child,
.block-header ul:last-child,
.block-footer p:last-child,
.block-header p:last-child,
.block-footer h1:last-child,
.block-header h1:last-child,
.block-footer h2:last-child,
.block-header h2:last-child,
.block-footer h3:last-child,
.block-header h3:last-child,
.block-footer h4:last-child,
.block-header h4:last-child {
  margin-bottom: 0;
}
.block-footer ul:first-child:last-child,
.block-header ul:first-child:last-child,
.block-footer p:first-child:last-child,
.block-header p:first-child:last-child,
.block-footer h1:first-child:last-child,
.block-header h1:first-child:last-child,
.block-footer h2:first-child:last-child,
.block-header h2:first-child:last-child,
.block-footer h3:first-child:last-child,
.block-header h3:first-child:last-child,
.block-footer h4:first-child:last-child,
.block-header h4:first-child:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.block-header {
  margin-bottom: 10px;
}
.block-footer {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .block-strong.tablet-inset:before {
    display: none !important;
  }
  .block-strong.tablet-inset:after {
    display: none !important;
  }
}
/* === Content Block === */
.ios .block {
  margin: 35px 0;
  padding: 0 15px;
  color: #6d6d72;
}
.ios .block-title {
  text-transform: uppercase;
  color: #6d6d72;
  margin: 35px 15px 10px;
  line-height: 17px;
}
.ios .block-title + .list,
.ios .block-title + .block,
.ios .block-title + .card,
.ios .block-title + .timeline,
.ios .block-title + .block-header {
  margin-top: 10px;
}
.ios .block-strong {
  color: #000;
  background: #fff;
  padding: 15px 15px;
}
.ios .block-strong:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .block-strong:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .block-strong:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .block-strong:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .block-strong:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .block-strong:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .block.inset {
  margin-left: 15px;
  margin-right: 15px;
}
.ios .block-strong-inset {
  border-radius: 7px;
}
.ios .block-header,
.ios .block-footer {
  padding: 0 15px;
  color: #8f8f94;
}
.ios .block .block-header,
.ios .block .block-footer {
  padding: 0 !important;
}
.ios .block-header {
  margin-top: 35px;
}
.ios .block-header + .list,
.ios .block-header + .block,
.ios .block-header + .card,
.ios .block-header + .timeline {
  margin-top: 10px;
}
.ios .block-footer {
  margin-bottom: 35px;
}
.ios .list .block-header,
.ios .block .block-header,
.ios .card .block-header,
.ios .timeline .block-header {
  margin-top: 0;
}
.ios .list .block-footer,
.ios .block .block-footer,
.ios .card .block-footer,
.ios .timeline .block-footer {
  margin-bottom: 0;
}
.ios .list + .block-footer,
.ios .block + .block-footer,
.ios .card + .block-footer,
.ios .timeline + .block-footer {
  margin-top: -25px;
}
.ios .block + .block-footer {
  margin-top: -25px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .ios .block.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px;
  }
  .ios .block-strong.tablet-inset {
    border-radius: 7px;
  }
}
.ios .theme-dark .block-title,
.ios .theme-dark .block-header,
.ios .theme-dark .block-footer {
  color: #8E8E93;
}
.ios .theme-dark .block {
  color: #8E8E93;
}
.ios .theme-dark .block-strong,
.ios .theme-dark.block-strong {
  background-color: #1c1c1d;
  color: #fff;
}
.ios .theme-dark .block-strong:before,
.ios .theme-dark.block-strong:before {
  background-color: #282829;
}
.ios .theme-dark .block-strong:after,
.ios .theme-dark.block-strong:after {
  background-color: #282829;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-left-edge .block-header,
  .ios.device-iphone-x .ios-edges .block-header,
  .ios.device-iphone-x .popup .block-header,
  .ios.device-iphone-x .sheet-modal .block-header,
  .ios.device-iphone-x .panel-left .block-header,
  .ios.device-iphone-x .ios-left-edge .block-footer,
  .ios.device-iphone-x .ios-edges .block-footer,
  .ios.device-iphone-x .popup .block-footer,
  .ios.device-iphone-x .sheet-modal .block-footer,
  .ios.device-iphone-x .panel-left .block-footer {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 0;
  }
  .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(15px + constant(safe-area-inset-left));
    margin-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-right-edge .block-header,
  .ios.device-iphone-x .ios-edges .block-header,
  .ios.device-iphone-x .popup .block-header,
  .ios.device-iphone-x .sheet-modal .block-header,
  .ios.device-iphone-x .panel-right .block-header,
  .ios.device-iphone-x .ios-right-edge .block-footer,
  .ios.device-iphone-x .ios-edges .block-footer,
  .ios.device-iphone-x .popup .block-footer,
  .ios.device-iphone-x .sheet-modal .block-footer,
  .ios.device-iphone-x .panel-right .block-footer {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 0;
  }
  .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(15px + constant(safe-area-inset-right));
    margin-right: calc(15px + env(safe-area-inset-right));
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(15px + constant(safe-area-inset-left));
    margin-left: calc(15px + env(safe-area-inset-left));
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(15px + constant(safe-area-inset-right));
    margin-right: calc(15px + env(safe-area-inset-right));
  }
}
.md .block {
  margin: 32px 0;
  padding: 0 16px;
}
.md .block-title {
  color: rgba(0, 0, 0, 0.54);
  margin: 32px 16px 16px;
  line-height: 16px;
  font-weight: 500;
}
.md .block-title + .list,
.md .block-title + .block,
.md .block-title + .card,
.md .block-title + .timeline,
.md .block-title + .block-header {
  margin-top: 0px;
}
.md .block-strong {
  padding: 16px;
}
.md .block-strong:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .block-strong:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .block-strong:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .block-strong:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .block-strong:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .block-strong:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .block.inset {
  margin-left: 16px;
  margin-right: 16px;
}
.md .block-strong.inset {
  border-radius: 4px;
}
.md .block-header,
.md .block-footer {
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.54);
}
.md .block .block-header,
.md .block .block-footer {
  padding: 0;
}
.md .block-header {
  margin-top: 32px;
}
.md .block-header + .list,
.md .block-header + .block,
.md .block-header + .card,
.md .block-header + .timeline {
  margin-top: 10px;
}
.md .block-footer {
  margin-bottom: 32px;
}
.md .list .block-header,
.md .block .block-header,
.md .card .block-header,
.md .timeline .block-header {
  margin-top: 0;
}
.md .list .block-footer,
.md .block .block-footer,
.md .card .block-footer,
.md .timeline .block-footer {
  margin-bottom: 0;
}
.md .list + .block-footer,
.md .block + .block-footer,
.md .card + .block-footer,
.md .timeline + .block-footer {
  margin-top: -22px;
}
.md .block + .block-footer {
  margin-top: -22px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .md .block.tablet-inset {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 4px;
  }
  .md .block-strong.tablet-inset {
    border-radius: 4px;
  }
}
.md .theme-dark .block-title {
  color: #fff;
}
.md .theme-dark .block-header,
.md .theme-dark .block-footer {
  color: rgba(255, 255, 255, 0.54);
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-left-edge .block-header,
  .md.device-iphone-x .ios-edges .block-header,
  .md.device-iphone-x .popup .block-header,
  .md.device-iphone-x .sheet-modal .block-header,
  .md.device-iphone-x .panel-left .block-header,
  .md.device-iphone-x .ios-left-edge .block-footer,
  .md.device-iphone-x .ios-edges .block-footer,
  .md.device-iphone-x .popup .block-footer,
  .md.device-iphone-x .sheet-modal .block-footer,
  .md.device-iphone-x .panel-left .block-footer {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 0;
  }
  .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(16px + constant(safe-area-inset-left));
    margin-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-right-edge .block-header,
  .md.device-iphone-x .ios-edges .block-header,
  .md.device-iphone-x .popup .block-header,
  .md.device-iphone-x .sheet-modal .block-header,
  .md.device-iphone-x .panel-right .block-header,
  .md.device-iphone-x .ios-right-edge .block-footer,
  .md.device-iphone-x .ios-edges .block-footer,
  .md.device-iphone-x .popup .block-footer,
  .md.device-iphone-x .sheet-modal .block-footer,
  .md.device-iphone-x .panel-right .block-footer {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 0;
  }
  .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(16px + constant(safe-area-inset-right));
    margin-right: calc(16px + env(safe-area-inset-right));
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(16px + constant(safe-area-inset-left));
    margin-left: calc(16px + env(safe-area-inset-left));
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(16px + constant(safe-area-inset-right));
    margin-right: calc(16px + env(safe-area-inset-right));
  }
}
/* === List View === */
.list {
  position: relative;
  z-index: 1;
}
.list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.list ul ul:before {
  display: none !important;
}
.list ul ul:after {
  display: none !important;
}
.list li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list .item-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 8px;
}
.list .item-inner {
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.list .item-title {
  min-width: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.list .item-after {
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.list .item-link,
.list .list-button {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.list .item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.list .item-subtitle {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
}
.list .item-text {
  position: relative;
  overflow: hidden;
  text-overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.list .item-title-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list .item-title-row .item-after {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.list .item-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list .item-cell {
  display: block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.list li:last-child .list-button:after {
  display: none !important;
}
.list li:last-child > .item-inner:after,
.list li:last-child li:last-child > .item-inner:after,
.list li:last-child > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-content > .item-inner:after,
.list li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child > .item-link > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
  display: none !important;
}
.list.no-hairlines:before,
.list.no-hairlines ul:before,
.md .list.no-hairlines-md:before,
.md .list.no-hairlines-md ul:before,
.ios .list.no-hairlines-ios:before,
.ios .list.no-hairlines-ios ul:before {
  display: none !important;
}
.list.no-hairlines:after,
.list.no-hairlines ul:after,
.md .list.no-hairlines-md:after,
.md .list.no-hairlines-md ul:after,
.ios .list.no-hairlines-ios:after,
.ios .list.no-hairlines-ios ul:after {
  display: none !important;
}
.list.no-hairline-top:before,
.list.no-hairline-top ul:before,
.md .list.no-hairline-top-md:before,
.md .list.no-hairline-top-md ul:before,
.ios .list.no-hairline-top-ios:before,
.ios .list.no-hairline-top-ios ul:before {
  display: none !important;
}
.list.no-hairline-bottom:after,
.list.no-hairline-bottom ul:after,
.md .list.no-hairline-bottom-md:after,
.md .list.no-hairline-bottom-md ul:after,
.ios .list.no-hairline-bottom-ios:after,
.ios .list.no-hairline-bottom-ios ul:after {
  display: none !important;
}
.list.no-hairlines-between .item-inner:after,
.md .list.no-hairlines-between-md .item-inner:after,
.ios .list.no-hairlines-between-ios .item-inner:after,
.list.no-hairlines-between .list-button:after,
.md .list.no-hairlines-between-md .list-button:after,
.ios .list.no-hairlines-between-ios .list-button:after,
.list.no-hairlines-between .item-divider:after,
.md .list.no-hairlines-between-md .item-divider:after,
.ios .list.no-hairlines-between-ios .item-divider:after,
.list.no-hairlines-between .list-group-title:after,
.md .list.no-hairlines-between-md .list-group-title:after,
.ios .list.no-hairlines-between-ios .list-group-title:after,
.list.no-hairlines-between .list-group-title:after,
.md .list.no-hairlines-between-md .list-group-title:after,
.ios .list.no-hairlines-between-ios .list-group-title:after {
  display: none !important;
}
.list.no-hairlines-between.simple-list li:after,
.md .list.no-hairlines-between-md.simple-list li:after,
.ios .list.no-hairlines-between-ios.simple-list li:after {
  display: none !important;
}
.list.no-hairlines-between.links-list a:after,
.md .list.no-hairlines-between-md.links-list a:after,
.ios .list.no-hairlines-between-ios.links-list a:after {
  display: none !important;
}
.list.simple-list li {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.list.simple-list li:last-child:after {
  display: none !important;
}
.list.links-list a {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  display: block;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.list.links-list li:last-child a:after {
  display: none !important;
}
.media-list .item-inner,
li.media-item .item-inner {
  display: block;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.media-list .item-link .item-inner,
li.media-item .item-link .item-inner {
  background: none;
}
.media-list .item-media,
li.media-item .item-media {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.media-list .item-media img,
li.media-item .item-media img {
  display: block;
}
.list .item-link .item-inner,
.links-list a,
.media-list .item-link .item-title-row,
li.media-item .item-link .item-title-row,
.media-list.chevron-center .item-link .item-inner,
.media-list .chevron-center .item-link .item-inner,
.media-list .item-link.chevron-center .item-inner,
li.media-item.chevron-center .item-link .item-inner,
li.media-item .chevron-center .item-link .item-inner,
li.media-item .item-link.chevron-center .item-inner {
  background-size: 8px 13px;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.links-list.no-chevron a,
.no-chevron .links-list a,
.links-list .no-chevron a,
.item-link.no-chevron .item-inner,
.no-chevron .item-link .item-inner,
.media-list.no-chevron .item-link .item-title-row,
.no-chevron .media-list .item-link .item-title-row,
li.media-item .no-chevron .item-title-row,
li.media-item.no-chevron .item-title-row,
.media-list.chevron-center .item-title-row,
.media-list .chevron-center .item-title-row,
li.media-item.chevron-center .item-title-row,
li.media-item .chevron-center .item-title-row {
  background-image: none !important;
}
.media-list .item-link .item-inner,
li.media-item .item-link .item-inner {
  background-image: none;
}
.media-list .item-link .item-title-row,
li.media-item .item-link .item-title-row {
  background-position: right center !important;
}
.list-group ul:after,
.list-group ul:before {
  z-index: 25 !important;
}
.list-group + .list-group ul:before {
  display: none !important;
}
li.item-divider,
.item-divider,
li.list-group-title {
  white-space: nowrap;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 15;
}
li.list-group-title,
.list li.list-group-title {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-top: 0;
  z-index: 20;
}
li.list-group-title:before,
.list li.list-group-title:before {
  display: none !important;
}
.list.inset .block-title {
  margin-left: 0;
  margin-right: 0;
}
.list.inset ul:before {
  display: none !important;
}
.list.inset ul:after {
  display: none !important;
}
@media (min-width: 768px) {
  .list.tablet-inset .block-title {
    margin-left: 0;
    margin-right: 0;
  }
  .list.tablet-inset ul:before {
    display: none !important;
  }
  .list.tablet-inset ul:after {
    display: none !important;
  }
}
.theme-dark .list .item-link .item-inner,
.list.theme-dark .item-link .item-inner,
.theme-dark .links-list a,
.links-list.theme-dark a,
.theme-dark .media-list .item-link .item-title-row,
.media-list.theme-dark .item-link .item-title-row,
.theme-dark li.media-item .item-link .item-title-row {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.theme-dark .media-list .item-link .item-inner,
.media-list.theme-dark .item-link .item-inner,
.theme-dark li.media-item .item-link .item-inner {
  background-image: none;
}
.ios .list {
  margin: 35px 0;
  font-size: 17px;
}
.ios .list .item-cell {
  width: 100%;
  min-width: 0;
  margin-left: 15px;
}
.ios .list .item-cell:first-child {
  margin-left: 0;
}
.ios .list ul {
  background: #fff;
}
.ios .list ul ul {
  padding-left: 45px;
}
.ios .list .item-media {
  padding-top: 7px;
}
.ios .list .item-media i + i,
.ios .list .item-media i + img {
  margin-left: 5px;
}
.ios .list .item-media + .item-inner {
  margin-left: 15px;
}
.ios .list .item-inner {
  min-height: 44px;
  padding-right: 15px;
}
.ios .list .item-after {
  color: #8e8e93;
  padding-left: 5px;
}
.ios .list .item-link,
.ios .list .list-button {
  color: inherit;
}
.ios .list .item-link .item-inner,
.ios .list .list-button .item-inner {
  padding-right: 35px;
}
.ios .list .item-link.active-state,
.ios .list .list-button.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
.ios .list .item-link.active-state .item-inner:after,
.ios .list .list-button.active-state .item-inner:after {
  background-color: transparent;
}
.ios .list .list-button {
  padding: 0 15px;
  text-align: center;
  color: #007aff;
  line-height: 44px;
}
.ios .list .item-content {
  min-height: 44px;
  padding-left: 15px;
}
.ios .list .item-subtitle {
  font-size: 15px;
}
.ios .list .item-text {
  font-size: 15px;
  color: #8e8e93;
  line-height: 21px;
  max-height: 42px;
}
.ios .list .item-header,
.ios .list .item-footer {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2;
  white-space: normal;
}
.ios .list .item-footer {
  color: #8e8e93;
}
.ios .list .item-link.no-chevron .item-inner,
.ios .list.no-chevron .item-link .item-inner,
.ios .list .no-chevron .item-link .item-inner,
.ios .no-chevron .list .item-link .item-inner {
  padding-right: 15px;
}
.ios .simple-list li:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .simple-list li:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .simple-list li:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .simple-list li {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 44px;
  height: 44px;
}
.ios .simple-list li:after {
  width: auto;
  left: 15px;
  right: 0;
}
.ios .links-list a:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .links-list a:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .links-list a:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .links-list a {
  height: 44px;
  color: inherit;
}
.ios .links-list a.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
.ios .links-list a:after {
  width: auto;
}
.ios .links-list a {
  padding-left: 15px;
  padding-right: 35px;
}
.ios .links-list a:after {
  left: 15px;
  right: 0;
}
.ios .links-list.no-chevron a,
.ios .no-chevron .links-list a,
.ios .links-list a.no-chevron,
.ios .links-list .no-chevron a {
  padding-right: 15px;
}
.ios .media-list .item-title,
.ios li.media-item .item-title {
  font-weight: 600;
}
.ios .media-list .item-inner,
.ios li.media-item .item-inner {
  padding-top: 10px;
  padding-bottom: 9px;
}
.ios .media-list .item-media,
.ios li.media-item .item-media {
  padding-top: 9px;
  padding-bottom: 10px;
}
.ios .media-list .item-link .item-inner,
.ios li.media-item .item-link .item-inner {
  padding-right: 15px;
}
.ios .media-list .item-link .item-title-row,
.ios li.media-item .item-link .item-title-row {
  padding-right: 20px;
}
.ios .media-list.chevron-center .item-link .item-inner,
.ios .media-list .chevron-center .item-link .item-inner,
.ios .media-list .item-link.chevron-center .item-inner,
.ios li.media-item.chevron-center .item-link .item-inner,
.ios li.media-item .item-link.chevron-center .item-inner,
.ios li.media-item .chevron-center .item-link .item-inner {
  padding-right: 35px;
}
.ios .media-list.no-chevron .item-link .item-title-row,
.ios .no-chevron .media-list .item-link .item-title-row,
.ios .media-list .no-chevron .item-link .item-title-row,
.ios li.media-item.no-chevron .item-link .item-title-row,
.ios .no-chevron li.media-item .item-link .item-title-row,
.ios .media-list.chevron-center .item-title-row,
.ios .media-list .chevron-center .item-title-row,
.ios li.media-item.chevron-center .item-title-row,
.ios li.media-item .chevron-center .item-title-row {
  padding-right: 0 !important;
}
.ios .list .item-link .item-inner,
.ios .links-list a {
  background-position: calc(100% - 15px) center;
}
.ios .item-divider,
.ios .list-group-title {
  margin-top: -1px;
  padding: 4px 15px;
  background: #f7f7f7;
  color: #8e8e93;
}
.ios .item-divider:after,
.ios .list-group-title:after {
  display: none !important;
}
.ios .list-group-title {
  margin-top: 0;
}
.ios .item-divider:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .item-divider:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .item-divider:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list-group-title:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .list-group-title:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .list-group-title:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list .list-button:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .list .list-button:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .list .list-button:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list .item-inner:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .list .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .list .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list ul:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .list ul:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .list ul:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list ul:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .list ul:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .list ul:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .list.inset {
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 7px;
}
.ios .list.inset ul {
  border-radius: 7px;
}
.ios .list.inset li:first-child > a {
  border-radius: 7px 7px 0 0;
}
.ios .list.inset li:last-child > a {
  border-radius: 0 0 7px 7px;
}
.ios .list.inset li:first-child:last-child > a {
  border-radius: 7px;
}
@media (min-width: 768px) {
  .ios .list.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px;
  }
  .ios .list.tablet-inset ul {
    border-radius: 7px;
  }
  .ios .list.tablet-inset li:first-child > a {
    border-radius: 7px 7px 0 0;
  }
  .ios .list.tablet-inset li:last-child > a {
    border-radius: 0 0 7px 7px;
  }
  .ios .list.tablet-inset li:first-child:last-child > a {
    border-radius: 7px;
  }
}
.ios li li:last-child .item-inner:after,
.ios li:last-child li .item-inner:after {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,
html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,
html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(15px + constant(safe-area-inset-left));
    margin-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 15px;
  }
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after {
    left: calc(15px + constant(safe-area-inset-left));
    left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after {
    left: calc(15px + constant(safe-area-inset-left));
    left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(15px + constant(safe-area-inset-right));
    margin-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 15px;
  }
  .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 15px;
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
    background-position: calc(100% - 15px - constant(safe-area-inset-right)) center;
    background-position: calc(100% - 15px - env(safe-area-inset-right)) center;
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
    padding-right: calc(35px + constant(safe-area-inset-right));
    padding-right: calc(35px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
    padding-right: calc(35px + constant(safe-area-inset-right));
    padding-right: calc(35px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner {
    padding-right: calc(35px + constant(safe-area-inset-right));
    padding-right: calc(35px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row {
    padding-right: 0;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(15px + constant(safe-area-inset-left));
    margin-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 15px;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(15px + constant(safe-area-inset-right));
    margin-right: calc(15px + env(safe-area-inset-right));
  }
}
.ios .theme-dark .list ul,
.list.ios .theme-dark ul {
  background: #1c1c1d;
}
.ios .theme-dark .list ul:before,
.list.ios .theme-dark ul:before {
  background-color: #282829;
}
.ios .theme-dark .list ul:after,
.list.ios .theme-dark ul:after {
  background-color: #282829;
}
.ios .theme-dark .list li li:last-child .item-inner:after,
.list.ios .theme-dark li li:last-child .item-inner:after,
.ios .theme-dark .list li:last-child li .item-inner:after,
.list.ios .theme-dark li:last-child li .item-inner:after {
  background-color: #282829;
}
.ios .theme-dark .item-divider:before {
  background-color: #282829;
}
.ios .theme-dark .list-group-title:before {
  background-color: #282829;
}
.ios .theme-dark .list-button:after {
  background-color: #282829;
}
.ios .theme-dark .item-inner:after {
  background-color: #282829;
}
.ios .theme-dark .item-divider,
.ios .theme-dark .list-group-title {
  background-color: #111;
}
.ios .theme-dark .links-list a:after,
.ios .theme-dark .simple-list li:after,
.ios .theme-dark .links-list a:after,
.links-list.ios .theme-dark a .simple-list li:after,
.simple-list.ios .theme-dark li:after {
  background-color: #282829;
}
.ios .theme-dark .list .item-link.active-state,
.list.ios .theme-dark .item-link.active-state,
.ios .theme-dark .list .list-button.active-state,
.list.ios .theme-dark .list-button.active-state,
.ios .theme-dark .links-list a.active-state,
.links-list.ios .theme-dark a.active-state {
  background-color: #363636;
}
.ios .color-theme-red .list-button {
  color: #ff3b30;
}
.ios .color-theme-green .list-button {
  color: #4cd964;
}
.ios .color-theme-blue .list-button {
  color: #007aff;
}
.ios .color-theme-pink .list-button {
  color: #ff2d55;
}
.ios .color-theme-yellow .list-button {
  color: #ffcc00;
}
.ios .color-theme-orange .list-button {
  color: #ff9500;
}
.ios .color-theme-gray .list-button {
  color: #8e8e93;
}
.ios .color-theme-white .list-button {
  color: #ffffff;
}
.ios .color-theme-black .list-button {
  color: #000000;
}
.ios .list .list-button.color-red,
.ios .list li.color-red .list-button,
.ios .links-list li.color-red a,
.ios .simple-list li.color-red,
.ios .links-list a.color-red,
.ios .list .item-link.color-red,
.ios .list li.color-red .item-link {
  color: #ff3b30;
}
.ios .list .list-button.color-green,
.ios .list li.color-green .list-button,
.ios .links-list li.color-green a,
.ios .simple-list li.color-green,
.ios .links-list a.color-green,
.ios .list .item-link.color-green,
.ios .list li.color-green .item-link {
  color: #4cd964;
}
.ios .list .list-button.color-blue,
.ios .list li.color-blue .list-button,
.ios .links-list li.color-blue a,
.ios .simple-list li.color-blue,
.ios .links-list a.color-blue,
.ios .list .item-link.color-blue,
.ios .list li.color-blue .item-link {
  color: #007aff;
}
.ios .list .list-button.color-pink,
.ios .list li.color-pink .list-button,
.ios .links-list li.color-pink a,
.ios .simple-list li.color-pink,
.ios .links-list a.color-pink,
.ios .list .item-link.color-pink,
.ios .list li.color-pink .item-link {
  color: #ff2d55;
}
.ios .list .list-button.color-yellow,
.ios .list li.color-yellow .list-button,
.ios .links-list li.color-yellow a,
.ios .simple-list li.color-yellow,
.ios .links-list a.color-yellow,
.ios .list .item-link.color-yellow,
.ios .list li.color-yellow .item-link {
  color: #ffcc00;
}
.ios .list .list-button.color-orange,
.ios .list li.color-orange .list-button,
.ios .links-list li.color-orange a,
.ios .simple-list li.color-orange,
.ios .links-list a.color-orange,
.ios .list .item-link.color-orange,
.ios .list li.color-orange .item-link {
  color: #ff9500;
}
.ios .list .list-button.color-gray,
.ios .list li.color-gray .list-button,
.ios .links-list li.color-gray a,
.ios .simple-list li.color-gray,
.ios .links-list a.color-gray,
.ios .list .item-link.color-gray,
.ios .list li.color-gray .item-link {
  color: #8e8e93;
}
.ios .list .list-button.color-white,
.ios .list li.color-white .list-button,
.ios .links-list li.color-white a,
.ios .simple-list li.color-white,
.ios .links-list a.color-white,
.ios .list .item-link.color-white,
.ios .list li.color-white .item-link {
  color: #ffffff;
}
.ios .list .list-button.color-black,
.ios .list li.color-black .list-button,
.ios .links-list li.color-black a,
.ios .simple-list li.color-black,
.ios .links-list a.color-black,
.ios .list .item-link.color-black,
.ios .list li.color-black .item-link {
  color: #000000;
}
.md .list {
  margin: 32px 0;
  font-size: 16px;
}
.md .list .item-cell {
  width: 100%;
  min-width: 0;
  margin-left: 16px;
}
.md .list .item-cell:first-child {
  margin-left: 0;
}
.md .list .ripple-wave + .item-cell {
  margin-left: 0;
}
.md .list ul ul {
  padding-left: 56px;
}
.md .list .item-media {
  padding-top: 8px;
  min-width: 40px;
}
.md .list .item-media i + i,
.md .list .item-media i + img {
  margin-left: 8px;
}
.md .list .item-media + .item-inner {
  margin-left: 16px;
}
.md .list .item-inner {
  min-height: 48px;
  padding-right: 16px;
}
.md .list .item-after {
  color: #757575;
  font-size: 14px;
  padding-left: 8px;
}
.md .list .item-link,
.md .list .list-button {
  color: inherit;
}
.md .list .item-link .item-inner,
.md .list .list-button .item-inner {
  padding-right: 42px;
}
.md .list .item-link.active-state,
.md .list .list-button.active-state {
  background-color: rgba(0, 0, 0, 0.1);
}
.md .list .list-button {
  padding: 0 16px;
  font-size: 16px;
  line-height: 48px;
}
.md .list .item-content {
  min-height: 48px;
  padding-left: 16px;
}
.md .list .item-subtitle {
  font-size: 14px;
}
.md .list .item-text {
  font-size: 14px;
  color: #757575;
  line-height: 20px;
  max-height: 40px;
}
.md .list .item-header,
.md .list .item-footer {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2;
  white-space: normal;
}
.md .list .item-footer {
  color: rgba(0, 0, 0, 0.5);
}
.md .list .item-link.no-chevron .item-inner,
.md .list.no-chevron .item-link .item-inner,
.md .list .no-chevron .item-link .item-inner,
.md .no-chevron .list .item-link .item-inner {
  padding-right: 16px;
}
.md .simple-list li:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .simple-list li:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .simple-list li:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .simple-list li {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 48px;
  height: 48px;
}
.md .simple-list li:after {
  width: auto;
  left: 16px;
  right: 0;
}
.md .links-list a:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .links-list a:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .links-list a:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .links-list a {
  height: 48px;
  color: inherit;
}
.md .links-list a.active-state {
  background-color: rgba(0, 0, 0, 0.1);
}
.md .links-list a:after {
  width: auto;
}
.md .links-list a {
  padding-left: 16px;
  padding-right: 42px;
}
.md .links-list a:after {
  left: 16px;
  right: 0;
}
.md .links-list.no-chevron a,
.md .no-chevron .links-list a,
.md .links-list a.no-chevron,
.md .links-list .no-chevron a {
  padding-right: 16px;
}
.md .media-list .item-inner,
.md li.media-item .item-inner {
  padding-top: 14px;
  padding-bottom: 14px;
}
.md .media-list .item-link .item-inner,
.md li.media-item .item-link .item-inner {
  padding-right: 16px;
}
.md .media-list .item-link .item-title-row,
.md li.media-item .item-link .item-title-row {
  padding-right: 26px;
}
.md .media-list .item-media,
.md li.media-item .item-media {
  padding-top: 14px;
  padding-bottom: 14px;
}
.md .media-list.chevron-center .item-link .item-inner,
.md .media-list .chevron-center .item-link .item-inner,
.md .media-list .item-link.chevron-center .item-inner,
.md li.media-item.chevron-center .item-link .item-inner,
.md li.media-item .item-link.chevron-center .item-inner,
.md li.media-item .chevron-center .item-link .item-inner {
  padding-right: 42px;
}
.md .media-list.no-chevron .item-link .item-title-row,
.md .no-chevron .media-list .item-link .item-title-row,
.md .media-list .no-chevron .item-link .item-title-row,
.md li.media-item.no-chevron .item-link .item-title-row,
.md .no-chevron li.media-item .item-link .item-title-row,
.md .media-list.chevron-center .item-title-row,
.md .media-list .chevron-center .item-title-row,
.md li.media-item.chevron-center .item-title-row,
.md li.media-item .chevron-center .item-title-row {
  padding-right: 0 !important;
}
.md .list .item-link .item-inner,
.md .links-list a {
  background-position: calc(100% - 16px) center;
}
.md .item-divider,
.md .list-group-title {
  padding: 0 16px;
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.54);
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.md .item-divider:before,
.md .list-group-title:before {
  display: none !important;
}
.md .item-divider:after,
.md .list-group-title:after {
  display: none !important;
}
.md .list-group-title {
  margin-top: 0;
}
.md .list .item-inner:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .list .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .list .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .list ul:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .list ul:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .list ul:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .list ul:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .list ul:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .list ul:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .list.inset {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 4px;
}
.md .list.inset ul {
  border-radius: 4px;
}
.md .list.inset li:first-child > a {
  border-radius: 4px 4px 0 0;
}
.md .list.inset li:last-child > a {
  border-radius: 0 0 4px 4px;
}
.md .list.inset li:first-child:last-child > a {
  border-radius: 4px;
}
@media (min-width: 768px) {
  .md .list.tablet-inset {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 4px;
  }
  .md .list.tablet-inset li:first-child > a {
    border-radius: 4px 4px 0 0;
  }
  .md .list.tablet-inset li:last-child > a {
    border-radius: 0 0 4px 4px;
  }
  .md .list.tablet-inset li:first-child:last-child > a {
    border-radius: 4px;
  }
}
.md li li:last-child .item-inner:after,
.md li:last-child li .item-inner:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,
html.device-pixel-ratio-2 .md li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,
html.device-pixel-ratio-3 .md li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(16px + constant(safe-area-inset-left));
    margin-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 15px;
  }
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after {
    left: calc(16px + constant(safe-area-inset-left));
    left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,
  .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after {
    left: calc(16px + constant(safe-area-inset-left));
    left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(16px + constant(safe-area-inset-right));
    margin-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 16px;
  }
  .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,
  .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,
  .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer {
    padding-right: 16px;
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
    background-position: calc(100% - 16px - constant(safe-area-inset-right)) center;
    background-position: calc(100% - 16px - env(safe-area-inset-right)) center;
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
    padding-right: calc(42px + constant(safe-area-inset-right));
    padding-right: calc(42px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a {
    padding-right: calc(42px + constant(safe-area-inset-right));
    padding-right: calc(42px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner {
    padding-right: calc(42px + constant(safe-area-inset-right));
    padding-right: calc(42px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,
  .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,
  .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row {
    padding-right: 0;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(16px + constant(safe-area-inset-left));
    margin-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,
  .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,
  .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer {
    padding-left: 15px;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(16px + constant(safe-area-inset-right));
    margin-right: calc(16px + env(safe-area-inset-right));
  }
}
.md .theme-dark .list ul:before,
.list.md .theme-dark ul:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .list ul:after,
.list.md .theme-dark ul:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .list li li:last-child .item-inner:after,
.list.md .theme-dark li li:last-child .item-inner:after,
.md .theme-dark .list li:last-child li .item-inner:after,
.list.md .theme-dark li:last-child li .item-inner:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .item-divider:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .list-group-title:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .list-button:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .item-inner:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .item-divider,
.md .theme-dark .list-group-title {
  background-color: #111;
  color: #fff;
}
.md .theme-dark .links-list a:after,
.md .theme-dark .simple-list li:after,
.md .theme-dark .links-list a:after,
.links-list.md .theme-dark a .simple-list li:after,
.simple-list.md .theme-dark li:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .list .item-link.active-state,
.list.md .theme-dark .item-link.active-state,
.md .theme-dark .list .list-button.active-state,
.list.md .theme-dark .list-button.active-state,
.md .theme-dark .links-list a.active-state,
.links-list.md .theme-dark a.active-state {
  background-color: rgba(255, 255, 255, 0.05);
}
.md .theme-dark .item-after,
.md .theme-dark .item-text {
  color: rgba(255, 255, 255, 0.54);
}
.md .color-theme-red .list-button {
  color: #f44336;
}
.md .color-theme-green .list-button {
  color: #4caf50;
}
.md .color-theme-blue .list-button {
  color: #2196f3;
}
.md .color-theme-pink .list-button {
  color: #e91e63;
}
.md .color-theme-yellow .list-button {
  color: #ffeb3b;
}
.md .color-theme-orange .list-button {
  color: #ff9800;
}
.md .color-theme-gray .list-button {
  color: #9e9e9e;
}
.md .color-theme-white .list-button {
  color: #ffffff;
}
.md .color-theme-black .list-button {
  color: #000000;
}
.md .list .list-button.color-red,
.md .list li.color-red .list-button,
.md .links-list li.color-red a,
.md .simple-list li.color-red,
.md .links-list a.color-red,
.md .list .item-link.color-red,
.md .list li.color-red .item-link {
  color: #f44336;
}
.md .list .list-button.color-green,
.md .list li.color-green .list-button,
.md .links-list li.color-green a,
.md .simple-list li.color-green,
.md .links-list a.color-green,
.md .list .item-link.color-green,
.md .list li.color-green .item-link {
  color: #4caf50;
}
.md .list .list-button.color-blue,
.md .list li.color-blue .list-button,
.md .links-list li.color-blue a,
.md .simple-list li.color-blue,
.md .links-list a.color-blue,
.md .list .item-link.color-blue,
.md .list li.color-blue .item-link {
  color: #2196f3;
}
.md .list .list-button.color-pink,
.md .list li.color-pink .list-button,
.md .links-list li.color-pink a,
.md .simple-list li.color-pink,
.md .links-list a.color-pink,
.md .list .item-link.color-pink,
.md .list li.color-pink .item-link {
  color: #e91e63;
}
.md .list .list-button.color-yellow,
.md .list li.color-yellow .list-button,
.md .links-list li.color-yellow a,
.md .simple-list li.color-yellow,
.md .links-list a.color-yellow,
.md .list .item-link.color-yellow,
.md .list li.color-yellow .item-link {
  color: #ffeb3b;
}
.md .list .list-button.color-orange,
.md .list li.color-orange .list-button,
.md .links-list li.color-orange a,
.md .simple-list li.color-orange,
.md .links-list a.color-orange,
.md .list .item-link.color-orange,
.md .list li.color-orange .item-link {
  color: #ff9800;
}
.md .list .list-button.color-gray,
.md .list li.color-gray .list-button,
.md .links-list li.color-gray a,
.md .simple-list li.color-gray,
.md .links-list a.color-gray,
.md .list .item-link.color-gray,
.md .list li.color-gray .item-link {
  color: #9e9e9e;
}
.md .list .list-button.color-white,
.md .list li.color-white .list-button,
.md .links-list li.color-white a,
.md .simple-list li.color-white,
.md .links-list a.color-white,
.md .list .item-link.color-white,
.md .list li.color-white .item-link {
  color: #ffffff;
}
.md .list .list-button.color-black,
.md .list li.color-black .list-button,
.md .links-list li.color-black a,
.md .simple-list li.color-black,
.md .links-list a.color-black,
.md .list .item-link.color-black,
.md .list li.color-black .item-link {
  color: #000000;
}
/* === Badge === */
.badge {
  display: inline-block;
  color: #fff;
  background: #8e8e93;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.icon .badge,
.f7-icons .badge,
.framework7-icons .badge,
.material-icons .badge {
  position: absolute;
  left: 100%;
  margin-left: -10px;
  top: -2px;
}
.ios .badge {
  font-size: 13px;
  border-radius: 20px;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
}
.ios .icon .badge,
.ios .f7-icons .badge,
.ios .framework7-icons .badge,
.ios .material-icons .badge {
  line-height: 16px;
  height: 16px;
  border-radius: 16px;
  padding: 0 4px;
  min-width: 16px;
  font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 10px;
}
.ios .badge.color-red {
  background-color: #ff3b30;
}
.ios .badge.color-green {
  background-color: #4cd964;
}
.ios .badge.color-blue {
  background-color: #007aff;
}
.ios .badge.color-pink {
  background-color: #ff2d55;
}
.ios .badge.color-yellow {
  background-color: #ffcc00;
}
.ios .badge.color-orange {
  background-color: #ff9500;
}
.ios .badge.color-gray {
  background-color: #8e8e93;
}
.ios .badge.color-white {
  background-color: #ffffff;
}
.ios .badge.color-black {
  background-color: #000000;
}
.md .badge {
  font-size: 10px;
  border-radius: 3px;
  padding: 1px 6px;
  vertical-align: middle;
}
.md .icon .badge,
.md .f7-icons .badge,
.md .framework7-icons .badge,
.md .material-icons .badge {
  line-height: 1.4;
  padding: 1px 5px;
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
  font-size: 10px;
}
.md .badge.color-red {
  background-color: #f44336;
}
.md .badge.color-green {
  background-color: #4caf50;
}
.md .badge.color-blue {
  background-color: #2196f3;
}
.md .badge.color-pink {
  background-color: #e91e63;
}
.md .badge.color-yellow {
  background-color: #ffeb3b;
}
.md .badge.color-orange {
  background-color: #ff9800;
}
.md .badge.color-gray {
  background-color: #9e9e9e;
}
.md .badge.color-white {
  background-color: #ffffff;
}
.md .badge.color-black {
  background-color: #000000;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button {
  text-decoration: none;
  text-align: center;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0 10px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
input[type="submit"].button,
input[type="button"].button {
  width: 100%;
}
button {
  width: 100%;
}
.segmented {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.segmented .button,
.segmented button {
  width: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.subnavbar .segmented {
  width: 100%;
}
.ios .button {
  border: 1px solid #007aff;
  color: #007aff;
  border-radius: 5px;
  line-height: 27px;
  height: 29px;
}
.ios .button.active-state {
  background: rgba(0, 122, 255, 0.15);
}
.ios .button.button-round,
.ios .button.button-round-ios {
  border-radius: 29px;
}
.ios .button.button-active,
.ios .button.tab-link-active {
  background: #007aff;
  color: #fff;
}
.ios .button.button-big,
.ios .button.button-big-ios {
  font-size: 17px;
  height: 44px;
  line-height: 42px;
}
.ios .button.button-small,
.ios .button.button-small-ios {
  height: 26px;
  line-height: 22px;
  border-width: 2px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.ios .button.button-small.button-fill.active-state,
.ios .button.button-small-ios.button-fill.active-state,
.ios .button.button-small.button-fill-ios.active-state,
.ios .button.button-small-ios.button-fill-ios.active-state {
  color: #007aff;
  border: 2px solid #007aff;
  background-color: transparent;
  opacity: 1;
}
.ios .button.button-fill,
.ios .button.button-fill-ios {
  color: #fff;
  background: #007aff;
  border-color: transparent;
}
.ios .button.button-fill.active-state,
.ios .button.button-fill-ios.active-state {
  opacity: 0.8;
}
.ios .button i.icon:first-child {
  margin-right: 10px;
}
.ios .button i.icon:last-child {
  margin-left: 10px;
}
.ios .button i.icon:first-child:last-child {
  margin-left: 0;
  margin-right: 0;
}
.ios .segmented .button {
  border-radius: 0;
  border-left-width: 0;
}
.ios .segmented .button:first-child {
  border-radius: 5px 0 0 5px;
  border-left-width: 1px;
  border-left-style: solid;
}
.ios .segmented .button:first-child.button-small {
  border-left-width: 2px;
}
.ios .segmented .button:last-child {
  border-radius: 0 5px 5px 0;
}
.ios .segmented .button:first-child:last-child {
  border-radius: 5px;
}
.ios .segmented .button.button-round:first-child,
.ios .segmented .button.button-round-ios:first-child {
  border-radius: 29px 0 0 29px;
}
.ios .segmented .button.button-round:last-child,
.ios .segmented .button.button-round-ios:last-child {
  border-radius: 0 29px 29px 0;
}
.ios .color-theme-red .button {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ios .color-theme-red .button.active-state {
  background: rgba(255, 59, 48, 0.15);
}
.ios .color-theme-red .button.button-active,
.ios .color-theme-red .button.tab-link-active,
.ios .color-theme-red .button.button-fill,
.ios .color-theme-red .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-red .button.button-active,
.ios .color-theme-red .button.tab-link-active {
  background: #ff3b30;
}
.ios .color-theme-red .button.button-fill,
.ios .color-theme-red .button.button-fill-ios {
  background: #ff3b30;
  border-color: transparent;
}
.ios .color-theme-red .button.button-small.button-fill.active-state,
.ios .color-theme-red .button.button-small-ios.button-fill.active-state,
.ios .color-theme-red .button.button-small.button-fill-ios.active-state,
.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state {
  color: #ff3b30;
  border: 2px solid #ff3b30;
  background-color: transparent;
}
.ios .color-theme-green .button {
  border-color: #4cd964;
  color: #4cd964;
}
.ios .color-theme-green .button.active-state {
  background: rgba(76, 217, 100, 0.15);
}
.ios .color-theme-green .button.button-active,
.ios .color-theme-green .button.tab-link-active,
.ios .color-theme-green .button.button-fill,
.ios .color-theme-green .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-green .button.button-active,
.ios .color-theme-green .button.tab-link-active {
  background: #4cd964;
}
.ios .color-theme-green .button.button-fill,
.ios .color-theme-green .button.button-fill-ios {
  background: #4cd964;
  border-color: transparent;
}
.ios .color-theme-green .button.button-small.button-fill.active-state,
.ios .color-theme-green .button.button-small-ios.button-fill.active-state,
.ios .color-theme-green .button.button-small.button-fill-ios.active-state,
.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state {
  color: #4cd964;
  border: 2px solid #4cd964;
  background-color: transparent;
}
.ios .color-theme-blue .button {
  border-color: #007aff;
  color: #007aff;
}
.ios .color-theme-blue .button.active-state {
  background: rgba(0, 122, 255, 0.15);
}
.ios .color-theme-blue .button.button-active,
.ios .color-theme-blue .button.tab-link-active,
.ios .color-theme-blue .button.button-fill,
.ios .color-theme-blue .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-blue .button.button-active,
.ios .color-theme-blue .button.tab-link-active {
  background: #007aff;
}
.ios .color-theme-blue .button.button-fill,
.ios .color-theme-blue .button.button-fill-ios {
  background: #007aff;
  border-color: transparent;
}
.ios .color-theme-blue .button.button-small.button-fill.active-state,
.ios .color-theme-blue .button.button-small-ios.button-fill.active-state,
.ios .color-theme-blue .button.button-small.button-fill-ios.active-state,
.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state {
  color: #007aff;
  border: 2px solid #007aff;
  background-color: transparent;
}
.ios .color-theme-pink .button {
  border-color: #ff2d55;
  color: #ff2d55;
}
.ios .color-theme-pink .button.active-state {
  background: rgba(255, 45, 85, 0.15);
}
.ios .color-theme-pink .button.button-active,
.ios .color-theme-pink .button.tab-link-active,
.ios .color-theme-pink .button.button-fill,
.ios .color-theme-pink .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-pink .button.button-active,
.ios .color-theme-pink .button.tab-link-active {
  background: #ff2d55;
}
.ios .color-theme-pink .button.button-fill,
.ios .color-theme-pink .button.button-fill-ios {
  background: #ff2d55;
  border-color: transparent;
}
.ios .color-theme-pink .button.button-small.button-fill.active-state,
.ios .color-theme-pink .button.button-small-ios.button-fill.active-state,
.ios .color-theme-pink .button.button-small.button-fill-ios.active-state,
.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state {
  color: #ff2d55;
  border: 2px solid #ff2d55;
  background-color: transparent;
}
.ios .color-theme-yellow .button {
  border-color: #ffcc00;
  color: #ffcc00;
}
.ios .color-theme-yellow .button.active-state {
  background: rgba(255, 204, 0, 0.15);
}
.ios .color-theme-yellow .button.button-active,
.ios .color-theme-yellow .button.tab-link-active,
.ios .color-theme-yellow .button.button-fill,
.ios .color-theme-yellow .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-yellow .button.button-active,
.ios .color-theme-yellow .button.tab-link-active {
  background: #ffcc00;
}
.ios .color-theme-yellow .button.button-fill,
.ios .color-theme-yellow .button.button-fill-ios {
  background: #ffcc00;
  border-color: transparent;
}
.ios .color-theme-yellow .button.button-small.button-fill.active-state,
.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,
.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,
.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state {
  color: #ffcc00;
  border: 2px solid #ffcc00;
  background-color: transparent;
}
.ios .color-theme-orange .button {
  border-color: #ff9500;
  color: #ff9500;
}
.ios .color-theme-orange .button.active-state {
  background: rgba(255, 149, 0, 0.15);
}
.ios .color-theme-orange .button.button-active,
.ios .color-theme-orange .button.tab-link-active,
.ios .color-theme-orange .button.button-fill,
.ios .color-theme-orange .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-orange .button.button-active,
.ios .color-theme-orange .button.tab-link-active {
  background: #ff9500;
}
.ios .color-theme-orange .button.button-fill,
.ios .color-theme-orange .button.button-fill-ios {
  background: #ff9500;
  border-color: transparent;
}
.ios .color-theme-orange .button.button-small.button-fill.active-state,
.ios .color-theme-orange .button.button-small-ios.button-fill.active-state,
.ios .color-theme-orange .button.button-small.button-fill-ios.active-state,
.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state {
  color: #ff9500;
  border: 2px solid #ff9500;
  background-color: transparent;
}
.ios .color-theme-gray .button {
  border-color: #8e8e93;
  color: #8e8e93;
}
.ios .color-theme-gray .button.active-state {
  background: rgba(142, 142, 147, 0.15);
}
.ios .color-theme-gray .button.button-active,
.ios .color-theme-gray .button.tab-link-active,
.ios .color-theme-gray .button.button-fill,
.ios .color-theme-gray .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-gray .button.button-active,
.ios .color-theme-gray .button.tab-link-active {
  background: #8e8e93;
}
.ios .color-theme-gray .button.button-fill,
.ios .color-theme-gray .button.button-fill-ios {
  background: #8e8e93;
  border-color: transparent;
}
.ios .color-theme-gray .button.button-small.button-fill.active-state,
.ios .color-theme-gray .button.button-small-ios.button-fill.active-state,
.ios .color-theme-gray .button.button-small.button-fill-ios.active-state,
.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state {
  color: #8e8e93;
  border: 2px solid #8e8e93;
  background-color: transparent;
}
.ios .color-theme-white .button {
  border-color: #ffffff;
  color: #ffffff;
}
.ios .color-theme-white .button.active-state {
  background: rgba(255, 255, 255, 0.15);
}
.ios .color-theme-white .button.button-active,
.ios .color-theme-white .button.tab-link-active,
.ios .color-theme-white .button.button-fill,
.ios .color-theme-white .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-white .button.button-active,
.ios .color-theme-white .button.tab-link-active {
  background: #ffffff;
}
.ios .color-theme-white .button.button-fill,
.ios .color-theme-white .button.button-fill-ios {
  background: #ffffff;
  border-color: transparent;
}
.ios .color-theme-white .button.button-small.button-fill.active-state,
.ios .color-theme-white .button.button-small-ios.button-fill.active-state,
.ios .color-theme-white .button.button-small.button-fill-ios.active-state,
.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state {
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: transparent;
}
.ios .color-theme-black .button {
  border-color: #000000;
  color: #000000;
}
.ios .color-theme-black .button.active-state {
  background: rgba(0, 0, 0, 0.15);
}
.ios .color-theme-black .button.button-active,
.ios .color-theme-black .button.tab-link-active,
.ios .color-theme-black .button.button-fill,
.ios .color-theme-black .button.button-fill-ios {
  color: #fff;
}
.ios .color-theme-black .button.button-active,
.ios .color-theme-black .button.tab-link-active {
  background: #000000;
}
.ios .color-theme-black .button.button-fill,
.ios .color-theme-black .button.button-fill-ios {
  background: #000000;
  border-color: transparent;
}
.ios .color-theme-black .button.button-small.button-fill.active-state,
.ios .color-theme-black .button.button-small-ios.button-fill.active-state,
.ios .color-theme-black .button.button-small.button-fill-ios.active-state,
.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state {
  color: #000000;
  border: 2px solid #000000;
  background-color: transparent;
}
.ios .button.color-red {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ios .button.color-red.active-state {
  background: rgba(255, 59, 48, 0.15);
}
.ios .button.color-red.button-active,
.ios .button.color-red.tab-link-active,
.ios .button.color-red.button-fill,
.ios .button.color-red.button-fill-ios {
  color: #fff;
}
.ios .button.color-red.button-active,
.ios .button.color-red.tab-link-active {
  background: #ff3b30;
}
.ios .button.color-red.button-fill,
.ios .button.color-red.button-fill-ios {
  background: #ff3b30;
  border-color: transparent;
}
.ios .button.color-red.button-small.button-fill.active-state,
.ios .button.color-red.button-small-ios.button-fill.active-state,
.ios .button.color-red.button-small.button-fill-ios.active-state,
.ios .button.color-red.button-small-ios.button-fill-ios.active-state {
  color: #ff3b30;
  border: 2px solid #ff3b30;
  background-color: transparent;
}
.ios .button.color-green {
  border-color: #4cd964;
  color: #4cd964;
}
.ios .button.color-green.active-state {
  background: rgba(76, 217, 100, 0.15);
}
.ios .button.color-green.button-active,
.ios .button.color-green.tab-link-active,
.ios .button.color-green.button-fill,
.ios .button.color-green.button-fill-ios {
  color: #fff;
}
.ios .button.color-green.button-active,
.ios .button.color-green.tab-link-active {
  background: #4cd964;
}
.ios .button.color-green.button-fill,
.ios .button.color-green.button-fill-ios {
  background: #4cd964;
  border-color: transparent;
}
.ios .button.color-green.button-small.button-fill.active-state,
.ios .button.color-green.button-small-ios.button-fill.active-state,
.ios .button.color-green.button-small.button-fill-ios.active-state,
.ios .button.color-green.button-small-ios.button-fill-ios.active-state {
  color: #4cd964;
  border: 2px solid #4cd964;
  background-color: transparent;
}
.ios .button.color-blue {
  border-color: #007aff;
  color: #007aff;
}
.ios .button.color-blue.active-state {
  background: rgba(0, 122, 255, 0.15);
}
.ios .button.color-blue.button-active,
.ios .button.color-blue.tab-link-active,
.ios .button.color-blue.button-fill,
.ios .button.color-blue.button-fill-ios {
  color: #fff;
}
.ios .button.color-blue.button-active,
.ios .button.color-blue.tab-link-active {
  background: #007aff;
}
.ios .button.color-blue.button-fill,
.ios .button.color-blue.button-fill-ios {
  background: #007aff;
  border-color: transparent;
}
.ios .button.color-blue.button-small.button-fill.active-state,
.ios .button.color-blue.button-small-ios.button-fill.active-state,
.ios .button.color-blue.button-small.button-fill-ios.active-state,
.ios .button.color-blue.button-small-ios.button-fill-ios.active-state {
  color: #007aff;
  border: 2px solid #007aff;
  background-color: transparent;
}
.ios .button.color-pink {
  border-color: #ff2d55;
  color: #ff2d55;
}
.ios .button.color-pink.active-state {
  background: rgba(255, 45, 85, 0.15);
}
.ios .button.color-pink.button-active,
.ios .button.color-pink.tab-link-active,
.ios .button.color-pink.button-fill,
.ios .button.color-pink.button-fill-ios {
  color: #fff;
}
.ios .button.color-pink.button-active,
.ios .button.color-pink.tab-link-active {
  background: #ff2d55;
}
.ios .button.color-pink.button-fill,
.ios .button.color-pink.button-fill-ios {
  background: #ff2d55;
  border-color: transparent;
}
.ios .button.color-pink.button-small.button-fill.active-state,
.ios .button.color-pink.button-small-ios.button-fill.active-state,
.ios .button.color-pink.button-small.button-fill-ios.active-state,
.ios .button.color-pink.button-small-ios.button-fill-ios.active-state {
  color: #ff2d55;
  border: 2px solid #ff2d55;
  background-color: transparent;
}
.ios .button.color-yellow {
  border-color: #ffcc00;
  color: #ffcc00;
}
.ios .button.color-yellow.active-state {
  background: rgba(255, 204, 0, 0.15);
}
.ios .button.color-yellow.button-active,
.ios .button.color-yellow.tab-link-active,
.ios .button.color-yellow.button-fill,
.ios .button.color-yellow.button-fill-ios {
  color: #fff;
}
.ios .button.color-yellow.button-active,
.ios .button.color-yellow.tab-link-active {
  background: #ffcc00;
}
.ios .button.color-yellow.button-fill,
.ios .button.color-yellow.button-fill-ios {
  background: #ffcc00;
  border-color: transparent;
}
.ios .button.color-yellow.button-small.button-fill.active-state,
.ios .button.color-yellow.button-small-ios.button-fill.active-state,
.ios .button.color-yellow.button-small.button-fill-ios.active-state,
.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state {
  color: #ffcc00;
  border: 2px solid #ffcc00;
  background-color: transparent;
}
.ios .button.color-orange {
  border-color: #ff9500;
  color: #ff9500;
}
.ios .button.color-orange.active-state {
  background: rgba(255, 149, 0, 0.15);
}
.ios .button.color-orange.button-active,
.ios .button.color-orange.tab-link-active,
.ios .button.color-orange.button-fill,
.ios .button.color-orange.button-fill-ios {
  color: #fff;
}
.ios .button.color-orange.button-active,
.ios .button.color-orange.tab-link-active {
  background: #ff9500;
}
.ios .button.color-orange.button-fill,
.ios .button.color-orange.button-fill-ios {
  background: #ff9500;
  border-color: transparent;
}
.ios .button.color-orange.button-small.button-fill.active-state,
.ios .button.color-orange.button-small-ios.button-fill.active-state,
.ios .button.color-orange.button-small.button-fill-ios.active-state,
.ios .button.color-orange.button-small-ios.button-fill-ios.active-state {
  color: #ff9500;
  border: 2px solid #ff9500;
  background-color: transparent;
}
.ios .button.color-gray {
  border-color: #8e8e93;
  color: #8e8e93;
}
.ios .button.color-gray.active-state {
  background: rgba(142, 142, 147, 0.15);
}
.ios .button.color-gray.button-active,
.ios .button.color-gray.tab-link-active,
.ios .button.color-gray.button-fill,
.ios .button.color-gray.button-fill-ios {
  color: #fff;
}
.ios .button.color-gray.button-active,
.ios .button.color-gray.tab-link-active {
  background: #8e8e93;
}
.ios .button.color-gray.button-fill,
.ios .button.color-gray.button-fill-ios {
  background: #8e8e93;
  border-color: transparent;
}
.ios .button.color-gray.button-small.button-fill.active-state,
.ios .button.color-gray.button-small-ios.button-fill.active-state,
.ios .button.color-gray.button-small.button-fill-ios.active-state,
.ios .button.color-gray.button-small-ios.button-fill-ios.active-state {
  color: #8e8e93;
  border: 2px solid #8e8e93;
  background-color: transparent;
}
.ios .button.color-white {
  border-color: #ffffff;
  color: #ffffff;
}
.ios .button.color-white.active-state {
  background: rgba(255, 255, 255, 0.15);
}
.ios .button.color-white.button-active,
.ios .button.color-white.tab-link-active,
.ios .button.color-white.button-fill,
.ios .button.color-white.button-fill-ios {
  color: #fff;
}
.ios .button.color-white.button-active,
.ios .button.color-white.tab-link-active {
  background: #ffffff;
}
.ios .button.color-white.button-fill,
.ios .button.color-white.button-fill-ios {
  background: #ffffff;
  border-color: transparent;
}
.ios .button.color-white.button-small.button-fill.active-state,
.ios .button.color-white.button-small-ios.button-fill.active-state,
.ios .button.color-white.button-small.button-fill-ios.active-state,
.ios .button.color-white.button-small-ios.button-fill-ios.active-state {
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: transparent;
}
.ios .button.color-black {
  border-color: #000000;
  color: #000000;
}
.ios .button.color-black.active-state {
  background: rgba(0, 0, 0, 0.15);
}
.ios .button.color-black.button-active,
.ios .button.color-black.tab-link-active,
.ios .button.color-black.button-fill,
.ios .button.color-black.button-fill-ios {
  color: #fff;
}
.ios .button.color-black.button-active,
.ios .button.color-black.tab-link-active {
  background: #000000;
}
.ios .button.color-black.button-fill,
.ios .button.color-black.button-fill-ios {
  background: #000000;
  border-color: transparent;
}
.ios .button.color-black.button-small.button-fill.active-state,
.ios .button.color-black.button-small-ios.button-fill.active-state,
.ios .button.color-black.button-small.button-fill-ios.active-state,
.ios .button.color-black.button-small-ios.button-fill-ios.active-state {
  color: #000000;
  border: 2px solid #000000;
  background-color: transparent;
}
.md .button {
  color: #2196f3;
  border-radius: 4px;
  line-height: 36px;
  height: 36px;
  text-transform: uppercase;
  min-width: 64px;
  padding: 0 8px;
  border: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-weight: 500;
  letter-spacing: 0.03em;
}
.md .button.active-state {
  background: rgba(0, 0, 0, 0.1);
}
.md .button.button-fill,
.md .button.button-fill-md,
.md .button.button-active,
.md .button.tab-link-active {
  background-color: #2196f3;
  color: #fff;
}
.md .button.button-fill.active-state,
.md .button.button-fill-md.active-state,
.md .button.button-active.active-state,
.md .button.tab-link-active.active-state {
  background: #0c82df;
}
.md .button.button-big,
.md .button.button-big-md {
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
}
.md .button.button-round,
.md .button.button-round-md {
  border-radius: 36px;
}
.md .button.button-outline {
  border: 2px solid #2196f3;
  line-height: 32px;
}
.md .button.button-outline.button-big,
.md .button.button-outline.button-big-md {
  line-height: 44px;
}
.md .button.button-small,
.md .button.button-small-md {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.md .button.button-small.button-outline,
.md .button.button-small-md.button-outline {
  border-width: 2px;
  line-height: 24px;
}
.md .button > i.icon + span,
.md .button > span:not(.ripple-wave) + span,
.md .button > span:not(.ripple-wave) + i.icon,
.md .button > i.icon + i.icon {
  margin-left: 8px;
}
.md .button.button-raised {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.md .button.button-raised.active-state {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.md .navbar .button:not(.button-fill):not(.button-fill-md),
.md .subnavbar .button:not(.button-fill):not(.button-fill-md),
.md .toolbar .button:not(.button-fill):not(.button-fill-md) {
  color: #fff;
}
.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,
.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,
.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state {
  background: rgba(255, 255, 255, 0.15);
}
.md .toast .button:not(.button-fill):not(.button-fill-md).active-state {
  background: rgba(255, 255, 255, 0.15);
}
.md .segmented {
  border-radius: 4px;
}
.md .segmented.segmented-raised {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.md .segmented.segmented-round {
  border-radius: 36px;
}
.md .segmented .button {
  border-radius: 0;
  min-width: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.md .segmented .button:first-child {
  border-radius: 4px 0 0 4px;
  border-left: none;
}
.md .segmented .button.button-outline {
  border: 2px solid #2196f3;
}
.md .segmented .button.button-outline:nth-child(n + 2) {
  border-left: none;
}
.md .segmented .button:last-child {
  border-radius: 0 4px 4px 0;
}
.md .segmented .button:first-child:last-child {
  border-radius: 4px;
}
.md .segmented .button.button-round:first-child {
  border-radius: 36px 0 0 36px;
}
.md .segmented .button.button-round:last-child {
  border-radius: 0 36px 36px 0;
}
.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state {
  background-color: rgba(255, 255, 255, 0.1);
}
.md .color-theme-red .button,
.md .color-red .button {
  color: #f44336;
}
.md .color-theme-red .button.button-fill,
.md .color-red .button.button-fill,
.md .color-theme-red .button.button-fill-md,
.md .color-red .button.button-fill-md,
.md .color-theme-red .button.button-active,
.md .color-red .button.button-active,
.md .color-theme-red .button.tab-link-active,
.md .color-red .button.tab-link-active {
  background-color: #f44336;
  color: #fff;
}
.md .color-theme-red .button.button-fill.active-state,
.md .color-red .button.button-fill.active-state,
.md .color-theme-red .button.button-fill-md.active-state,
.md .color-red .button.button-fill-md.active-state,
.md .color-theme-red .button.button-active.active-state,
.md .color-red .button.button-active.active-state,
.md .color-theme-red .button.tab-link-active.active-state,
.md .color-red .button.tab-link-active.active-state {
  background: #f21f0f;
}
.md .color-theme-red .button.button-outline,
.md .color-red .button.button-outline {
  border-color: #f44336;
}
.md .color-theme-green .button,
.md .color-green .button {
  color: #4caf50;
}
.md .color-theme-green .button.button-fill,
.md .color-green .button.button-fill,
.md .color-theme-green .button.button-fill-md,
.md .color-green .button.button-fill-md,
.md .color-theme-green .button.button-active,
.md .color-green .button.button-active,
.md .color-theme-green .button.tab-link-active,
.md .color-green .button.tab-link-active {
  background-color: #4caf50;
  color: #fff;
}
.md .color-theme-green .button.button-fill.active-state,
.md .color-green .button.button-fill.active-state,
.md .color-theme-green .button.button-fill-md.active-state,
.md .color-green .button.button-fill-md.active-state,
.md .color-theme-green .button.button-active.active-state,
.md .color-green .button.button-active.active-state,
.md .color-theme-green .button.tab-link-active.active-state,
.md .color-green .button.tab-link-active.active-state {
  background: #409343;
}
.md .color-theme-green .button.button-outline,
.md .color-green .button.button-outline {
  border-color: #4caf50;
}
.md .color-theme-blue .button,
.md .color-blue .button {
  color: #2196f3;
}
.md .color-theme-blue .button.button-fill,
.md .color-blue .button.button-fill,
.md .color-theme-blue .button.button-fill-md,
.md .color-blue .button.button-fill-md,
.md .color-theme-blue .button.button-active,
.md .color-blue .button.button-active,
.md .color-theme-blue .button.tab-link-active,
.md .color-blue .button.tab-link-active {
  background-color: #2196f3;
  color: #fff;
}
.md .color-theme-blue .button.button-fill.active-state,
.md .color-blue .button.button-fill.active-state,
.md .color-theme-blue .button.button-fill-md.active-state,
.md .color-blue .button.button-fill-md.active-state,
.md .color-theme-blue .button.button-active.active-state,
.md .color-blue .button.button-active.active-state,
.md .color-theme-blue .button.tab-link-active.active-state,
.md .color-blue .button.tab-link-active.active-state {
  background: #0c82df;
}
.md .color-theme-blue .button.button-outline,
.md .color-blue .button.button-outline {
  border-color: #2196f3;
}
.md .color-theme-pink .button,
.md .color-pink .button {
  color: #e91e63;
}
.md .color-theme-pink .button.button-fill,
.md .color-pink .button.button-fill,
.md .color-theme-pink .button.button-fill-md,
.md .color-pink .button.button-fill-md,
.md .color-theme-pink .button.button-active,
.md .color-pink .button.button-active,
.md .color-theme-pink .button.tab-link-active,
.md .color-pink .button.tab-link-active {
  background-color: #e91e63;
  color: #fff;
}
.md .color-theme-pink .button.button-fill.active-state,
.md .color-pink .button.button-fill.active-state,
.md .color-theme-pink .button.button-fill-md.active-state,
.md .color-pink .button.button-fill-md.active-state,
.md .color-theme-pink .button.button-active.active-state,
.md .color-pink .button.button-active.active-state,
.md .color-theme-pink .button.tab-link-active.active-state,
.md .color-pink .button.tab-link-active.active-state {
  background: #ca1452;
}
.md .color-theme-pink .button.button-outline,
.md .color-pink .button.button-outline {
  border-color: #e91e63;
}
.md .color-theme-yellow .button,
.md .color-yellow .button {
  color: #ffeb3b;
}
.md .color-theme-yellow .button.button-fill,
.md .color-yellow .button.button-fill,
.md .color-theme-yellow .button.button-fill-md,
.md .color-yellow .button.button-fill-md,
.md .color-theme-yellow .button.button-active,
.md .color-yellow .button.button-active,
.md .color-theme-yellow .button.tab-link-active,
.md .color-yellow .button.tab-link-active {
  background-color: #ffeb3b;
  color: #fff;
}
.md .color-theme-yellow .button.button-fill.active-state,
.md .color-yellow .button.button-fill.active-state,
.md .color-theme-yellow .button.button-fill-md.active-state,
.md .color-yellow .button.button-fill-md.active-state,
.md .color-theme-yellow .button.button-active.active-state,
.md .color-yellow .button.button-active.active-state,
.md .color-theme-yellow .button.tab-link-active.active-state,
.md .color-yellow .button.tab-link-active.active-state {
  background: #ffe712;
}
.md .color-theme-yellow .button.button-outline,
.md .color-yellow .button.button-outline {
  border-color: #ffeb3b;
}
.md .color-theme-orange .button,
.md .color-orange .button {
  color: #ff9800;
}
.md .color-theme-orange .button.button-fill,
.md .color-orange .button.button-fill,
.md .color-theme-orange .button.button-fill-md,
.md .color-orange .button.button-fill-md,
.md .color-theme-orange .button.button-active,
.md .color-orange .button.button-active,
.md .color-theme-orange .button.tab-link-active,
.md .color-orange .button.tab-link-active {
  background-color: #ff9800;
  color: #fff;
}
.md .color-theme-orange .button.button-fill.active-state,
.md .color-orange .button.button-fill.active-state,
.md .color-theme-orange .button.button-fill-md.active-state,
.md .color-orange .button.button-fill-md.active-state,
.md .color-theme-orange .button.button-active.active-state,
.md .color-orange .button.button-active.active-state,
.md .color-theme-orange .button.tab-link-active.active-state,
.md .color-orange .button.tab-link-active.active-state {
  background: #d68000;
}
.md .color-theme-orange .button.button-outline,
.md .color-orange .button.button-outline {
  border-color: #ff9800;
}
.md .color-theme-gray .button,
.md .color-gray .button {
  color: #9e9e9e;
}
.md .color-theme-gray .button.button-fill,
.md .color-gray .button.button-fill,
.md .color-theme-gray .button.button-fill-md,
.md .color-gray .button.button-fill-md,
.md .color-theme-gray .button.button-active,
.md .color-gray .button.button-active,
.md .color-theme-gray .button.tab-link-active,
.md .color-gray .button.tab-link-active {
  background-color: #9e9e9e;
  color: #fff;
}
.md .color-theme-gray .button.button-fill.active-state,
.md .color-gray .button.button-fill.active-state,
.md .color-theme-gray .button.button-fill-md.active-state,
.md .color-gray .button.button-fill-md.active-state,
.md .color-theme-gray .button.button-active.active-state,
.md .color-gray .button.button-active.active-state,
.md .color-theme-gray .button.tab-link-active.active-state,
.md .color-gray .button.tab-link-active.active-state {
  background: #8a8a8a;
}
.md .color-theme-gray .button.button-outline,
.md .color-gray .button.button-outline {
  border-color: #9e9e9e;
}
.md .color-theme-white .button,
.md .color-white .button {
  color: #ffffff;
}
.md .color-theme-white .button.button-fill,
.md .color-white .button.button-fill,
.md .color-theme-white .button.button-fill-md,
.md .color-white .button.button-fill-md,
.md .color-theme-white .button.button-active,
.md .color-white .button.button-active,
.md .color-theme-white .button.tab-link-active,
.md .color-white .button.tab-link-active {
  background-color: #ffffff;
  color: #fff;
}
.md .color-theme-white .button.button-fill.active-state,
.md .color-white .button.button-fill.active-state,
.md .color-theme-white .button.button-fill-md.active-state,
.md .color-white .button.button-fill-md.active-state,
.md .color-theme-white .button.button-active.active-state,
.md .color-white .button.button-active.active-state,
.md .color-theme-white .button.tab-link-active.active-state,
.md .color-white .button.tab-link-active.active-state {
  background: #ebebeb;
}
.md .color-theme-white .button.button-outline,
.md .color-white .button.button-outline {
  border-color: #ffffff;
}
.md .color-theme-black .button,
.md .color-black .button {
  color: #000000;
}
.md .color-theme-black .button.button-fill,
.md .color-black .button.button-fill,
.md .color-theme-black .button.button-fill-md,
.md .color-black .button.button-fill-md,
.md .color-theme-black .button.button-active,
.md .color-black .button.button-active,
.md .color-theme-black .button.tab-link-active,
.md .color-black .button.tab-link-active {
  background-color: #000000;
  color: #fff;
}
.md .color-theme-black .button.button-fill.active-state,
.md .color-black .button.button-fill.active-state,
.md .color-theme-black .button.button-fill-md.active-state,
.md .color-black .button.button-fill-md.active-state,
.md .color-theme-black .button.button-active.active-state,
.md .color-black .button.button-active.active-state,
.md .color-theme-black .button.tab-link-active.active-state,
.md .color-black .button.tab-link-active.active-state {
  background: #000000;
}
.md .color-theme-black .button.button-outline,
.md .color-black .button.button-outline {
  border-color: #000000;
}
.md .button.color-red {
  color: #f44336;
}
.md .button.color-red.button-fill,
.md .button.color-red.button-fill-md,
.md .button.color-red.button-active,
.md .button.color-red.tab-link-active {
  background-color: #f44336;
  color: #fff;
}
.md .button.color-red.button-fill.active-state,
.md .button.color-red.button-fill-md.active-state,
.md .button.color-red.button-active.active-state,
.md .button.color-red.tab-link-active.active-state {
  background: #f21f0f;
}
.md .button.color-red.button-outline {
  border-color: #f44336;
}
.md .button.color-green {
  color: #4caf50;
}
.md .button.color-green.button-fill,
.md .button.color-green.button-fill-md,
.md .button.color-green.button-active,
.md .button.color-green.tab-link-active {
  background-color: #4caf50;
  color: #fff;
}
.md .button.color-green.button-fill.active-state,
.md .button.color-green.button-fill-md.active-state,
.md .button.color-green.button-active.active-state,
.md .button.color-green.tab-link-active.active-state {
  background: #409343;
}
.md .button.color-green.button-outline {
  border-color: #4caf50;
}
.md .button.color-blue {
  color: #2196f3;
}
.md .button.color-blue.button-fill,
.md .button.color-blue.button-fill-md,
.md .button.color-blue.button-active,
.md .button.color-blue.tab-link-active {
  background-color: #2196f3;
  color: #fff;
}
.md .button.color-blue.button-fill.active-state,
.md .button.color-blue.button-fill-md.active-state,
.md .button.color-blue.button-active.active-state,
.md .button.color-blue.tab-link-active.active-state {
  background: #0c82df;
}
.md .button.color-blue.button-outline {
  border-color: #2196f3;
}
.md .button.color-pink {
  color: #e91e63;
}
.md .button.color-pink.button-fill,
.md .button.color-pink.button-fill-md,
.md .button.color-pink.button-active,
.md .button.color-pink.tab-link-active {
  background-color: #e91e63;
  color: #fff;
}
.md .button.color-pink.button-fill.active-state,
.md .button.color-pink.button-fill-md.active-state,
.md .button.color-pink.button-active.active-state,
.md .button.color-pink.tab-link-active.active-state {
  background: #ca1452;
}
.md .button.color-pink.button-outline {
  border-color: #e91e63;
}
.md .button.color-yellow {
  color: #ffeb3b;
}
.md .button.color-yellow.button-fill,
.md .button.color-yellow.button-fill-md,
.md .button.color-yellow.button-active,
.md .button.color-yellow.tab-link-active {
  background-color: #ffeb3b;
  color: #fff;
}
.md .button.color-yellow.button-fill.active-state,
.md .button.color-yellow.button-fill-md.active-state,
.md .button.color-yellow.button-active.active-state,
.md .button.color-yellow.tab-link-active.active-state {
  background: #ffe712;
}
.md .button.color-yellow.button-outline {
  border-color: #ffeb3b;
}
.md .button.color-orange {
  color: #ff9800;
}
.md .button.color-orange.button-fill,
.md .button.color-orange.button-fill-md,
.md .button.color-orange.button-active,
.md .button.color-orange.tab-link-active {
  background-color: #ff9800;
  color: #fff;
}
.md .button.color-orange.button-fill.active-state,
.md .button.color-orange.button-fill-md.active-state,
.md .button.color-orange.button-active.active-state,
.md .button.color-orange.tab-link-active.active-state {
  background: #d68000;
}
.md .button.color-orange.button-outline {
  border-color: #ff9800;
}
.md .button.color-gray {
  color: #9e9e9e;
}
.md .button.color-gray.button-fill,
.md .button.color-gray.button-fill-md,
.md .button.color-gray.button-active,
.md .button.color-gray.tab-link-active {
  background-color: #9e9e9e;
  color: #fff;
}
.md .button.color-gray.button-fill.active-state,
.md .button.color-gray.button-fill-md.active-state,
.md .button.color-gray.button-active.active-state,
.md .button.color-gray.tab-link-active.active-state {
  background: #8a8a8a;
}
.md .button.color-gray.button-outline {
  border-color: #9e9e9e;
}
.md .button.color-white {
  color: #ffffff;
}
.md .button.color-white.button-fill,
.md .button.color-white.button-fill-md,
.md .button.color-white.button-active,
.md .button.color-white.tab-link-active {
  background-color: #ffffff;
  color: #fff;
}
.md .button.color-white.button-fill.active-state,
.md .button.color-white.button-fill-md.active-state,
.md .button.color-white.button-active.active-state,
.md .button.color-white.tab-link-active.active-state {
  background: #ebebeb;
}
.md .button.color-white.button-outline {
  border-color: #ffffff;
}
.md .button.color-black {
  color: #000000;
}
.md .button.color-black.button-fill,
.md .button.color-black.button-fill-md,
.md .button.color-black.button-active,
.md .button.color-black.tab-link-active {
  background-color: #000000;
  color: #fff;
}
.md .button.color-black.button-fill.active-state,
.md .button.color-black.button-fill-md.active-state,
.md .button.color-black.button-active.active-state,
.md .button.color-black.tab-link-active.active-state {
  background: #000000;
}
.md .button.color-black.button-outline {
  border-color: #000000;
}
/* === Touch Ripple === */
.md .ripple,
.md .fab a,
.md a.link,
.md a.item-link,
.md .button,
.md .dialog-button,
.md .tab-link,
.md .radio,
.md .checkbox,
.md .actions-button,
.md .speed-dial-buttons a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.md .ripple-wave {
  left: 0;
  top: 0;
  position: absolute !important;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  background: rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  font-size: 0;
  -webkit-transform: translate3d(0px, 0px, 0) scale(0);
  transform: translate3d(0px, 0px, 0) scale(0);
  -webkit-transition-duration: 1400ms;
  transition-duration: 1400ms;
}
.md .ripple-wave.ripple-wave-fill {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0.35;
}
.md .ripple-wave.ripple-wave-out {
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  opacity: 0;
}
.button-fill .md .ripple-wave,
.picker-calendar-day .md .ripple-wave {
  z-index: 1;
}
.md .button-fill .ripple-wave,
.md .button-active .ripple-wave,
.md .navbar .ripple-wave,
.md .toolbar .ripple-wave,
.md .subnavbar .ripple-wave,
.md .toast .ripple-wave,
.md .fab a .ripple-wave,
.md .stepper-fill .ripple-wave {
  background: rgba(255, 255, 255, 0.3);
}
.md .messagebar .ripple-wave,
.md .searchbar .ripple-wave {
  background: rgba(0, 0, 0, 0.1);
}
.md .data-table .sortable-cell .ripple-wave {
  z-index: 0;
}
.md .checkbox .ripple-wave,
.md .radio .ripple-wave {
  background: rgba(33, 150, 243, 0.5);
  z-index: 0;
}
.md .theme-dark .page-content .ripple-wave,
.md .theme-dark .messagebar .ripple-wave,
.md .theme-dark .popover .ripple-wave,
.md .theme-dark .calendar .ripple-wave,
.calendar.md .theme-dark .ripple-wave {
  background-color: rgba(255, 255, 255, 0.3);
}
.md .ripple-color-red .ripple-wave,
.md .ripple-red .ripple-wave {
  background-color: rgba(244, 67, 54, 0.3);
}
.md .ripple-color-green .ripple-wave,
.md .ripple-green .ripple-wave {
  background-color: rgba(76, 175, 80, 0.3);
}
.md .ripple-color-blue .ripple-wave,
.md .ripple-blue .ripple-wave {
  background-color: rgba(33, 150, 243, 0.3);
}
.md .ripple-color-pink .ripple-wave,
.md .ripple-pink .ripple-wave {
  background-color: rgba(233, 30, 99, 0.3);
}
.md .ripple-color-yellow .ripple-wave,
.md .ripple-yellow .ripple-wave {
  background-color: rgba(255, 235, 59, 0.3);
}
.md .ripple-color-orange .ripple-wave,
.md .ripple-orange .ripple-wave {
  background-color: rgba(255, 152, 0, 0.3);
}
.md .ripple-color-gray .ripple-wave,
.md .ripple-gray .ripple-wave {
  background-color: rgba(158, 158, 158, 0.3);
}
.md .ripple-color-white .ripple-wave,
.md .ripple-white .ripple-wave {
  background-color: rgba(255, 255, 255, 0.3);
}
.md .ripple-color-black .ripple-wave,
.md .ripple-black .ripple-wave {
  background-color: rgba(0, 0, 0, 0.3);
}
/* === Icon === */
i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative;
}
.ios .icon-back,
.ios .icon-prev {
  width: 12px;
  height: 20px;
}
.ios .icon-forward,
.ios .icon-next {
  width: 12px;
  height: 20px;
}
.ios .icon-next,
.ios .icon-prev {
  width: 10px;
}
.ios .icon-back,
.ios .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .icon-forward,
.ios .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .navbar .f7-icons,
.ios .toolbar .f7-icons {
  font-size: 22px;
}
.ios .tabbar .f7-icons,
.ios .tabbar-labels .f7-icons {
  font-size: 25px;
}
.ios .item-media .f7-icons {
  font-size: 25px;
  width: 29px;
  height: 29px;
}
.ios .button .f7-icons {
  font-size: 22px;
}
.ios .item-media .icon {
  color: #808080;
}
.ios .color-theme-red .icon-back,
.ios .icon-back.color-red,
.ios a.link.color-red .icon-back,
.ios .color-theme-red .icon-prev,
.ios .icon-prev.color-red,
.ios a.link.color-red .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-red .icon-forward,
.ios .icon-forward.color-red,
.ios a.link.color-red .icon-forward,
.ios .color-theme-red .icon-next,
.ios .icon-next.color-red,
.ios a.link.color-red .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-green .icon-back,
.ios .icon-back.color-green,
.ios a.link.color-green .icon-back,
.ios .color-theme-green .icon-prev,
.ios .icon-prev.color-green,
.ios a.link.color-green .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-green .icon-forward,
.ios .icon-forward.color-green,
.ios a.link.color-green .icon-forward,
.ios .color-theme-green .icon-next,
.ios .icon-next.color-green,
.ios a.link.color-green .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-blue .icon-back,
.ios .icon-back.color-blue,
.ios a.link.color-blue .icon-back,
.ios .color-theme-blue .icon-prev,
.ios .icon-prev.color-blue,
.ios a.link.color-blue .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-blue .icon-forward,
.ios .icon-forward.color-blue,
.ios a.link.color-blue .icon-forward,
.ios .color-theme-blue .icon-next,
.ios .icon-next.color-blue,
.ios a.link.color-blue .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-pink .icon-back,
.ios .icon-back.color-pink,
.ios a.link.color-pink .icon-back,
.ios .color-theme-pink .icon-prev,
.ios .icon-prev.color-pink,
.ios a.link.color-pink .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-pink .icon-forward,
.ios .icon-forward.color-pink,
.ios a.link.color-pink .icon-forward,
.ios .color-theme-pink .icon-next,
.ios .icon-next.color-pink,
.ios a.link.color-pink .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-yellow .icon-back,
.ios .icon-back.color-yellow,
.ios a.link.color-yellow .icon-back,
.ios .color-theme-yellow .icon-prev,
.ios .icon-prev.color-yellow,
.ios a.link.color-yellow .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-yellow .icon-forward,
.ios .icon-forward.color-yellow,
.ios a.link.color-yellow .icon-forward,
.ios .color-theme-yellow .icon-next,
.ios .icon-next.color-yellow,
.ios a.link.color-yellow .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-orange .icon-back,
.ios .icon-back.color-orange,
.ios a.link.color-orange .icon-back,
.ios .color-theme-orange .icon-prev,
.ios .icon-prev.color-orange,
.ios a.link.color-orange .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-orange .icon-forward,
.ios .icon-forward.color-orange,
.ios a.link.color-orange .icon-forward,
.ios .color-theme-orange .icon-next,
.ios .icon-next.color-orange,
.ios a.link.color-orange .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-gray .icon-back,
.ios .icon-back.color-gray,
.ios a.link.color-gray .icon-back,
.ios .color-theme-gray .icon-prev,
.ios .icon-prev.color-gray,
.ios a.link.color-gray .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-gray .icon-forward,
.ios .icon-forward.color-gray,
.ios a.link.color-gray .icon-forward,
.ios .color-theme-gray .icon-next,
.ios .icon-next.color-gray,
.ios a.link.color-gray .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-white .icon-back,
.ios .icon-back.color-white,
.ios a.link.color-white .icon-back,
.ios .color-theme-white .icon-prev,
.ios .icon-prev.color-white,
.ios a.link.color-white .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-white .icon-forward,
.ios .icon-forward.color-white,
.ios a.link.color-white .icon-forward,
.ios .color-theme-white .icon-next,
.ios .icon-next.color-white,
.ios a.link.color-white .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-black .icon-back,
.ios .icon-back.color-black,
.ios a.link.color-black .icon-back,
.ios .color-theme-black .icon-prev,
.ios .icon-prev.color-black,
.ios a.link.color-black .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-black .icon-forward,
.ios .icon-forward.color-black,
.ios a.link.color-black .icon-forward,
.ios .color-theme-black .icon-next,
.ios .icon-next.color-black,
.ios a.link.color-black .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.ios .icon.color-red {
  color: #ff3b30;
}
.ios .icon.color-green {
  color: #4cd964;
}
.ios .icon.color-blue {
  color: #007aff;
}
.ios .icon.color-pink {
  color: #ff2d55;
}
.ios .icon.color-yellow {
  color: #ffcc00;
}
.ios .icon.color-orange {
  color: #ff9500;
}
.ios .icon.color-gray {
  color: #8e8e93;
}
.ios .icon.color-white {
  color: #ffffff;
}
.ios .icon.color-black {
  color: #000000;
}
.md .icon-back {
  width: 24px;
  height: 24px;
}
.md .icon-forward {
  width: 24px;
  height: 24px;
}
.md .icon-next,
.md .icon-prev {
  width: 24px;
  height: 24px;
}
.md .item-media .icon {
  color: #737373;
}
.md .item-media .material-icons {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.md .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-red,
.md a.link .color-red .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-red,
.md a.link .color-red .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-red,
.md a.link .color-red .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-red,
.md a.link .color-red .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-green,
.md a.link .color-green .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-green,
.md a.link .color-green .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-green,
.md a.link .color-green .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-green,
.md a.link .color-green .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-blue,
.md a.link .color-blue .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-blue,
.md a.link .color-blue .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-blue,
.md a.link .color-blue .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-blue,
.md a.link .color-blue .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-pink,
.md a.link .color-pink .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-pink,
.md a.link .color-pink .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-pink,
.md a.link .color-pink .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-pink,
.md a.link .color-pink .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-yellow,
.md a.link .color-yellow .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-yellow,
.md a.link .color-yellow .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-yellow,
.md a.link .color-yellow .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-yellow,
.md a.link .color-yellow .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-orange,
.md a.link .color-orange .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-orange,
.md a.link .color-orange .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-orange,
.md a.link .color-orange .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-orange,
.md a.link .color-orange .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-gray,
.md a.link .color-gray .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-gray,
.md a.link .color-gray .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-gray,
.md a.link .color-gray .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-gray,
.md a.link .color-gray .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-white,
.md a.link .color-white .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-white,
.md a.link .color-white .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-white,
.md a.link .color-white .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-white,
.md a.link .color-white .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-back.color-black,
.md a.link .color-black .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-forward.color-black,
.md a.link .color-black .icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-next.color-black,
.md a.link .color-black .icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon-prev.color-black,
.md a.link .color-black .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .icon.color-red {
  color: #f44336;
}
.md .icon.color-green {
  color: #4caf50;
}
.md .icon.color-blue {
  color: #2196f3;
}
.md .icon.color-pink {
  color: #e91e63;
}
.md .icon.color-yellow {
  color: #ffeb3b;
}
.md .icon.color-orange {
  color: #ff9800;
}
.md .icon.color-gray {
  color: #9e9e9e;
}
.md .icon.color-white {
  color: #ffffff;
}
.md .icon.color-black {
  color: #000000;
}
.custom-modal-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  z-index: 10500;
}
.custom-modal-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.custom-modal-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
/* === Dialog === */
.dialog-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.dialog-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.dialog-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.dialog {
  position: absolute;
  z-index: 13500;
  left: 50%;
  margin-top: 0;
  top: 50%;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  display: none;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.dialog.modal-in {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.dialog.modal-out {
  opacity: 0;
  z-index: 13499;
}
.dialog.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.dialog-inner {
  position: relative;
}
.dialog-title {
  font-weight: 500;
}
.dialog-buttons {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dialog-buttons-vertical .dialog-buttons {
  display: block;
  height: auto !important;
}
.dialog-no-buttons .dialog-buttons {
  display: none;
}
.dialog-input-field {
  position: relative;
}
.dialog-input-field .item-input-wrap {
  margin: 0;
  padding: 0;
}
.dialog-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  margin-top: 15px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
  font-family: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html.with-modal-dialog .page-content {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
.ios .dialog {
  width: 270px;
  margin-left: -135px;
  text-align: center;
  border-radius: 13px;
  color: #000;
}
.ios .dialog.modal-out {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.ios .dialog-inner {
  padding: 15px;
  border-radius: 13px 13px 0 0;
  background: rgba(255, 255, 255, 0.95);
}
.ios .dialog-inner:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .dialog-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .dialog-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .dialog-title {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.ios .dialog-title + .dialog-text {
  margin-top: 5px;
}
.ios .dialog-buttons {
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ios .dialog-button {
  width: 100%;
  padding: 0 5px;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  text-align: center;
  color: #007aff;
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  background: rgba(255, 255, 255, 0.95);
}
.ios .dialog-button:first-child {
  border-radius: 0 0 0 13px;
}
.ios .dialog-button:last-child {
  border-radius: 0 0 13px 0;
}
.ios .dialog-button:last-child:after {
  display: none !important;
}
.ios .dialog-button:first-child:last-child {
  border-radius: 0 0 13px 13px;
}
.ios .dialog-button.dialog-button-bold {
  font-weight: 500;
}
.ios .dialog-button.active-state {
  background: rgba(230, 230, 230, 0.95);
}
.ios .dialog-buttons-vertical .dialog-buttons {
  height: auto;
}
.ios .dialog-buttons-vertical .dialog-button {
  border-radius: 0;
}
.ios .dialog-buttons-vertical .dialog-button:last-child {
  border-radius: 0 0 13px 13px;
}
.ios .dialog-buttons-vertical .dialog-button:last-child:after {
  display: none !important;
}
.ios .dialog-button:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ios.device-pixel-ratio-2 .dialog-button:after {
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.ios.device-pixel-ratio-3 .dialog-button:after {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}
.ios .dialog-buttons-vertical .dialog-button:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .dialog-no-buttons .dialog-inner {
  border-radius: 13px;
}
.ios .dialog-no-buttons .dialog-inner:after {
  display: none !important;
}
.ios .dialog-input-field {
  margin-top: 15px;
}
.ios .dialog-input-field .item-input-wrap {
  margin: 0;
}
.ios .dialog-input {
  height: 26px;
  background: #fff;
  padding: 0 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.ios .dialog-input + .dialog-input {
  margin-top: 5px;
}
.ios .dialog-input-double + .dialog-input-double {
  margin-top: 0;
}
.ios .dialog-input-double + .dialog-input-double .dialog-input {
  border-top: 0;
  margin-top: 0;
}
.ios .dialog-preloader .dialog-title ~ .preloader,
.ios .dialog-preloader .dialog-text ~ .preloader {
  margin-top: 5px;
}
.ios .dialog-preloader .preloader {
  width: 34px;
  height: 34px;
}
.ios .dialog-progress .dialog-title ~ .progressbar,
.ios .dialog-progress .dialog-text ~ .progressbar,
.ios .dialog-progress .dialog-title ~ .progressbar-infinite,
.ios .dialog-progress .dialog-text ~ .progressbar-infinite {
  margin-top: 15px;
}
.ios .dialog-button.color-red {
  color: #ff3b30;
}
.ios .dialog-button.color-green {
  color: #4cd964;
}
.ios .dialog-button.color-blue {
  color: #007aff;
}
.ios .dialog-button.color-pink {
  color: #ff2d55;
}
.ios .dialog-button.color-yellow {
  color: #ffcc00;
}
.ios .dialog-button.color-orange {
  color: #ff9500;
}
.ios .dialog-button.color-gray {
  color: #8e8e93;
}
.ios .dialog-button.color-white {
  color: #ffffff;
}
.ios .dialog-button.color-black {
  color: #000000;
}
.md .dialog {
  width: 280px;
  margin-left: -140px;
  border-radius: 4px;
  color: #757575;
  background: #fff;
  font-size: 16px;
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.md .dialog.modal-in {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.md .dialog.modal-out {
  opacity: 0;
  z-index: 13499;
  -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  transform: translate3d(0, 0, 0) scale(0.815);
}
.md .dialog-inner {
  padding: 24px 24px 20px;
}
.md .dialog-title {
  font-size: 20px;
  color: #212121;
  line-height: 1.3;
}
.md .dialog-title + .dialog-text {
  margin-top: 20px;
}
.md .dialog-text {
  line-height: 1.5;
}
.md .dialog-buttons {
  height: 48px;
  padding: 6px 8px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.md .dialog-buttons-vertical .dialog-buttons {
  padding: 0 0 8px 0;
}
.md .dialog-buttons-vertical .dialog-buttons .dialog-button {
  margin-left: 0;
  text-align: right;
  height: 48px;
  line-height: 48px;
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.md .dialog-button {
  text-decoration: none;
  text-align: center;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0 10px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  color: #2196f3;
  border-radius: 4px;
  line-height: 36px;
  height: 36px;
  text-transform: uppercase;
  min-width: 64px;
  padding: 0 8px;
  border: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  letter-spacing: 0.03em;
  font-weight: 500;
}
input[type="submit"].md .dialog-button,
input[type="button"].md .dialog-button {
  width: 100%;
}
.md .dialog-button.active-state {
  background: rgba(0, 0, 0, 0.1);
}
.md .dialog-button.dialog-button-bold {
  font-weight: 700;
}
.md .dialog-button + .dialog-button {
  margin-left: 4px;
}
.md .dialog-input {
  height: 36px;
  padding: 0;
  border: none;
  font-size: 16px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  position: relative;
}
.md .dialog-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .dialog-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .dialog-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .dialog-input::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .dialog-input + .dialog-input {
  margin-top: 16px;
}
.md .dialog-preloader .dialog-title,
.md .dialog-progress .dialog-title,
.md .dialog-preloader .dialog-inner,
.md .dialog-progress .dialog-inner {
  text-align: center;
}
.md .dialog-preloader .dialog-title ~ .preloader,
.md .dialog-preloader .dialog-text ~ .preloader {
  margin-top: 20px;
}
.md .dialog-progress .dialog-title ~ .progressbar,
.md .dialog-progress .dialog-text ~ .progressbar,
.md .dialog-progress .dialog-title ~ .progressbar-infinite,
.md .dialog-progress .dialog-text ~ .progressbar-infinite {
  margin-top: 16px;
}
.md .dialog-button.color-red {
  color: #f44336;
}
.md .dialog-button.color-green {
  color: #4caf50;
}
.md .dialog-button.color-blue {
  color: #2196f3;
}
.md .dialog-button.color-pink {
  color: #e91e63;
}
.md .dialog-button.color-yellow {
  color: #ffeb3b;
}
.md .dialog-button.color-orange {
  color: #ff9800;
}
.md .dialog-button.color-gray {
  color: #9e9e9e;
}
.md .dialog-button.color-white {
  color: #ffffff;
}
.md .dialog-button.color-black {
  color: #000000;
}
/* === Popup === */
.popup-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  z-index: 10500;
}
.popup-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.popup-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.popup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  background: #fff;
  z-index: 11000;
}
.popup.modal-in,
.popup.modal-out {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.popup.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.popup.modal-in {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.popup.modal-out {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
@media (min-width: 630px) and (min-height: 630px) {
  .popup:not(.popup-tablet-fullscreen) {
    width: 630px;
    height: 630px;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    margin-top: -315px;
    -webkit-transform: translate3d(0, 100vh, 0);
    transform: translate3d(0, 100vh, 0);
  }
  .popup:not(.popup-tablet-fullscreen).modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .popup:not(.popup-tablet-fullscreen).modal-out {
    -webkit-transform: translate3d(0, 100vh, 0);
    transform: translate3d(0, 100vh, 0);
  }
}
@media (max-width: 629px), (max-height: 629px) {
  html.with-statusbar .popup-backdrop {
    z-index: 9500;
  }
  html.with-statusbar.device-ios .popup,
  html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup {
    height: calc(100% - 20px);
    top: 20px;
  }
  html.with-statusbar.device-iphone-x .popup {
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
  }
  html.with-statusbar.device-android .popup,
  html.with-statusbar.md:not(.device-ios):not(.device-android) .popup {
    height: calc(100% - 24px);
    top: 24px;
  }
}
@media (min-width: 630px), (min-height: 630px) {
  html.with-statusbar.device-ios .popup-tablet-fullscreen,
  html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
    height: calc(100% - 20px);
    top: 20px;
  }
  html.with-statusbar.device-iphone-x .popup-tablet-fullscreen {
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
  }
  html.with-statusbar.device-android .popup-tablet-fullscreen,
  html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen {
    height: calc(100% - 24px);
    top: 24px;
  }
}
html.with-modal-popup .framework7-root > .views .page-content,
html.with-modal-popup .framework7-root > .view .page-content,
html.with-modal-popup .framework7-root > .panel .page-content {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
@media (min-width: 630px) and (min-height: 630px) {
  .md .popup:not(.popup-tablet-fullscreen) {
    -webkit-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
  }
}
/* === Login Screen === */
.login-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  background: #fff;
  z-index: 11000;
}
.login-screen.modal-in,
.login-screen.modal-out {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.login-screen.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.login-screen.modal-in {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.login-screen.modal-out {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
html.with-statusbar.device-ios .login-screen,
html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen {
  height: calc(100% - 20px);
  top: 20px;
}
html.with-statusbar.device-iphone-x .login-screen {
  height: calc(100% - constant(safe-area-inset-top));
  height: calc(100% - env(safe-area-inset-top));
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
}
html.with-statusbar.device-android .login-screen,
html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen {
  height: calc(100% - 24px);
  top: 24px;
}
.login-screen-content {
  background: #fff;
}
.login-screen-content .login-screen-title,
.login-screen-content .list,
.login-screen-content .block,
.login-screen-content .block-footer,
.login-screen-content .block-header {
  max-width: 480px;
}
.login-screen-content .list ul {
  background: none;
}
.login-screen-content .list ul:before {
  display: none !important;
}
.login-screen-content .list ul:after {
  display: none !important;
}
.login-screen-content .block-footer,
.login-screen-content .block-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.login-screen-title {
  text-align: center;
}
.ios .login-screen-content .login-screen-title,
.ios .login-screen-content .list,
.ios .login-screen-content .block {
  margin: 25px auto;
}
.ios .login-screen-title {
  font-size: 30px;
}
.ios .theme-dark .login-screen-content,
.ios .theme-dark .login-screen-content .list ul {
  background-color: transparent;
}
.md .login-screen-content .login-screen-title,
.md .login-screen-content .list,
.md .login-screen-content .block {
  margin: 24px auto;
}
.md .login-screen-content .list-button {
  text-align: center;
  color: #2196f3;
}
.md .login-screen-title {
  font-size: 34px;
}
.md .theme-dark .login-screen-content,
.login-screen-content.md .theme-dark {
  background: none;
}
.md .color-theme-red .login-screen-content .list-button {
  color: #f44336;
}
.md .color-theme-green .login-screen-content .list-button {
  color: #4caf50;
}
.md .color-theme-blue .login-screen-content .list-button {
  color: #2196f3;
}
.md .color-theme-pink .login-screen-content .list-button {
  color: #e91e63;
}
.md .color-theme-yellow .login-screen-content .list-button {
  color: #ffeb3b;
}
.md .color-theme-orange .login-screen-content .list-button {
  color: #ff9800;
}
.md .color-theme-gray .login-screen-content .list-button {
  color: #9e9e9e;
}
.md .color-theme-white .login-screen-content .list-button {
  color: #ffffff;
}
.md .color-theme-black .login-screen-content .list-button {
  color: #000000;
}
.md .login-screen-content .list-button.color-red {
  color: #f44336;
}
.md .login-screen-content .list-button.color-green {
  color: #4caf50;
}
.md .login-screen-content .list-button.color-blue {
  color: #2196f3;
}
.md .login-screen-content .list-button.color-pink {
  color: #e91e63;
}
.md .login-screen-content .list-button.color-yellow {
  color: #ffeb3b;
}
.md .login-screen-content .list-button.color-orange {
  color: #ff9800;
}
.md .login-screen-content .list-button.color-gray {
  color: #9e9e9e;
}
.md .login-screen-content .list-button.color-white {
  color: #ffffff;
}
.md .login-screen-content .list-button.color-black {
  color: #000000;
}
/* === Popover === */
.popover-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.popover-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.popover-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.popover {
  width: 260px;
  z-index: 13500;
  margin: 0;
  top: 0;
  opacity: 0;
  left: 0;
  position: absolute;
  display: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.popover .list {
  margin: 0;
}
.popover .list ul {
  background: none;
}
.popover .list:first-child ul:before {
  display: none !important;
}
.popover .list:last-child ul:after {
  display: none !important;
}
.popover.modal-in {
  opacity: 1;
}
.popover.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.popover-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-from-actions-bold {
  font-weight: 600;
}
.popover-from-actions-label {
  line-height: 1.3;
  position: relative;
}
.popover-from-actions-label:last-child:after {
  display: none !important;
}
.ios .popover {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 13px;
  -webkit-transform: none;
  transform: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.ios .popover .list:first-child ul {
  border-radius: 13px 13px 0 0;
}
.ios .popover .list:first-child li:first-child,
.ios .popover .list:first-child li:first-child a,
.ios .popover .list:first-child li:first-child > label {
  border-radius: 13px 13px 0 0;
}
.ios .popover .list:last-child ul {
  border-radius: 0 0 13px 13px;
}
.ios .popover .list:last-child li:last-child,
.ios .popover .list:last-child li:last-child a,
.ios .popover .list:last-child li:last-child > label {
  border-radius: 0 0 13px 13px;
}
.ios .popover .list:first-child:last-child li:first-child:last-child,
.ios .popover .list:first-child:last-child li:first-child:last-child a,
.ios .popover .list:first-child:last-child li:first-child:last-child > label,
.ios .popover .list:first-child:last-child ul {
  border-radius: 13px;
}
.ios .popover .list + .list {
  margin-top: 35px;
}
.ios .popover-angle {
  width: 26px;
  height: 26px;
  position: absolute;
  left: -26px;
  top: 0;
  z-index: 100;
  overflow: hidden;
}
.ios .popover-angle:after {
  content: '';
  background: rgba(255, 255, 255, 0.95);
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ios .popover-angle.on-left {
  left: -26px;
}
.ios .popover-angle.on-left:after {
  left: 19px;
  top: 0;
}
.ios .popover-angle.on-right {
  left: 100%;
}
.ios .popover-angle.on-right:after {
  left: -19px;
  top: 0;
}
.ios .popover-angle.on-top {
  left: 0;
  top: -26px;
}
.ios .popover-angle.on-top:after {
  left: 0;
  top: 19px;
}
.ios .popover-angle.on-bottom {
  left: 0;
  top: 100%;
}
.ios .popover-angle.on-bottom:after {
  left: 0;
  top: -19px;
}
.ios .popover-from-actions .list + .list {
  margin-top: 20px;
}
.ios .popover-from-actions .list ul {
  background: #fff;
}
.ios .popover-from-actions .item-link i.icon {
  width: 29px;
  height: 29px;
  font-size: 29px;
}
.ios .popover-from-actions-label {
  padding: 8px 10px;
  color: #8a8a8a;
  font-size: 13px;
  text-align: center;
}
.ios .popover-from-actions-label:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .popover-from-actions-label:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .popover-from-actions-label:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .theme-dark .popover,
.popover.ios .theme-dark {
  background: rgba(30, 30, 30, 0.95);
}
.ios .theme-dark .popover .popover-angle:after,
.popover.ios .theme-dark .popover-angle:after {
  background: rgba(30, 30, 30, 0.95);
}
.ios .theme-dark .popover .list ul,
.popover.ios .theme-dark .list ul {
  background-color: transparent;
}
.md .popover {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  -webkit-transform: scale(0.85, 0.6);
  transform: scale(0.85, 0.6);
  -webkit-transition-property: opacity, border-radius, -webkit-transform;
  transition-property: opacity, border-radius, -webkit-transform;
  transition-property: opacity, transform, border-radius;
  transition-property: opacity, transform, border-radius, -webkit-transform;
}
.md .popover.modal-in {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.md .popover.modal-out {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.md .popover .list:first-child ul {
  border-radius: 3px 3px 0 0;
}
.md .popover .list:first-child li:first-child,
.md .popover .list:first-child li:first-child a,
.md .popover .list:first-child li:first-child > label {
  border-radius: 3px 3px 0 0;
}
.md .popover .list:last-child ul {
  border-radius: 0 0 3px 3px;
}
.md .popover .list:last-child li:last-child,
.md .popover .list:last-child li:last-child a,
.md .popover .list:last-child li:last-child > label {
  border-radius: 0 0 3px 3px;
}
.md .popover .list:first-child:last-child li:first-child:last-child,
.md .popover .list:first-child:last-child li:first-child:last-child a,
.md .popover .list:first-child:last-child li:first-child:last-child > label,
.md .popover .list:first-child:last-child ul {
  border-radius: 13px;
}
.md .popover .list + .list {
  margin-top: 35px;
}
.md .popover-on-top {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.md .popover-on-bottom {
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.md .popover-from-actions .list {
  margin: 0;
}
.md .popover-from-actions .item-link i.icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.md .popover-from-actions-label {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 12px;
  padding-bottom: 12px;
}
.md .popover-from-actions-label:after {
  content: '';
  position: absolute;
  background-color: #d2d2d6;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .popover-from-actions-label:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .popover-from-actions-label:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .theme-dark .popover {
  background-color: #202020;
}
.md .theme-dark .popover-from-actions-label {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .popover-from-actions-label:after {
  background-color: rgba(255, 255, 255, 0.08);
}
/* === Actions === */
.actions-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.actions-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.actions-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.actions-modal {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 13500;
  width: 100%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  display: none;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.actions-modal.modal-in,
.actions-modal.modal-out {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.actions-modal.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.actions-modal.modal-in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.actions-modal.modal-out {
  z-index: 13499;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
@media (min-width: 496px) {
  .actions-modal {
    width: 480px;
    left: 50%;
    margin-left: -240px;
  }
}
.actions-group {
  position: relative;
}
.actions-button,
.actions-label {
  width: 100%;
  font-weight: normal;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.actions-button a,
.actions-label a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.actions-button b,
.actions-label b,
.actions-button.actions-button-bold,
.actions-label.actions-button-bold {
  font-weight: 500;
}
.actions-button {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.actions-button-media {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.actions-button-text {
  width: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.actions-label {
  line-height: 1.3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.actions-grid .actions-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.actions-grid .actions-button {
  width: 33.33333333%;
  display: block;
}
.actions-grid .actions-button-media {
  margin-left: auto;
  margin-right: auto;
}
.actions-grid .actions-button-text {
  margin-left: 0 !important;
  text-align: center;
}
.ios .actions-group {
  margin: 8px;
  border-radius: 13px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ios .actions-button,
.ios .actions-label {
  text-align: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
}
.ios .actions-button b,
.ios .actions-label b,
.ios .actions-button.actions-button-bold,
.ios .actions-label.actions-button-bold {
  font-weight: 600;
}
.ios .actions-button:first-child,
.ios .actions-label:first-child {
  border-radius: 13px 13px 0 0;
}
.ios .actions-button:last-child,
.ios .actions-label:last-child {
  border-radius: 0 0 13px 13px;
}
.ios .actions-button:last-child:after,
.ios .actions-label:last-child:after {
  display: none !important;
}
.ios .actions-button:first-child:last-child,
.ios .actions-label:first-child:last-child {
  border-radius: 13px;
}
.ios .actions-button {
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #007aff;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ios .actions-button.active-state {
  background: rgba(230, 230, 230, 0.9);
}
.ios .actions-button-media {
  margin-left: 15px;
}
.ios .actions-button-media i.icon {
  width: 29px;
  height: 29px;
  font-size: 29px;
}
.ios .actions-button-media + .actions-button-text {
  text-align: left;
  margin-left: 15px;
}
.ios .actions-label {
  font-size: 13px;
  min-height: 57px;
  padding: 8px 10px;
  color: #8a8a8a;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (orientation: lanscape) {
  .ios .actions-label {
    min-height: 44px;
  }
  .ios .actions-button {
    height: 44px;
    line-height: 44px;
  }
}
.ios .actions-grid .actions-group {
  margin-top: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.95);
}
.ios .actions-grid .actions-group:first-child {
  border-radius: 13px 13px 0 0;
}
.ios .actions-grid .actions-group:last-child {
  border-radius: 0 0 13px 13px;
}
.ios .actions-grid .actions-group:first-child:last-child {
  border-radius: 13px;
}
.ios .actions-grid .actions-group:not(:last-child) {
  margin-bottom: 0;
}
.ios .actions-grid .actions-button,
.ios .actions-grid .actions-label {
  border-radius: 0 !important;
  background: none;
}
.ios .actions-grid .actions-button-media {
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
}
.ios .actions-grid .actions-button-media i.icon {
  width: 48px;
  height: 48px;
  font-size: 48px;
}
.ios .actions-grid .actions-button-media + .actions-button-text {
  text-align: center;
}
.ios .actions-grid .actions-button {
  padding: 16px;
  line-height: 1;
  height: auto;
}
.ios .actions-grid .actions-button:after {
  display: none !important;
}
.ios .actions-grid .actions-button.active-state {
  background: rgba(230, 230, 230, 0.9);
}
.ios .actions-grid .actions-button-text {
  margin-top: 8px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  color: #757575;
}
.ios .actions-button:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .actions-button:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .actions-button:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .actions-label:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .actions-label:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .actions-label:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .actions-button.color-red,
.ios .actions-label.color-red {
  color: #ff3b30;
}
.ios .actions-button.color-green,
.ios .actions-label.color-green {
  color: #4cd964;
}
.ios .actions-button.color-blue,
.ios .actions-label.color-blue {
  color: #007aff;
}
.ios .actions-button.color-pink,
.ios .actions-label.color-pink {
  color: #ff2d55;
}
.ios .actions-button.color-yellow,
.ios .actions-label.color-yellow {
  color: #ffcc00;
}
.ios .actions-button.color-orange,
.ios .actions-label.color-orange {
  color: #ff9500;
}
.ios .actions-button.color-gray,
.ios .actions-label.color-gray {
  color: #8e8e93;
}
.ios .actions-button.color-white,
.ios .actions-label.color-white {
  color: #ffffff;
}
.ios .actions-button.color-black,
.ios .actions-label.color-black {
  color: #000000;
}
.ios.device-iphone-x .actions-modal.modal-in {
  -webkit-transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0);
  transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0);
  -webkit-transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0);
  transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0);
}
.md .actions-modal {
  background: #fff;
}
.md .actions-group:last-child:after {
  display: none !important;
}
.md .actions-group:after {
  content: '';
  position: absolute;
  background-color: #d2d2d6;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .actions-group:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .actions-group:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .actions-button,
.md .actions-label {
  padding: 0 16px;
}
.md .actions-button {
  line-height: 48px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.md .actions-button a,
.md .actions-button {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.md .actions-button a.active-state,
.md .actions-button.active-state {
  background: rgba(0, 0, 0, 0.1);
}
.md .actions-button-media {
  min-width: 40px;
}
.md .actions-button-media i.icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.md .actions-button-media + .actions-button-text {
  margin-left: 16px;
}
.md .actions-label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.md .actions-grid {
  padding: 0;
}
.md .actions-grid .actions-button-media {
  width: 48px;
  height: 48px;
}
.md .actions-grid .actions-button-media i.icon {
  width: 48px;
  height: 48px;
  font-size: 48px;
}
.md .actions-grid .actions-button {
  padding: 16px;
  line-height: 1;
}
.md .actions-grid .actions-button-text {
  margin-top: 8px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  color: #757575;
}
.md .actions-button.color-red,
.md .actions-label.color-red,
.md .actions-button.color-red .actions-button-text {
  color: #f44336;
}
.md .actions-button.color-green,
.md .actions-label.color-green,
.md .actions-button.color-green .actions-button-text {
  color: #4caf50;
}
.md .actions-button.color-blue,
.md .actions-label.color-blue,
.md .actions-button.color-blue .actions-button-text {
  color: #2196f3;
}
.md .actions-button.color-pink,
.md .actions-label.color-pink,
.md .actions-button.color-pink .actions-button-text {
  color: #e91e63;
}
.md .actions-button.color-yellow,
.md .actions-label.color-yellow,
.md .actions-button.color-yellow .actions-button-text {
  color: #ffeb3b;
}
.md .actions-button.color-orange,
.md .actions-label.color-orange,
.md .actions-button.color-orange .actions-button-text {
  color: #ff9800;
}
.md .actions-button.color-gray,
.md .actions-label.color-gray,
.md .actions-button.color-gray .actions-button-text {
  color: #9e9e9e;
}
.md .actions-button.color-white,
.md .actions-label.color-white,
.md .actions-button.color-white .actions-button-text {
  color: #ffffff;
}
.md .actions-button.color-black,
.md .actions-label.color-black,
.md .actions-button.color-black .actions-button-text {
  color: #000000;
}
.md.device-iphone-x .actions-modal.modal-in {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* === Sheet Modal === */
.sheet-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  z-index: 11000;
}
.sheet-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.sheet-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.sheet-modal {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 260px;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  background: #fff;
  z-index: 12500;
}
.sheet-modal.modal-in,
.sheet-modal.modal-out {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.sheet-modal.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.sheet-modal.modal-in {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sheet-modal.modal-out {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.sheet-modal .sheet-modal-inner {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.sheet-modal .toolbar {
  position: relative;
  width: 100%;
}
.ios .sheet-modal {
  background: #cfd5da;
}
.ios .sheet-modal .toolbar {
  background: #f7f7f8;
}
.ios .sheet-modal .toolbar + .sheet-modal-inner {
  height: calc(100% - 44px);
}
.ios .sheet-modal .toolbar ~ .sheet-modal-inner .page-content {
  padding-bottom: 0;
}
.ios .sheet-modal .toolbar:before {
  content: '';
  position: absolute;
  background-color: #929499;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .sheet-modal .toolbar:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .sheet-modal .toolbar:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content,
.ios.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.ios .theme-dark .sheet-modal,
.sheet-modal.ios .theme-dark {
  background-color: #171717;
}
.ios .theme-dark .sheet-modal .toolbar,
.sheet-modal.ios .theme-dark .toolbar {
  background-color: #1b1b1b;
}
.ios .theme-dark .sheet-modal .toolbar:before,
.sheet-modal.ios .theme-dark .toolbar:before {
  background-color: #282829;
}
.md .sheet-modal {
  background: #fff;
}
.md .sheet-modal .toolbar {
  top: 0;
}
.md .sheet-modal .toolbar:after {
  display: none;
}
.md .sheet-modal .toolbar + .sheet-modal-inner {
  height: calc(100% - 48px);
}
.md .sheet-modal .toolbar a.link:not(.tab-link) {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .sheet-modal-inner .page-content {
  padding-top: 0;
}
.md.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content,
.md.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.md .theme-dark .sheet-modal {
  background-color: #202020;
}
/* === Toast === */
.toast {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  position: absolute;
  max-width: 568px;
  z-index: 20000;
  color: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toast.modal-in {
  opacity: 1;
}
.toast .toast-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toast .toast-text {
  line-height: 20px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.toast .toast-button {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.toast.toast-with-icon .toast-content {
  display: block;
  text-align: center;
}
.toast.toast-with-icon .toast-text {
  text-align: center;
}
.toast.toast-with-icon .toast-icon .f7-icons {
  font-size: 50px;
  width: 50px;
  height: 50px;
}
.toast.toast-with-icon .toast-icon .material-icons {
  font-size: 48px;
  width: 48px;
  height: 48px;
}
.toast.toast-center {
  top: 50%;
  opacity: 0;
}
@media (min-width: 1024px) {
  .toast {
    opacity: 0;
  }
}
html.with-statusbar.device-ios .toast-top,
html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top {
  margin-top: 20px;
}
html.with-statusbar.device-iphone-x .toast-top {
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}
html.with-statusbar.device-android .toast-top,
html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top {
  margin-top: 24px;
}
.ios .toast {
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  width: 100%;
  left: 0;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .ios .toast {
    background: rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
.ios .toast.toast-center {
  width: auto;
  left: 50%;
  border-radius: 8px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.ios .toast.toast-center.modal-in {
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}
.ios .toast.toast-top {
  top: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.ios .toast.toast-top.modal-in {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.ios .toast.toast-bottom {
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.ios .toast.toast-bottom.modal-in {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
@media (min-width: 569px) {
  .ios .toast {
    left: 50%;
    margin-left: -284px;
  }
  .ios .toast.toast-center {
    margin-left: 0;
  }
}
@media (min-width: 569px) {
  .ios .toast {
    border-radius: 8px;
  }
  .ios .toast.toast-bottom {
    bottom: 15px;
  }
  .ios .toast.toast-top {
    top: 15px;
  }
}
@media (min-width: 1024px) {
  .ios .toast {
    margin-left: 0;
    width: auto;
  }
  .ios .toast.toast-bottom,
  .ios .toast.toast-top {
    left: 15px;
  }
}
.ios .toast-content {
  padding: 12px 15px;
}
.ios .toast-button {
  color: #fff;
  margin-left: 15px;
}
@media (max-width: 568px) {
  .ios.device-iphone-x .toast-bottom .toast-content {
    padding-bottom: calc(12px + constant(safe-area-inset-bottom));
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
}
@media (min-width: 569px) {
  .ios.device-iphone-x .toast-bottom {
    bottom: calc(15px + constant(safe-area-inset-bottom));
    bottom: calc(15px + env(safe-area-inset-bottom));
  }
}
.md .toast {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  border-radius: 4px;
  background: #323232;
  opacity: 0;
  left: 8px;
  width: calc(100% - 16px);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.md .toast.modal-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.md .toast.modal-out {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.md .toast.toast-center {
  left: 50%;
  width: auto;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transform: scale(0.9) translate3d(-55%, -55%, 0);
  transform: scale(0.9) translate3d(-55%, -55%, 0);
}
.md .toast.toast-center.modal-in {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0);
}
.md .toast.toast-center.modal-out {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0);
}
.md .toast.toast-bottom {
  bottom: 8px;
}
.md .toast.toast-top {
  top: 8px;
}
@media (min-width: 584px) {
  .md .toast {
    left: 50%;
    margin-left: -284px;
  }
  .md .toast.toast-center {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .md .toast {
    margin-left: 0;
    width: auto;
  }
  .md .toast.toast-bottom,
  .md .toast.toast-top {
    left: 24px;
  }
  .md .toast.toast-bottom {
    bottom: 24px;
  }
  .md .toast.toast-top {
    top: 24px;
  }
}
.md .toast-content {
  padding: 14px 24px;
}
.md .toast-button {
  margin-top: -8px;
  margin-bottom: -8px;
  margin-left: 16px;
  margin-right: -8px;
}
@media (max-width: 568px) {
  .md.device-iphone-x .toast-bottom .toast-content {
    padding-bottom: calc(14px + constant(safe-area-inset-bottom));
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
  }
}
@media (min-width: 1024px) {
  .md.device-iphone-x .toast-bottom.modal-in {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
}
/* === Preloader === */
.preloader {
  display: inline-block;
  vertical-align: middle;
}
/* === Preloader Modal === */
.preloader-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  visibility: visible;
  opacity: 0;
  background: none;
  z-index: 14000;
}
.preloader-backdrop.not-animated {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.preloader-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.preloader-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 8px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 14500;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.preloader-modal .preloader {
  display: block !important;
}
html.with-modal-preloader .page-content {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
.ios .preloader {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: ios-preloader-spin 1s steps(12, end) infinite;
  animation: ios-preloader-spin 1s steps(12, end) infinite;
}
.ios .preloader-modal {
  border-radius: 5px;
}
.ios .preloader-modal .preloader {
  width: 34px;
  height: 34px;
}
.ios .preloader.color-red,
.ios .preloader.preloader-red {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-green,
.ios .preloader.preloader-green {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-blue,
.ios .preloader.preloader-blue {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-pink,
.ios .preloader.preloader-pink {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-yellow,
.ios .preloader.preloader-yellow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-orange,
.ios .preloader.preloader-orange {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-gray,
.ios .preloader.preloader-gray {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-white,
.ios .preloader.preloader-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ios .preloader.color-black,
.ios .preloader.preloader-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes ios-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ios-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.md .preloader {
  font-size: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-animation: md-preloader-outer 3300ms linear infinite;
  animation: md-preloader-outer 3300ms linear infinite;
}
@-webkit-keyframes md-preloader-outer {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes md-preloader-outer {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.md .preloader-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}
.md .preloader-inner .preloader-inner-gap {
  position: absolute;
  width: 2px;
  left: 50%;
  margin-left: -1px;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 4px solid #757575;
}
.md .preloader-inner .preloader-inner-left,
.md .preloader-inner .preloader-inner-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.md .preloader-inner .preloader-inner-half-circle {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid #757575;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.3125s;
  animation-duration: 1.3125s;
  -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
}
.md .preloader-inner .preloader-inner-left {
  left: 0;
}
.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-animation-name: md-preloader-left-rotate;
  animation-name: md-preloader-left-rotate;
}
.md .preloader-inner .preloader-inner-right {
  right: 0;
}
.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
  right: 0;
  border-left-color: transparent !important;
  -webkit-animation-name: md-preloader-right-rotate;
  animation-name: md-preloader-right-rotate;
}
.md .preloader-modal {
  border-radius: 4px;
}
.md .preloader.color-red .preloader-inner-gap,
.md .preloader.preloader-red .preloader-inner-gap,
.md .preloader.color-red .preloader-inner-half-circle,
.md .preloader.preloader-red .preloader-inner-half-circle {
  border-color: #f44336;
}
.md .preloader.color-green .preloader-inner-gap,
.md .preloader.preloader-green .preloader-inner-gap,
.md .preloader.color-green .preloader-inner-half-circle,
.md .preloader.preloader-green .preloader-inner-half-circle {
  border-color: #4caf50;
}
.md .preloader.color-blue .preloader-inner-gap,
.md .preloader.preloader-blue .preloader-inner-gap,
.md .preloader.color-blue .preloader-inner-half-circle,
.md .preloader.preloader-blue .preloader-inner-half-circle {
  border-color: #2196f3;
}
.md .preloader.color-pink .preloader-inner-gap,
.md .preloader.preloader-pink .preloader-inner-gap,
.md .preloader.color-pink .preloader-inner-half-circle,
.md .preloader.preloader-pink .preloader-inner-half-circle {
  border-color: #e91e63;
}
.md .preloader.color-yellow .preloader-inner-gap,
.md .preloader.preloader-yellow .preloader-inner-gap,
.md .preloader.color-yellow .preloader-inner-half-circle,
.md .preloader.preloader-yellow .preloader-inner-half-circle {
  border-color: #ffeb3b;
}
.md .preloader.color-orange .preloader-inner-gap,
.md .preloader.preloader-orange .preloader-inner-gap,
.md .preloader.color-orange .preloader-inner-half-circle,
.md .preloader.preloader-orange .preloader-inner-half-circle {
  border-color: #ff9800;
}
.md .preloader.color-gray .preloader-inner-gap,
.md .preloader.preloader-gray .preloader-inner-gap,
.md .preloader.color-gray .preloader-inner-half-circle,
.md .preloader.preloader-gray .preloader-inner-half-circle {
  border-color: #9e9e9e;
}
.md .preloader.color-white .preloader-inner-gap,
.md .preloader.preloader-white .preloader-inner-gap,
.md .preloader.color-white .preloader-inner-half-circle,
.md .preloader.preloader-white .preloader-inner-half-circle {
  border-color: #ffffff;
}
.md .preloader.color-black .preloader-inner-gap,
.md .preloader.preloader-black .preloader-inner-gap,
.md .preloader.color-black .preloader-inner-half-circle,
.md .preloader.preloader-black .preloader-inner-half-circle {
  border-color: #000000;
}
.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle {
  -webkit-animation-name: md-preloader-left-rotate-multicolor;
  animation-name: md-preloader-left-rotate-multicolor;
}
.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle {
  -webkit-animation-name: md-preloader-right-rotate-multicolor;
  animation-name: md-preloader-right-rotate-multicolor;
}
@-webkit-keyframes md-preloader-left-rotate {
  0%,
  100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes md-preloader-left-rotate {
  0%,
  100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes md-preloader-right-rotate {
  0%,
  100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes md-preloader-right-rotate {
  0%,
  100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-webkit-keyframes md-preloader-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@keyframes md-preloader-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes md-preloader-left-rotate-multicolor {
  0%,
  100% {
    border-left-color: #4285F4;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  75% {
    border-left-color: #1B9A59;
    border-top-color: #1B9A59;
  }
  50% {
    border-left-color: #F7C223;
    border-top-color: #F7C223;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  25% {
    border-left-color: #DE3E35;
    border-top-color: #DE3E35;
  }
}
@keyframes md-preloader-left-rotate-multicolor {
  0%,
  100% {
    border-left-color: #4285F4;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  75% {
    border-left-color: #1B9A59;
    border-top-color: #1B9A59;
  }
  50% {
    border-left-color: #F7C223;
    border-top-color: #F7C223;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  25% {
    border-left-color: #DE3E35;
    border-top-color: #DE3E35;
  }
}
@-webkit-keyframes md-preloader-right-rotate-multicolor {
  0%,
  100% {
    border-right-color: #4285F4;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  75% {
    border-right-color: #1B9A59;
    border-top-color: #1B9A59;
  }
  50% {
    border-right-color: #F7C223;
    border-top-color: #F7C223;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  25% {
    border-top-color: #DE3E35;
    border-right-color: #DE3E35;
  }
}
@keyframes md-preloader-right-rotate-multicolor {
  0%,
  100% {
    border-right-color: #4285F4;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  75% {
    border-right-color: #1B9A59;
    border-top-color: #1B9A59;
  }
  50% {
    border-right-color: #F7C223;
    border-top-color: #F7C223;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  25% {
    border-top-color: #DE3E35;
    border-right-color: #DE3E35;
  }
}
/* === Progressbar === */
.progressbar,
.progressbar-infinite {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
body > .progressbar,
.view > .progressbar,
.views > .progressbar,
.page > .progressbar,
.panel > .progressbar,
.popup > .progressbar,
.framework7-root > .progressbar,
body > .progressbar-infinite,
.view > .progressbar-infinite,
.views > .progressbar-infinite,
.page > .progressbar-infinite,
.panel > .progressbar-infinite,
.popup > .progressbar-infinite,
.framework7-root > .progressbar-infinite {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15000;
  border-radius: 0 !important;
  -webkit-transform-origin: center top !important;
  transform-origin: center top !important;
}
.with-statusbar.device-ios body > .progressbar,
.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar,
.with-statusbar.device-ios .framework7-root > .progressbar,
.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
.with-statusbar.device-ios body > .progressbar-infinite,
.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite,
.with-statusbar.device-ios .framework7-root > .progressbar-infinite,
.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
  top: 20px;
}
.with-statusbar.device-android body > .progressbar,
.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar,
.with-statusbar.device-android .framework7-root > .progressbar,
.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar,
.with-statusbar.device-android body > .progressbar-infinite,
.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite,
.with-statusbar.device-android .framework7-root > .progressbar-infinite,
.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite {
  top: 24px;
}
.with-statusbar.device-iphone-x body > .progressbar,
.with-statusbar.device-iphone-x .framework7-root > .progressbar,
.with-statusbar.device-iphone-x body > .progressbar-infinite,
.with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite {
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
}
.progressbar {
  vertical-align: middle;
}
.progressbar span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.progressbar-infinite:before,
.progressbar-infinite:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
}
.progressbar-infinite.color-multi {
  background: none !important;
}
.progressbar-in {
  -webkit-animation: progressbar-in 150ms forwards;
  animation: progressbar-in 150ms forwards;
}
.progressbar-out {
  -webkit-animation: progressbar-out 150ms forwards;
  animation: progressbar-out 150ms forwards;
}
@-webkit-keyframes progressbar-in {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes progressbar-in {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes progressbar-out {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes progressbar-out {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
.ios .progressbar,
.ios .progressbar-infinite {
  height: 2px;
  background: #b6b6b6;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  border-radius: 2px;
}
.ios .progressbar span {
  background: #007aff;
}
.ios .progressbar-infinite:before {
  content: '';
  background: #007aff;
  -webkit-animation: ios-progressbar-infinite 1s linear infinite;
  animation: ios-progressbar-infinite 1s linear infinite;
}
.ios .progressbar-infinite.color-multi:before {
  width: 400%;
  background-image: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), color-stop(#ff2d55), color-stop(#5856d6), color-stop(#34aadc), color-stop(#007aff), color-stop(#5ac8fa), to(#4cd964));
  background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
  background-size: 25% 100%;
  background-repeat: repeat-x;
  -webkit-animation: ios-progressbar-infinite-multicolor 3s linear infinite;
  animation: ios-progressbar-infinite-multicolor 3s linear infinite;
}
.ios .color-theme-red .progressbar span {
  background: #ff3b30;
}
.ios .color-theme-red .progressbar-infinite:before {
  background: #ff3b30;
}
.ios .color-theme-green .progressbar span {
  background: #4cd964;
}
.ios .color-theme-green .progressbar-infinite:before {
  background: #4cd964;
}
.ios .color-theme-blue .progressbar span {
  background: #007aff;
}
.ios .color-theme-blue .progressbar-infinite:before {
  background: #007aff;
}
.ios .color-theme-pink .progressbar span {
  background: #ff2d55;
}
.ios .color-theme-pink .progressbar-infinite:before {
  background: #ff2d55;
}
.ios .color-theme-yellow .progressbar span {
  background: #ffcc00;
}
.ios .color-theme-yellow .progressbar-infinite:before {
  background: #ffcc00;
}
.ios .color-theme-orange .progressbar span {
  background: #ff9500;
}
.ios .color-theme-orange .progressbar-infinite:before {
  background: #ff9500;
}
.ios .color-theme-gray .progressbar span {
  background: #8e8e93;
}
.ios .color-theme-gray .progressbar-infinite:before {
  background: #8e8e93;
}
.ios .color-theme-white .progressbar span {
  background: #ffffff;
}
.ios .color-theme-white .progressbar-infinite:before {
  background: #ffffff;
}
.ios .color-theme-black .progressbar span {
  background: #000000;
}
.ios .color-theme-black .progressbar-infinite:before {
  background: #000000;
}
.ios .progressbar.color-red span {
  background: #ff3b30;
}
.ios .progressbar-infinite.color-red:before {
  background: #ff3b30;
}
.ios .progressbar.color-green span {
  background: #4cd964;
}
.ios .progressbar-infinite.color-green:before {
  background: #4cd964;
}
.ios .progressbar.color-blue span {
  background: #007aff;
}
.ios .progressbar-infinite.color-blue:before {
  background: #007aff;
}
.ios .progressbar.color-pink span {
  background: #ff2d55;
}
.ios .progressbar-infinite.color-pink:before {
  background: #ff2d55;
}
.ios .progressbar.color-yellow span {
  background: #ffcc00;
}
.ios .progressbar-infinite.color-yellow:before {
  background: #ffcc00;
}
.ios .progressbar.color-orange span {
  background: #ff9500;
}
.ios .progressbar-infinite.color-orange:before {
  background: #ff9500;
}
.ios .progressbar.color-gray span {
  background: #8e8e93;
}
.ios .progressbar-infinite.color-gray:before {
  background: #8e8e93;
}
.ios .progressbar.color-white span {
  background: #ffffff;
}
.ios .progressbar-infinite.color-white:before {
  background: #ffffff;
}
.ios .progressbar.color-black span {
  background: #000000;
}
.ios .progressbar-infinite.color-black:before {
  background: #000000;
}
@-webkit-keyframes ios-progressbar-infinite {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes ios-progressbar-infinite {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes ios-progressbar-infinite-multicolor {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes ios-progressbar-infinite-multicolor {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.md .progressbar,
.md .progressbar-infinite {
  height: 4px;
  background: rgba(33, 150, 243, 0.5);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.md .progressbar span {
  background: #2196f3;
}
.md .progressbar-infinite {
  z-index: 15000;
}
.md .progressbar-infinite:before,
.md .progressbar-infinite:after {
  content: '';
  background: #2196f3;
}
.md .progressbar-infinite:before {
  -webkit-animation: md-progressbar-infinite-1 2s linear infinite;
  animation: md-progressbar-infinite-1 2s linear infinite;
}
.md .progressbar-infinite:after {
  -webkit-animation: md-progressbar-infinite-2 2s linear infinite;
  animation: md-progressbar-infinite-2 2s linear infinite;
}
.md .progressbar-infinite.color-multi:before {
  background: none;
  -webkit-animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite;
  animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite;
}
.md .progressbar-infinite.color-multi:after {
  background: none;
  -webkit-animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
  animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.md .color-theme-red .progressbar,
.md .color-theme-red .progressbar-infinite {
  background: rgba(244, 67, 54, 0.5);
}
.md .color-theme-red .progressbar span {
  background: #f44336;
}
.md .color-theme-red .progressbar-infinite:before,
.md .color-theme-red .progressbar-infinite:after {
  background: #f44336;
}
.md .color-theme-green .progressbar,
.md .color-theme-green .progressbar-infinite {
  background: rgba(76, 175, 80, 0.5);
}
.md .color-theme-green .progressbar span {
  background: #4caf50;
}
.md .color-theme-green .progressbar-infinite:before,
.md .color-theme-green .progressbar-infinite:after {
  background: #4caf50;
}
.md .color-theme-blue .progressbar,
.md .color-theme-blue .progressbar-infinite {
  background: rgba(33, 150, 243, 0.5);
}
.md .color-theme-blue .progressbar span {
  background: #2196f3;
}
.md .color-theme-blue .progressbar-infinite:before,
.md .color-theme-blue .progressbar-infinite:after {
  background: #2196f3;
}
.md .color-theme-pink .progressbar,
.md .color-theme-pink .progressbar-infinite {
  background: rgba(233, 30, 99, 0.5);
}
.md .color-theme-pink .progressbar span {
  background: #e91e63;
}
.md .color-theme-pink .progressbar-infinite:before,
.md .color-theme-pink .progressbar-infinite:after {
  background: #e91e63;
}
.md .color-theme-yellow .progressbar,
.md .color-theme-yellow .progressbar-infinite {
  background: rgba(255, 235, 59, 0.5);
}
.md .color-theme-yellow .progressbar span {
  background: #ffeb3b;
}
.md .color-theme-yellow .progressbar-infinite:before,
.md .color-theme-yellow .progressbar-infinite:after {
  background: #ffeb3b;
}
.md .color-theme-orange .progressbar,
.md .color-theme-orange .progressbar-infinite {
  background: rgba(255, 152, 0, 0.5);
}
.md .color-theme-orange .progressbar span {
  background: #ff9800;
}
.md .color-theme-orange .progressbar-infinite:before,
.md .color-theme-orange .progressbar-infinite:after {
  background: #ff9800;
}
.md .color-theme-gray .progressbar,
.md .color-theme-gray .progressbar-infinite {
  background: rgba(158, 158, 158, 0.5);
}
.md .color-theme-gray .progressbar span {
  background: #9e9e9e;
}
.md .color-theme-gray .progressbar-infinite:before,
.md .color-theme-gray .progressbar-infinite:after {
  background: #9e9e9e;
}
.md .color-theme-white .progressbar,
.md .color-theme-white .progressbar-infinite {
  background: rgba(255, 255, 255, 0.5);
}
.md .color-theme-white .progressbar span {
  background: #ffffff;
}
.md .color-theme-white .progressbar-infinite:before,
.md .color-theme-white .progressbar-infinite:after {
  background: #ffffff;
}
.md .color-theme-black .progressbar,
.md .color-theme-black .progressbar-infinite {
  background: rgba(0, 0, 0, 0.5);
}
.md .color-theme-black .progressbar span {
  background: #000000;
}
.md .color-theme-black .progressbar-infinite:before,
.md .color-theme-black .progressbar-infinite:after {
  background: #000000;
}
.md .progressbar.color-red,
.md .progressbar-infinite.color-red {
  background: rgba(244, 67, 54, 0.5);
}
.md .progressbar.color-red span {
  background: #f44336;
}
.md .progressbar-infinite.color-red:before,
.md .progressbar-infinite.color-red:after {
  background: #f44336;
}
.md .progressbar.color-green,
.md .progressbar-infinite.color-green {
  background: rgba(76, 175, 80, 0.5);
}
.md .progressbar.color-green span {
  background: #4caf50;
}
.md .progressbar-infinite.color-green:before,
.md .progressbar-infinite.color-green:after {
  background: #4caf50;
}
.md .progressbar.color-blue,
.md .progressbar-infinite.color-blue {
  background: rgba(33, 150, 243, 0.5);
}
.md .progressbar.color-blue span {
  background: #2196f3;
}
.md .progressbar-infinite.color-blue:before,
.md .progressbar-infinite.color-blue:after {
  background: #2196f3;
}
.md .progressbar.color-pink,
.md .progressbar-infinite.color-pink {
  background: rgba(233, 30, 99, 0.5);
}
.md .progressbar.color-pink span {
  background: #e91e63;
}
.md .progressbar-infinite.color-pink:before,
.md .progressbar-infinite.color-pink:after {
  background: #e91e63;
}
.md .progressbar.color-yellow,
.md .progressbar-infinite.color-yellow {
  background: rgba(255, 235, 59, 0.5);
}
.md .progressbar.color-yellow span {
  background: #ffeb3b;
}
.md .progressbar-infinite.color-yellow:before,
.md .progressbar-infinite.color-yellow:after {
  background: #ffeb3b;
}
.md .progressbar.color-orange,
.md .progressbar-infinite.color-orange {
  background: rgba(255, 152, 0, 0.5);
}
.md .progressbar.color-orange span {
  background: #ff9800;
}
.md .progressbar-infinite.color-orange:before,
.md .progressbar-infinite.color-orange:after {
  background: #ff9800;
}
.md .progressbar.color-gray,
.md .progressbar-infinite.color-gray {
  background: rgba(158, 158, 158, 0.5);
}
.md .progressbar.color-gray span {
  background: #9e9e9e;
}
.md .progressbar-infinite.color-gray:before,
.md .progressbar-infinite.color-gray:after {
  background: #9e9e9e;
}
.md .progressbar.color-white,
.md .progressbar-infinite.color-white {
  background: rgba(255, 255, 255, 0.5);
}
.md .progressbar.color-white span {
  background: #ffffff;
}
.md .progressbar-infinite.color-white:before,
.md .progressbar-infinite.color-white:after {
  background: #ffffff;
}
.md .progressbar.color-black,
.md .progressbar-infinite.color-black {
  background: rgba(0, 0, 0, 0.5);
}
.md .progressbar.color-black span {
  background: #000000;
}
.md .progressbar-infinite.color-black:before,
.md .progressbar-infinite.color-black:after {
  background: #000000;
}
@-webkit-keyframes md-progressbar-infinite-1 {
  0% {
    -webkit-transform: translateX(-10%) scaleX(0.1);
    transform: translateX(-10%) scaleX(0.1);
  }
  25% {
    -webkit-transform: translateX(30%) scaleX(0.6);
    transform: translateX(30%) scaleX(0.6);
  }
  50% {
    -webkit-transform: translateX(100%) scaleX(1);
    transform: translateX(100%) scaleX(1);
  }
  100% {
    -webkit-transform: translateX(100%) scaleX(1);
    transform: translateX(100%) scaleX(1);
  }
}
@keyframes md-progressbar-infinite-1 {
  0% {
    -webkit-transform: translateX(-10%) scaleX(0.1);
    transform: translateX(-10%) scaleX(0.1);
  }
  25% {
    -webkit-transform: translateX(30%) scaleX(0.6);
    transform: translateX(30%) scaleX(0.6);
  }
  50% {
    -webkit-transform: translateX(100%) scaleX(1);
    transform: translateX(100%) scaleX(1);
  }
  100% {
    -webkit-transform: translateX(100%) scaleX(1);
    transform: translateX(100%) scaleX(1);
  }
}
@-webkit-keyframes md-progressbar-infinite-2 {
  0% {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  40% {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  75% {
    -webkit-transform: translateX(60%) scaleX(0.35);
    transform: translateX(60%) scaleX(0.35);
  }
  90% {
    -webkit-transform: translateX(100%) scaleX(0.1);
    transform: translateX(100%) scaleX(0.1);
  }
  100% {
    -webkit-transform: translateX(100%) scaleX(0.1);
    transform: translateX(100%) scaleX(0.1);
  }
}
@keyframes md-progressbar-infinite-2 {
  0% {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  40% {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  75% {
    -webkit-transform: translateX(60%) scaleX(0.35);
    transform: translateX(60%) scaleX(0.35);
  }
  90% {
    -webkit-transform: translateX(100%) scaleX(0.1);
    transform: translateX(100%) scaleX(0.1);
  }
  100% {
    -webkit-transform: translateX(100%) scaleX(0.1);
    transform: translateX(100%) scaleX(0.1);
  }
}
@-webkit-keyframes md-progressbar-infinite-multicolor-bg {
  0% {
    background-color: #4caf50;
  }
  25% {
    background-color: #f44336;
  }
  50% {
    background-color: #2196f3;
  }
  75% {
    background-color: #ffeb3b;
  }
}
@keyframes md-progressbar-infinite-multicolor-bg {
  0% {
    background-color: #4caf50;
  }
  25% {
    background-color: #f44336;
  }
  50% {
    background-color: #2196f3;
  }
  75% {
    background-color: #ffeb3b;
  }
}
@-webkit-keyframes md-progressbar-infinite-multicolor-fill {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #f44336;
  }
  24.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #f44336;
  }
  25% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #2196f3;
  }
  49.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #2196f3;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ffeb3b;
  }
  74.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #ffeb3b;
  }
  75% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #4caf50;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #4caf50;
  }
}
@keyframes md-progressbar-infinite-multicolor-fill {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #f44336;
  }
  24.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #f44336;
  }
  25% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #2196f3;
  }
  49.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #2196f3;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ffeb3b;
  }
  74.9% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #ffeb3b;
  }
  75% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #4caf50;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #4caf50;
  }
}
/* === Sortable === */
.sortable .sortable-handler {
  position: absolute;
  top: 0;
  bottom: 1px;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 18px 12px;
  opacity: 0;
  pointer-events: none;
  cursor: move;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  right: 0;
  background-position: 100% 50%;
}
.sortable .item-inner {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.sortable li.sorting {
  z-index: 50;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.sortable li.sorting .item-inner:after {
  display: none !important;
}
.sortable-sorting li {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.sortable-enabled .sortable-handler {
  pointer-events: auto;
  opacity: 1;
  background-position: 50% 50%;
}
.sortable-enabled .item-link .item-inner,
.sortable-enabled .item-link .item-title-row {
  background-image: none !important;
}
.theme-dark .sortable li.sorting,
.sortable.theme-dark li.sorting {
  background-color: rgba(50, 50, 50, 0.8);
}
.ios .sortable-handler {
  width: 35px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
}
.ios .sortable li.sorting {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.ios .sortable-enabled .item-inner,
.ios .sortable-enabled .item-link .item-inner {
  padding-right: 35px;
}
.ios .list.sortable-enabled .item-link.no-chevron .item-inner,
.ios .list.sortable-enabled.no-chevron .item-link .item-inner,
.ios .list.sortable-enabled .no-chevron .item-link .item-inner,
.ios .no-chevron .list.sortable-enabled .item-link .item-inner {
  padding-right: 35px;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-right-edge .sortable-handler,
  .ios.device-iphone-x .ios-edges .sortable-handler,
  .ios.device-iphone-x .popup .sortable-handler,
  .ios.device-iphone-x .sheet-modal .sortable-handler,
  .ios.device-iphone-x .panel-right .sortable-handler {
    right: constant(safe-area-inset-right);
    right: env(safe-area-inset-right);
  }
  .ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
    padding-right: calc(35px + constant(safe-area-inset-right));
    padding-right: calc(35px + env(safe-area-inset-right));
  }
}
.md .sortable-handler {
  width: 50px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E");
}
.md .sortable li.sorting {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.md .sortable-enabled .item-inner,
.md .sortable-enabled .item-link .item-inner {
  padding-right: 50px;
}
.md .list.sortable-enabled .item-link.no-chevron .item-inner,
.md .list.sortable-enabled.no-chevron .item-link .item-inner,
.md .list.sortable-enabled .no-chevron .item-link .item-inner,
.md .no-chevron .list.sortable-enabled .item-link .item-inner {
  padding-right: 50px;
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-right-edge .sortable-handler,
  .md.device-iphone-x .ios-edges .sortable-handler,
  .md.device-iphone-x .popup .sortable-handler,
  .md.device-iphone-x .sheet-modal .sortable-handler,
  .md.device-iphone-x .panel-right .sortable-handler {
    right: constant(safe-area-inset-right);
    right: env(safe-area-inset-right);
  }
  .md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,
  .md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,
  .md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner {
    padding-right: calc(42px + constant(safe-area-inset-right));
    padding-right: calc(42px + env(safe-area-inset-right));
  }
}
/* === Swipeout === */
.swipeout {
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swipeout-deleting {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.swipeout-deleting .swipeout-content {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.swipeout-transitioning .swipeout-content,
.swipeout-transitioning .swipeout-actions-right a,
.swipeout-transitioning .swipeout-actions-left a,
.swipeout-transitioning .swipeout-overswipe {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, -webkit-transform;
  transition-property: transform, left;
  transition-property: transform, left, -webkit-transform;
}
.swipeout-content {
  position: relative;
  z-index: 10;
}
.swipeout-overswipe {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: left;
  transition-property: left;
}
.swipeout-actions-left,
.swipeout-actions-right {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  direction: ltr;
}
.swipeout-actions-left > a,
.swipeout-actions-right > a,
.swipeout-actions-left > button,
.swipeout-actions-right > button,
.swipeout-actions-left > span,
.swipeout-actions-right > span,
.swipeout-actions-left > div,
.swipeout-actions-right > div {
  color: #fff;
  background: #c7c7cc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 0;
}
.swipeout-actions-left > a:after,
.swipeout-actions-right > a:after,
.swipeout-actions-left > button:after,
.swipeout-actions-right > button:after,
.swipeout-actions-left > span:after,
.swipeout-actions-right > span:after,
.swipeout-actions-left > div:after,
.swipeout-actions-right > div:after {
  content: '';
  position: absolute;
  top: 0;
  width: 600%;
  height: 100%;
  background: inherit;
  z-index: -1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
.swipeout-actions-right {
  right: 0%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.swipeout-actions-right > a:after,
.swipeout-actions-right > button:after,
.swipeout-actions-right > span:after,
.swipeout-actions-right > div:after {
  left: 100%;
  margin-left: -1px;
}
.swipeout-actions-left {
  left: 0%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.swipeout-actions-left > a:after,
.swipeout-actions-left > button:after,
.swipeout-actions-left > span:after,
.swipeout-actions-left > div:after {
  right: 100%;
  margin-right: -1px;
}
.ios .swipeout-actions-left > a,
.ios .swipeout-actions-right > a,
.ios .swipeout-actions-left > button,
.ios .swipeout-actions-right > button,
.ios .swipeout-actions-left > span,
.ios .swipeout-actions-right > span,
.ios .swipeout-actions-left > div,
.ios .swipeout-actions-right > div {
  padding: 0 30px;
  color: #fff;
}
.ios .swipeout-actions-left .swipeout-delete,
.ios .swipeout-actions-right .swipeout-delete {
  background: #ff3b30;
}
.ios .swipeout-actions-left > a.color-red,
.ios .swipeout-actions-right > a.color-red,
.ios .swipeout-actions-left > button.color-red,
.ios .swipeout-actions-right > button.color-red,
.ios .swipeout-actions-left > span.color-red,
.ios .swipeout-actions-right > span.color-red,
.ios .swipeout-actions-left > div.color-red,
.ios .swipeout-actions-right > div.color-red {
  background-color: #ff3b30;
}
.ios .swipeout-actions-left > a.color-green,
.ios .swipeout-actions-right > a.color-green,
.ios .swipeout-actions-left > button.color-green,
.ios .swipeout-actions-right > button.color-green,
.ios .swipeout-actions-left > span.color-green,
.ios .swipeout-actions-right > span.color-green,
.ios .swipeout-actions-left > div.color-green,
.ios .swipeout-actions-right > div.color-green {
  background-color: #4cd964;
}
.ios .swipeout-actions-left > a.color-blue,
.ios .swipeout-actions-right > a.color-blue,
.ios .swipeout-actions-left > button.color-blue,
.ios .swipeout-actions-right > button.color-blue,
.ios .swipeout-actions-left > span.color-blue,
.ios .swipeout-actions-right > span.color-blue,
.ios .swipeout-actions-left > div.color-blue,
.ios .swipeout-actions-right > div.color-blue {
  background-color: #007aff;
}
.ios .swipeout-actions-left > a.color-pink,
.ios .swipeout-actions-right > a.color-pink,
.ios .swipeout-actions-left > button.color-pink,
.ios .swipeout-actions-right > button.color-pink,
.ios .swipeout-actions-left > span.color-pink,
.ios .swipeout-actions-right > span.color-pink,
.ios .swipeout-actions-left > div.color-pink,
.ios .swipeout-actions-right > div.color-pink {
  background-color: #ff2d55;
}
.ios .swipeout-actions-left > a.color-yellow,
.ios .swipeout-actions-right > a.color-yellow,
.ios .swipeout-actions-left > button.color-yellow,
.ios .swipeout-actions-right > button.color-yellow,
.ios .swipeout-actions-left > span.color-yellow,
.ios .swipeout-actions-right > span.color-yellow,
.ios .swipeout-actions-left > div.color-yellow,
.ios .swipeout-actions-right > div.color-yellow {
  background-color: #ffcc00;
}
.ios .swipeout-actions-left > a.color-orange,
.ios .swipeout-actions-right > a.color-orange,
.ios .swipeout-actions-left > button.color-orange,
.ios .swipeout-actions-right > button.color-orange,
.ios .swipeout-actions-left > span.color-orange,
.ios .swipeout-actions-right > span.color-orange,
.ios .swipeout-actions-left > div.color-orange,
.ios .swipeout-actions-right > div.color-orange {
  background-color: #ff9500;
}
.ios .swipeout-actions-left > a.color-gray,
.ios .swipeout-actions-right > a.color-gray,
.ios .swipeout-actions-left > button.color-gray,
.ios .swipeout-actions-right > button.color-gray,
.ios .swipeout-actions-left > span.color-gray,
.ios .swipeout-actions-right > span.color-gray,
.ios .swipeout-actions-left > div.color-gray,
.ios .swipeout-actions-right > div.color-gray {
  background-color: #8e8e93;
}
.ios .swipeout-actions-left > a.color-white,
.ios .swipeout-actions-right > a.color-white,
.ios .swipeout-actions-left > button.color-white,
.ios .swipeout-actions-right > button.color-white,
.ios .swipeout-actions-left > span.color-white,
.ios .swipeout-actions-right > span.color-white,
.ios .swipeout-actions-left > div.color-white,
.ios .swipeout-actions-right > div.color-white {
  background-color: #ffffff;
}
.ios .swipeout-actions-left > a.color-black,
.ios .swipeout-actions-right > a.color-black,
.ios .swipeout-actions-left > button.color-black,
.ios .swipeout-actions-right > button.color-black,
.ios .swipeout-actions-left > span.color-black,
.ios .swipeout-actions-right > span.color-black,
.ios .swipeout-actions-left > div.color-black,
.ios .swipeout-actions-right > div.color-black {
  background-color: #000000;
}
.md .swipeout-actions-left > a,
.md .swipeout-actions-right > a,
.md .swipeout-actions-left > button,
.md .swipeout-actions-right > button,
.md .swipeout-actions-left > span,
.md .swipeout-actions-right > span,
.md .swipeout-actions-left > div,
.md .swipeout-actions-right > div {
  padding: 0 24px;
  color: #fff;
}
.md .swipeout-actions-left .swipeout-delete,
.md .swipeout-actions-right .swipeout-delete {
  background: #f44336;
}
.md .swipeout-actions-left > a.color-red,
.md .swipeout-actions-right > a.color-red,
.md .swipeout-actions-left > button.color-red,
.md .swipeout-actions-right > button.color-red,
.md .swipeout-actions-left > span.color-red,
.md .swipeout-actions-right > span.color-red,
.md .swipeout-actions-left > div.color-red,
.md .swipeout-actions-right > div.color-red {
  background-color: #f44336;
}
.md .swipeout-actions-left > a.color-green,
.md .swipeout-actions-right > a.color-green,
.md .swipeout-actions-left > button.color-green,
.md .swipeout-actions-right > button.color-green,
.md .swipeout-actions-left > span.color-green,
.md .swipeout-actions-right > span.color-green,
.md .swipeout-actions-left > div.color-green,
.md .swipeout-actions-right > div.color-green {
  background-color: #4caf50;
}
.md .swipeout-actions-left > a.color-blue,
.md .swipeout-actions-right > a.color-blue,
.md .swipeout-actions-left > button.color-blue,
.md .swipeout-actions-right > button.color-blue,
.md .swipeout-actions-left > span.color-blue,
.md .swipeout-actions-right > span.color-blue,
.md .swipeout-actions-left > div.color-blue,
.md .swipeout-actions-right > div.color-blue {
  background-color: #2196f3;
}
.md .swipeout-actions-left > a.color-pink,
.md .swipeout-actions-right > a.color-pink,
.md .swipeout-actions-left > button.color-pink,
.md .swipeout-actions-right > button.color-pink,
.md .swipeout-actions-left > span.color-pink,
.md .swipeout-actions-right > span.color-pink,
.md .swipeout-actions-left > div.color-pink,
.md .swipeout-actions-right > div.color-pink {
  background-color: #e91e63;
}
.md .swipeout-actions-left > a.color-yellow,
.md .swipeout-actions-right > a.color-yellow,
.md .swipeout-actions-left > button.color-yellow,
.md .swipeout-actions-right > button.color-yellow,
.md .swipeout-actions-left > span.color-yellow,
.md .swipeout-actions-right > span.color-yellow,
.md .swipeout-actions-left > div.color-yellow,
.md .swipeout-actions-right > div.color-yellow {
  background-color: #ffeb3b;
}
.md .swipeout-actions-left > a.color-orange,
.md .swipeout-actions-right > a.color-orange,
.md .swipeout-actions-left > button.color-orange,
.md .swipeout-actions-right > button.color-orange,
.md .swipeout-actions-left > span.color-orange,
.md .swipeout-actions-right > span.color-orange,
.md .swipeout-actions-left > div.color-orange,
.md .swipeout-actions-right > div.color-orange {
  background-color: #ff9800;
}
.md .swipeout-actions-left > a.color-gray,
.md .swipeout-actions-right > a.color-gray,
.md .swipeout-actions-left > button.color-gray,
.md .swipeout-actions-right > button.color-gray,
.md .swipeout-actions-left > span.color-gray,
.md .swipeout-actions-right > span.color-gray,
.md .swipeout-actions-left > div.color-gray,
.md .swipeout-actions-right > div.color-gray {
  background-color: #9e9e9e;
}
.md .swipeout-actions-left > a.color-white,
.md .swipeout-actions-right > a.color-white,
.md .swipeout-actions-left > button.color-white,
.md .swipeout-actions-right > button.color-white,
.md .swipeout-actions-left > span.color-white,
.md .swipeout-actions-right > span.color-white,
.md .swipeout-actions-left > div.color-white,
.md .swipeout-actions-right > div.color-white {
  background-color: #ffffff;
}
.md .swipeout-actions-left > a.color-black,
.md .swipeout-actions-right > a.color-black,
.md .swipeout-actions-left > button.color-black,
.md .swipeout-actions-right > button.color-black,
.md .swipeout-actions-left > span.color-black,
.md .swipeout-actions-right > span.color-black,
.md .swipeout-actions-left > div.color-black,
.md .swipeout-actions-right > div.color-black {
  background-color: #000000;
}
/* === Accordion === */
.accordion-item-toggle {
  cursor: pointer;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.accordion-item-toggle.active-state {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.accordion-item-toggle.active-state > .item-inner:after {
  background-color: transparent;
}
.accordion-item-toggle .item-inner {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.accordion-item-toggle .item-inner:after {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.accordion-item .item-link .item-inner:after {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.accordion-item .list,
.accordion-item .block {
  margin-top: 0;
  margin-bottom: 0;
}
.accordion-item .block > h1:first-child,
.accordion-item .block > h2:first-child,
.accordion-item .block > h3:first-child,
.accordion-item .block > h4:first-child,
.accordion-item .block > p:first-child {
  margin-top: 10px;
}
.accordion-item .block > h1:last-child,
.accordion-item .block > h2:last-child,
.accordion-item .block > h3:last-child,
.accordion-item .block > h4:last-child,
.accordion-item .block > p:last-child {
  margin-bottom: 10px;
}
.accordion-item-opened .accordion-item-toggle .item-inner:after,
.accordion-item-opened > .item-link .item-inner:after {
  background-color: transparent;
}
.list li.accordion-item ul {
  padding-left: 0;
}
.accordion-item-content {
  position: relative;
  overflow: hidden;
  height: 0;
  font-size: 14px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.accordion-item-opened > .accordion-item-content {
  height: auto;
}
html.device-android-4 .accordion-item-content {
  -webkit-transform: none;
  transform: none;
}
.ios .list .accordion-item-toggle .item-inner {
  background-size: 8px 13px;
  background: no-repeat calc(100% - 15px) center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  padding-right: 35px;
}
.ios .list .accordion-item-toggle.active-state {
  background-color: #d9d9d9;
}
.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
.ios .media-list .accordion-item-opened > .item-link .item-title-row,
.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
.ios .accordion-item-opened.media-item > .item-link .item-title-row,
.ios .links-list .accordion-item-opened > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  background-size: 13px 13px;
}
.ios .theme-dark .list .accordion-item-toggle .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.ios .theme-dark .list .accordion-item-toggle.active-state {
  background-color: #363636;
}
.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
.ios .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row,
.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
.ios .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row,
.ios .theme-dark .links-list .accordion-item-opened > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.md .list .accordion-item-toggle .item-inner {
  padding-right: 42px;
  background: no-repeat calc(100% - 16px) center;
}
.md .list .accordion-item-toggle.active-state {
  background-color: rgba(0, 0, 0, 0.1);
}
.md .list .accordion-item-toggle .item-inner,
.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,
.md .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner,
.md .media-list .accordion-item .accordion-item-toggle .item-title-row,
.md .media-list .accordion-item > .item-link .item-title-row,
.md .accordion-item.media-item .accordion-item-toggle .item-title-row,
.md .accordion-item.media-item > .item-link .item-title-row,
.md .links-list .accordion-item > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  background-size: 13px 13px;
}
.md .list .accordion-item-toggle.accordion-item-opened .item-inner,
.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
.md .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
.md .media-list .accordion-item-opened > .item-link .item-title-row,
.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
.md .accordion-item-opened.media-item > .item-link .item-title-row,
.md .links-list .accordion-item-opened > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.md .theme-dark .list .accordion-item-toggle .item-inner,
.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,
.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner,
.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row,
.md .theme-dark .media-list .accordion-item > .item-link .item-title-row,
.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row,
.md .theme-dark .accordion-item.media-item > .item-link .item-title-row,
.md .theme-dark .links-list .accordion-item > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner,
.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,
.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner,
.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,
.md .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row,
.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,
.md .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row,
.md .theme-dark .links-list .accordion-item-opened > a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
/* === Contacts === */
.contacts-list .list-group:first-child ul:before {
  display: none !important;
}
.contacts-list .list-group:last-child ul:after {
  display: none !important;
}
.ios .contacts-list {
  margin: 0;
}
.ios .contacts-list .list-group-title {
  padding: 0 15px;
  background: #f7f7f7;
  color: #000;
  font-weight: 600;
  line-height: 22px;
  height: 22px;
}
.ios .theme-dark .contacts-list .list-group-title,
.contacts-list.ios .theme-dark .list-group-title {
  background-color: #111;
  color: #fff;
}
.md .contacts-list {
  margin: 0;
}
.md .contacts-list .list-group-title {
  padding: 0 16px;
  pointer-events: none;
  background: none;
  color: #2196f3;
  font-weight: 500;
  line-height: 48px;
  height: 48px;
  font-size: 20px;
  overflow: visible;
  width: 56px;
}
.md .contacts-list .list-group-title + li {
  margin-top: -48px;
}
.md .contacts-list li:not(.list-group-title) {
  padding-left: 56px;
}
.md .theme-dark .contacts-list .list-group-title {
  color: #fff;
}
/* === Virtual List === */
/* === Indexed List === */
.list-index {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 10;
  width: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.list-index:before {
  content: '';
  position: absolute;
  width: 20px;
  top: 0;
  right: 100%;
  height: 100%;
}
.list-index ul {
  font-size: 11px;
  font-weight: 600;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.list-index li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: 14px;
  line-height: 14px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 100%;
}
.list-index .list-index-skip-placeholder:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
}
.list-index .list-index-label {
  position: absolute;
  bottom: 0;
  right: 100%;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
}
.ios .list-index ul {
  color: #007aff;
}
.ios .list-index .list-index-skip-placeholder:after {
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background: #007aff;
}
.ios .list-index .list-index-label {
  margin-bottom: -22px;
  margin-right: 15px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  background: #007aff;
  font-size: 17px;
}
.ios .list-index .list-index-label:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50% 0% 50% 50%;
  content: '';
  background-color: inherit;
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.ios .navbar ~ .page > .list-index,
.ios .navbar ~ .list-index {
  top: 44px;
}
.ios .toolbar ~ .page > .list-index,
.ios .toolbar ~ * .page > .list-index,
.ios .toolbar ~ .list-index {
  bottom: 44px;
}
.ios .tabbar-labels ~ .page > .list-index,
.ios .tabbar-labels ~ * .page > .list-index,
.ios .tabbar-labels ~ .list-index {
  bottom: 50px;
}
@media (min-width: 768px) {
  .ios .tabbar-labels ~ .page > .list-index,
  .ios .tabbar-labels ~ * .page > .list-index,
  .ios .tabbar-labels ~ .list-index {
    bottom: 56px;
  }
}
.ios.device-iphone-x .toolbar ~ .page > .list-index,
.ios.device-iphone-x .toolbar ~ * .page > .list-index,
.ios.device-iphone-x .toolbar ~ .list-index {
  bottom: calc(44px + constant(safe-area-inset-bottom));
  bottom: calc(44px + env(safe-area-inset-bottom));
}
.ios.device-iphone-x .tabbar-labels ~ .page > .list-index,
.ios.device-iphone-x .tabbar-labels ~ * .page > .list-index,
.ios.device-iphone-x .tabbar-labels ~ .list-index {
  bottom: calc(50px + constant(safe-area-inset-bottom));
  bottom: calc(50px + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  .ios.device-iphone-x .tabbar-labels ~ .page > .list-index,
  .ios.device-iphone-x .tabbar-labels ~ * .page > .list-index,
  .ios.device-iphone-x .tabbar-labels ~ .list-index {
    bottom: calc(56px + constant(safe-area-inset-bottom));
    bottom: calc(56px + env(safe-area-inset-bottom));
  }
}
.ios .color-theme-red .list-index ul,
.ios .list-index.color-theme-red ul {
  color: #ff3b30;
}
.ios .color-theme-red .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-red .list-index-skip-placeholder:after,
.ios .color-theme-red .list-index .list-index-label,
.ios .list-index.color-theme-red .list-index-label {
  background-color: #ff3b30;
}
.ios .color-theme-green .list-index ul,
.ios .list-index.color-theme-green ul {
  color: #4cd964;
}
.ios .color-theme-green .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-green .list-index-skip-placeholder:after,
.ios .color-theme-green .list-index .list-index-label,
.ios .list-index.color-theme-green .list-index-label {
  background-color: #4cd964;
}
.ios .color-theme-blue .list-index ul,
.ios .list-index.color-theme-blue ul {
  color: #007aff;
}
.ios .color-theme-blue .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-blue .list-index-skip-placeholder:after,
.ios .color-theme-blue .list-index .list-index-label,
.ios .list-index.color-theme-blue .list-index-label {
  background-color: #007aff;
}
.ios .color-theme-pink .list-index ul,
.ios .list-index.color-theme-pink ul {
  color: #ff2d55;
}
.ios .color-theme-pink .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-pink .list-index-skip-placeholder:after,
.ios .color-theme-pink .list-index .list-index-label,
.ios .list-index.color-theme-pink .list-index-label {
  background-color: #ff2d55;
}
.ios .color-theme-yellow .list-index ul,
.ios .list-index.color-theme-yellow ul {
  color: #ffcc00;
}
.ios .color-theme-yellow .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-yellow .list-index-skip-placeholder:after,
.ios .color-theme-yellow .list-index .list-index-label,
.ios .list-index.color-theme-yellow .list-index-label {
  background-color: #ffcc00;
}
.ios .color-theme-orange .list-index ul,
.ios .list-index.color-theme-orange ul {
  color: #ff9500;
}
.ios .color-theme-orange .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-orange .list-index-skip-placeholder:after,
.ios .color-theme-orange .list-index .list-index-label,
.ios .list-index.color-theme-orange .list-index-label {
  background-color: #ff9500;
}
.ios .color-theme-gray .list-index ul,
.ios .list-index.color-theme-gray ul {
  color: #8e8e93;
}
.ios .color-theme-gray .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-gray .list-index-skip-placeholder:after,
.ios .color-theme-gray .list-index .list-index-label,
.ios .list-index.color-theme-gray .list-index-label {
  background-color: #8e8e93;
}
.ios .color-theme-white .list-index ul,
.ios .list-index.color-theme-white ul {
  color: #ffffff;
}
.ios .color-theme-white .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-white .list-index-skip-placeholder:after,
.ios .color-theme-white .list-index .list-index-label,
.ios .list-index.color-theme-white .list-index-label {
  background-color: #ffffff;
}
.ios .color-theme-black .list-index ul,
.ios .list-index.color-theme-black ul {
  color: #000000;
}
.ios .color-theme-black .list-index .list-index-skip-placeholder:after,
.ios .list-index.color-theme-black .list-index-skip-placeholder:after,
.ios .color-theme-black .list-index .list-index-label,
.ios .list-index.color-theme-black .list-index-label {
  background-color: #000000;
}
.ios .list-index.color-red ul {
  color: #ff3b30;
}
.ios .list-index.color-red .list-index-skip-placeholder:after,
.ios .list-index.color-red .list-index-label {
  background-color: #ff3b30;
}
.ios .list-index.color-green ul {
  color: #4cd964;
}
.ios .list-index.color-green .list-index-skip-placeholder:after,
.ios .list-index.color-green .list-index-label {
  background-color: #4cd964;
}
.ios .list-index.color-blue ul {
  color: #007aff;
}
.ios .list-index.color-blue .list-index-skip-placeholder:after,
.ios .list-index.color-blue .list-index-label {
  background-color: #007aff;
}
.ios .list-index.color-pink ul {
  color: #ff2d55;
}
.ios .list-index.color-pink .list-index-skip-placeholder:after,
.ios .list-index.color-pink .list-index-label {
  background-color: #ff2d55;
}
.ios .list-index.color-yellow ul {
  color: #ffcc00;
}
.ios .list-index.color-yellow .list-index-skip-placeholder:after,
.ios .list-index.color-yellow .list-index-label {
  background-color: #ffcc00;
}
.ios .list-index.color-orange ul {
  color: #ff9500;
}
.ios .list-index.color-orange .list-index-skip-placeholder:after,
.ios .list-index.color-orange .list-index-label {
  background-color: #ff9500;
}
.ios .list-index.color-gray ul {
  color: #8e8e93;
}
.ios .list-index.color-gray .list-index-skip-placeholder:after,
.ios .list-index.color-gray .list-index-label {
  background-color: #8e8e93;
}
.ios .list-index.color-white ul {
  color: #ffffff;
}
.ios .list-index.color-white .list-index-skip-placeholder:after,
.ios .list-index.color-white .list-index-label {
  background-color: #ffffff;
}
.ios .list-index.color-black ul {
  color: #000000;
}
.ios .list-index.color-black .list-index-skip-placeholder:after,
.ios .list-index.color-black .list-index-label {
  background-color: #000000;
}
.md .list-index ul {
  color: #2196f3;
}
.md .list-index .list-index-skip-placeholder:after {
  content: '';
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  background: #2196f3;
}
.md .list-index .list-index-label {
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50% 50% 0 50%;
  background: #2196f3;
  font-size: 20px;
}
.md .navbar ~ .list-index {
  top: 56px;
}
@media (min-width: 768px) {
  .md .navbar ~ .list-index {
    top: 64px;
  }
}
.md .navbar ~ .toolbar:not(.toolbar-bottom-md) ~ .list-index,
.md .navbar ~ .subnavbar ~ .list-index,
.md .page-with-subnavbar .navbar ~ .list-index {
  top: 104px;
}
.md .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .list-index {
  top: 128px;
}
.md .toolbar-bottom-md ~ .page > .list-index,
.md .toolbar-bottom-md ~ * .page > .list-index,
.md .toolbar-bottom-md ~ * .page > .list-index {
  bottom: 48px;
}
.md .tabbar-labels.toolbar-bottom-md ~ .page > .list-index,
.md .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index,
.md .tabbar-labels.toolbar-bottom-md ~ .list-index {
  bottom: 56px;
}
.md.device-iphone-x .toolbar-bottom-md ~ .page > .list-index,
.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index,
.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index {
  bottom: calc(48px + constant(safe-area-inset-bottom));
  bottom: calc(48px + env(safe-area-inset-bottom));
}
.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .page > .list-index,
.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index,
.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .list-index {
  bottom: calc(56px + constant(safe-area-inset-bottom));
  bottom: calc(56px + env(safe-area-inset-bottom));
}
.md .color-theme-red .list-index ul,
.md .list-index.color-theme-red ul {
  color: #f44336;
}
.md .color-theme-red .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-red .list-index-skip-placeholder:after,
.md .color-theme-red .list-index .list-index-label,
.md .list-index.color-theme-red .list-index-label {
  background-color: #f44336;
}
.md .color-theme-green .list-index ul,
.md .list-index.color-theme-green ul {
  color: #4caf50;
}
.md .color-theme-green .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-green .list-index-skip-placeholder:after,
.md .color-theme-green .list-index .list-index-label,
.md .list-index.color-theme-green .list-index-label {
  background-color: #4caf50;
}
.md .color-theme-blue .list-index ul,
.md .list-index.color-theme-blue ul {
  color: #2196f3;
}
.md .color-theme-blue .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-blue .list-index-skip-placeholder:after,
.md .color-theme-blue .list-index .list-index-label,
.md .list-index.color-theme-blue .list-index-label {
  background-color: #2196f3;
}
.md .color-theme-pink .list-index ul,
.md .list-index.color-theme-pink ul {
  color: #e91e63;
}
.md .color-theme-pink .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-pink .list-index-skip-placeholder:after,
.md .color-theme-pink .list-index .list-index-label,
.md .list-index.color-theme-pink .list-index-label {
  background-color: #e91e63;
}
.md .color-theme-yellow .list-index ul,
.md .list-index.color-theme-yellow ul {
  color: #ffeb3b;
}
.md .color-theme-yellow .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-yellow .list-index-skip-placeholder:after,
.md .color-theme-yellow .list-index .list-index-label,
.md .list-index.color-theme-yellow .list-index-label {
  background-color: #ffeb3b;
}
.md .color-theme-orange .list-index ul,
.md .list-index.color-theme-orange ul {
  color: #ff9800;
}
.md .color-theme-orange .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-orange .list-index-skip-placeholder:after,
.md .color-theme-orange .list-index .list-index-label,
.md .list-index.color-theme-orange .list-index-label {
  background-color: #ff9800;
}
.md .color-theme-gray .list-index ul,
.md .list-index.color-theme-gray ul {
  color: #9e9e9e;
}
.md .color-theme-gray .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-gray .list-index-skip-placeholder:after,
.md .color-theme-gray .list-index .list-index-label,
.md .list-index.color-theme-gray .list-index-label {
  background-color: #9e9e9e;
}
.md .color-theme-white .list-index ul,
.md .list-index.color-theme-white ul {
  color: #ffffff;
}
.md .color-theme-white .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-white .list-index-skip-placeholder:after,
.md .color-theme-white .list-index .list-index-label,
.md .list-index.color-theme-white .list-index-label {
  background-color: #ffffff;
}
.md .color-theme-black .list-index ul,
.md .list-index.color-theme-black ul {
  color: #000000;
}
.md .color-theme-black .list-index .list-index-skip-placeholder:after,
.md .list-index.color-theme-black .list-index-skip-placeholder:after,
.md .color-theme-black .list-index .list-index-label,
.md .list-index.color-theme-black .list-index-label {
  background-color: #000000;
}
.md .list-index.color-red ul {
  color: #f44336;
}
.md .list-index.color-red .list-index-skip-placeholder:after,
.md .list-index.color-red .list-index-label {
  background-color: #f44336;
}
.md .list-index.color-green ul {
  color: #4caf50;
}
.md .list-index.color-green .list-index-skip-placeholder:after,
.md .list-index.color-green .list-index-label {
  background-color: #4caf50;
}
.md .list-index.color-blue ul {
  color: #2196f3;
}
.md .list-index.color-blue .list-index-skip-placeholder:after,
.md .list-index.color-blue .list-index-label {
  background-color: #2196f3;
}
.md .list-index.color-pink ul {
  color: #e91e63;
}
.md .list-index.color-pink .list-index-skip-placeholder:after,
.md .list-index.color-pink .list-index-label {
  background-color: #e91e63;
}
.md .list-index.color-yellow ul {
  color: #ffeb3b;
}
.md .list-index.color-yellow .list-index-skip-placeholder:after,
.md .list-index.color-yellow .list-index-label {
  background-color: #ffeb3b;
}
.md .list-index.color-orange ul {
  color: #ff9800;
}
.md .list-index.color-orange .list-index-skip-placeholder:after,
.md .list-index.color-orange .list-index-label {
  background-color: #ff9800;
}
.md .list-index.color-gray ul {
  color: #9e9e9e;
}
.md .list-index.color-gray .list-index-skip-placeholder:after,
.md .list-index.color-gray .list-index-label {
  background-color: #9e9e9e;
}
.md .list-index.color-white ul {
  color: #ffffff;
}
.md .list-index.color-white .list-index-skip-placeholder:after,
.md .list-index.color-white .list-index-label {
  background-color: #ffffff;
}
.md .list-index.color-black ul {
  color: #000000;
}
.md .list-index.color-black .list-index-skip-placeholder:after,
.md .list-index.color-black .list-index-label {
  background-color: #000000;
}
/* === Timeline === */
.timeline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-strong .timeline {
  padding: 0;
  margin: 0;
}
.timeline-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.timeline-item-date {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-item-date small {
  font-size: 10px;
}
.timeline-item-content {
  margin: 2px;
  min-width: 0;
  position: relative;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
.timeline-item-content p:first-child,
.timeline-item-content ul:first-child,
.timeline-item-content ol:first-child,
.timeline-item-content h1:first-child,
.timeline-item-content h2:first-child,
.timeline-item-content h3:first-child,
.timeline-item-content h4:first-child {
  margin-top: 0;
}
.timeline-item-content p:last-child,
.timeline-item-content ul:last-child,
.timeline-item-content ol:last-child,
.timeline-item-content h1:last-child,
.timeline-item-content h2:last-child,
.timeline-item-content h3:last-child,
.timeline-item-content h4:last-child {
  margin-bottom: 0;
}
.timeline-item-inner {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-item-inner .block {
  padding: 0;
  color: inherit;
}
.timeline-item-inner .block-strong {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.timeline-item-inner .block-strong:before {
  display: none !important;
}
.timeline-item-inner .block-strong:after {
  display: none !important;
}
.timeline-item-inner .list ul:before {
  display: none !important;
}
.timeline-item-inner .list ul:after {
  display: none !important;
}
.timeline-item-divider {
  width: 1px;
  position: relative;
  width: 10px;
  height: 10px;
  background: #bbb;
  border-radius: 50%;
  margin-top: 3px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.timeline-item-divider:after,
.timeline-item-divider:before {
  content: ' ';
  width: 1px;
  height: 100vh;
  position: absolute;
  left: 50%;
  background: inherit;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.timeline-item-divider:after {
  top: 100%;
}
.timeline-item-divider:before {
  bottom: 100%;
}
.timeline-item:last-child .timeline-item-divider:after {
  display: none;
}
.timeline-item:first-child .timeline-item-divider:before {
  display: none;
}
.timeline-item-time {
  font-size: 13px;
}
.timeline-item-time:first-child,
.timeline-item-time:last-child {
  margin-top: 0;
}
.timeline-item-title + .timeline-item-time {
  margin-top: 0;
}
.timeline-horizontal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.timeline-horizontal .timeline-item {
  display: block;
  width: 33.33333333vw;
  margin: 0;
  padding: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 100%;
}
.timeline-horizontal .timeline-item-date {
  width: auto;
  line-height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 34px;
  text-align: left;
}
.timeline-horizontal .timeline-item-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
}
.timeline-horizontal .timeline-item-divider {
  display: none;
}
.timeline-horizontal.col-100 .timeline-item {
  width: 100vw;
}
.timeline-horizontal.col-95 .timeline-item {
  width: 95vw;
}
.timeline-horizontal.col-90 .timeline-item {
  width: 90vw;
}
.timeline-horizontal.col-85 .timeline-item {
  width: 85vw;
}
.timeline-horizontal.col-80 .timeline-item {
  width: 80vw;
}
.timeline-horizontal.col-75 .timeline-item {
  width: 75vw;
}
.timeline-horizontal.col-70 .timeline-item {
  width: 70vw;
}
.timeline-horizontal.col-66 .timeline-item {
  width: 66.66666666666666vw;
}
.timeline-horizontal.col-65 .timeline-item {
  width: 65vw;
}
.timeline-horizontal.col-60 .timeline-item {
  width: 60vw;
}
.timeline-horizontal.col-55 .timeline-item {
  width: 55vw;
}
.timeline-horizontal.col-50 .timeline-item {
  width: 50vw;
}
.timeline-horizontal.col-45 .timeline-item {
  width: 45vw;
}
.timeline-horizontal.col-40 .timeline-item {
  width: 40vw;
}
.timeline-horizontal.col-35 .timeline-item {
  width: 35vw;
}
.timeline-horizontal.col-33 .timeline-item {
  width: 33.333333333333336vw;
}
.timeline-horizontal.col-30 .timeline-item {
  width: 30vw;
}
.timeline-horizontal.col-25 .timeline-item {
  width: 25vw;
}
.timeline-horizontal.col-20 .timeline-item {
  width: 20vw;
}
.timeline-horizontal.col-15 .timeline-item {
  width: 15vw;
}
.timeline-horizontal.col-10 .timeline-item {
  width: 10vw;
}
.timeline-horizontal.col-5 .timeline-item {
  width: 5vw;
}
@media (min-width: 768px) {
  .timeline-horizontal.tablet-100 .timeline-item {
    width: 100vw;
  }
  .timeline-horizontal.tablet-95 .timeline-item {
    width: 95vw;
  }
  .timeline-horizontal.tablet-90 .timeline-item {
    width: 90vw;
  }
  .timeline-horizontal.tablet-85 .timeline-item {
    width: 85vw;
  }
  .timeline-horizontal.tablet-80 .timeline-item {
    width: 80vw;
  }
  .timeline-horizontal.tablet-75 .timeline-item {
    width: 75vw;
  }
  .timeline-horizontal.tablet-70 .timeline-item {
    width: 70vw;
  }
  .timeline-horizontal.tablet-66 .timeline-item {
    width: 66.66666666666666vw;
  }
  .timeline-horizontal.tablet-65 .timeline-item {
    width: 65vw;
  }
  .timeline-horizontal.tablet-60 .timeline-item {
    width: 60vw;
  }
  .timeline-horizontal.tablet-55 .timeline-item {
    width: 55vw;
  }
  .timeline-horizontal.tablet-50 .timeline-item {
    width: 50vw;
  }
  .timeline-horizontal.tablet-45 .timeline-item {
    width: 45vw;
  }
  .timeline-horizontal.tablet-40 .timeline-item {
    width: 40vw;
  }
  .timeline-horizontal.tablet-35 .timeline-item {
    width: 35vw;
  }
  .timeline-horizontal.tablet-33 .timeline-item {
    width: 33.333333333333336vw;
  }
  .timeline-horizontal.tablet-30 .timeline-item {
    width: 30vw;
  }
  .timeline-horizontal.tablet-25 .timeline-item {
    width: 25vw;
  }
  .timeline-horizontal.tablet-20 .timeline-item {
    width: 20vw;
  }
  .timeline-horizontal.tablet-15 .timeline-item {
    width: 15vw;
  }
  .timeline-horizontal.tablet-10 .timeline-item {
    width: 10vw;
  }
  .timeline-horizontal.tablet-5 .timeline-item {
    width: 5vw;
  }
}
.timeline-horizontal .timeline-year,
.timeline-horizontal .timeline-month {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 24px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.timeline-horizontal .timeline-year-title,
.timeline-horizontal .timeline-month-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-horizontal .timeline-year-title span,
.timeline-horizontal .timeline-month-title span {
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
}
.timeline-horizontal .timeline-year-title {
  font-size: 16px;
}
.timeline-horizontal .timeline-month-title span {
  margin-top: -2px;
}
/* === Timeline iOS === */
.ios .timeline {
  margin: 35px 0;
  padding: 0 15px;
}
.ios .block-strong .timeline {
  padding: 0;
  margin: 0;
}
.ios .timeline-item {
  padding: 2px 0px 15px;
}
.ios .timeline-item:last-child {
  padding-bottom: 2px;
}
.ios .timeline-item-content .card,
.ios .timeline-item-content.card,
.ios .timeline-item-content .list,
.ios .timeline-item-content.list,
.ios .timeline-item-content .block,
.ios .timeline-item-content.block {
  margin: 0;
  width: 100%;
}
.ios .timeline-item-content .card + .card,
.ios .timeline-item-content .list + .card,
.ios .timeline-item-content .block + .card,
.ios .timeline-item-content .card + .list,
.ios .timeline-item-content .list + .list,
.ios .timeline-item-content .block + .list,
.ios .timeline-item-content .card + .block,
.ios .timeline-item-content .list + .block,
.ios .timeline-item-content .block + .block {
  margin: 15px 0 0;
}
.ios .timeline-item-inner {
  border-radius: 7px;
  padding: 8px 15px;
}
.ios .timeline-item-inner + .timeline-item-inner {
  margin-top: 15px;
}
.ios .block-strong .timeline-item-inner {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ios .timeline-item-divider {
  margin-left: 15px;
  margin-right: 15px;
}
.ios .timeline-item-time {
  margin-top: 15px;
  color: #6d6d72;
}
.ios .timeline-item-time:first-child,
.ios .timeline-item-time:last-child {
  margin-top: 0;
}
.ios .timeline-item-title {
  font-size: 17px;
  font-weight: 600;
}
.ios .timeline-item-subtitle {
  font-size: 15px;
}
.ios .timeline-sides .timeline-item {
  margin-left: calc(50% - (30px + 10px) / 2 - 50px);
  margin-right: 0;
}
.ios .timeline-sides .timeline-item .timeline-item-date {
  text-align: right;
}
.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: calc(50% - (30px + 10px) / 2 - 50px);
  margin-left: 0;
}
.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
  text-align: left;
}
.ios .timeline-sides .timeline-item-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: calc(50% - (30px + 10px) / 2 - 50px);
  margin-left: 0;
}
.ios .timeline-sides .timeline-item-left .timeline-item-date {
  text-align: left;
}
.ios .timeline-sides .timeline-item-right {
  margin-left: calc(50% - (30px + 10px) / 2 - 50px);
  margin-right: 0;
}
.ios .timeline-sides .timeline-item-right .timeline-item-date {
  text-align: right;
}
@media (min-width: 768px) {
  .ios .tablet-sides .timeline-item {
    margin-left: calc(50% - (30px + 10px) / 2 - 50px);
    margin-right: 0;
  }
  .ios .tablet-sides .timeline-item .timeline-item-date {
    text-align: right;
  }
  .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: calc(50% - (30px + 10px) / 2 - 50px);
    margin-left: 0;
  }
  .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
    text-align: left;
  }
  .ios .tablet-sides .timeline-item-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: calc(50% - (30px + 10px) / 2 - 50px);
    margin-left: 0;
  }
  .ios .tablet-sides .timeline-item-left .timeline-item-date {
    text-align: left;
  }
  .ios .tablet-sides .timeline-item-right {
    margin-left: calc(50% - (30px + 10px) / 2 - 50px);
    margin-right: 0;
  }
  .ios .tablet-sides .timeline-item-right .timeline-item-date {
    text-align: right;
  }
}
.ios .timeline-horizontal {
  padding: 0;
  margin: 0;
}
.ios .timeline-horizontal .timeline-item {
  padding-top: 34px !important;
  padding-bottom: 10px;
}
.ios .timeline-horizontal > .timeline-item:last-child:after,
.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
  display: none !important;
}
.ios .timeline-horizontal .timeline-item-date {
  background: #f7f7f8;
  padding: 0px 10px;
}
.ios .timeline-horizontal .timeline-item-content {
  padding: 10px;
  height: calc(100% - 10px);
}
.ios .timeline-horizontal .timeline-item-date:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .timeline-horizontal .timeline-month .timeline-item:before {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .timeline-horizontal .timeline-item:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after {
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}
.ios .timeline-horizontal .timeline-year:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after {
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}
.ios .timeline-year:last-child:after {
  display: none !important;
}
.ios .timeline-year-title,
.ios .timeline-month-title {
  padding: 0 10px;
  background: #f7f7f8;
}
.ios .timeline-year-title span,
.ios .timeline-month-title span {
  left: 10px;
}
.ios .timeline-year-title span {
  margin-top: 3px;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span {
    left: calc(10px + constant(safe-area-inset-left));
    left: calc(10px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title {
    left: -44px;
    right: 0;
    width: auto;
  }
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item {
    overflow: visible;
  }
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date {
    width: auto;
    padding-left: calc(10px + constant(safe-area-inset-left));
    padding-left: calc(10px + env(safe-area-inset-left));
    left: calc(0px - constant(safe-area-inset-left));
    left: calc(0px - env(safe-area-inset-left));
    right: 0;
  }
  .ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) {
    padding-left: calc(15px + constant(safe-area-inset-left));
    padding-left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title {
    width: auto;
    right: calc(0px - constant(safe-area-inset-right));
    right: calc(0px - env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child {
    overflow: visible;
  }
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date {
    width: auto;
    right: calc(0px - constant(safe-area-inset-right));
    right: calc(0px - env(safe-area-inset-right));
    left: 0;
  }
  .ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) {
    padding-right: calc(15px + constant(safe-area-inset-right));
    padding-right: calc(15px + env(safe-area-inset-right));
  }
}
.ios .theme-dark .timeline-year-title,
.ios .theme-dark .timeline-month-title {
  background: #1b1b1b;
}
.ios .theme-dark .timeline-item-inner {
  background-color: #1c1c1d;
}
.ios .theme-dark .timeline-item-time {
  color: #8E8E93;
}
.ios .theme-dark .timeline-horizontal .timeline-item-date,
.timeline-horizontal.ios .theme-dark .timeline-item-date {
  background: #1b1b1b;
}
.ios .theme-dark .timeline-horizontal .timeline-item-date:after,
.timeline-horizontal.ios .theme-dark .timeline-item-date:after {
  background-color: #282829;
}
.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before,
.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before {
  background-color: #282829;
}
.ios .theme-dark .timeline-horizontal .timeline-item:after,
.timeline-horizontal.ios .theme-dark .timeline-item:after {
  background-color: #282829;
}
.ios .theme-dark .timeline-horizontal .timeline-year:after,
.timeline-horizontal.ios .theme-dark .timeline-year:after {
  background-color: #282829;
}
/* === Timeline MD === */
.md .timeline {
  margin: 32px 0;
  padding: 0 16px;
}
.md .block-strong .timeline {
  padding: 0;
  margin: 0;
}
.md .timeline-item {
  padding: 2px 0px 16px;
}
.md .timeline-item:last-child {
  padding-bottom: 2px;
}
.md .timeline-item-content .card,
.md .timeline-item-content.card,
.md .timeline-item-content .list,
.md .timeline-item-content.list,
.md .timeline-item-content .block,
.md .timeline-item-content.block {
  margin: 0;
  width: 100%;
}
.md .timeline-item-content .card + .card,
.md .timeline-item-content .list + .card,
.md .timeline-item-content .block + .card,
.md .timeline-item-content .card + .list,
.md .timeline-item-content .list + .list,
.md .timeline-item-content .block + .list,
.md .timeline-item-content .card + .block,
.md .timeline-item-content .list + .block,
.md .timeline-item-content .block + .block {
  margin: 16px 0 0;
}
.md .timeline-item-inner {
  border-radius: 2px;
  padding: 8px 16px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.md .timeline-item-inner + .timeline-item-inner {
  margin-top: 16px;
}
.md .timeline-item-divider {
  margin-left: 16px;
  margin-right: 16px;
}
.md .timeline-item-time {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.md .timeline-item-time:first-child {
  margin-top: 0;
}
.md .timeline-item-title {
  font-size: 16px;
}
.md .timeline-sides .timeline-item {
  margin-left: calc(50% - (32px + 10px) / 2 - 50px);
  margin-right: 0;
}
.md .timeline-sides .timeline-item .timeline-item-date {
  text-align: right;
}
.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: calc(50% - (32px + 10px) / 2 - 50px);
  margin-left: 0;
}
.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
  text-align: left;
}
.md .timeline-sides .timeline-item-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: calc(50% - (32px + 10px) / 2 - 50px);
  margin-left: 0;
}
.md .timeline-sides .timeline-item-left .timeline-item-date {
  text-align: left;
}
.md .timeline-sides .timeline-item-right {
  margin-left: calc(50% - (32px + 10px) / 2 - 50px);
  margin-right: 0;
}
.md .timeline-sides .timeline-item-right .timeline-item-date {
  text-align: right;
}
@media (min-width: 768px) {
  .md .tablet-sides .timeline-item {
    margin-left: calc(50% - (32px + 10px) / 2 - 50px);
    margin-right: 0;
  }
  .md .tablet-sides .timeline-item .timeline-item-date {
    text-align: right;
  }
  .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: calc(50% - (32px + 10px) / 2 - 50px);
    margin-left: 0;
  }
  .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
    text-align: left;
  }
  .md .tablet-sides .timeline-item-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: calc(50% - (32px + 10px) / 2 - 50px);
    margin-left: 0;
  }
  .md .tablet-sides .timeline-item-left .timeline-item-date {
    text-align: left;
  }
  .md .tablet-sides .timeline-item-right {
    margin-left: calc(50% - (32px + 10px) / 2 - 50px);
    margin-right: 0;
  }
  .md .tablet-sides .timeline-item-right .timeline-item-date {
    text-align: right;
  }
}
.md .timeline-horizontal {
  padding: 0;
  margin: 0;
  position: relative;
}
.md .timeline-horizontal .timeline-item {
  padding-top: 34px !important;
  padding-bottom: 12px;
}
.md .timeline-horizontal .timeline-item-date {
  background: #2196f3;
  padding: 0px 12px;
  color: #fff;
}
.md .timeline-horizontal .timeline-item-date:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  bottom: auto;
  height: 10px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .timeline-horizontal .timeline-item-content {
  padding: 12px;
  height: calc(100% - 12px);
}
.md .timeline-horizontal.no-shadow .timeline-item-date:after {
  display: none;
}
.md .timeline-horizontal .timeline-item:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after {
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}
.md .timeline-horizontal .timeline-item:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .timeline-year-title,
.md .timeline-month-title {
  padding: 0 12px;
  color: #fff;
  background: #2196f3;
}
.md .timeline-year-title span,
.md .timeline-month-title span {
  left: 12px;
}
.md .timeline-year-title span {
  margin-top: 2px;
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span {
    left: calc(12px + constant(safe-area-inset-left));
    left: calc(12px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title {
    left: -44px;
    right: 0;
    width: auto;
  }
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item {
    overflow: visible;
  }
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
  .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date,
  .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date {
    width: auto;
    padding-left: calc(12px + constant(safe-area-inset-left));
    padding-left: calc(12px + env(safe-area-inset-left));
    left: calc(0px - constant(safe-area-inset-left));
    left: calc(0px - env(safe-area-inset-left));
    right: 0;
  }
  .md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),
  .md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) {
    padding-left: calc(16px + constant(safe-area-inset-left));
    padding-left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title {
    width: auto;
    right: calc(0px - constant(safe-area-inset-right));
    right: calc(0px - env(safe-area-inset-right));
  }
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child,
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child {
    overflow: visible;
  }
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,
  .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date {
    width: auto;
    right: calc(0px - constant(safe-area-inset-right));
    right: calc(0px - env(safe-area-inset-right));
    left: 0;
  }
  .md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),
  .md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) {
    padding-right: calc(16px + constant(safe-area-inset-right));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
}
.md .theme-dark .timeline-item-inner {
  background-color: rgba(255, 255, 255, 0.03);
}
.md .theme-dark .timeline-item-time {
  color: rgba(255, 255, 255, 0.54);
}
.md .color-theme-red .timeline-item-date,
.md .color-theme-red .timeline-year-title,
.md .color-theme-red .timeline-month-title {
  background: #f44336;
}
.md .color-theme-green .timeline-item-date,
.md .color-theme-green .timeline-year-title,
.md .color-theme-green .timeline-month-title {
  background: #4caf50;
}
.md .color-theme-blue .timeline-item-date,
.md .color-theme-blue .timeline-year-title,
.md .color-theme-blue .timeline-month-title {
  background: #2196f3;
}
.md .color-theme-pink .timeline-item-date,
.md .color-theme-pink .timeline-year-title,
.md .color-theme-pink .timeline-month-title {
  background: #e91e63;
}
.md .color-theme-yellow .timeline-item-date,
.md .color-theme-yellow .timeline-year-title,
.md .color-theme-yellow .timeline-month-title {
  background: #ffeb3b;
}
.md .color-theme-orange .timeline-item-date,
.md .color-theme-orange .timeline-year-title,
.md .color-theme-orange .timeline-month-title {
  background: #ff9800;
}
.md .color-theme-gray .timeline-item-date,
.md .color-theme-gray .timeline-year-title,
.md .color-theme-gray .timeline-month-title {
  background: #9e9e9e;
}
.md .color-theme-white .timeline-item-date,
.md .color-theme-white .timeline-year-title,
.md .color-theme-white .timeline-month-title {
  background: #ffffff;
}
.md .color-theme-black .timeline-item-date,
.md .color-theme-black .timeline-year-title,
.md .color-theme-black .timeline-month-title {
  background: #000000;
}
.md .timeline.color-theme-red .timeline-item-date,
.md .timeline.color-theme-red .timeline-year-title,
.md .timeline.color-theme-red .timeline-month-title {
  background: #f44336;
}
.md .timeline.color-theme-green .timeline-item-date,
.md .timeline.color-theme-green .timeline-year-title,
.md .timeline.color-theme-green .timeline-month-title {
  background: #4caf50;
}
.md .timeline.color-theme-blue .timeline-item-date,
.md .timeline.color-theme-blue .timeline-year-title,
.md .timeline.color-theme-blue .timeline-month-title {
  background: #2196f3;
}
.md .timeline.color-theme-pink .timeline-item-date,
.md .timeline.color-theme-pink .timeline-year-title,
.md .timeline.color-theme-pink .timeline-month-title {
  background: #e91e63;
}
.md .timeline.color-theme-yellow .timeline-item-date,
.md .timeline.color-theme-yellow .timeline-year-title,
.md .timeline.color-theme-yellow .timeline-month-title {
  background: #ffeb3b;
}
.md .timeline.color-theme-orange .timeline-item-date,
.md .timeline.color-theme-orange .timeline-year-title,
.md .timeline.color-theme-orange .timeline-month-title {
  background: #ff9800;
}
.md .timeline.color-theme-gray .timeline-item-date,
.md .timeline.color-theme-gray .timeline-year-title,
.md .timeline.color-theme-gray .timeline-month-title {
  background: #9e9e9e;
}
.md .timeline.color-theme-white .timeline-item-date,
.md .timeline.color-theme-white .timeline-year-title,
.md .timeline.color-theme-white .timeline-month-title {
  background: #ffffff;
}
.md .timeline.color-theme-black .timeline-item-date,
.md .timeline.color-theme-black .timeline-year-title,
.md .timeline.color-theme-black .timeline-month-title {
  background: #000000;
}
/* === Tabs === */
.tabs .tab {
  display: none;
}
.tabs .tab-active {
  display: block;
}
.tabs-animated-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.tabs-animated-wrap > .tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.tabs-animated-wrap > .tabs > .tab {
  width: 100%;
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.tabs-animated-wrap.not-animated > .tabs {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.tabs-swipeable-wrap {
  height: 100%;
}
.tabs-swipeable-wrap > .tabs {
  height: 100%;
}
.tabs-swipeable-wrap > .tabs > .tab {
  display: block;
}
.page > .tabs {
  height: 100%;
}
/* === Panels === */
.panel-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5999;
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.panel-backdrop.not-animated {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
.panel {
  z-index: 1000;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 260px;
  background-color: #fff;
}
.panel.not-animated {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
.panel.panel-reveal.not-animated ~ .views,
.panel.panel-reveal.not-animated ~ .view {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
.panel-cover {
  z-index: 6000;
}
.panel-left {
  left: 0;
}
.panel-left.panel-cover {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.panel-right {
  right: 0;
}
.panel-right.panel-cover {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.panel-visible-by-breakpoint {
  display: block;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.panel-visible-by-breakpoint.panel-cover {
  z-index: 5900;
}
html.with-panel .framework7-root > .views .page-content,
html.with-panel .framework7-root > .view .page-content {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
html.with-panel-left-cover .panel-backdrop,
html.with-panel-right-cover .panel-backdrop {
  display: block;
  opacity: 1;
}
html.with-panel-left-reveal .panel-backdrop,
html.with-panel-right-reveal .panel-backdrop,
html.with-panel-transitioning .panel-backdrop {
  background: rgba(0, 0, 0, 0);
  display: block;
  opacity: 0;
}
html.with-panel-left-reveal .views,
html.with-panel-left-reveal .framework7-root > .view,
html.with-panel-left-reveal .panel-backdrop {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
html.with-panel-right-reveal .views,
html.with-panel-right-reveal .framework7-root > .view,
html.with-panel-right-reveal .panel-backdrop {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}
html.with-panel-left-cover .panel-left {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
html.with-panel-right-cover .panel-right {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
html.with-statusbar.device-ios .panel,
html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel {
  top: 20px;
  height: calc(100% - 20px);
}
html.with-statusbar.device-android .panel,
html.with-statusbar.md:not(.device-ios):not(.device-android) .panel {
  top: 24px;
  height: calc(100% - 24px);
}
html.with-statusbar.device-iphone-x .panel {
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
  height: calc(100% - constant(safe-area-inset-top));
  height: calc(100% - env(safe-area-inset-top));
}
.ios .panel-backdrop {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  background: rgba(0, 0, 0, 0);
}
.ios .panel {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.ios.with-panel-left-reveal .views,
.ios.with-panel-right-reveal .views,
.ios.with-panel-transitioning .views,
.ios.with-panel-left-reveal .framework7-root > .view,
.ios.with-panel-right-reveal .framework7-root > .view,
.ios.with-panel-transitioning .framework7-root > .view {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.md .panel-backdrop {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  background: rgba(0, 0, 0, 0.2);
}
.md .panel {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.md .panel-visible {
  display: block;
}
.md .panel-visible-by-breakpoint {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.md.with-panel-left-cover .panel-cover,
.md.with-panel-right-cover .panel-cover {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.md.with-panel-left-reveal .views,
.md.with-panel-right-reveal .views,
.md.with-panel-left-reveal .framework7-root > .view,
.md.with-panel-right-reveal .framework7-root > .view {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.md.with-panel-left-reveal .views,
.md.with-panel-right-reveal .views,
.md.with-panel-transitioning .views,
.md.with-panel-left-reveal .framework7-root > .view,
.md.with-panel-right-reveal .framework7-root > .view,
.md.with-panel-transitioning .framework7-root > .view {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
  transition-property: -webkit-transform, -webkit-box-shadow;
  transition-property: transform, box-shadow;
  transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
}
/* === Card === */
.cards-list > ul:before,
.card .list > ul:before {
  display: none !important;
}
.cards-list > ul:after,
.card .list > ul:after {
  display: none !important;
}
.card {
  background: #fff;
  position: relative;
  border-radius: 4px;
  font-size: 14px;
}
.card .list,
.card .block {
  margin: 0;
}
.row:not(.no-gap) .col > .card {
  margin-left: 0;
  margin-right: 0;
}
.card-content {
  position: relative;
}
.card-content-padding {
  position: relative;
}
.card-content-padding > p:first-child {
  margin-top: 0;
}
.card-content-padding > p:last-child {
  margin-bottom: 0;
}
.card-header,
.card-footer {
  min-height: 44px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.card-header[valign="top"],
.card-footer[valign="top"] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.card-header[valign="bottom"],
.card-footer[valign="bottom"] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.card-header a.link,
.card-footer a.link {
  position: relative;
}
.card-header a.link i.icon,
.card-footer a.link i.icon {
  display: block;
}
.card-header a.icon-only,
.card-footer a.icon-only {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.card-header {
  border-radius: 4px 4px 0 0;
}
.card-header:after {
  content: '';
  position: absolute;
  background-color: #e1e1e1;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.device-pixel-ratio-2 .card-header:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.device-pixel-ratio-3 .card-header:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.card-header.no-hairline:after {
  display: none !important;
}
.card-footer {
  border-radius: 0 0 4px 4px;
}
.card-footer:before {
  content: '';
  position: absolute;
  background-color: #e1e1e1;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
html.device-pixel-ratio-2 .card-footer:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.device-pixel-ratio-3 .card-footer:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.card-footer.no-hairline:before {
  display: none !important;
}
.ios .cards-list ul,
.ios .card .list ul {
  background: none;
}
.ios .card {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  margin: 10px;
}
.ios .card-outline {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.ios .card-header a.link,
.ios .card-footer a.link {
  line-height: 44px;
  height: 44px;
  margin-top: -10px;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ios .card-header a.icon-only,
.ios .card-footer a.icon-only {
  min-width: 44px;
}
.ios .card-content-padding {
  padding: 15px;
}
.ios .card-content-padding > .list,
.ios .card-content-padding > .block {
  margin: -15px;
}
.ios .card-header,
.ios .card-footer {
  min-height: 44px;
  padding: 10px 15px;
}
.ios .card-header {
  font-size: 17px;
}
.ios .card-footer {
  color: #6d6d72;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(10px + constant(safe-area-inset-left));
    margin-left: calc(10px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(10px + constant(safe-area-inset-right));
    margin-right: calc(10px + env(safe-area-inset-right));
  }
}
.ios .theme-dark .card {
  background-color: #1c1c1d;
}
.ios .theme-dark .card-outline {
  border-color: #282829;
}
.ios .theme-dark .card-header:after {
  background-color: #282829;
}
.ios .theme-dark .card-footer {
  color: #8E8E93;
}
.ios .theme-dark .card-footer:before {
  background-color: #282829;
}
.md .cards-list ul,
.md .card .list ul {
  background: none;
}
.md .card {
  margin: 8px;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.md .card-outline {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.md .card-header a.link,
.md .card-footer a.link {
  text-decoration: none;
  text-align: center;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0 10px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  color: #2196f3;
  border-radius: 4px;
  line-height: 36px;
  height: 36px;
  text-transform: uppercase;
  min-width: 64px;
  padding: 0 8px;
  border: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-weight: 500;
  letter-spacing: 0.03em;
}
input[type="submit"].md .card-header a.link,
input[type="submit"].md .card-footer a.link,
input[type="button"].md .card-header a.link,
input[type="button"].md .card-footer a.link {
  width: 100%;
}
.md .card-header a.link.active-state,
.md .card-footer a.link.active-state {
  background: rgba(0, 0, 0, 0.1);
}
.md .card-header a.icon-only,
.md .card-footer a.icon-only {
  min-width: 48px;
}
.md .page-content > .card:last-child {
  margin-bottom: 32px;
}
.md .card-content-padding {
  padding: 16px;
}
.md .card-content-padding > .list,
.md .card-content-padding > .block {
  margin: -16px;
}
.md .card-header,
.md .card-footer {
  min-height: 48px;
  padding: 4px 16px;
}
.md .card-header {
  font-size: 16px;
}
.md .card-footer {
  color: #757575;
}
.md .theme-dark .card {
  background-color: rgba(255, 255, 255, 0.03);
}
.md .theme-dark .card-outline {
  border-color: #282829;
}
.md .theme-dark .card-header:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .card-footer {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .card-footer:before {
  background-color: rgba(255, 255, 255, 0.08);
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge),
  .md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) {
    margin-left: calc(8px + constant(safe-area-inset-left));
    margin-left: calc(8px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge),
  .md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) {
    margin-right: calc(8px + constant(safe-area-inset-right));
    margin-right: calc(8px + env(safe-area-inset-right));
  }
}
.md .color-theme-red .card-header a.link,
.md .color-theme-red .card-footer a.link,
.md .card-header.color-theme-red a.link,
.md .card-footer.color-theme-red a.link {
  color: #f44336;
}
.md .color-theme-green .card-header a.link,
.md .color-theme-green .card-footer a.link,
.md .card-header.color-theme-green a.link,
.md .card-footer.color-theme-green a.link {
  color: #4caf50;
}
.md .color-theme-blue .card-header a.link,
.md .color-theme-blue .card-footer a.link,
.md .card-header.color-theme-blue a.link,
.md .card-footer.color-theme-blue a.link {
  color: #2196f3;
}
.md .color-theme-pink .card-header a.link,
.md .color-theme-pink .card-footer a.link,
.md .card-header.color-theme-pink a.link,
.md .card-footer.color-theme-pink a.link {
  color: #e91e63;
}
.md .color-theme-yellow .card-header a.link,
.md .color-theme-yellow .card-footer a.link,
.md .card-header.color-theme-yellow a.link,
.md .card-footer.color-theme-yellow a.link {
  color: #ffeb3b;
}
.md .color-theme-orange .card-header a.link,
.md .color-theme-orange .card-footer a.link,
.md .card-header.color-theme-orange a.link,
.md .card-footer.color-theme-orange a.link {
  color: #ff9800;
}
.md .color-theme-gray .card-header a.link,
.md .color-theme-gray .card-footer a.link,
.md .card-header.color-theme-gray a.link,
.md .card-footer.color-theme-gray a.link {
  color: #9e9e9e;
}
.md .color-theme-white .card-header a.link,
.md .color-theme-white .card-footer a.link,
.md .card-header.color-theme-white a.link,
.md .card-footer.color-theme-white a.link {
  color: #ffffff;
}
.md .color-theme-black .card-header a.link,
.md .color-theme-black .card-footer a.link,
.md .card-header.color-theme-black a.link,
.md .card-footer.color-theme-black a.link {
  color: #000000;
}
.md .card-header a.link.color-red,
.md .card-footer a.link.color-red {
  color: #f44336;
}
.md .card-header a.link.color-green,
.md .card-footer a.link.color-green {
  color: #4caf50;
}
.md .card-header a.link.color-blue,
.md .card-footer a.link.color-blue {
  color: #2196f3;
}
.md .card-header a.link.color-pink,
.md .card-footer a.link.color-pink {
  color: #e91e63;
}
.md .card-header a.link.color-yellow,
.md .card-footer a.link.color-yellow {
  color: #ffeb3b;
}
.md .card-header a.link.color-orange,
.md .card-footer a.link.color-orange {
  color: #ff9800;
}
.md .card-header a.link.color-gray,
.md .card-footer a.link.color-gray {
  color: #9e9e9e;
}
.md .card-header a.link.color-white,
.md .card-footer a.link.color-white {
  color: #ffffff;
}
.md .card-header a.link.color-black,
.md .card-footer a.link.color-black {
  color: #000000;
}
/* === Chips === */
.chip {
  font-weight: normal;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2px 0;
}
.chip-media {
  border-radius: 50%;
  text-align: center;
  color: #fff;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chip-media img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 50%;
  display: block;
}
.chip-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.chip-delete {
  text-align: center;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat;
}
.chip .chip-delete.active-state {
  opacity: 1;
}
.ios .chip {
  font-size: 13px;
  color: #000;
  background: rgba(0, 0, 0, 0.12);
  height: 24px;
  border-radius: 12px;
  padding: 0 10px;
}
.ios .chip-outline {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.ios .chip-media {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -10px;
}
.ios .chip-media + .chip-label {
  margin-left: 4px;
}
.ios .chip-media i.icon {
  font-size: 16px;
  height: 16px;
}
.ios .chip-delete {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 14px 14px;
  opacity: 0.54;
  margin-right: -10px;
}
.ios .theme-dark .chip {
  background-color: #333;
  color: #fff;
}
.ios .theme-dark .chip-outline {
  background: none;
  border-color: #333;
}
.ios .theme-dark .chip-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
}
.ios .chip.color-red {
  background: #ff3b30;
  color: #fff;
}
.ios .chip.color-red.chip-outline {
  background: none;
  border-color: #ff3b30;
  color: #ff3b30;
}
.ios .chip.color-green {
  background: #4cd964;
  color: #fff;
}
.ios .chip.color-green.chip-outline {
  background: none;
  border-color: #4cd964;
  color: #4cd964;
}
.ios .chip.color-blue {
  background: #007aff;
  color: #fff;
}
.ios .chip.color-blue.chip-outline {
  background: none;
  border-color: #007aff;
  color: #007aff;
}
.ios .chip.color-pink {
  background: #ff2d55;
  color: #fff;
}
.ios .chip.color-pink.chip-outline {
  background: none;
  border-color: #ff2d55;
  color: #ff2d55;
}
.ios .chip.color-yellow {
  background: #ffcc00;
  color: #fff;
}
.ios .chip.color-yellow.chip-outline {
  background: none;
  border-color: #ffcc00;
  color: #ffcc00;
}
.ios .chip.color-orange {
  background: #ff9500;
  color: #fff;
}
.ios .chip.color-orange.chip-outline {
  background: none;
  border-color: #ff9500;
  color: #ff9500;
}
.ios .chip.color-gray {
  background: #8e8e93;
  color: #fff;
}
.ios .chip.color-gray.chip-outline {
  background: none;
  border-color: #8e8e93;
  color: #8e8e93;
}
.ios .chip.color-white {
  background: #ffffff;
  color: #fff;
}
.ios .chip.color-white.chip-outline {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.ios .chip.color-black {
  background: #000000;
  color: #fff;
}
.ios .chip.color-black.chip-outline {
  background: none;
  border-color: #000000;
  color: #000000;
}
.md .chip {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  padding: 0 12px;
}
.md .chip-outline {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.md .chip-media {
  width: 32px;
  height: 32px;
  vertical-align: top;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  margin-left: -12px;
}
.md .chip-media + .chip-label {
  margin-left: 8px;
}
.md .chip-label + .chip-delete {
  margin-left: 4px;
}
.md .chip-delete {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 20px 20px;
  opacity: 0.54;
  margin-right: -8px;
}
.md .theme-dark .chip {
  background: #333;
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark .chip-outline {
  background: none;
  border-color: #333;
}
.md .theme-dark .chip-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .chip.color-red {
  background: #f44336;
  color: #fff;
}
.md .chip.color-red.chip-outline {
  background: none;
  border-color: #f44336;
  color: #f44336;
}
.md .chip.color-green {
  background: #4caf50;
  color: #fff;
}
.md .chip.color-green.chip-outline {
  background: none;
  border-color: #4caf50;
  color: #4caf50;
}
.md .chip.color-blue {
  background: #2196f3;
  color: #fff;
}
.md .chip.color-blue.chip-outline {
  background: none;
  border-color: #2196f3;
  color: #2196f3;
}
.md .chip.color-pink {
  background: #e91e63;
  color: #fff;
}
.md .chip.color-pink.chip-outline {
  background: none;
  border-color: #e91e63;
  color: #e91e63;
}
.md .chip.color-yellow {
  background: #ffeb3b;
  color: #fff;
}
.md .chip.color-yellow.chip-outline {
  background: none;
  border-color: #ffeb3b;
  color: #ffeb3b;
}
.md .chip.color-orange {
  background: #ff9800;
  color: #fff;
}
.md .chip.color-orange.chip-outline {
  background: none;
  border-color: #ff9800;
  color: #ff9800;
}
.md .chip.color-gray {
  background: #9e9e9e;
  color: #fff;
}
.md .chip.color-gray.chip-outline {
  background: none;
  border-color: #9e9e9e;
  color: #9e9e9e;
}
.md .chip.color-white {
  background: #ffffff;
  color: #fff;
}
.md .chip.color-white.chip-outline {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.md .chip.color-black {
  background: #000000;
  color: #fff;
}
.md .chip.color-black.chip-outline {
  background: none;
  border-color: #000000;
  color: #000000;
}
/* === Input === */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  outline: 0;
  display: block;
  padding: 0;
  margin: 0;
  font-family: inherit;
  background: none;
  resize: none;
  font-size: inherit;
  color: inherit;
}
.textarea-resizable-shadow {
  opacity: 0;
  position: absolute;
  z-index: -1000;
  pointer-events: none;
  left: -1000px;
  top: -1000px;
  visibility: hidden;
}
.list input[type="text"],
.list input[type="password"],
.list input[type="search"],
.list input[type="email"],
.list input[type="tel"],
.list input[type="url"],
.list input[type="date"],
.list input[type="datetime-local"],
.list input[type="time"],
.list input[type="number"],
.list select,
.list textarea {
  width: 100%;
}
.list input[type="datetime-local"] {
  max-width: 50vw;
}
.list input[type="date"],
.list input[type="datetime-local"] {
  line-height: 44px;
}
.list textarea {
  resize: none;
  line-height: 1.4;
  height: 100px;
}
.list .item-label,
.list .item-floating-label {
  vertical-align: top;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.list .item-input-wrap {
  width: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
}
.input {
  position: relative;
}
.input input,
.input select,
.input textarea {
  width: 100%;
}
.input-clear-button {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  outline: 0;
  z-index: 1;
  cursor: pointer;
  background: none;
  right: 0;
}
.input-clear-button:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.input-clear-button:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
}
.input-with-value ~ .input-clear-button,
.item-input-with-value .input-clear-button,
.input-with-value .input-clear-button {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.input-dropdown-wrap,
.input-dropdown {
  position: relative;
}
.input-dropdown-wrap:before,
.input-dropdown:before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #727272;
  right: 2px;
}
.input-dropdown-wrap select,
.input-dropdown select,
.input-dropdown-wrap input,
.input-dropdown input,
.input-dropdown-wrap textarea,
.input-dropdown textarea {
  padding-right: 14px;
}
.ios .list input[type="text"],
.ios .list input[type="password"],
.ios .list input[type="search"],
.ios .list input[type="email"],
.ios .list input[type="tel"],
.ios .list input[type="url"],
.ios .list input[type="date"],
.ios .list input[type="datetime-local"],
.ios .list input[type="time"],
.ios .list input[type="number"],
.ios .list select {
  height: 44px;
  color: #000;
  font-size: 17px;
}
.ios .list textarea {
  color: #000;
  font-size: 17px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ios .list textarea.resizable {
  height: 44px;
}
.ios .item-label,
.ios .item-floating-label {
  font-size: 12px;
  width: 100%;
  line-height: 1;
  overflow: visible;
}
.ios .item-label + .item-input-wrap,
.ios .item-floating-label + .item-input-wrap {
  margin-top: 0;
}
.ios .item-input .item-inner {
  display: block;
}
.ios .item-input .item-media {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.ios .item-input-wrap {
  margin-top: -8px;
  margin-bottom: -8px;
}
.ios .inline-labels .item-inner,
.ios .inline-label .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ios .inline-labels .item-label,
.ios .inline-label .item-label,
.ios .inline-labels .item-floating-label,
.ios .inline-label .item-floating-label {
  font-size: 17px;
  width: 35%;
  line-height: 1.4;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 3px;
}
.ios .inline-labels .item-label + .item-input-wrap,
.ios .inline-label .item-label + .item-input-wrap,
.ios .inline-labels .item-floating-label + .item-input-wrap,
.ios .inline-label .item-floating-label + .item-input-wrap {
  margin-top: -8px;
  margin-left: 5px;
}
.ios .inline-labels .item-input-wrap,
.ios .inline-label .item-input-wrap {
  margin-top: -8px;
}
.ios .item-input-with-error-message .item-input-wrap input,
.ios div.input-with-error-message input,
.ios span.input-with-error-message input,
.ios .item-input-with-error-message .item-input-wrap select,
.ios div.input-with-error-message select,
.ios span.input-with-error-message select,
.ios .item-input-with-error-message .item-input-wrap textarea,
.ios div.input-with-error-message textarea,
.ios span.input-with-error-message textarea {
  color: #ff3b30;
}
.ios .item-input-error-message,
.ios .item-input-info,
.ios .input-error-message,
.ios .input-info {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  margin-bottom: 6px;
  margin-top: -8px;
}
.ios .item-input-info,
.ios .input-info {
  color: #8e8e93;
}
.ios .item-input-error-message,
.ios .input-error-message {
  color: #ff3b30;
  display: none;
}
.ios .item-input-invalid .item-input-error-message {
  display: block;
}
.ios .item-input-invalid .item-input-info {
  display: none;
}
.ios .input-invalid .input-error-message {
  display: block;
}
.ios .input-invalid .input-info {
  display: none;
}
.ios .input-clear-button {
  width: 14px;
  height: 14px;
  margin-top: -7px;
}
.ios .input-clear-button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
}
.ios .input-clear-button:before {
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
}
.ios .item-input-wrap .input-clear-button {
  top: 22px;
}
.ios .theme-dark .list input[type="text"],
.list.ios .theme-dark input[type="text"],
.ios .theme-dark .list input[type="password"],
.list.ios .theme-dark input[type="password"],
.ios .theme-dark .list input[type="search"],
.list.ios .theme-dark input[type="search"],
.ios .theme-dark .list input[type="email"],
.list.ios .theme-dark input[type="email"],
.ios .theme-dark .list input[type="tel"],
.list.ios .theme-dark input[type="tel"],
.ios .theme-dark .list input[type="url"],
.list.ios .theme-dark input[type="url"],
.ios .theme-dark .list input[type="date"],
.list.ios .theme-dark input[type="date"],
.ios .theme-dark .list input[type="datetime-local"],
.list.ios .theme-dark input[type="datetime-local"],
.ios .theme-dark .list input[type="time"],
.list.ios .theme-dark input[type="time"],
.ios .theme-dark .list input[type="number"],
.list.ios .theme-dark input[type="number"],
.ios .theme-dark .list select,
.list.ios .theme-dark select {
  color: #fff;
}
.ios .theme-dark .list textarea,
.list.ios .theme-dark textarea {
  color: #fff;
}
.md .list input[type="text"],
.md .list input[type="password"],
.md .list input[type="search"],
.md .list input[type="email"],
.md .list input[type="tel"],
.md .list input[type="url"],
.md .list input[type="date"],
.md .list input[type="datetime-local"],
.md .list input[type="time"],
.md .list input[type="number"],
.md .list select {
  height: 36px;
  color: #212121;
  font-size: 16px;
}
.md .list input[type="text"]::-webkit-input-placeholder,
.md .list input[type="password"]::-webkit-input-placeholder,
.md .list input[type="search"]::-webkit-input-placeholder,
.md .list input[type="email"]::-webkit-input-placeholder,
.md .list input[type="tel"]::-webkit-input-placeholder,
.md .list input[type="url"]::-webkit-input-placeholder,
.md .list input[type="date"]::-webkit-input-placeholder,
.md .list input[type="datetime-local"]::-webkit-input-placeholder,
.md .list input[type="time"]::-webkit-input-placeholder,
.md .list input[type="number"]::-webkit-input-placeholder,
.md .list select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list input[type="text"]:-ms-input-placeholder,
.md .list input[type="password"]:-ms-input-placeholder,
.md .list input[type="search"]:-ms-input-placeholder,
.md .list input[type="email"]:-ms-input-placeholder,
.md .list input[type="tel"]:-ms-input-placeholder,
.md .list input[type="url"]:-ms-input-placeholder,
.md .list input[type="date"]:-ms-input-placeholder,
.md .list input[type="datetime-local"]:-ms-input-placeholder,
.md .list input[type="time"]:-ms-input-placeholder,
.md .list input[type="number"]:-ms-input-placeholder,
.md .list select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list input[type="text"]::-ms-input-placeholder,
.md .list input[type="password"]::-ms-input-placeholder,
.md .list input[type="search"]::-ms-input-placeholder,
.md .list input[type="email"]::-ms-input-placeholder,
.md .list input[type="tel"]::-ms-input-placeholder,
.md .list input[type="url"]::-ms-input-placeholder,
.md .list input[type="date"]::-ms-input-placeholder,
.md .list input[type="datetime-local"]::-ms-input-placeholder,
.md .list input[type="time"]::-ms-input-placeholder,
.md .list input[type="number"]::-ms-input-placeholder,
.md .list select::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list input[type="text"]::placeholder,
.md .list input[type="password"]::placeholder,
.md .list input[type="search"]::placeholder,
.md .list input[type="email"]::placeholder,
.md .list input[type="tel"]::placeholder,
.md .list input[type="url"]::placeholder,
.md .list input[type="date"]::placeholder,
.md .list input[type="datetime-local"]::placeholder,
.md .list input[type="time"]::placeholder,
.md .list input[type="number"]::placeholder,
.md .list select::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list textarea {
  color: #212121;
  font-size: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.md .list textarea.resizable {
  height: 36px;
}
.md .list textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .list textarea::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.md .item-input-wrap:after,
.md .input:after {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.md .item-input-wrap {
  min-height: 36px;
}
.md .item-input-wrap:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .item-input-wrap:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .item-input-wrap:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .input:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .input:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .input:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .item-label,
.md .item-floating-label {
  font-size: 12px;
  width: 100%;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  line-height: 13px;
  -webkit-transition-property: color, -webkit-transform;
  transition-property: color, -webkit-transform;
  transition-property: transform, color;
  transition-property: transform, color, -webkit-transform;
}
.md .item-floating-label {
  -webkit-transform: scale(1.33333333) translateY(18px);
  transform: scale(1.33333333) translateY(18px);
  color: rgba(0, 0, 0, 0.35);
  width: auto;
  max-width: 75%;
  pointer-events: none;
  -webkit-transform-origin: left;
  transform-origin: left;
}
.md .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder {
  opacity: 0;
  transition-duration: 100ms;
}
.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder {
  opacity: 0;
  transition-duration: 100ms;
}
.md .item-floating-label ~ .item-input-wrap input::placeholder,
.md .item-floating-label ~ .item-input-wrap textarea::placeholder {
  opacity: 0;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
.md .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.md .item-floating-label ~ .item-input-wrap input.input-focused:-ms-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea.input-focused:-ms-input-placeholder {
  opacity: 1;
  transition-duration: 300ms;
}
.md .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder,
.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder {
  opacity: 1;
  transition-duration: 300ms;
}
.md .item-floating-label ~ .item-input-wrap input.input-focused::placeholder,
.md .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder {
  opacity: 1;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.md .item-input-with-value .item-floating-label,
.md .item-input-focused .item-floating-label {
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.md .item-input-with-value .item-floating-label {
  color: rgba(0, 0, 0, 0.65);
}
.md .item-input .item-media {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.md .item-input .item-inner {
  display: block;
}
.md .item-input .item-inner:after {
  display: none !important;
}
.md .inline-labels .item-media,
.md .inline-label .item-media {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 14px;
}
.md .inline-labels .item-inner,
.md .inline-label .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.md .inline-labels .item-label,
.md .inline-label .item-label,
.md .inline-labels .item-floating-label,
.md .inline-label .item-floating-label {
  font-size: 16px;
  width: 30%;
  line-height: 1.5;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 7px;
}
.md .inline-labels .item-label + .item-input-wrap,
.md .inline-label .item-label + .item-input-wrap,
.md .inline-labels .item-floating-label + .item-input-wrap,
.md .inline-label .item-floating-label + .item-input-wrap {
  margin-left: 8px;
}
.md .item-input-with-error-message,
.md .item-input-with-info,
.md div.input-with-error-message,
.md div.input-with-info,
.md span.input-with-error-message,
.md span.input-with-info {
  padding-bottom: 20px;
}
.md .item-input-error-message,
.md .item-input-info,
.md .input-error-message,
.md .input-info {
  font-size: 12px;
  line-height: 1.4;
  position: absolute;
  top: 100%;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  left: 0;
  right: 16px;
}
.md .item-input-info,
.md .input-info {
  color: rgba(0, 0, 0, 0.45);
}
.md .item-input-error-message,
.md .input-error-message {
  color: #f44336;
  display: none;
}
.md .item-input-focused .item-label,
.md .item-input-focused .item-floating-label {
  color: #2196f3;
}
.md .item-input-focused .item-input-wrap:after,
.md .input-focused:after {
  background: #2196f3;
}
.md .item-input-invalid .item-label,
.md .item-invalid .item-label,
.md .item-input-invalid .item-floating-label,
.md .item-invalid .item-floating-label {
  color: #f44336;
}
.md .item-input-invalid .item-input-error-message,
.md .item-invalid .item-input-error-message,
.md .item-input-invalid .input-error-message,
.md .item-invalid .input-error-message {
  display: block;
}
.md .item-input-invalid .item-input-info,
.md .item-invalid .item-input-info,
.md .item-input-invalid .input-info,
.md .item-invalid .input-info {
  display: none;
}
.md .item-input-invalid .item-input-wrap:after,
.md .input-invalid:after {
  background: #f44336;
}
.md .item-input-invalid .item-input-wrap:after,
.md .item-input-focused .item-input-wrap:after {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}
.md .input-invalid:after,
.md .input-focused:after {
  -webkit-transform: scaleY(2) !important;
  transform: scaleY(2) !important;
}
.md .input-clear-button {
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.12);
  margin-top: -12px;
}
.md .input-clear-button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
  opacity: 0.54;
}
.md .input-clear-button:before {
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
}
.md .item-input-wrap .input-clear-button {
  bottom: 6px;
  margin-top: 0;
  top: auto;
}
.md .theme-dark input[type="text"],
.md .theme-dark input[type="password"],
.md .theme-dark input[type="search"],
.md .theme-dark input[type="email"],
.md .theme-dark input[type="tel"],
.md .theme-dark input[type="url"],
.md .theme-dark input[type="date"],
.md .theme-dark input[type="datetime-local"],
.md .theme-dark input[type="time"],
.md .theme-dark input[type="number"],
.md .theme-dark select,
.md .theme-dark textarea {
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark input[type="text"]::-webkit-input-placeholder,
.md .theme-dark input[type="password"]::-webkit-input-placeholder,
.md .theme-dark input[type="search"]::-webkit-input-placeholder,
.md .theme-dark input[type="email"]::-webkit-input-placeholder,
.md .theme-dark input[type="tel"]::-webkit-input-placeholder,
.md .theme-dark input[type="url"]::-webkit-input-placeholder,
.md .theme-dark input[type="date"]::-webkit-input-placeholder,
.md .theme-dark input[type="datetime-local"]::-webkit-input-placeholder,
.md .theme-dark input[type="time"]::-webkit-input-placeholder,
.md .theme-dark input[type="number"]::-webkit-input-placeholder,
.md .theme-dark select::-webkit-input-placeholder,
.md .theme-dark textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark input[type="text"]:-ms-input-placeholder,
.md .theme-dark input[type="password"]:-ms-input-placeholder,
.md .theme-dark input[type="search"]:-ms-input-placeholder,
.md .theme-dark input[type="email"]:-ms-input-placeholder,
.md .theme-dark input[type="tel"]:-ms-input-placeholder,
.md .theme-dark input[type="url"]:-ms-input-placeholder,
.md .theme-dark input[type="date"]:-ms-input-placeholder,
.md .theme-dark input[type="datetime-local"]:-ms-input-placeholder,
.md .theme-dark input[type="time"]:-ms-input-placeholder,
.md .theme-dark input[type="number"]:-ms-input-placeholder,
.md .theme-dark select:-ms-input-placeholder,
.md .theme-dark textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark input[type="text"]::-ms-input-placeholder,
.md .theme-dark input[type="password"]::-ms-input-placeholder,
.md .theme-dark input[type="search"]::-ms-input-placeholder,
.md .theme-dark input[type="email"]::-ms-input-placeholder,
.md .theme-dark input[type="tel"]::-ms-input-placeholder,
.md .theme-dark input[type="url"]::-ms-input-placeholder,
.md .theme-dark input[type="date"]::-ms-input-placeholder,
.md .theme-dark input[type="datetime-local"]::-ms-input-placeholder,
.md .theme-dark input[type="time"]::-ms-input-placeholder,
.md .theme-dark input[type="number"]::-ms-input-placeholder,
.md .theme-dark select::-ms-input-placeholder,
.md .theme-dark textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark input[type="text"]::placeholder,
.md .theme-dark input[type="password"]::placeholder,
.md .theme-dark input[type="search"]::placeholder,
.md .theme-dark input[type="email"]::placeholder,
.md .theme-dark input[type="tel"]::placeholder,
.md .theme-dark input[type="url"]::placeholder,
.md .theme-dark input[type="date"]::placeholder,
.md .theme-dark input[type="datetime-local"]::placeholder,
.md .theme-dark input[type="time"]::placeholder,
.md .theme-dark input[type="number"]::placeholder,
.md .theme-dark select::placeholder,
.md .theme-dark textarea::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after,
.md .theme-dark .input:after {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .item-label,
.md .theme-dark .item-floating-label {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .item-floating-label {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark .item-input-with-value .item-floating-label {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .input-clear-button {
  background: #fff;
}
.md .color-theme-red .item-input-focused .item-label,
.md .color-theme-red .item-input-focused .item-floating-label {
  color: #f44336;
}
.md .color-theme-red .item-input-focused .item-input-wrap:after,
.md .color-theme-red .input-after:after {
  background: #f44336;
}
.md .color-theme-green .item-input-focused .item-label,
.md .color-theme-green .item-input-focused .item-floating-label {
  color: #4caf50;
}
.md .color-theme-green .item-input-focused .item-input-wrap:after,
.md .color-theme-green .input-after:after {
  background: #4caf50;
}
.md .color-theme-blue .item-input-focused .item-label,
.md .color-theme-blue .item-input-focused .item-floating-label {
  color: #2196f3;
}
.md .color-theme-blue .item-input-focused .item-input-wrap:after,
.md .color-theme-blue .input-after:after {
  background: #2196f3;
}
.md .color-theme-pink .item-input-focused .item-label,
.md .color-theme-pink .item-input-focused .item-floating-label {
  color: #e91e63;
}
.md .color-theme-pink .item-input-focused .item-input-wrap:after,
.md .color-theme-pink .input-after:after {
  background: #e91e63;
}
.md .color-theme-yellow .item-input-focused .item-label,
.md .color-theme-yellow .item-input-focused .item-floating-label {
  color: #ffeb3b;
}
.md .color-theme-yellow .item-input-focused .item-input-wrap:after,
.md .color-theme-yellow .input-after:after {
  background: #ffeb3b;
}
.md .color-theme-orange .item-input-focused .item-label,
.md .color-theme-orange .item-input-focused .item-floating-label {
  color: #ff9800;
}
.md .color-theme-orange .item-input-focused .item-input-wrap:after,
.md .color-theme-orange .input-after:after {
  background: #ff9800;
}
.md .color-theme-gray .item-input-focused .item-label,
.md .color-theme-gray .item-input-focused .item-floating-label {
  color: #9e9e9e;
}
.md .color-theme-gray .item-input-focused .item-input-wrap:after,
.md .color-theme-gray .input-after:after {
  background: #9e9e9e;
}
.md .color-theme-white .item-input-focused .item-label,
.md .color-theme-white .item-input-focused .item-floating-label {
  color: #ffffff;
}
.md .color-theme-white .item-input-focused .item-input-wrap:after,
.md .color-theme-white .input-after:after {
  background: #ffffff;
}
.md .color-theme-black .item-input-focused .item-label,
.md .color-theme-black .item-input-focused .item-floating-label {
  color: #000000;
}
.md .color-theme-black .item-input-focused .item-input-wrap:after,
.md .color-theme-black .input-after:after {
  background: #000000;
}
.md .item-input-focused.color-red .item-label,
.md .item-input-focused.color-red .item-floating-label {
  color: #f44336;
}
.md .item-input-focused.color-red .item-input-wrap:after,
.md .input-after.color-red:after {
  background: #f44336;
}
.md .item-input-focused.color-green .item-label,
.md .item-input-focused.color-green .item-floating-label {
  color: #4caf50;
}
.md .item-input-focused.color-green .item-input-wrap:after,
.md .input-after.color-green:after {
  background: #4caf50;
}
.md .item-input-focused.color-blue .item-label,
.md .item-input-focused.color-blue .item-floating-label {
  color: #2196f3;
}
.md .item-input-focused.color-blue .item-input-wrap:after,
.md .input-after.color-blue:after {
  background: #2196f3;
}
.md .item-input-focused.color-pink .item-label,
.md .item-input-focused.color-pink .item-floating-label {
  color: #e91e63;
}
.md .item-input-focused.color-pink .item-input-wrap:after,
.md .input-after.color-pink:after {
  background: #e91e63;
}
.md .item-input-focused.color-yellow .item-label,
.md .item-input-focused.color-yellow .item-floating-label {
  color: #ffeb3b;
}
.md .item-input-focused.color-yellow .item-input-wrap:after,
.md .input-after.color-yellow:after {
  background: #ffeb3b;
}
.md .item-input-focused.color-orange .item-label,
.md .item-input-focused.color-orange .item-floating-label {
  color: #ff9800;
}
.md .item-input-focused.color-orange .item-input-wrap:after,
.md .input-after.color-orange:after {
  background: #ff9800;
}
.md .item-input-focused.color-gray .item-label,
.md .item-input-focused.color-gray .item-floating-label {
  color: #9e9e9e;
}
.md .item-input-focused.color-gray .item-input-wrap:after,
.md .input-after.color-gray:after {
  background: #9e9e9e;
}
.md .item-input-focused.color-white .item-label,
.md .item-input-focused.color-white .item-floating-label {
  color: #ffffff;
}
.md .item-input-focused.color-white .item-input-wrap:after,
.md .input-after.color-white:after {
  background: #ffffff;
}
.md .item-input-focused.color-black .item-label,
.md .item-input-focused.color-black .item-floating-label {
  color: #000000;
}
.md .item-input-focused.color-black .item-input-wrap:after,
.md .input-after.color-black:after {
  background: #000000;
}
/* === Checkbox === */
.icon-checkbox,
.checkbox i {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
}
label.item-checkbox,
.checkbox {
  cursor: pointer;
}
label.item-checkbox input[type="checkbox"],
.checkbox input[type="checkbox"],
label.item-checkbox input[type="radio"],
.checkbox input[type="radio"] {
  display: none;
}
label.item-checkbox .icon-checkbox,
.checkbox .icon-checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
}
label.item-checkbox .icon-checkbox:after,
.checkbox .icon-checkbox:after {
  content: '';
  position: absolute;
}
label.item-checkbox {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
label.item-checkbox.active-state:after {
  background-color: transparent;
}
label.item-checkbox.disabled,
.disabled label.item-checkbox {
  opacity: 0.55;
  pointer-events: none;
  opacity: 0.55 !important;
  pointer-events: none !important;
}
.ios .icon-checkbox,
.ios .checkbox i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #c7c7cc;
}
.ios .icon-checkbox:after,
.ios .checkbox i:after {
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -4px;
  width: 12px;
  height: 9px;
}
.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox input[type="checkbox"]:checked ~ i {
  border: none;
  background: #007aff;
}
.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after,
.ios .checkbox input[type="checkbox"]:checked ~ i:after {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 9px;
}
.ios label.item-checkbox > .icon-checkbox {
  margin-right: 15px;
}
.ios label.item-checkbox .item-content .item-media,
.ios label.item-checkbox.item-content .item-media {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.ios label.item-checkbox.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
.ios .theme-dark label.item-checkbox.active-state {
  background-color: #363636;
}
.ios .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-red .checkbox input[type="checkbox"]:checked ~ i {
  background: #ff3b30;
}
.ios .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-green .checkbox input[type="checkbox"]:checked ~ i {
  background: #4cd964;
}
.ios .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i {
  background: #007aff;
}
.ios .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i {
  background: #ff2d55;
}
.ios .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i {
  background: #ffcc00;
}
.ios .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i {
  background: #ff9500;
}
.ios .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i {
  background: #8e8e93;
}
.ios .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-white .checkbox input[type="checkbox"]:checked ~ i {
  background: #ffffff;
}
.ios .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .color-theme-black .checkbox input[type="checkbox"]:checked ~ i {
  background: #000000;
}
.ios label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-red input[type="checkbox"]:checked ~ i {
  background: #ff3b30;
}
.ios label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-green input[type="checkbox"]:checked ~ i {
  background: #4cd964;
}
.ios label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-blue input[type="checkbox"]:checked ~ i {
  background: #007aff;
}
.ios label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-pink input[type="checkbox"]:checked ~ i {
  background: #ff2d55;
}
.ios label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-yellow input[type="checkbox"]:checked ~ i {
  background: #ffcc00;
}
.ios label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-orange input[type="checkbox"]:checked ~ i {
  background: #ff9500;
}
.ios label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-gray input[type="checkbox"]:checked ~ i {
  background: #8e8e93;
}
.ios label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-white input[type="checkbox"]:checked ~ i {
  background: #ffffff;
}
.ios label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox,
.ios .checkbox.color-black input[type="checkbox"]:checked ~ i {
  background: #000000;
}
.md .icon-checkbox,
.md .checkbox i {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 2px solid #6d6d6d;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  background-color: transparent;
}
.md .icon-checkbox:after,
.md .checkbox i:after {
  width: 18px;
  height: 18px;
  left: -2px;
  top: -2px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  opacity: 0;
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
  background-size: 100% auto;
}
.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #2196f3;
  border-color: #2196f3;
}
.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after,
.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after,
.md .checkbox input[type="checkbox"]:checked ~ i:after {
  opacity: 1;
}
.md label.item-checkbox {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.md label.item-checkbox > .icon-checkbox {
  margin-right: 38px;
}
.md label.item-checkbox .item-content .item-media,
.md label.item-checkbox.item-content .item-media {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.md label.item-checkbox.active-state {
  background-color: rgba(0, 0, 0, 0.1);
}
.md .theme-dark label.item-checkbox.active-state {
  background-color: rgba(255, 255, 255, 0.05);
}
.md .theme-dark .icon-checkbox,
.md .theme-dark .checkbox i {
  border-color: rgba(255, 255, 255, 0.54);
}
.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-red .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #f44336;
  border-color: #f44336;
}
.md .color-theme-red .checkbox .ripple-wave {
  background: rgba(244, 67, 54, 0.5);
}
.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-green .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #4caf50;
  border-color: #4caf50;
}
.md .color-theme-green .checkbox .ripple-wave {
  background: rgba(76, 175, 80, 0.5);
}
.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #2196f3;
  border-color: #2196f3;
}
.md .color-theme-blue .checkbox .ripple-wave {
  background: rgba(33, 150, 243, 0.5);
}
.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #e91e63;
  border-color: #e91e63;
}
.md .color-theme-pink .checkbox .ripple-wave {
  background: rgba(233, 30, 99, 0.5);
}
.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
}
.md .color-theme-yellow .checkbox .ripple-wave {
  background: rgba(255, 235, 59, 0.5);
}
.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #ff9800;
  border-color: #ff9800;
}
.md .color-theme-orange .checkbox .ripple-wave {
  background: rgba(255, 152, 0, 0.5);
}
.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.md .color-theme-gray .checkbox .ripple-wave {
  background: rgba(158, 158, 158, 0.5);
}
.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-white .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #ffffff;
  border-color: #ffffff;
}
.md .color-theme-white .checkbox .ripple-wave {
  background: rgba(255, 255, 255, 0.5);
}
.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .color-theme-black .checkbox input[type="checkbox"]:checked ~ i {
  background-color: #000000;
  border-color: #000000;
}
.md .color-theme-black .checkbox .ripple-wave {
  background: rgba(0, 0, 0, 0.5);
}
.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-red input[type="checkbox"]:checked ~ i {
  background-color: #f44336;
  border-color: #f44336;
}
.md .checkbox.color-red .ripple-wave {
  background: rgba(244, 67, 54, 0.5);
}
.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-green input[type="checkbox"]:checked ~ i {
  background-color: #4caf50;
  border-color: #4caf50;
}
.md .checkbox.color-green .ripple-wave {
  background: rgba(76, 175, 80, 0.5);
}
.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-blue input[type="checkbox"]:checked ~ i {
  background-color: #2196f3;
  border-color: #2196f3;
}
.md .checkbox.color-blue .ripple-wave {
  background: rgba(33, 150, 243, 0.5);
}
.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-pink input[type="checkbox"]:checked ~ i {
  background-color: #e91e63;
  border-color: #e91e63;
}
.md .checkbox.color-pink .ripple-wave {
  background: rgba(233, 30, 99, 0.5);
}
.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-yellow input[type="checkbox"]:checked ~ i {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
}
.md .checkbox.color-yellow .ripple-wave {
  background: rgba(255, 235, 59, 0.5);
}
.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-orange input[type="checkbox"]:checked ~ i {
  background-color: #ff9800;
  border-color: #ff9800;
}
.md .checkbox.color-orange .ripple-wave {
  background: rgba(255, 152, 0, 0.5);
}
.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-gray input[type="checkbox"]:checked ~ i {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.md .checkbox.color-gray .ripple-wave {
  background: rgba(158, 158, 158, 0.5);
}
.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-white input[type="checkbox"]:checked ~ i {
  background-color: #ffffff;
  border-color: #ffffff;
}
.md .checkbox.color-white .ripple-wave {
  background: rgba(255, 255, 255, 0.5);
}
.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox.color-black input[type="checkbox"]:checked ~ i {
  background-color: #000000;
  border-color: #000000;
}
.md .checkbox.color-black .ripple-wave {
  background: rgba(0, 0, 0, 0.5);
}
/* === Radio === */
.icon-radio {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
}
label.item-radio,
.radio {
  cursor: pointer;
}
label.item-radio input[type="checkbox"],
.radio input[type="checkbox"],
label.item-radio input[type="radio"],
.radio input[type="radio"] {
  display: none;
}
label.item-radio .icon-radio,
.radio .icon-radio {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
}
label.item-radio .icon-radio:after,
.radio .icon-radio:after {
  content: '';
  position: absolute;
}
label.item-radio {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
label.item-radio.active-state:after {
  background-color: transparent;
}
label.item-radio.disabled,
.disabled label.item-radio {
  opacity: 0.55;
  pointer-events: none;
  opacity: 0.55 !important;
  pointer-events: none !important;
}
.ios .icon-radio {
  width: 22px;
  height: 22px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.ios .radio .icon-radio {
  border-radius: 50%;
  border: 1px solid #c7c7cc;
}
.ios label.item-radio input[type="radio"] ~ .icon-radio {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 10px;
}
.ios label.item-radio .item-inner {
  padding-right: 35px;
}
.ios label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .radio input[type="radio"]:checked ~ .icon-radio {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 10px;
}
.ios .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #007aff;
}
.ios label.item-radio .item-content .item-media,
.ios label.item-radio.item-content .item-media {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.ios label.item-radio.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-right-edge label.item-radio input[type="radio"] ~ .icon-radio,
  .ios.device-iphone-x .ios-edges label.item-radio input[type="radio"] ~ .icon-radio,
  .ios.device-iphone-x .popup label.item-radio input[type="radio"] ~ .icon-radio,
  .ios.device-iphone-x .sheet-modal label.item-radio input[type="radio"] ~ .icon-radio,
  .ios.device-iphone-x .panel-right label.item-radio input[type="radio"] ~ .icon-radio {
    right: calc(10px + constant(safe-area-inset-right));
    right: calc(10px + env(safe-area-inset-right));
  }
  .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,
  .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,
  .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,
  .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,
  .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner {
    padding-right: calc(35px + constant(safe-area-inset-right)) !important;
    padding-right: calc(35px + env(safe-area-inset-right));
  }
}
.ios .theme-dark label.item-radio.active-state {
  background-color: #363636;
}
.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff3b30;
}
.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #4cd964;
}
.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #007aff;
}
.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff2d55;
}
.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffcc00;
}
.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff9500;
}
.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #8e8e93;
}
.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffffff;
}
.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio,
.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #000000;
}
.ios label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff3b30;
}
.ios label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio {
  border-color: #4cd964;
}
.ios label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
  border-color: #007aff;
}
.ios label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff2d55;
}
.ios label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffcc00;
}
.ios label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff9500;
}
.ios label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
  border-color: #8e8e93;
}
.ios label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffffff;
}
.ios label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio,
.ios label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio,
.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio {
  border-color: #000000;
}
.md .icon-radio {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 2px solid #6d6d6d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  display: block;
}
.md .icon-radio:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #2196f3;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.md label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #2196f3;
}
.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #2196f3;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.md label.item-radio {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.md label.item-radio > .icon-radio {
  margin-right: 38px;
}
.md label.item-radio .item-content .item-media,
.md label.item-radio.item-content .item-media {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.md label.item-radio.active-state {
  background-color: rgba(0, 0, 0, 0.1);
}
.md .theme-dark label.item-radio.active-state {
  background-color: rgba(255, 255, 255, 0.05);
}
.md .theme-dark .icon-radio {
  border-color: rgba(255, 255, 255, 0.54);
}
.md .color-theme-red .icon-radio:after {
  background-color: #f44336;
}
.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #f44336;
}
.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #f44336;
}
.md .color-theme-red .radio .ripple-wave {
  background: rgba(244, 67, 54, 0.5);
}
.md .color-theme-green .icon-radio:after {
  background-color: #4caf50;
}
.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #4caf50;
}
.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #4caf50;
}
.md .color-theme-green .radio .ripple-wave {
  background: rgba(76, 175, 80, 0.5);
}
.md .color-theme-blue .icon-radio:after {
  background-color: #2196f3;
}
.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #2196f3;
}
.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #2196f3;
}
.md .color-theme-blue .radio .ripple-wave {
  background: rgba(33, 150, 243, 0.5);
}
.md .color-theme-pink .icon-radio:after {
  background-color: #e91e63;
}
.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #e91e63;
}
.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #e91e63;
}
.md .color-theme-pink .radio .ripple-wave {
  background: rgba(233, 30, 99, 0.5);
}
.md .color-theme-yellow .icon-radio:after {
  background-color: #ffeb3b;
}
.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffeb3b;
}
.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ffeb3b;
}
.md .color-theme-yellow .radio .ripple-wave {
  background: rgba(255, 235, 59, 0.5);
}
.md .color-theme-orange .icon-radio:after {
  background-color: #ff9800;
}
.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff9800;
}
.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ff9800;
}
.md .color-theme-orange .radio .ripple-wave {
  background: rgba(255, 152, 0, 0.5);
}
.md .color-theme-gray .icon-radio:after {
  background-color: #9e9e9e;
}
.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #9e9e9e;
}
.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #9e9e9e;
}
.md .color-theme-gray .radio .ripple-wave {
  background: rgba(158, 158, 158, 0.5);
}
.md .color-theme-white .icon-radio:after {
  background-color: #ffffff;
}
.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffffff;
}
.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ffffff;
}
.md .color-theme-white .radio .ripple-wave {
  background: rgba(255, 255, 255, 0.5);
}
.md .color-theme-black .icon-radio:after {
  background-color: #000000;
}
.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio {
  border-color: #000000;
}
.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #000000;
}
.md .color-theme-black .radio .ripple-wave {
  background: rgba(0, 0, 0, 0.5);
}
.md .radio.color-red .icon-radio:after {
  background-color: #f44336;
}
.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-red input[type="radio"]:checked ~ .icon-radio {
  border-color: #f44336;
}
.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-red input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #f44336;
}
.md .radio.color-red .ripple-wave {
  background: rgba(244, 67, 54, 0.5);
}
.md .radio.color-green .icon-radio:after {
  background-color: #4caf50;
}
.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-green input[type="radio"]:checked ~ .icon-radio {
  border-color: #4caf50;
}
.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-green input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #4caf50;
}
.md .radio.color-green .ripple-wave {
  background: rgba(76, 175, 80, 0.5);
}
.md .radio.color-blue .icon-radio:after {
  background-color: #2196f3;
}
.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio {
  border-color: #2196f3;
}
.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #2196f3;
}
.md .radio.color-blue .ripple-wave {
  background: rgba(33, 150, 243, 0.5);
}
.md .radio.color-pink .icon-radio:after {
  background-color: #e91e63;
}
.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio {
  border-color: #e91e63;
}
.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #e91e63;
}
.md .radio.color-pink .ripple-wave {
  background: rgba(233, 30, 99, 0.5);
}
.md .radio.color-yellow .icon-radio:after {
  background-color: #ffeb3b;
}
.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffeb3b;
}
.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ffeb3b;
}
.md .radio.color-yellow .ripple-wave {
  background: rgba(255, 235, 59, 0.5);
}
.md .radio.color-orange .icon-radio:after {
  background-color: #ff9800;
}
.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio {
  border-color: #ff9800;
}
.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ff9800;
}
.md .radio.color-orange .ripple-wave {
  background: rgba(255, 152, 0, 0.5);
}
.md .radio.color-gray .icon-radio:after {
  background-color: #9e9e9e;
}
.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio {
  border-color: #9e9e9e;
}
.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #9e9e9e;
}
.md .radio.color-gray .ripple-wave {
  background: rgba(158, 158, 158, 0.5);
}
.md .radio.color-white .icon-radio:after {
  background-color: #ffffff;
}
.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-white input[type="radio"]:checked ~ .icon-radio {
  border-color: #ffffff;
}
.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-white input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #ffffff;
}
.md .radio.color-white .ripple-wave {
  background: rgba(255, 255, 255, 0.5);
}
.md .radio.color-black .icon-radio:after {
  background-color: #000000;
}
.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio,
.md .radio.color-black input[type="radio"]:checked ~ .icon-radio {
  border-color: #000000;
}
.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio.color-black input[type="radio"]:checked ~ .icon-radio:after {
  background-color: #000000;
}
.md .radio.color-black .ripple-wave {
  background: rgba(0, 0, 0, 0.5);
}
/* === Toggle === */
.toggle {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle input[type="checkbox"] {
  display: none;
}
.toggle input[disabled] ~ .toggle-icon {
  pointer-events: none;
}
.toggle-icon {
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
}
.toggle-icon:before,
.toggle-icon:after {
  content: '';
}
.toggle-icon:after {
  background: #fff;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.ios .toggle {
  width: 52px;
  border-radius: 16px;
  height: 32px;
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: #4cd964;
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
.ios .toggle-icon {
  width: 52px;
  border-radius: 16px;
  height: 32px;
  background: #e5e5e5;
}
.ios .toggle-icon:before {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 48px;
  height: 28px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ios .toggle-icon:after {
  height: 28px;
  width: 28px;
  top: 2px;
  left: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 14px;
}
.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after {
  width: 35px;
}
.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after {
  width: 35px;
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}
.ios .theme-dark .toggle-icon {
  background-color: #fff;
}
.ios .theme-dark .toggle-icon:before {
  background-color: #1c1c1d;
}
.ios .toggle.color-red input[type="checkbox"]:checked + .toggle-icon {
  background-color: #ff3b30;
}
.ios .toggle.color-green input[type="checkbox"]:checked + .toggle-icon {
  background-color: #4cd964;
}
.ios .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon {
  background-color: #007aff;
}
.ios .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon {
  background-color: #ff2d55;
}
.ios .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon {
  background-color: #ffcc00;
}
.ios .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon {
  background-color: #ff9500;
}
.ios .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon {
  background-color: #8e8e93;
}
.ios .toggle.color-white input[type="checkbox"]:checked + .toggle-icon {
  background-color: #ffffff;
}
.ios .toggle.color-black input[type="checkbox"]:checked + .toggle-icon {
  background-color: #000000;
}
.md .toggle {
  width: 36px;
  height: 14px;
}
.md .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(33, 150, 243, 0.5);
}
.md .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
  background: #2196f3;
}
.md .toggle-icon {
  width: 36px;
  height: 14px;
  border-radius: 14px;
  background: #b0afaf;
}
.md .toggle-icon:after {
  height: 20px;
  width: 20px;
  top: -3px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  left: 0;
}
.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(244, 67, 54, 0.5);
}
.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #f44336;
}
.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(76, 175, 80, 0.5);
}
.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #4caf50;
}
.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(33, 150, 243, 0.5);
}
.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #2196f3;
}
.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(233, 30, 99, 0.5);
}
.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #e91e63;
}
.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 235, 59, 0.5);
}
.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ffeb3b;
}
.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 152, 0, 0.5);
}
.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ff9800;
}
.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(158, 158, 158, 0.5);
}
.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #9e9e9e;
}
.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 255, 255, 0.5);
}
.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ffffff;
}
.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(0, 0, 0, 0.5);
}
.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon:after {
  background: #000000;
}
.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(244, 67, 54, 0.5);
}
.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon:after {
  background: #f44336;
}
.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(76, 175, 80, 0.5);
}
.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon:after {
  background: #4caf50;
}
.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(33, 150, 243, 0.5);
}
.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon:after {
  background: #2196f3;
}
.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(233, 30, 99, 0.5);
}
.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon:after {
  background: #e91e63;
}
.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 235, 59, 0.5);
}
.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ffeb3b;
}
.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 152, 0, 0.5);
}
.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ff9800;
}
.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(158, 158, 158, 0.5);
}
.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon:after {
  background: #9e9e9e;
}
.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(255, 255, 255, 0.5);
}
.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon:after {
  background: #ffffff;
}
.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon {
  background: rgba(0, 0, 0, 0.5);
}
.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon:after {
  background: #000000;
}
/* === Range Slider === */
.range-slider {
  display: block;
  width: 100%;
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.range-slider input[type="range"] {
  display: none;
}
.range-bar {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  overflow: hidden;
}
.range-bar-active {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.range-knob-wrap {
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 0;
}
.range-knob {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.range-knob:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
}
.range-knob-label {
  position: absolute;
  left: 50%;
  bottom: 100%;
  text-align: center;
  -webkit-transition-duration: 120ms;
  transition-duration: 120ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateY(100%) scale(0);
  transform: translateY(100%) scale(0);
}
.range-knob-active-state .range-knob-label {
  -webkit-transform: translateY(0%) scale(1);
  transform: translateY(0%) scale(1);
}
.ios .range-slider {
  height: 28px;
}
.ios .range-bar {
  background: #b7b8b7;
  border-radius: 2px;
  height: 1px;
}
.ios .range-bar-active {
  background: #007aff;
}
.ios .range-knob-wrap {
  height: 28px;
  width: 28px;
  margin-top: -14px;
  margin-left: -14px;
}
.ios .range-knob {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.ios .range-knob-label {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  background: #fff;
  border-radius: 5px;
  color: #000;
  font-size: 12px;
  margin-bottom: 6px;
  -webkit-transform: translateX(-50%) translateY(100%) scale(0);
  transform: translateX(-50%) translateY(100%) scale(0);
}
.ios .range-knob-active-state .range-knob-label {
  -webkit-transform: translateX(-50%) translateY(0%) scale(1);
  transform: translateX(-50%) translateY(0%) scale(1);
}
.ios .color-theme-red .range-slider .range-bar-active {
  background-color: #ff3b30;
}
.ios .color-theme-green .range-slider .range-bar-active {
  background-color: #4cd964;
}
.ios .color-theme-blue .range-slider .range-bar-active {
  background-color: #007aff;
}
.ios .color-theme-pink .range-slider .range-bar-active {
  background-color: #ff2d55;
}
.ios .color-theme-yellow .range-slider .range-bar-active {
  background-color: #ffcc00;
}
.ios .color-theme-orange .range-slider .range-bar-active {
  background-color: #ff9500;
}
.ios .color-theme-gray .range-slider .range-bar-active {
  background-color: #8e8e93;
}
.ios .color-theme-white .range-slider .range-bar-active {
  background-color: #ffffff;
}
.ios .color-theme-black .range-slider .range-bar-active {
  background-color: #000000;
}
.ios .range-slider.color-red .range-bar-active {
  background-color: #ff3b30;
}
.ios .range-slider.color-green .range-bar-active {
  background-color: #4cd964;
}
.ios .range-slider.color-blue .range-bar-active {
  background-color: #007aff;
}
.ios .range-slider.color-pink .range-bar-active {
  background-color: #ff2d55;
}
.ios .range-slider.color-yellow .range-bar-active {
  background-color: #ffcc00;
}
.ios .range-slider.color-orange .range-bar-active {
  background-color: #ff9500;
}
.ios .range-slider.color-gray .range-bar-active {
  background-color: #8e8e93;
}
.ios .range-slider.color-white .range-bar-active {
  background-color: #ffffff;
}
.ios .range-slider.color-black .range-bar-active {
  background-color: #000000;
}
.md .range-slider {
  height: 20px;
}
.md .range-bar {
  background: #b9b9b9;
  height: 2px;
  margin-top: -1px;
}
.md .range-bar-active {
  background: #2196f3;
}
.md .range-knob-wrap {
  height: 12px;
  width: 12px;
  margin-top: -6px;
  margin-left: -6px;
}
.md .range-knob {
  background: #2196f3;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
}
.md .range-knob-active-state .range-knob {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.md .range-slider-min:not(.range-slider-dual) .range-knob {
  background: #fff !important;
  border: 2px solid #b9b9b9;
}
.md .range-knob-label {
  width: 26px;
  height: 26px;
  margin-left: -13px;
  margin-bottom: 8px;
  background: #2196f3;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  line-height: 26px;
}
.md .range-knob-label:before {
  content: '';
  left: 50%;
  top: 0px;
  margin-left: -13px;
  position: absolute;
  z-index: -1;
  width: 26px;
  height: 26px;
  background: #2196f3;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 50% 50% 50% 0;
}
.md .range-knob-active-state .range-knob-label {
  -webkit-transform: translateY(0%) scale(1);
  transform: translateY(0%) scale(1);
}
.md .range-slider-label .range-knob-active-state .range-knob {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.md .color-theme-red .range-slider .range-bar-active,
.md .color-theme-red .range-slider .range-knob,
.md .color-theme-red .range-slider .range-knob-label,
.md .color-theme-red .range-slider .range-knob-label:before {
  background-color: #f44336;
}
.md .color-theme-green .range-slider .range-bar-active,
.md .color-theme-green .range-slider .range-knob,
.md .color-theme-green .range-slider .range-knob-label,
.md .color-theme-green .range-slider .range-knob-label:before {
  background-color: #4caf50;
}
.md .color-theme-blue .range-slider .range-bar-active,
.md .color-theme-blue .range-slider .range-knob,
.md .color-theme-blue .range-slider .range-knob-label,
.md .color-theme-blue .range-slider .range-knob-label:before {
  background-color: #2196f3;
}
.md .color-theme-pink .range-slider .range-bar-active,
.md .color-theme-pink .range-slider .range-knob,
.md .color-theme-pink .range-slider .range-knob-label,
.md .color-theme-pink .range-slider .range-knob-label:before {
  background-color: #e91e63;
}
.md .color-theme-yellow .range-slider .range-bar-active,
.md .color-theme-yellow .range-slider .range-knob,
.md .color-theme-yellow .range-slider .range-knob-label,
.md .color-theme-yellow .range-slider .range-knob-label:before {
  background-color: #ffeb3b;
}
.md .color-theme-orange .range-slider .range-bar-active,
.md .color-theme-orange .range-slider .range-knob,
.md .color-theme-orange .range-slider .range-knob-label,
.md .color-theme-orange .range-slider .range-knob-label:before {
  background-color: #ff9800;
}
.md .color-theme-gray .range-slider .range-bar-active,
.md .color-theme-gray .range-slider .range-knob,
.md .color-theme-gray .range-slider .range-knob-label,
.md .color-theme-gray .range-slider .range-knob-label:before {
  background-color: #9e9e9e;
}
.md .color-theme-white .range-slider .range-bar-active,
.md .color-theme-white .range-slider .range-knob,
.md .color-theme-white .range-slider .range-knob-label,
.md .color-theme-white .range-slider .range-knob-label:before {
  background-color: #ffffff;
}
.md .color-theme-black .range-slider .range-bar-active,
.md .color-theme-black .range-slider .range-knob,
.md .color-theme-black .range-slider .range-knob-label,
.md .color-theme-black .range-slider .range-knob-label:before {
  background-color: #000000;
}
.md .range-slider.color-red .range-bar-active,
.md .range-slider.color-red .range-knob,
.md .range-slider.color-red .range-knob-label,
.md .range-slider.color-red .range-knob-label:before {
  background-color: #f44336;
}
.md .range-slider.color-green .range-bar-active,
.md .range-slider.color-green .range-knob,
.md .range-slider.color-green .range-knob-label,
.md .range-slider.color-green .range-knob-label:before {
  background-color: #4caf50;
}
.md .range-slider.color-blue .range-bar-active,
.md .range-slider.color-blue .range-knob,
.md .range-slider.color-blue .range-knob-label,
.md .range-slider.color-blue .range-knob-label:before {
  background-color: #2196f3;
}
.md .range-slider.color-pink .range-bar-active,
.md .range-slider.color-pink .range-knob,
.md .range-slider.color-pink .range-knob-label,
.md .range-slider.color-pink .range-knob-label:before {
  background-color: #e91e63;
}
.md .range-slider.color-yellow .range-bar-active,
.md .range-slider.color-yellow .range-knob,
.md .range-slider.color-yellow .range-knob-label,
.md .range-slider.color-yellow .range-knob-label:before {
  background-color: #ffeb3b;
}
.md .range-slider.color-orange .range-bar-active,
.md .range-slider.color-orange .range-knob,
.md .range-slider.color-orange .range-knob-label,
.md .range-slider.color-orange .range-knob-label:before {
  background-color: #ff9800;
}
.md .range-slider.color-gray .range-bar-active,
.md .range-slider.color-gray .range-knob,
.md .range-slider.color-gray .range-knob-label,
.md .range-slider.color-gray .range-knob-label:before {
  background-color: #9e9e9e;
}
.md .range-slider.color-white .range-bar-active,
.md .range-slider.color-white .range-knob,
.md .range-slider.color-white .range-knob-label,
.md .range-slider.color-white .range-knob-label:before {
  background-color: #ffffff;
}
.md .range-slider.color-black .range-bar-active,
.md .range-slider.color-black .range-knob,
.md .range-slider.color-black .range-knob-label,
.md .range-slider.color-black .range-knob-label:before {
  background-color: #000000;
}
/* === Stepper === */
.stepper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.stepper-button,
.stepper-button-minus,
.stepper-button-plus {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.stepper-button .icon,
.stepper-button-minus .icon,
.stepper-button-plus .icon {
  pointer-events: none;
}
.stepper-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stepper-input-wrap,
.stepper-value {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: center;
}
.stepper-button-plus,
.stepper-button-minus {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stepper-button-plus:after,
.stepper-button-minus:after,
.stepper-button-plus:before,
.stepper-button-minus:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.stepper-button-plus:after,
.stepper-button-minus:after {
  width: 15px;
  height: 2px;
}
.stepper-button-plus:before {
  height: 15px;
  width: 2px;
}
.stepper .stepper-input-wrap input,
.stepper .stepper-value {
  width: 45px;
}
.ios .stepper {
  height: 29px;
}
.ios .stepper-button,
.ios .stepper-button-minus,
.ios .stepper-button-plus {
  border: 1px solid #007aff;
  color: #007aff;
  border-radius: 5px;
  line-height: 27px;
  height: 29px;
  width: 40px;
}
.ios .stepper-button .f7-icons,
.ios .stepper-button-minus .f7-icons,
.ios .stepper-button-plus .f7-icons {
  font-size: 22px;
}
.ios .stepper-button:first-child,
.ios .stepper-button-minus:first-child,
.ios .stepper-button-plus:first-child {
  border-radius: 5px 0 0 5px;
}
.ios .stepper-button:last-child,
.ios .stepper-button-minus:last-child,
.ios .stepper-button-plus:last-child {
  border-radius: 0 5px 5px 0;
}
.ios .stepper-button.active-state,
.ios .stepper-button-minus.active-state,
.ios .stepper-button-plus.active-state {
  background: rgba(0, 122, 255, 0.15);
}
.ios .stepper-button + .stepper-button,
.ios .stepper-button-minus + .stepper-button,
.ios .stepper-button-plus + .stepper-button,
.ios .stepper-button + .stepper-button-minus,
.ios .stepper-button-minus + .stepper-button-minus,
.ios .stepper-button-plus + .stepper-button-minus,
.ios .stepper-button + .stepper-button-plus,
.ios .stepper-button-minus + .stepper-button-plus,
.ios .stepper-button-plus + .stepper-button-plus {
  border-left: none;
}
.ios .stepper-button-plus:after,
.ios .stepper-button-minus:after,
.ios .stepper-button-plus:before,
.ios .stepper-button-minus:before {
  background: #007aff;
}
.ios .stepper-input-wrap,
.ios .stepper-value {
  border-top: 1px solid #007aff;
  border-bottom: 1px solid #007aff;
}
.ios .stepper .stepper-value {
  color: #007aff;
  font-size: 17px;
}
.ios .stepper .stepper-input-wrap input {
  height: 100%;
  text-align: center;
  color: #007aff;
  font-size: 17px;
}
.ios .stepper-fill .stepper-button,
.ios .stepper-fill-ios .stepper-button,
.ios .stepper-fill .stepper-button-minus,
.ios .stepper-fill-ios .stepper-button-minus,
.ios .stepper-fill .stepper-button-plus,
.ios .stepper-fill-ios .stepper-button-plus {
  color: #fff;
  background: #007aff;
}
.ios .stepper-fill .stepper-button.active-state,
.ios .stepper-fill-ios .stepper-button.active-state,
.ios .stepper-fill .stepper-button-minus.active-state,
.ios .stepper-fill-ios .stepper-button-minus.active-state,
.ios .stepper-fill .stepper-button-plus.active-state,
.ios .stepper-fill-ios .stepper-button-plus.active-state {
  opacity: 0.8;
}
.ios .stepper-fill .stepper-button-plus:before,
.ios .stepper-fill-ios .stepper-button-plus:before,
.ios .stepper-fill .stepper-button-minus:before,
.ios .stepper-fill-ios .stepper-button-minus:before,
.ios .stepper-fill .stepper-button-plus:after,
.ios .stepper-fill-ios .stepper-button-plus:after,
.ios .stepper-fill .stepper-button-minus:after,
.ios .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-fill .stepper-button + .stepper-button,
.ios .stepper-fill-ios .stepper-button + .stepper-button,
.ios .stepper-fill .stepper-button-minus + .stepper-button-plus,
.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ios .stepper-round .stepper-button:first-child,
.ios .stepper-round-ios .stepper-button:first-child,
.ios .stepper-round .stepper-button-minus:first-child,
.ios .stepper-round-ios .stepper-button-minus:first-child,
.ios .stepper-round .stepper-button-plus:first-child,
.ios .stepper-round-ios .stepper-button-plus:first-child {
  border-radius: 29px 0 0 29px;
}
.ios .stepper-round .stepper-button:last-child,
.ios .stepper-round-ios .stepper-button:last-child,
.ios .stepper-round .stepper-button-minus:last-child,
.ios .stepper-round-ios .stepper-button-minus:last-child,
.ios .stepper-round .stepper-button-plus:last-child,
.ios .stepper-round-ios .stepper-button-plus:last-child {
  border-radius: 0 29px 29px 0;
}
.ios .stepper-small,
.ios .stepper-small-ios {
  height: 26px;
}
.ios .stepper-small .stepper-input-wrap,
.ios .stepper-small-ios .stepper-input-wrap,
.ios .stepper-small .stepper-value,
.ios .stepper-small-ios .stepper-value {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.ios .stepper-small .stepper-button,
.ios .stepper-small-ios .stepper-button,
.ios .stepper-small .stepper-button-minus,
.ios .stepper-small-ios .stepper-button-minus,
.ios .stepper-small .stepper-button-plus,
.ios .stepper-small-ios .stepper-button-plus {
  height: 26px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  line-height: 22px;
  border-width: 2px;
}
.ios .stepper-small .stepper-button .f7-icons,
.ios .stepper-small-ios .stepper-button .f7-icons,
.ios .stepper-small .stepper-button-minus .f7-icons,
.ios .stepper-small-ios .stepper-button-minus .f7-icons,
.ios .stepper-small .stepper-button-plus .f7-icons,
.ios .stepper-small-ios .stepper-button-plus .f7-icons {
  font-size: 18px;
}
.ios .stepper-small.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .stepper-small.stepper-fill-ios .stepper-button.active-state,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state,
.ios .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state,
.ios .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state {
  color: #007aff;
  border-color: #007aff;
  background-color: transparent;
  opacity: 1;
}
.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before,
.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before,
.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after,
.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after {
  background-color: #007aff;
}
.ios .stepper-big,
.ios .stepper-big-ios {
  height: 44px;
}
.ios .stepper-big .stepper-button,
.ios .stepper-big-ios .stepper-button,
.ios .stepper-big .stepper-button-minus,
.ios .stepper-big-ios .stepper-button-minus,
.ios .stepper-big .stepper-button-plus,
.ios .stepper-big-ios .stepper-button-plus {
  height: 44px;
  line-height: 42px;
}
.ios .color-theme-red .stepper-button,
.ios .color-theme-red .stepper-button-minus,
.ios .color-theme-red .stepper-button-plus {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ios .color-theme-red .stepper-button.active-state,
.ios .color-theme-red .stepper-button-minus.active-state,
.ios .color-theme-red .stepper-button-plus.active-state {
  background-color: rgba(255, 59, 48, 0.15);
}
.ios .color-theme-red .stepper-button-plus:after,
.ios .color-theme-red .stepper-button-minus:after,
.ios .color-theme-red .stepper-button-plus:before,
.ios .color-theme-red .stepper-button-minus:before {
  background-color: #ff3b30;
}
.ios .color-theme-red .stepper-value,
.ios .color-theme-red .stepper-input-wrap {
  border-top-color: #ff3b30;
  border-bottom-color: #ff3b30;
}
.ios .color-theme-red .stepper-value,
.ios .color-theme-red .stepper-input-wrap input {
  color: #ff3b30;
}
.ios .color-theme-red .stepper-fill .stepper-button,
.ios .color-theme-red .stepper-fill-ios .stepper-button,
.ios .color-theme-red .stepper-fill .stepper-button-minus,
.ios .color-theme-red .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-red .stepper-fill .stepper-button-plus,
.ios .color-theme-red .stepper-fill-ios .stepper-button-plus {
  background-color: #ff3b30;
}
.ios .color-theme-red .stepper-fill .stepper-button-plus:before,
.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-red .stepper-fill .stepper-button-minus:before,
.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-red .stepper-fill .stepper-button-plus:after,
.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-red .stepper-fill .stepper-button-minus:after,
.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #ff3b30;
  border-color: #ff3b30;
  background-color: transparent;
}
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff3b30;
}
.ios .color-theme-green .stepper-button,
.ios .color-theme-green .stepper-button-minus,
.ios .color-theme-green .stepper-button-plus {
  border-color: #4cd964;
  color: #4cd964;
}
.ios .color-theme-green .stepper-button.active-state,
.ios .color-theme-green .stepper-button-minus.active-state,
.ios .color-theme-green .stepper-button-plus.active-state {
  background-color: rgba(76, 217, 100, 0.15);
}
.ios .color-theme-green .stepper-button-plus:after,
.ios .color-theme-green .stepper-button-minus:after,
.ios .color-theme-green .stepper-button-plus:before,
.ios .color-theme-green .stepper-button-minus:before {
  background-color: #4cd964;
}
.ios .color-theme-green .stepper-value,
.ios .color-theme-green .stepper-input-wrap {
  border-top-color: #4cd964;
  border-bottom-color: #4cd964;
}
.ios .color-theme-green .stepper-value,
.ios .color-theme-green .stepper-input-wrap input {
  color: #4cd964;
}
.ios .color-theme-green .stepper-fill .stepper-button,
.ios .color-theme-green .stepper-fill-ios .stepper-button,
.ios .color-theme-green .stepper-fill .stepper-button-minus,
.ios .color-theme-green .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-green .stepper-fill .stepper-button-plus,
.ios .color-theme-green .stepper-fill-ios .stepper-button-plus {
  background-color: #4cd964;
}
.ios .color-theme-green .stepper-fill .stepper-button-plus:before,
.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-green .stepper-fill .stepper-button-minus:before,
.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-green .stepper-fill .stepper-button-plus:after,
.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-green .stepper-fill .stepper-button-minus:after,
.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #4cd964;
  border-color: #4cd964;
  background-color: transparent;
}
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #4cd964;
}
.ios .color-theme-blue .stepper-button,
.ios .color-theme-blue .stepper-button-minus,
.ios .color-theme-blue .stepper-button-plus {
  border-color: #007aff;
  color: #007aff;
}
.ios .color-theme-blue .stepper-button.active-state,
.ios .color-theme-blue .stepper-button-minus.active-state,
.ios .color-theme-blue .stepper-button-plus.active-state {
  background-color: rgba(0, 122, 255, 0.15);
}
.ios .color-theme-blue .stepper-button-plus:after,
.ios .color-theme-blue .stepper-button-minus:after,
.ios .color-theme-blue .stepper-button-plus:before,
.ios .color-theme-blue .stepper-button-minus:before {
  background-color: #007aff;
}
.ios .color-theme-blue .stepper-value,
.ios .color-theme-blue .stepper-input-wrap {
  border-top-color: #007aff;
  border-bottom-color: #007aff;
}
.ios .color-theme-blue .stepper-value,
.ios .color-theme-blue .stepper-input-wrap input {
  color: #007aff;
}
.ios .color-theme-blue .stepper-fill .stepper-button,
.ios .color-theme-blue .stepper-fill-ios .stepper-button,
.ios .color-theme-blue .stepper-fill .stepper-button-minus,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-blue .stepper-fill .stepper-button-plus,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus {
  background-color: #007aff;
}
.ios .color-theme-blue .stepper-fill .stepper-button-plus:before,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-blue .stepper-fill .stepper-button-minus:before,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-blue .stepper-fill .stepper-button-plus:after,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-blue .stepper-fill .stepper-button-minus:after,
.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #007aff;
  border-color: #007aff;
  background-color: transparent;
}
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #007aff;
}
.ios .color-theme-pink .stepper-button,
.ios .color-theme-pink .stepper-button-minus,
.ios .color-theme-pink .stepper-button-plus {
  border-color: #ff2d55;
  color: #ff2d55;
}
.ios .color-theme-pink .stepper-button.active-state,
.ios .color-theme-pink .stepper-button-minus.active-state,
.ios .color-theme-pink .stepper-button-plus.active-state {
  background-color: rgba(255, 45, 85, 0.15);
}
.ios .color-theme-pink .stepper-button-plus:after,
.ios .color-theme-pink .stepper-button-minus:after,
.ios .color-theme-pink .stepper-button-plus:before,
.ios .color-theme-pink .stepper-button-minus:before {
  background-color: #ff2d55;
}
.ios .color-theme-pink .stepper-value,
.ios .color-theme-pink .stepper-input-wrap {
  border-top-color: #ff2d55;
  border-bottom-color: #ff2d55;
}
.ios .color-theme-pink .stepper-value,
.ios .color-theme-pink .stepper-input-wrap input {
  color: #ff2d55;
}
.ios .color-theme-pink .stepper-fill .stepper-button,
.ios .color-theme-pink .stepper-fill-ios .stepper-button,
.ios .color-theme-pink .stepper-fill .stepper-button-minus,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-pink .stepper-fill .stepper-button-plus,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus {
  background-color: #ff2d55;
}
.ios .color-theme-pink .stepper-fill .stepper-button-plus:before,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-pink .stepper-fill .stepper-button-minus:before,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-pink .stepper-fill .stepper-button-plus:after,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-pink .stepper-fill .stepper-button-minus:after,
.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #ff2d55;
  border-color: #ff2d55;
  background-color: transparent;
}
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff2d55;
}
.ios .color-theme-yellow .stepper-button,
.ios .color-theme-yellow .stepper-button-minus,
.ios .color-theme-yellow .stepper-button-plus {
  border-color: #ffcc00;
  color: #ffcc00;
}
.ios .color-theme-yellow .stepper-button.active-state,
.ios .color-theme-yellow .stepper-button-minus.active-state,
.ios .color-theme-yellow .stepper-button-plus.active-state {
  background-color: rgba(255, 204, 0, 0.15);
}
.ios .color-theme-yellow .stepper-button-plus:after,
.ios .color-theme-yellow .stepper-button-minus:after,
.ios .color-theme-yellow .stepper-button-plus:before,
.ios .color-theme-yellow .stepper-button-minus:before {
  background-color: #ffcc00;
}
.ios .color-theme-yellow .stepper-value,
.ios .color-theme-yellow .stepper-input-wrap {
  border-top-color: #ffcc00;
  border-bottom-color: #ffcc00;
}
.ios .color-theme-yellow .stepper-value,
.ios .color-theme-yellow .stepper-input-wrap input {
  color: #ffcc00;
}
.ios .color-theme-yellow .stepper-fill .stepper-button,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button,
.ios .color-theme-yellow .stepper-fill .stepper-button-minus,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-yellow .stepper-fill .stepper-button-plus,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus {
  background-color: #ffcc00;
}
.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after,
.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #ffcc00;
  border-color: #ffcc00;
  background-color: transparent;
}
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ffcc00;
}
.ios .color-theme-orange .stepper-button,
.ios .color-theme-orange .stepper-button-minus,
.ios .color-theme-orange .stepper-button-plus {
  border-color: #ff9500;
  color: #ff9500;
}
.ios .color-theme-orange .stepper-button.active-state,
.ios .color-theme-orange .stepper-button-minus.active-state,
.ios .color-theme-orange .stepper-button-plus.active-state {
  background-color: rgba(255, 149, 0, 0.15);
}
.ios .color-theme-orange .stepper-button-plus:after,
.ios .color-theme-orange .stepper-button-minus:after,
.ios .color-theme-orange .stepper-button-plus:before,
.ios .color-theme-orange .stepper-button-minus:before {
  background-color: #ff9500;
}
.ios .color-theme-orange .stepper-value,
.ios .color-theme-orange .stepper-input-wrap {
  border-top-color: #ff9500;
  border-bottom-color: #ff9500;
}
.ios .color-theme-orange .stepper-value,
.ios .color-theme-orange .stepper-input-wrap input {
  color: #ff9500;
}
.ios .color-theme-orange .stepper-fill .stepper-button,
.ios .color-theme-orange .stepper-fill-ios .stepper-button,
.ios .color-theme-orange .stepper-fill .stepper-button-minus,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-orange .stepper-fill .stepper-button-plus,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus {
  background-color: #ff9500;
}
.ios .color-theme-orange .stepper-fill .stepper-button-plus:before,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-orange .stepper-fill .stepper-button-minus:before,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-orange .stepper-fill .stepper-button-plus:after,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-orange .stepper-fill .stepper-button-minus:after,
.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #ff9500;
  border-color: #ff9500;
  background-color: transparent;
}
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff9500;
}
.ios .color-theme-gray .stepper-button,
.ios .color-theme-gray .stepper-button-minus,
.ios .color-theme-gray .stepper-button-plus {
  border-color: #8e8e93;
  color: #8e8e93;
}
.ios .color-theme-gray .stepper-button.active-state,
.ios .color-theme-gray .stepper-button-minus.active-state,
.ios .color-theme-gray .stepper-button-plus.active-state {
  background-color: rgba(142, 142, 147, 0.15);
}
.ios .color-theme-gray .stepper-button-plus:after,
.ios .color-theme-gray .stepper-button-minus:after,
.ios .color-theme-gray .stepper-button-plus:before,
.ios .color-theme-gray .stepper-button-minus:before {
  background-color: #8e8e93;
}
.ios .color-theme-gray .stepper-value,
.ios .color-theme-gray .stepper-input-wrap {
  border-top-color: #8e8e93;
  border-bottom-color: #8e8e93;
}
.ios .color-theme-gray .stepper-value,
.ios .color-theme-gray .stepper-input-wrap input {
  color: #8e8e93;
}
.ios .color-theme-gray .stepper-fill .stepper-button,
.ios .color-theme-gray .stepper-fill-ios .stepper-button,
.ios .color-theme-gray .stepper-fill .stepper-button-minus,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-gray .stepper-fill .stepper-button-plus,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus {
  background-color: #8e8e93;
}
.ios .color-theme-gray .stepper-fill .stepper-button-plus:before,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-gray .stepper-fill .stepper-button-minus:before,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-gray .stepper-fill .stepper-button-plus:after,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-gray .stepper-fill .stepper-button-minus:after,
.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #8e8e93;
  border-color: #8e8e93;
  background-color: transparent;
}
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #8e8e93;
}
.ios .color-theme-white .stepper-button,
.ios .color-theme-white .stepper-button-minus,
.ios .color-theme-white .stepper-button-plus {
  border-color: #ffffff;
  color: #ffffff;
}
.ios .color-theme-white .stepper-button.active-state,
.ios .color-theme-white .stepper-button-minus.active-state,
.ios .color-theme-white .stepper-button-plus.active-state {
  background-color: rgba(255, 255, 255, 0.15);
}
.ios .color-theme-white .stepper-button-plus:after,
.ios .color-theme-white .stepper-button-minus:after,
.ios .color-theme-white .stepper-button-plus:before,
.ios .color-theme-white .stepper-button-minus:before {
  background-color: #ffffff;
}
.ios .color-theme-white .stepper-value,
.ios .color-theme-white .stepper-input-wrap {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.ios .color-theme-white .stepper-value,
.ios .color-theme-white .stepper-input-wrap input {
  color: #ffffff;
}
.ios .color-theme-white .stepper-fill .stepper-button,
.ios .color-theme-white .stepper-fill-ios .stepper-button,
.ios .color-theme-white .stepper-fill .stepper-button-minus,
.ios .color-theme-white .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-white .stepper-fill .stepper-button-plus,
.ios .color-theme-white .stepper-fill-ios .stepper-button-plus {
  background-color: #ffffff;
}
.ios .color-theme-white .stepper-fill .stepper-button-plus:before,
.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-white .stepper-fill .stepper-button-minus:before,
.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-white .stepper-fill .stepper-button-plus:after,
.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-white .stepper-fill .stepper-button-minus:after,
.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ffffff;
}
.ios .color-theme-black .stepper-button,
.ios .color-theme-black .stepper-button-minus,
.ios .color-theme-black .stepper-button-plus {
  border-color: #000000;
  color: #000000;
}
.ios .color-theme-black .stepper-button.active-state,
.ios .color-theme-black .stepper-button-minus.active-state,
.ios .color-theme-black .stepper-button-plus.active-state {
  background-color: rgba(0, 0, 0, 0.15);
}
.ios .color-theme-black .stepper-button-plus:after,
.ios .color-theme-black .stepper-button-minus:after,
.ios .color-theme-black .stepper-button-plus:before,
.ios .color-theme-black .stepper-button-minus:before {
  background-color: #000000;
}
.ios .color-theme-black .stepper-value,
.ios .color-theme-black .stepper-input-wrap {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.ios .color-theme-black .stepper-value,
.ios .color-theme-black .stepper-input-wrap input {
  color: #000000;
}
.ios .color-theme-black .stepper-fill .stepper-button,
.ios .color-theme-black .stepper-fill-ios .stepper-button,
.ios .color-theme-black .stepper-fill .stepper-button-minus,
.ios .color-theme-black .stepper-fill-ios .stepper-button-minus,
.ios .color-theme-black .stepper-fill .stepper-button-plus,
.ios .color-theme-black .stepper-fill-ios .stepper-button-plus {
  background-color: #000000;
}
.ios .color-theme-black .stepper-fill .stepper-button-plus:before,
.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before,
.ios .color-theme-black .stepper-fill .stepper-button-minus:before,
.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before,
.ios .color-theme-black .stepper-fill .stepper-button-plus:after,
.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after,
.ios .color-theme-black .stepper-fill .stepper-button-minus:after,
.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after {
  background-color: #fff;
}
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state,
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state {
  color: #000000;
  border-color: #000000;
  background-color: transparent;
}
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,
.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after,
.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #000000;
}
.ios .stepper.color-red .stepper-button,
.ios .stepper.color-red .stepper-button-minus,
.ios .stepper.color-red .stepper-button-plus {
  border-color: #ff3b30;
  color: #ff3b30;
}
.ios .stepper.color-red .stepper-button.active-state,
.ios .stepper.color-red .stepper-button-minus.active-state,
.ios .stepper.color-red .stepper-button-plus.active-state {
  background-color: rgba(255, 59, 48, 0.15);
}
.ios .stepper.color-red .stepper-button-plus:after,
.ios .stepper.color-red .stepper-button-minus:after,
.ios .stepper.color-red .stepper-button-plus:before,
.ios .stepper.color-red .stepper-button-minus:before {
  background-color: #ff3b30;
}
.ios .stepper.color-red .stepper-value,
.ios .stepper.color-red .stepper-input-wrap {
  border-top-color: #ff3b30;
  border-bottom-color: #ff3b30;
}
.ios .stepper.color-red .stepper-value,
.ios .stepper.color-red .stepper-input-wrap input {
  color: #ff3b30;
}
.ios .stepper-fill.color-red .stepper-button,
.ios .stepper-fill-ios.color-red .stepper-button,
.ios .stepper-fill.color-red .stepper-button-minus,
.ios .stepper-fill-ios.color-red .stepper-button-minus,
.ios .stepper-fill.color-red .stepper-button-plus,
.ios .stepper-fill-ios.color-red .stepper-button-plus {
  background-color: #ff3b30;
}
.ios .stepper-fill.color-red .stepper-button-plus:before,
.ios .stepper-fill-ios.color-red .stepper-button-plus:before,
.ios .stepper-fill.color-red .stepper-button-minus:before,
.ios .stepper-fill-ios.color-red .stepper-button-minus:before,
.ios .stepper-fill.color-red .stepper-button-plus:after,
.ios .stepper-fill-ios.color-red .stepper-button-plus:after,
.ios .stepper-fill.color-red .stepper-button-minus:after,
.ios .stepper-fill-ios.color-red .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state {
  color: #ff3b30;
  border-color: #ff3b30;
  background-color: transparent;
}
.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff3b30;
}
.ios .stepper.color-green .stepper-button,
.ios .stepper.color-green .stepper-button-minus,
.ios .stepper.color-green .stepper-button-plus {
  border-color: #4cd964;
  color: #4cd964;
}
.ios .stepper.color-green .stepper-button.active-state,
.ios .stepper.color-green .stepper-button-minus.active-state,
.ios .stepper.color-green .stepper-button-plus.active-state {
  background-color: rgba(76, 217, 100, 0.15);
}
.ios .stepper.color-green .stepper-button-plus:after,
.ios .stepper.color-green .stepper-button-minus:after,
.ios .stepper.color-green .stepper-button-plus:before,
.ios .stepper.color-green .stepper-button-minus:before {
  background-color: #4cd964;
}
.ios .stepper.color-green .stepper-value,
.ios .stepper.color-green .stepper-input-wrap {
  border-top-color: #4cd964;
  border-bottom-color: #4cd964;
}
.ios .stepper.color-green .stepper-value,
.ios .stepper.color-green .stepper-input-wrap input {
  color: #4cd964;
}
.ios .stepper-fill.color-green .stepper-button,
.ios .stepper-fill-ios.color-green .stepper-button,
.ios .stepper-fill.color-green .stepper-button-minus,
.ios .stepper-fill-ios.color-green .stepper-button-minus,
.ios .stepper-fill.color-green .stepper-button-plus,
.ios .stepper-fill-ios.color-green .stepper-button-plus {
  background-color: #4cd964;
}
.ios .stepper-fill.color-green .stepper-button-plus:before,
.ios .stepper-fill-ios.color-green .stepper-button-plus:before,
.ios .stepper-fill.color-green .stepper-button-minus:before,
.ios .stepper-fill-ios.color-green .stepper-button-minus:before,
.ios .stepper-fill.color-green .stepper-button-plus:after,
.ios .stepper-fill-ios.color-green .stepper-button-plus:after,
.ios .stepper-fill.color-green .stepper-button-minus:after,
.ios .stepper-fill-ios.color-green .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state {
  color: #4cd964;
  border-color: #4cd964;
  background-color: transparent;
}
.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #4cd964;
}
.ios .stepper.color-blue .stepper-button,
.ios .stepper.color-blue .stepper-button-minus,
.ios .stepper.color-blue .stepper-button-plus {
  border-color: #007aff;
  color: #007aff;
}
.ios .stepper.color-blue .stepper-button.active-state,
.ios .stepper.color-blue .stepper-button-minus.active-state,
.ios .stepper.color-blue .stepper-button-plus.active-state {
  background-color: rgba(0, 122, 255, 0.15);
}
.ios .stepper.color-blue .stepper-button-plus:after,
.ios .stepper.color-blue .stepper-button-minus:after,
.ios .stepper.color-blue .stepper-button-plus:before,
.ios .stepper.color-blue .stepper-button-minus:before {
  background-color: #007aff;
}
.ios .stepper.color-blue .stepper-value,
.ios .stepper.color-blue .stepper-input-wrap {
  border-top-color: #007aff;
  border-bottom-color: #007aff;
}
.ios .stepper.color-blue .stepper-value,
.ios .stepper.color-blue .stepper-input-wrap input {
  color: #007aff;
}
.ios .stepper-fill.color-blue .stepper-button,
.ios .stepper-fill-ios.color-blue .stepper-button,
.ios .stepper-fill.color-blue .stepper-button-minus,
.ios .stepper-fill-ios.color-blue .stepper-button-minus,
.ios .stepper-fill.color-blue .stepper-button-plus,
.ios .stepper-fill-ios.color-blue .stepper-button-plus {
  background-color: #007aff;
}
.ios .stepper-fill.color-blue .stepper-button-plus:before,
.ios .stepper-fill-ios.color-blue .stepper-button-plus:before,
.ios .stepper-fill.color-blue .stepper-button-minus:before,
.ios .stepper-fill-ios.color-blue .stepper-button-minus:before,
.ios .stepper-fill.color-blue .stepper-button-plus:after,
.ios .stepper-fill-ios.color-blue .stepper-button-plus:after,
.ios .stepper-fill.color-blue .stepper-button-minus:after,
.ios .stepper-fill-ios.color-blue .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state {
  color: #007aff;
  border-color: #007aff;
  background-color: transparent;
}
.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #007aff;
}
.ios .stepper.color-pink .stepper-button,
.ios .stepper.color-pink .stepper-button-minus,
.ios .stepper.color-pink .stepper-button-plus {
  border-color: #ff2d55;
  color: #ff2d55;
}
.ios .stepper.color-pink .stepper-button.active-state,
.ios .stepper.color-pink .stepper-button-minus.active-state,
.ios .stepper.color-pink .stepper-button-plus.active-state {
  background-color: rgba(255, 45, 85, 0.15);
}
.ios .stepper.color-pink .stepper-button-plus:after,
.ios .stepper.color-pink .stepper-button-minus:after,
.ios .stepper.color-pink .stepper-button-plus:before,
.ios .stepper.color-pink .stepper-button-minus:before {
  background-color: #ff2d55;
}
.ios .stepper.color-pink .stepper-value,
.ios .stepper.color-pink .stepper-input-wrap {
  border-top-color: #ff2d55;
  border-bottom-color: #ff2d55;
}
.ios .stepper.color-pink .stepper-value,
.ios .stepper.color-pink .stepper-input-wrap input {
  color: #ff2d55;
}
.ios .stepper-fill.color-pink .stepper-button,
.ios .stepper-fill-ios.color-pink .stepper-button,
.ios .stepper-fill.color-pink .stepper-button-minus,
.ios .stepper-fill-ios.color-pink .stepper-button-minus,
.ios .stepper-fill.color-pink .stepper-button-plus,
.ios .stepper-fill-ios.color-pink .stepper-button-plus {
  background-color: #ff2d55;
}
.ios .stepper-fill.color-pink .stepper-button-plus:before,
.ios .stepper-fill-ios.color-pink .stepper-button-plus:before,
.ios .stepper-fill.color-pink .stepper-button-minus:before,
.ios .stepper-fill-ios.color-pink .stepper-button-minus:before,
.ios .stepper-fill.color-pink .stepper-button-plus:after,
.ios .stepper-fill-ios.color-pink .stepper-button-plus:after,
.ios .stepper-fill.color-pink .stepper-button-minus:after,
.ios .stepper-fill-ios.color-pink .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state {
  color: #ff2d55;
  border-color: #ff2d55;
  background-color: transparent;
}
.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff2d55;
}
.ios .stepper.color-yellow .stepper-button,
.ios .stepper.color-yellow .stepper-button-minus,
.ios .stepper.color-yellow .stepper-button-plus {
  border-color: #ffcc00;
  color: #ffcc00;
}
.ios .stepper.color-yellow .stepper-button.active-state,
.ios .stepper.color-yellow .stepper-button-minus.active-state,
.ios .stepper.color-yellow .stepper-button-plus.active-state {
  background-color: rgba(255, 204, 0, 0.15);
}
.ios .stepper.color-yellow .stepper-button-plus:after,
.ios .stepper.color-yellow .stepper-button-minus:after,
.ios .stepper.color-yellow .stepper-button-plus:before,
.ios .stepper.color-yellow .stepper-button-minus:before {
  background-color: #ffcc00;
}
.ios .stepper.color-yellow .stepper-value,
.ios .stepper.color-yellow .stepper-input-wrap {
  border-top-color: #ffcc00;
  border-bottom-color: #ffcc00;
}
.ios .stepper.color-yellow .stepper-value,
.ios .stepper.color-yellow .stepper-input-wrap input {
  color: #ffcc00;
}
.ios .stepper-fill.color-yellow .stepper-button,
.ios .stepper-fill-ios.color-yellow .stepper-button,
.ios .stepper-fill.color-yellow .stepper-button-minus,
.ios .stepper-fill-ios.color-yellow .stepper-button-minus,
.ios .stepper-fill.color-yellow .stepper-button-plus,
.ios .stepper-fill-ios.color-yellow .stepper-button-plus {
  background-color: #ffcc00;
}
.ios .stepper-fill.color-yellow .stepper-button-plus:before,
.ios .stepper-fill-ios.color-yellow .stepper-button-plus:before,
.ios .stepper-fill.color-yellow .stepper-button-minus:before,
.ios .stepper-fill-ios.color-yellow .stepper-button-minus:before,
.ios .stepper-fill.color-yellow .stepper-button-plus:after,
.ios .stepper-fill-ios.color-yellow .stepper-button-plus:after,
.ios .stepper-fill.color-yellow .stepper-button-minus:after,
.ios .stepper-fill-ios.color-yellow .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state {
  color: #ffcc00;
  border-color: #ffcc00;
  background-color: transparent;
}
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ffcc00;
}
.ios .stepper.color-orange .stepper-button,
.ios .stepper.color-orange .stepper-button-minus,
.ios .stepper.color-orange .stepper-button-plus {
  border-color: #ff9500;
  color: #ff9500;
}
.ios .stepper.color-orange .stepper-button.active-state,
.ios .stepper.color-orange .stepper-button-minus.active-state,
.ios .stepper.color-orange .stepper-button-plus.active-state {
  background-color: rgba(255, 149, 0, 0.15);
}
.ios .stepper.color-orange .stepper-button-plus:after,
.ios .stepper.color-orange .stepper-button-minus:after,
.ios .stepper.color-orange .stepper-button-plus:before,
.ios .stepper.color-orange .stepper-button-minus:before {
  background-color: #ff9500;
}
.ios .stepper.color-orange .stepper-value,
.ios .stepper.color-orange .stepper-input-wrap {
  border-top-color: #ff9500;
  border-bottom-color: #ff9500;
}
.ios .stepper.color-orange .stepper-value,
.ios .stepper.color-orange .stepper-input-wrap input {
  color: #ff9500;
}
.ios .stepper-fill.color-orange .stepper-button,
.ios .stepper-fill-ios.color-orange .stepper-button,
.ios .stepper-fill.color-orange .stepper-button-minus,
.ios .stepper-fill-ios.color-orange .stepper-button-minus,
.ios .stepper-fill.color-orange .stepper-button-plus,
.ios .stepper-fill-ios.color-orange .stepper-button-plus {
  background-color: #ff9500;
}
.ios .stepper-fill.color-orange .stepper-button-plus:before,
.ios .stepper-fill-ios.color-orange .stepper-button-plus:before,
.ios .stepper-fill.color-orange .stepper-button-minus:before,
.ios .stepper-fill-ios.color-orange .stepper-button-minus:before,
.ios .stepper-fill.color-orange .stepper-button-plus:after,
.ios .stepper-fill-ios.color-orange .stepper-button-plus:after,
.ios .stepper-fill.color-orange .stepper-button-minus:after,
.ios .stepper-fill-ios.color-orange .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state {
  color: #ff9500;
  border-color: #ff9500;
  background-color: transparent;
}
.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ff9500;
}
.ios .stepper.color-gray .stepper-button,
.ios .stepper.color-gray .stepper-button-minus,
.ios .stepper.color-gray .stepper-button-plus {
  border-color: #8e8e93;
  color: #8e8e93;
}
.ios .stepper.color-gray .stepper-button.active-state,
.ios .stepper.color-gray .stepper-button-minus.active-state,
.ios .stepper.color-gray .stepper-button-plus.active-state {
  background-color: rgba(142, 142, 147, 0.15);
}
.ios .stepper.color-gray .stepper-button-plus:after,
.ios .stepper.color-gray .stepper-button-minus:after,
.ios .stepper.color-gray .stepper-button-plus:before,
.ios .stepper.color-gray .stepper-button-minus:before {
  background-color: #8e8e93;
}
.ios .stepper.color-gray .stepper-value,
.ios .stepper.color-gray .stepper-input-wrap {
  border-top-color: #8e8e93;
  border-bottom-color: #8e8e93;
}
.ios .stepper.color-gray .stepper-value,
.ios .stepper.color-gray .stepper-input-wrap input {
  color: #8e8e93;
}
.ios .stepper-fill.color-gray .stepper-button,
.ios .stepper-fill-ios.color-gray .stepper-button,
.ios .stepper-fill.color-gray .stepper-button-minus,
.ios .stepper-fill-ios.color-gray .stepper-button-minus,
.ios .stepper-fill.color-gray .stepper-button-plus,
.ios .stepper-fill-ios.color-gray .stepper-button-plus {
  background-color: #8e8e93;
}
.ios .stepper-fill.color-gray .stepper-button-plus:before,
.ios .stepper-fill-ios.color-gray .stepper-button-plus:before,
.ios .stepper-fill.color-gray .stepper-button-minus:before,
.ios .stepper-fill-ios.color-gray .stepper-button-minus:before,
.ios .stepper-fill.color-gray .stepper-button-plus:after,
.ios .stepper-fill-ios.color-gray .stepper-button-plus:after,
.ios .stepper-fill.color-gray .stepper-button-minus:after,
.ios .stepper-fill-ios.color-gray .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state {
  color: #8e8e93;
  border-color: #8e8e93;
  background-color: transparent;
}
.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #8e8e93;
}
.ios .stepper.color-white .stepper-button,
.ios .stepper.color-white .stepper-button-minus,
.ios .stepper.color-white .stepper-button-plus {
  border-color: #ffffff;
  color: #ffffff;
}
.ios .stepper.color-white .stepper-button.active-state,
.ios .stepper.color-white .stepper-button-minus.active-state,
.ios .stepper.color-white .stepper-button-plus.active-state {
  background-color: rgba(255, 255, 255, 0.15);
}
.ios .stepper.color-white .stepper-button-plus:after,
.ios .stepper.color-white .stepper-button-minus:after,
.ios .stepper.color-white .stepper-button-plus:before,
.ios .stepper.color-white .stepper-button-minus:before {
  background-color: #ffffff;
}
.ios .stepper.color-white .stepper-value,
.ios .stepper.color-white .stepper-input-wrap {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.ios .stepper.color-white .stepper-value,
.ios .stepper.color-white .stepper-input-wrap input {
  color: #ffffff;
}
.ios .stepper-fill.color-white .stepper-button,
.ios .stepper-fill-ios.color-white .stepper-button,
.ios .stepper-fill.color-white .stepper-button-minus,
.ios .stepper-fill-ios.color-white .stepper-button-minus,
.ios .stepper-fill.color-white .stepper-button-plus,
.ios .stepper-fill-ios.color-white .stepper-button-plus {
  background-color: #ffffff;
}
.ios .stepper-fill.color-white .stepper-button-plus:before,
.ios .stepper-fill-ios.color-white .stepper-button-plus:before,
.ios .stepper-fill.color-white .stepper-button-minus:before,
.ios .stepper-fill-ios.color-white .stepper-button-minus:before,
.ios .stepper-fill.color-white .stepper-button-plus:after,
.ios .stepper-fill-ios.color-white .stepper-button-plus:after,
.ios .stepper-fill.color-white .stepper-button-minus:after,
.ios .stepper-fill-ios.color-white .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-white.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #ffffff;
}
.ios .stepper.color-black .stepper-button,
.ios .stepper.color-black .stepper-button-minus,
.ios .stepper.color-black .stepper-button-plus {
  border-color: #000000;
  color: #000000;
}
.ios .stepper.color-black .stepper-button.active-state,
.ios .stepper.color-black .stepper-button-minus.active-state,
.ios .stepper.color-black .stepper-button-plus.active-state {
  background-color: rgba(0, 0, 0, 0.15);
}
.ios .stepper.color-black .stepper-button-plus:after,
.ios .stepper.color-black .stepper-button-minus:after,
.ios .stepper.color-black .stepper-button-plus:before,
.ios .stepper.color-black .stepper-button-minus:before {
  background-color: #000000;
}
.ios .stepper.color-black .stepper-value,
.ios .stepper.color-black .stepper-input-wrap {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.ios .stepper.color-black .stepper-value,
.ios .stepper.color-black .stepper-input-wrap input {
  color: #000000;
}
.ios .stepper-fill.color-black .stepper-button,
.ios .stepper-fill-ios.color-black .stepper-button,
.ios .stepper-fill.color-black .stepper-button-minus,
.ios .stepper-fill-ios.color-black .stepper-button-minus,
.ios .stepper-fill.color-black .stepper-button-plus,
.ios .stepper-fill-ios.color-black .stepper-button-plus {
  background-color: #000000;
}
.ios .stepper-fill.color-black .stepper-button-plus:before,
.ios .stepper-fill-ios.color-black .stepper-button-plus:before,
.ios .stepper-fill.color-black .stepper-button-minus:before,
.ios .stepper-fill-ios.color-black .stepper-button-minus:before,
.ios .stepper-fill.color-black .stepper-button-plus:after,
.ios .stepper-fill-ios.color-black .stepper-button-plus:after,
.ios .stepper-fill.color-black .stepper-button-minus:after,
.ios .stepper-fill-ios.color-black .stepper-button-minus:after {
  background-color: #fff;
}
.ios .stepper-small.color-black.stepper-fill .stepper-button.active-state,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state,
.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state,
.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state {
  color: #000000;
  border-color: #000000;
  background-color: transparent;
}
.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before,
.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before,
.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after,
.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after,
.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after {
  background-color: #000000;
}
.md .stepper {
  height: 36px;
}
.md .stepper-button,
.md .stepper-button-minus,
.md .stepper-button-plus {
  border: 2px solid #2196f3;
  color: #2196f3;
  line-height: 34px;
  height: 36px;
  width: 40px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.md .stepper-button + .stepper-button,
.md .stepper-button-minus + .stepper-button,
.md .stepper-button-plus + .stepper-button,
.md .stepper-button + .stepper-button-minus,
.md .stepper-button-minus + .stepper-button-minus,
.md .stepper-button-plus + .stepper-button-minus,
.md .stepper-button + .stepper-button-plus,
.md .stepper-button-minus + .stepper-button-plus,
.md .stepper-button-plus + .stepper-button-plus {
  border-left: none;
}
.md .stepper-button.active-state,
.md .stepper-button-minus.active-state,
.md .stepper-button-plus.active-state {
  background: rgba(0, 0, 0, 0.1);
}
.md .stepper-button:first-child,
.md .stepper-button-minus:first-child,
.md .stepper-button-plus:first-child {
  border-radius: 4px 0 0 4px;
}
.md .stepper-button:last-child,
.md .stepper-button-minus:last-child,
.md .stepper-button-plus:last-child {
  border-radius: 0 4px 4px 0;
}
.md .stepper-button-plus:after,
.md .stepper-button-minus:after,
.md .stepper-button-plus:before,
.md .stepper-button-minus:before {
  background: #2196f3;
}
.md .stepper-value,
.md .stepper-input-wrap {
  border-top: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3;
}
.md .stepper .stepper-value,
.md .stepper .stepper-input-wrap input {
  color: #2196f3;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.md .stepper .stepper-input-wrap input {
  height: 100%;
}
.md .stepper-fill .stepper-button,
.md .stepper-fill-md .stepper-button,
.md .stepper-fill .stepper-button-minus,
.md .stepper-fill-md .stepper-button-minus,
.md .stepper-fill .stepper-button-plus,
.md .stepper-fill-md .stepper-button-plus {
  background-color: #2196f3;
  color: #fff;
  border: none;
  line-height: 36px;
}
.md .stepper-fill .stepper-button.active-state,
.md .stepper-fill-md .stepper-button.active-state,
.md .stepper-fill .stepper-button-minus.active-state,
.md .stepper-fill-md .stepper-button-minus.active-state,
.md .stepper-fill .stepper-button-plus.active-state,
.md .stepper-fill-md .stepper-button-plus.active-state {
  background: #0c82df;
}
.md .stepper-fill .stepper-button:after,
.md .stepper-fill-md .stepper-button:after,
.md .stepper-fill .stepper-button-minus:after,
.md .stepper-fill-md .stepper-button-minus:after,
.md .stepper-fill .stepper-button-plus:after,
.md .stepper-fill-md .stepper-button-plus:after,
.md .stepper-fill .stepper-button:before,
.md .stepper-fill-md .stepper-button:before,
.md .stepper-fill .stepper-button-minus:before,
.md .stepper-fill-md .stepper-button-minus:before,
.md .stepper-fill .stepper-button-plus:before,
.md .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .stepper-fill .stepper-button + .stepper-button,
.md .stepper-fill-md .stepper-button + .stepper-button,
.md .stepper-fill .stepper-button-minus + .stepper-button-plus,
.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.md .stepper-fill.stepper-big .stepper-button,
.md .stepper-fill-md.stepper-big .stepper-button,
.md .stepper-fill.stepper-big-md .stepper-button,
.md .stepper-fill-md.stepper-big-md .stepper-button,
.md .stepper-fill.stepper-big .stepper-button-minus,
.md .stepper-fill-md.stepper-big .stepper-button-minus,
.md .stepper-fill.stepper-big-md .stepper-button-minus,
.md .stepper-fill-md.stepper-big-md .stepper-button-minus,
.md .stepper-fill.stepper-big .stepper-button-plus,
.md .stepper-fill-md.stepper-big .stepper-button-plus,
.md .stepper-fill.stepper-big-md .stepper-button-plus,
.md .stepper-fill-md.stepper-big-md .stepper-button-plus {
  line-height: 48px;
}
.md .stepper-fill.stepper-small .stepper-button,
.md .stepper-fill-md.stepper-small .stepper-button,
.md .stepper-fill.stepper-small-md .stepper-button,
.md .stepper-fill-md.stepper-small-md .stepper-button,
.md .stepper-fill.stepper-small .stepper-button-minus,
.md .stepper-fill-md.stepper-small .stepper-button-minus,
.md .stepper-fill.stepper-small-md .stepper-button-minus,
.md .stepper-fill-md.stepper-small-md .stepper-button-minus,
.md .stepper-fill.stepper-small .stepper-button-plus,
.md .stepper-fill-md.stepper-small .stepper-button-plus,
.md .stepper-fill.stepper-small-md .stepper-button-plus,
.md .stepper-fill-md.stepper-small-md .stepper-button-plus {
  line-height: 28px;
}
.md .stepper-small,
.md .stepper-small-md {
  height: 28px;
}
.md .stepper-small .stepper-button,
.md .stepper-small-md .stepper-button,
.md .stepper-small .stepper-button-minus,
.md .stepper-small-md .stepper-button-minus,
.md .stepper-small .stepper-button-plus,
.md .stepper-small-md .stepper-button-plus {
  height: 28px;
  line-height: 24px;
}
.md .stepper-small .stepper-button,
.md .stepper-small-md .stepper-button,
.md .stepper-small .stepper-button-minus,
.md .stepper-small-md .stepper-button-minus,
.md .stepper-small .stepper-button-plus,
.md .stepper-small-md .stepper-button-plus,
.md .stepper-small .stepper-input-wrap,
.md .stepper-small-md .stepper-input-wrap,
.md .stepper-small .stepper-value,
.md .stepper-small-md .stepper-value {
  border-width: 2px;
}
.md .stepper-big,
.md .stepper-big-md {
  height: 48px;
}
.md .stepper-big .stepper-button,
.md .stepper-big-md .stepper-button,
.md .stepper-big .stepper-button-minus,
.md .stepper-big-md .stepper-button-minus,
.md .stepper-big .stepper-button-plus,
.md .stepper-big-md .stepper-button-plus {
  height: 48px;
  line-height: 46px;
}
.md .stepper-big .stepper-button:first-child,
.md .stepper-big-md .stepper-button:first-child,
.md .stepper-big .stepper-button-minus:first-child,
.md .stepper-big-md .stepper-button-minus:first-child,
.md .stepper-big .stepper-button-plus:first-child,
.md .stepper-big-md .stepper-button-plus:first-child {
  border-radius: 4px 0 0 4px;
}
.md .stepper-big .stepper-button:last-child,
.md .stepper-big-md .stepper-button:last-child,
.md .stepper-big .stepper-button-minus:last-child,
.md .stepper-big-md .stepper-button-minus:last-child,
.md .stepper-big .stepper-button-plus:last-child,
.md .stepper-big-md .stepper-button-plus:last-child {
  border-radius: 0 4px 4px 0;
}
.md .stepper-round .stepper-button:first-child,
.md .stepper-round-md .stepper-button:first-child,
.md .stepper-round .stepper-button-minus:first-child,
.md .stepper-round-md .stepper-button-minus:first-child,
.md .stepper-round .stepper-button-plus:first-child,
.md .stepper-round-md .stepper-button-plus:first-child {
  border-radius: 36px 0 0 36px;
}
.md .stepper-round .stepper-button:last-child,
.md .stepper-round-md .stepper-button:last-child,
.md .stepper-round .stepper-button-minus:last-child,
.md .stepper-round-md .stepper-button-minus:last-child,
.md .stepper-round .stepper-button-plus:last-child,
.md .stepper-round-md .stepper-button-plus:last-child {
  border-radius: 0 36px 36px 0;
}
.md .stepper-raised {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}
.md .stepper-raised.stepper-big,
.md .stepper-raised.stepper-big-md {
  border-radius: 4px;
}
.md .stepper-raised.stepper-round,
.md .stepper-raised.stepper-round-md {
  border-radius: 36px;
}
.md .stepper-raised .stepper-value,
.md .stepper-raised .stepper-input-wrap {
  border: none;
}
.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap,
.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.md .stepper-raised .stepper-button,
.md .stepper-raised .stepper-button-minus,
.md .stepper-raised .stepper-button-plus {
  border: none;
}
.md .stepper-raised .stepper-button + .stepper-button,
.md .stepper-raised .stepper-button-minus + .stepper-button-plus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.md .color-theme-red .stepper-button,
.md .color-theme-red .stepper-button-minus,
.md .color-theme-red .stepper-button-plus {
  border-color: #f44336;
  color: #f44336;
}
.md .color-theme-red .stepper-button-plus:after,
.md .color-theme-red .stepper-button-minus:after,
.md .color-theme-red .stepper-button-plus:before,
.md .color-theme-red .stepper-button-minus:before {
  background: #f44336;
}
.md .color-theme-red .stepper-value,
.md .color-theme-red .stepper-input-wrap {
  border-top-color: #f44336;
  border-bottom-color: #f44336;
}
.md .color-theme-red .stepper-value,
.md .color-theme-red .stepper-input-wrap input {
  color: #f44336;
}
.md .color-theme-red .stepper-fill .stepper-button,
.md .color-theme-red .stepper-fill-md .stepper-button,
.md .color-theme-red .stepper-fill .stepper-button-minus,
.md .color-theme-red .stepper-fill-md .stepper-button-minus,
.md .color-theme-red .stepper-fill .stepper-button-plus,
.md .color-theme-red .stepper-fill-md .stepper-button-plus {
  background-color: #f44336;
  color: #fff;
}
.md .color-theme-red .stepper-fill .stepper-button.active-state,
.md .color-theme-red .stepper-fill-md .stepper-button.active-state,
.md .color-theme-red .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-red .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state {
  background: #f21f0f;
}
.md .color-theme-red .stepper-fill .stepper-button:after,
.md .color-theme-red .stepper-fill-md .stepper-button:after,
.md .color-theme-red .stepper-fill .stepper-button-minus:after,
.md .color-theme-red .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-red .stepper-fill .stepper-button-plus:after,
.md .color-theme-red .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-red .stepper-fill .stepper-button:before,
.md .color-theme-red .stepper-fill-md .stepper-button:before,
.md .color-theme-red .stepper-fill .stepper-button-minus:before,
.md .color-theme-red .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-red .stepper-fill .stepper-button-plus:before,
.md .color-theme-red .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-green .stepper-button,
.md .color-theme-green .stepper-button-minus,
.md .color-theme-green .stepper-button-plus {
  border-color: #4caf50;
  color: #4caf50;
}
.md .color-theme-green .stepper-button-plus:after,
.md .color-theme-green .stepper-button-minus:after,
.md .color-theme-green .stepper-button-plus:before,
.md .color-theme-green .stepper-button-minus:before {
  background: #4caf50;
}
.md .color-theme-green .stepper-value,
.md .color-theme-green .stepper-input-wrap {
  border-top-color: #4caf50;
  border-bottom-color: #4caf50;
}
.md .color-theme-green .stepper-value,
.md .color-theme-green .stepper-input-wrap input {
  color: #4caf50;
}
.md .color-theme-green .stepper-fill .stepper-button,
.md .color-theme-green .stepper-fill-md .stepper-button,
.md .color-theme-green .stepper-fill .stepper-button-minus,
.md .color-theme-green .stepper-fill-md .stepper-button-minus,
.md .color-theme-green .stepper-fill .stepper-button-plus,
.md .color-theme-green .stepper-fill-md .stepper-button-plus {
  background-color: #4caf50;
  color: #fff;
}
.md .color-theme-green .stepper-fill .stepper-button.active-state,
.md .color-theme-green .stepper-fill-md .stepper-button.active-state,
.md .color-theme-green .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-green .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state {
  background: #409343;
}
.md .color-theme-green .stepper-fill .stepper-button:after,
.md .color-theme-green .stepper-fill-md .stepper-button:after,
.md .color-theme-green .stepper-fill .stepper-button-minus:after,
.md .color-theme-green .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-green .stepper-fill .stepper-button-plus:after,
.md .color-theme-green .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-green .stepper-fill .stepper-button:before,
.md .color-theme-green .stepper-fill-md .stepper-button:before,
.md .color-theme-green .stepper-fill .stepper-button-minus:before,
.md .color-theme-green .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-green .stepper-fill .stepper-button-plus:before,
.md .color-theme-green .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-blue .stepper-button,
.md .color-theme-blue .stepper-button-minus,
.md .color-theme-blue .stepper-button-plus {
  border-color: #2196f3;
  color: #2196f3;
}
.md .color-theme-blue .stepper-button-plus:after,
.md .color-theme-blue .stepper-button-minus:after,
.md .color-theme-blue .stepper-button-plus:before,
.md .color-theme-blue .stepper-button-minus:before {
  background: #2196f3;
}
.md .color-theme-blue .stepper-value,
.md .color-theme-blue .stepper-input-wrap {
  border-top-color: #2196f3;
  border-bottom-color: #2196f3;
}
.md .color-theme-blue .stepper-value,
.md .color-theme-blue .stepper-input-wrap input {
  color: #2196f3;
}
.md .color-theme-blue .stepper-fill .stepper-button,
.md .color-theme-blue .stepper-fill-md .stepper-button,
.md .color-theme-blue .stepper-fill .stepper-button-minus,
.md .color-theme-blue .stepper-fill-md .stepper-button-minus,
.md .color-theme-blue .stepper-fill .stepper-button-plus,
.md .color-theme-blue .stepper-fill-md .stepper-button-plus {
  background-color: #2196f3;
  color: #fff;
}
.md .color-theme-blue .stepper-fill .stepper-button.active-state,
.md .color-theme-blue .stepper-fill-md .stepper-button.active-state,
.md .color-theme-blue .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-blue .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state {
  background: #0c82df;
}
.md .color-theme-blue .stepper-fill .stepper-button:after,
.md .color-theme-blue .stepper-fill-md .stepper-button:after,
.md .color-theme-blue .stepper-fill .stepper-button-minus:after,
.md .color-theme-blue .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-blue .stepper-fill .stepper-button-plus:after,
.md .color-theme-blue .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-blue .stepper-fill .stepper-button:before,
.md .color-theme-blue .stepper-fill-md .stepper-button:before,
.md .color-theme-blue .stepper-fill .stepper-button-minus:before,
.md .color-theme-blue .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-blue .stepper-fill .stepper-button-plus:before,
.md .color-theme-blue .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-pink .stepper-button,
.md .color-theme-pink .stepper-button-minus,
.md .color-theme-pink .stepper-button-plus {
  border-color: #e91e63;
  color: #e91e63;
}
.md .color-theme-pink .stepper-button-plus:after,
.md .color-theme-pink .stepper-button-minus:after,
.md .color-theme-pink .stepper-button-plus:before,
.md .color-theme-pink .stepper-button-minus:before {
  background: #e91e63;
}
.md .color-theme-pink .stepper-value,
.md .color-theme-pink .stepper-input-wrap {
  border-top-color: #e91e63;
  border-bottom-color: #e91e63;
}
.md .color-theme-pink .stepper-value,
.md .color-theme-pink .stepper-input-wrap input {
  color: #e91e63;
}
.md .color-theme-pink .stepper-fill .stepper-button,
.md .color-theme-pink .stepper-fill-md .stepper-button,
.md .color-theme-pink .stepper-fill .stepper-button-minus,
.md .color-theme-pink .stepper-fill-md .stepper-button-minus,
.md .color-theme-pink .stepper-fill .stepper-button-plus,
.md .color-theme-pink .stepper-fill-md .stepper-button-plus {
  background-color: #e91e63;
  color: #fff;
}
.md .color-theme-pink .stepper-fill .stepper-button.active-state,
.md .color-theme-pink .stepper-fill-md .stepper-button.active-state,
.md .color-theme-pink .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-pink .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state {
  background: #ca1452;
}
.md .color-theme-pink .stepper-fill .stepper-button:after,
.md .color-theme-pink .stepper-fill-md .stepper-button:after,
.md .color-theme-pink .stepper-fill .stepper-button-minus:after,
.md .color-theme-pink .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-pink .stepper-fill .stepper-button-plus:after,
.md .color-theme-pink .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-pink .stepper-fill .stepper-button:before,
.md .color-theme-pink .stepper-fill-md .stepper-button:before,
.md .color-theme-pink .stepper-fill .stepper-button-minus:before,
.md .color-theme-pink .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-pink .stepper-fill .stepper-button-plus:before,
.md .color-theme-pink .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-yellow .stepper-button,
.md .color-theme-yellow .stepper-button-minus,
.md .color-theme-yellow .stepper-button-plus {
  border-color: #ffeb3b;
  color: #ffeb3b;
}
.md .color-theme-yellow .stepper-button-plus:after,
.md .color-theme-yellow .stepper-button-minus:after,
.md .color-theme-yellow .stepper-button-plus:before,
.md .color-theme-yellow .stepper-button-minus:before {
  background: #ffeb3b;
}
.md .color-theme-yellow .stepper-value,
.md .color-theme-yellow .stepper-input-wrap {
  border-top-color: #ffeb3b;
  border-bottom-color: #ffeb3b;
}
.md .color-theme-yellow .stepper-value,
.md .color-theme-yellow .stepper-input-wrap input {
  color: #ffeb3b;
}
.md .color-theme-yellow .stepper-fill .stepper-button,
.md .color-theme-yellow .stepper-fill-md .stepper-button,
.md .color-theme-yellow .stepper-fill .stepper-button-minus,
.md .color-theme-yellow .stepper-fill-md .stepper-button-minus,
.md .color-theme-yellow .stepper-fill .stepper-button-plus,
.md .color-theme-yellow .stepper-fill-md .stepper-button-plus {
  background-color: #ffeb3b;
  color: #fff;
}
.md .color-theme-yellow .stepper-fill .stepper-button.active-state,
.md .color-theme-yellow .stepper-fill-md .stepper-button.active-state,
.md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state {
  background: #ffe712;
}
.md .color-theme-yellow .stepper-fill .stepper-button:after,
.md .color-theme-yellow .stepper-fill-md .stepper-button:after,
.md .color-theme-yellow .stepper-fill .stepper-button-minus:after,
.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-yellow .stepper-fill .stepper-button-plus:after,
.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-yellow .stepper-fill .stepper-button:before,
.md .color-theme-yellow .stepper-fill-md .stepper-button:before,
.md .color-theme-yellow .stepper-fill .stepper-button-minus:before,
.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-yellow .stepper-fill .stepper-button-plus:before,
.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-orange .stepper-button,
.md .color-theme-orange .stepper-button-minus,
.md .color-theme-orange .stepper-button-plus {
  border-color: #ff9800;
  color: #ff9800;
}
.md .color-theme-orange .stepper-button-plus:after,
.md .color-theme-orange .stepper-button-minus:after,
.md .color-theme-orange .stepper-button-plus:before,
.md .color-theme-orange .stepper-button-minus:before {
  background: #ff9800;
}
.md .color-theme-orange .stepper-value,
.md .color-theme-orange .stepper-input-wrap {
  border-top-color: #ff9800;
  border-bottom-color: #ff9800;
}
.md .color-theme-orange .stepper-value,
.md .color-theme-orange .stepper-input-wrap input {
  color: #ff9800;
}
.md .color-theme-orange .stepper-fill .stepper-button,
.md .color-theme-orange .stepper-fill-md .stepper-button,
.md .color-theme-orange .stepper-fill .stepper-button-minus,
.md .color-theme-orange .stepper-fill-md .stepper-button-minus,
.md .color-theme-orange .stepper-fill .stepper-button-plus,
.md .color-theme-orange .stepper-fill-md .stepper-button-plus {
  background-color: #ff9800;
  color: #fff;
}
.md .color-theme-orange .stepper-fill .stepper-button.active-state,
.md .color-theme-orange .stepper-fill-md .stepper-button.active-state,
.md .color-theme-orange .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-orange .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state {
  background: #d68000;
}
.md .color-theme-orange .stepper-fill .stepper-button:after,
.md .color-theme-orange .stepper-fill-md .stepper-button:after,
.md .color-theme-orange .stepper-fill .stepper-button-minus:after,
.md .color-theme-orange .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-orange .stepper-fill .stepper-button-plus:after,
.md .color-theme-orange .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-orange .stepper-fill .stepper-button:before,
.md .color-theme-orange .stepper-fill-md .stepper-button:before,
.md .color-theme-orange .stepper-fill .stepper-button-minus:before,
.md .color-theme-orange .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-orange .stepper-fill .stepper-button-plus:before,
.md .color-theme-orange .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-gray .stepper-button,
.md .color-theme-gray .stepper-button-minus,
.md .color-theme-gray .stepper-button-plus {
  border-color: #9e9e9e;
  color: #9e9e9e;
}
.md .color-theme-gray .stepper-button-plus:after,
.md .color-theme-gray .stepper-button-minus:after,
.md .color-theme-gray .stepper-button-plus:before,
.md .color-theme-gray .stepper-button-minus:before {
  background: #9e9e9e;
}
.md .color-theme-gray .stepper-value,
.md .color-theme-gray .stepper-input-wrap {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}
.md .color-theme-gray .stepper-value,
.md .color-theme-gray .stepper-input-wrap input {
  color: #9e9e9e;
}
.md .color-theme-gray .stepper-fill .stepper-button,
.md .color-theme-gray .stepper-fill-md .stepper-button,
.md .color-theme-gray .stepper-fill .stepper-button-minus,
.md .color-theme-gray .stepper-fill-md .stepper-button-minus,
.md .color-theme-gray .stepper-fill .stepper-button-plus,
.md .color-theme-gray .stepper-fill-md .stepper-button-plus {
  background-color: #9e9e9e;
  color: #fff;
}
.md .color-theme-gray .stepper-fill .stepper-button.active-state,
.md .color-theme-gray .stepper-fill-md .stepper-button.active-state,
.md .color-theme-gray .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-gray .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state {
  background: #8a8a8a;
}
.md .color-theme-gray .stepper-fill .stepper-button:after,
.md .color-theme-gray .stepper-fill-md .stepper-button:after,
.md .color-theme-gray .stepper-fill .stepper-button-minus:after,
.md .color-theme-gray .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-gray .stepper-fill .stepper-button-plus:after,
.md .color-theme-gray .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-gray .stepper-fill .stepper-button:before,
.md .color-theme-gray .stepper-fill-md .stepper-button:before,
.md .color-theme-gray .stepper-fill .stepper-button-minus:before,
.md .color-theme-gray .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-gray .stepper-fill .stepper-button-plus:before,
.md .color-theme-gray .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-white .stepper-button,
.md .color-theme-white .stepper-button-minus,
.md .color-theme-white .stepper-button-plus {
  border-color: #ffffff;
  color: #ffffff;
}
.md .color-theme-white .stepper-button-plus:after,
.md .color-theme-white .stepper-button-minus:after,
.md .color-theme-white .stepper-button-plus:before,
.md .color-theme-white .stepper-button-minus:before {
  background: #ffffff;
}
.md .color-theme-white .stepper-value,
.md .color-theme-white .stepper-input-wrap {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.md .color-theme-white .stepper-value,
.md .color-theme-white .stepper-input-wrap input {
  color: #ffffff;
}
.md .color-theme-white .stepper-fill .stepper-button,
.md .color-theme-white .stepper-fill-md .stepper-button,
.md .color-theme-white .stepper-fill .stepper-button-minus,
.md .color-theme-white .stepper-fill-md .stepper-button-minus,
.md .color-theme-white .stepper-fill .stepper-button-plus,
.md .color-theme-white .stepper-fill-md .stepper-button-plus {
  background-color: #ffffff;
  color: #fff;
}
.md .color-theme-white .stepper-fill .stepper-button.active-state,
.md .color-theme-white .stepper-fill-md .stepper-button.active-state,
.md .color-theme-white .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-white .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state {
  background: #ebebeb;
}
.md .color-theme-white .stepper-fill .stepper-button:after,
.md .color-theme-white .stepper-fill-md .stepper-button:after,
.md .color-theme-white .stepper-fill .stepper-button-minus:after,
.md .color-theme-white .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-white .stepper-fill .stepper-button-plus:after,
.md .color-theme-white .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-white .stepper-fill .stepper-button:before,
.md .color-theme-white .stepper-fill-md .stepper-button:before,
.md .color-theme-white .stepper-fill .stepper-button-minus:before,
.md .color-theme-white .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-white .stepper-fill .stepper-button-plus:before,
.md .color-theme-white .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .color-theme-black .stepper-button,
.md .color-theme-black .stepper-button-minus,
.md .color-theme-black .stepper-button-plus {
  border-color: #000000;
  color: #000000;
}
.md .color-theme-black .stepper-button-plus:after,
.md .color-theme-black .stepper-button-minus:after,
.md .color-theme-black .stepper-button-plus:before,
.md .color-theme-black .stepper-button-minus:before {
  background: #000000;
}
.md .color-theme-black .stepper-value,
.md .color-theme-black .stepper-input-wrap {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.md .color-theme-black .stepper-value,
.md .color-theme-black .stepper-input-wrap input {
  color: #000000;
}
.md .color-theme-black .stepper-fill .stepper-button,
.md .color-theme-black .stepper-fill-md .stepper-button,
.md .color-theme-black .stepper-fill .stepper-button-minus,
.md .color-theme-black .stepper-fill-md .stepper-button-minus,
.md .color-theme-black .stepper-fill .stepper-button-plus,
.md .color-theme-black .stepper-fill-md .stepper-button-plus {
  background-color: #000000;
  color: #fff;
}
.md .color-theme-black .stepper-fill .stepper-button.active-state,
.md .color-theme-black .stepper-fill-md .stepper-button.active-state,
.md .color-theme-black .stepper-fill .stepper-button-minus.active-state,
.md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state,
.md .color-theme-black .stepper-fill .stepper-button-plus.active-state,
.md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state {
  background: #000000;
}
.md .color-theme-black .stepper-fill .stepper-button:after,
.md .color-theme-black .stepper-fill-md .stepper-button:after,
.md .color-theme-black .stepper-fill .stepper-button-minus:after,
.md .color-theme-black .stepper-fill-md .stepper-button-minus:after,
.md .color-theme-black .stepper-fill .stepper-button-plus:after,
.md .color-theme-black .stepper-fill-md .stepper-button-plus:after,
.md .color-theme-black .stepper-fill .stepper-button:before,
.md .color-theme-black .stepper-fill-md .stepper-button:before,
.md .color-theme-black .stepper-fill .stepper-button-minus:before,
.md .color-theme-black .stepper-fill-md .stepper-button-minus:before,
.md .color-theme-black .stepper-fill .stepper-button-plus:before,
.md .color-theme-black .stepper-fill-md .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-red .stepper-button,
.md .stepper.color-red .stepper-button-minus,
.md .stepper.color-red .stepper-button-plus {
  border-color: #f44336;
  color: #f44336;
}
.md .stepper.color-red .stepper-button-plus:after,
.md .stepper.color-red .stepper-button-minus:after,
.md .stepper.color-red .stepper-button-plus:before,
.md .stepper.color-red .stepper-button-minus:before {
  background: #f44336;
}
.md .stepper.color-red .stepper-value,
.md .stepper.color-red .stepper-input-wrap {
  border-top-color: #f44336;
  border-bottom-color: #f44336;
}
.md .stepper.color-red .stepper-value,
.md .stepper.color-red .stepper-input-wrap input {
  color: #f44336;
}
.md .stepper-fill.color-red .stepper-button,
.md .stepper-fill-md.color-red .stepper-button,
.md .stepper-fill.color-red .stepper-button-minus,
.md .stepper-fill-md.color-red .stepper-button-minus,
.md .stepper-fill.color-red .stepper-button-plus,
.md .stepper-fill-md.color-red .stepper-button-plus {
  background-color: #f44336;
  color: #fff;
}
.md .stepper-fill.color-red .stepper-button.active-state,
.md .stepper-fill-md.color-red .stepper-button.active-state,
.md .stepper-fill.color-red .stepper-button-minus.active-state,
.md .stepper-fill-md.color-red .stepper-button-minus.active-state,
.md .stepper-fill.color-red .stepper-button-plus.active-state,
.md .stepper-fill-md.color-red .stepper-button-plus.active-state {
  background: #f21f0f;
}
.md .stepper-fill.color-red .stepper-button:after,
.md .stepper-fill-md.color-red .stepper-button:after,
.md .stepper-fill.color-red .stepper-button-minus:after,
.md .stepper-fill-md.color-red .stepper-button-minus:after,
.md .stepper-fill.color-red .stepper-button-plus:after,
.md .stepper-fill-md.color-red .stepper-button-plus:after,
.md .stepper-fill.color-red .stepper-button:before,
.md .stepper-fill-md.color-red .stepper-button:before,
.md .stepper-fill.color-red .stepper-button-minus:before,
.md .stepper-fill-md.color-red .stepper-button-minus:before,
.md .stepper-fill.color-red .stepper-button-plus:before,
.md .stepper-fill-md.color-red .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-green .stepper-button,
.md .stepper.color-green .stepper-button-minus,
.md .stepper.color-green .stepper-button-plus {
  border-color: #4caf50;
  color: #4caf50;
}
.md .stepper.color-green .stepper-button-plus:after,
.md .stepper.color-green .stepper-button-minus:after,
.md .stepper.color-green .stepper-button-plus:before,
.md .stepper.color-green .stepper-button-minus:before {
  background: #4caf50;
}
.md .stepper.color-green .stepper-value,
.md .stepper.color-green .stepper-input-wrap {
  border-top-color: #4caf50;
  border-bottom-color: #4caf50;
}
.md .stepper.color-green .stepper-value,
.md .stepper.color-green .stepper-input-wrap input {
  color: #4caf50;
}
.md .stepper-fill.color-green .stepper-button,
.md .stepper-fill-md.color-green .stepper-button,
.md .stepper-fill.color-green .stepper-button-minus,
.md .stepper-fill-md.color-green .stepper-button-minus,
.md .stepper-fill.color-green .stepper-button-plus,
.md .stepper-fill-md.color-green .stepper-button-plus {
  background-color: #4caf50;
  color: #fff;
}
.md .stepper-fill.color-green .stepper-button.active-state,
.md .stepper-fill-md.color-green .stepper-button.active-state,
.md .stepper-fill.color-green .stepper-button-minus.active-state,
.md .stepper-fill-md.color-green .stepper-button-minus.active-state,
.md .stepper-fill.color-green .stepper-button-plus.active-state,
.md .stepper-fill-md.color-green .stepper-button-plus.active-state {
  background: #409343;
}
.md .stepper-fill.color-green .stepper-button:after,
.md .stepper-fill-md.color-green .stepper-button:after,
.md .stepper-fill.color-green .stepper-button-minus:after,
.md .stepper-fill-md.color-green .stepper-button-minus:after,
.md .stepper-fill.color-green .stepper-button-plus:after,
.md .stepper-fill-md.color-green .stepper-button-plus:after,
.md .stepper-fill.color-green .stepper-button:before,
.md .stepper-fill-md.color-green .stepper-button:before,
.md .stepper-fill.color-green .stepper-button-minus:before,
.md .stepper-fill-md.color-green .stepper-button-minus:before,
.md .stepper-fill.color-green .stepper-button-plus:before,
.md .stepper-fill-md.color-green .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-blue .stepper-button,
.md .stepper.color-blue .stepper-button-minus,
.md .stepper.color-blue .stepper-button-plus {
  border-color: #2196f3;
  color: #2196f3;
}
.md .stepper.color-blue .stepper-button-plus:after,
.md .stepper.color-blue .stepper-button-minus:after,
.md .stepper.color-blue .stepper-button-plus:before,
.md .stepper.color-blue .stepper-button-minus:before {
  background: #2196f3;
}
.md .stepper.color-blue .stepper-value,
.md .stepper.color-blue .stepper-input-wrap {
  border-top-color: #2196f3;
  border-bottom-color: #2196f3;
}
.md .stepper.color-blue .stepper-value,
.md .stepper.color-blue .stepper-input-wrap input {
  color: #2196f3;
}
.md .stepper-fill.color-blue .stepper-button,
.md .stepper-fill-md.color-blue .stepper-button,
.md .stepper-fill.color-blue .stepper-button-minus,
.md .stepper-fill-md.color-blue .stepper-button-minus,
.md .stepper-fill.color-blue .stepper-button-plus,
.md .stepper-fill-md.color-blue .stepper-button-plus {
  background-color: #2196f3;
  color: #fff;
}
.md .stepper-fill.color-blue .stepper-button.active-state,
.md .stepper-fill-md.color-blue .stepper-button.active-state,
.md .stepper-fill.color-blue .stepper-button-minus.active-state,
.md .stepper-fill-md.color-blue .stepper-button-minus.active-state,
.md .stepper-fill.color-blue .stepper-button-plus.active-state,
.md .stepper-fill-md.color-blue .stepper-button-plus.active-state {
  background: #0c82df;
}
.md .stepper-fill.color-blue .stepper-button:after,
.md .stepper-fill-md.color-blue .stepper-button:after,
.md .stepper-fill.color-blue .stepper-button-minus:after,
.md .stepper-fill-md.color-blue .stepper-button-minus:after,
.md .stepper-fill.color-blue .stepper-button-plus:after,
.md .stepper-fill-md.color-blue .stepper-button-plus:after,
.md .stepper-fill.color-blue .stepper-button:before,
.md .stepper-fill-md.color-blue .stepper-button:before,
.md .stepper-fill.color-blue .stepper-button-minus:before,
.md .stepper-fill-md.color-blue .stepper-button-minus:before,
.md .stepper-fill.color-blue .stepper-button-plus:before,
.md .stepper-fill-md.color-blue .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-pink .stepper-button,
.md .stepper.color-pink .stepper-button-minus,
.md .stepper.color-pink .stepper-button-plus {
  border-color: #e91e63;
  color: #e91e63;
}
.md .stepper.color-pink .stepper-button-plus:after,
.md .stepper.color-pink .stepper-button-minus:after,
.md .stepper.color-pink .stepper-button-plus:before,
.md .stepper.color-pink .stepper-button-minus:before {
  background: #e91e63;
}
.md .stepper.color-pink .stepper-value,
.md .stepper.color-pink .stepper-input-wrap {
  border-top-color: #e91e63;
  border-bottom-color: #e91e63;
}
.md .stepper.color-pink .stepper-value,
.md .stepper.color-pink .stepper-input-wrap input {
  color: #e91e63;
}
.md .stepper-fill.color-pink .stepper-button,
.md .stepper-fill-md.color-pink .stepper-button,
.md .stepper-fill.color-pink .stepper-button-minus,
.md .stepper-fill-md.color-pink .stepper-button-minus,
.md .stepper-fill.color-pink .stepper-button-plus,
.md .stepper-fill-md.color-pink .stepper-button-plus {
  background-color: #e91e63;
  color: #fff;
}
.md .stepper-fill.color-pink .stepper-button.active-state,
.md .stepper-fill-md.color-pink .stepper-button.active-state,
.md .stepper-fill.color-pink .stepper-button-minus.active-state,
.md .stepper-fill-md.color-pink .stepper-button-minus.active-state,
.md .stepper-fill.color-pink .stepper-button-plus.active-state,
.md .stepper-fill-md.color-pink .stepper-button-plus.active-state {
  background: #ca1452;
}
.md .stepper-fill.color-pink .stepper-button:after,
.md .stepper-fill-md.color-pink .stepper-button:after,
.md .stepper-fill.color-pink .stepper-button-minus:after,
.md .stepper-fill-md.color-pink .stepper-button-minus:after,
.md .stepper-fill.color-pink .stepper-button-plus:after,
.md .stepper-fill-md.color-pink .stepper-button-plus:after,
.md .stepper-fill.color-pink .stepper-button:before,
.md .stepper-fill-md.color-pink .stepper-button:before,
.md .stepper-fill.color-pink .stepper-button-minus:before,
.md .stepper-fill-md.color-pink .stepper-button-minus:before,
.md .stepper-fill.color-pink .stepper-button-plus:before,
.md .stepper-fill-md.color-pink .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-yellow .stepper-button,
.md .stepper.color-yellow .stepper-button-minus,
.md .stepper.color-yellow .stepper-button-plus {
  border-color: #ffeb3b;
  color: #ffeb3b;
}
.md .stepper.color-yellow .stepper-button-plus:after,
.md .stepper.color-yellow .stepper-button-minus:after,
.md .stepper.color-yellow .stepper-button-plus:before,
.md .stepper.color-yellow .stepper-button-minus:before {
  background: #ffeb3b;
}
.md .stepper.color-yellow .stepper-value,
.md .stepper.color-yellow .stepper-input-wrap {
  border-top-color: #ffeb3b;
  border-bottom-color: #ffeb3b;
}
.md .stepper.color-yellow .stepper-value,
.md .stepper.color-yellow .stepper-input-wrap input {
  color: #ffeb3b;
}
.md .stepper-fill.color-yellow .stepper-button,
.md .stepper-fill-md.color-yellow .stepper-button,
.md .stepper-fill.color-yellow .stepper-button-minus,
.md .stepper-fill-md.color-yellow .stepper-button-minus,
.md .stepper-fill.color-yellow .stepper-button-plus,
.md .stepper-fill-md.color-yellow .stepper-button-plus {
  background-color: #ffeb3b;
  color: #fff;
}
.md .stepper-fill.color-yellow .stepper-button.active-state,
.md .stepper-fill-md.color-yellow .stepper-button.active-state,
.md .stepper-fill.color-yellow .stepper-button-minus.active-state,
.md .stepper-fill-md.color-yellow .stepper-button-minus.active-state,
.md .stepper-fill.color-yellow .stepper-button-plus.active-state,
.md .stepper-fill-md.color-yellow .stepper-button-plus.active-state {
  background: #ffe712;
}
.md .stepper-fill.color-yellow .stepper-button:after,
.md .stepper-fill-md.color-yellow .stepper-button:after,
.md .stepper-fill.color-yellow .stepper-button-minus:after,
.md .stepper-fill-md.color-yellow .stepper-button-minus:after,
.md .stepper-fill.color-yellow .stepper-button-plus:after,
.md .stepper-fill-md.color-yellow .stepper-button-plus:after,
.md .stepper-fill.color-yellow .stepper-button:before,
.md .stepper-fill-md.color-yellow .stepper-button:before,
.md .stepper-fill.color-yellow .stepper-button-minus:before,
.md .stepper-fill-md.color-yellow .stepper-button-minus:before,
.md .stepper-fill.color-yellow .stepper-button-plus:before,
.md .stepper-fill-md.color-yellow .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-orange .stepper-button,
.md .stepper.color-orange .stepper-button-minus,
.md .stepper.color-orange .stepper-button-plus {
  border-color: #ff9800;
  color: #ff9800;
}
.md .stepper.color-orange .stepper-button-plus:after,
.md .stepper.color-orange .stepper-button-minus:after,
.md .stepper.color-orange .stepper-button-plus:before,
.md .stepper.color-orange .stepper-button-minus:before {
  background: #ff9800;
}
.md .stepper.color-orange .stepper-value,
.md .stepper.color-orange .stepper-input-wrap {
  border-top-color: #ff9800;
  border-bottom-color: #ff9800;
}
.md .stepper.color-orange .stepper-value,
.md .stepper.color-orange .stepper-input-wrap input {
  color: #ff9800;
}
.md .stepper-fill.color-orange .stepper-button,
.md .stepper-fill-md.color-orange .stepper-button,
.md .stepper-fill.color-orange .stepper-button-minus,
.md .stepper-fill-md.color-orange .stepper-button-minus,
.md .stepper-fill.color-orange .stepper-button-plus,
.md .stepper-fill-md.color-orange .stepper-button-plus {
  background-color: #ff9800;
  color: #fff;
}
.md .stepper-fill.color-orange .stepper-button.active-state,
.md .stepper-fill-md.color-orange .stepper-button.active-state,
.md .stepper-fill.color-orange .stepper-button-minus.active-state,
.md .stepper-fill-md.color-orange .stepper-button-minus.active-state,
.md .stepper-fill.color-orange .stepper-button-plus.active-state,
.md .stepper-fill-md.color-orange .stepper-button-plus.active-state {
  background: #d68000;
}
.md .stepper-fill.color-orange .stepper-button:after,
.md .stepper-fill-md.color-orange .stepper-button:after,
.md .stepper-fill.color-orange .stepper-button-minus:after,
.md .stepper-fill-md.color-orange .stepper-button-minus:after,
.md .stepper-fill.color-orange .stepper-button-plus:after,
.md .stepper-fill-md.color-orange .stepper-button-plus:after,
.md .stepper-fill.color-orange .stepper-button:before,
.md .stepper-fill-md.color-orange .stepper-button:before,
.md .stepper-fill.color-orange .stepper-button-minus:before,
.md .stepper-fill-md.color-orange .stepper-button-minus:before,
.md .stepper-fill.color-orange .stepper-button-plus:before,
.md .stepper-fill-md.color-orange .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-gray .stepper-button,
.md .stepper.color-gray .stepper-button-minus,
.md .stepper.color-gray .stepper-button-plus {
  border-color: #9e9e9e;
  color: #9e9e9e;
}
.md .stepper.color-gray .stepper-button-plus:after,
.md .stepper.color-gray .stepper-button-minus:after,
.md .stepper.color-gray .stepper-button-plus:before,
.md .stepper.color-gray .stepper-button-minus:before {
  background: #9e9e9e;
}
.md .stepper.color-gray .stepper-value,
.md .stepper.color-gray .stepper-input-wrap {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}
.md .stepper.color-gray .stepper-value,
.md .stepper.color-gray .stepper-input-wrap input {
  color: #9e9e9e;
}
.md .stepper-fill.color-gray .stepper-button,
.md .stepper-fill-md.color-gray .stepper-button,
.md .stepper-fill.color-gray .stepper-button-minus,
.md .stepper-fill-md.color-gray .stepper-button-minus,
.md .stepper-fill.color-gray .stepper-button-plus,
.md .stepper-fill-md.color-gray .stepper-button-plus {
  background-color: #9e9e9e;
  color: #fff;
}
.md .stepper-fill.color-gray .stepper-button.active-state,
.md .stepper-fill-md.color-gray .stepper-button.active-state,
.md .stepper-fill.color-gray .stepper-button-minus.active-state,
.md .stepper-fill-md.color-gray .stepper-button-minus.active-state,
.md .stepper-fill.color-gray .stepper-button-plus.active-state,
.md .stepper-fill-md.color-gray .stepper-button-plus.active-state {
  background: #8a8a8a;
}
.md .stepper-fill.color-gray .stepper-button:after,
.md .stepper-fill-md.color-gray .stepper-button:after,
.md .stepper-fill.color-gray .stepper-button-minus:after,
.md .stepper-fill-md.color-gray .stepper-button-minus:after,
.md .stepper-fill.color-gray .stepper-button-plus:after,
.md .stepper-fill-md.color-gray .stepper-button-plus:after,
.md .stepper-fill.color-gray .stepper-button:before,
.md .stepper-fill-md.color-gray .stepper-button:before,
.md .stepper-fill.color-gray .stepper-button-minus:before,
.md .stepper-fill-md.color-gray .stepper-button-minus:before,
.md .stepper-fill.color-gray .stepper-button-plus:before,
.md .stepper-fill-md.color-gray .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-white .stepper-button,
.md .stepper.color-white .stepper-button-minus,
.md .stepper.color-white .stepper-button-plus {
  border-color: #ffffff;
  color: #ffffff;
}
.md .stepper.color-white .stepper-button-plus:after,
.md .stepper.color-white .stepper-button-minus:after,
.md .stepper.color-white .stepper-button-plus:before,
.md .stepper.color-white .stepper-button-minus:before {
  background: #ffffff;
}
.md .stepper.color-white .stepper-value,
.md .stepper.color-white .stepper-input-wrap {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.md .stepper.color-white .stepper-value,
.md .stepper.color-white .stepper-input-wrap input {
  color: #ffffff;
}
.md .stepper-fill.color-white .stepper-button,
.md .stepper-fill-md.color-white .stepper-button,
.md .stepper-fill.color-white .stepper-button-minus,
.md .stepper-fill-md.color-white .stepper-button-minus,
.md .stepper-fill.color-white .stepper-button-plus,
.md .stepper-fill-md.color-white .stepper-button-plus {
  background-color: #ffffff;
  color: #fff;
}
.md .stepper-fill.color-white .stepper-button.active-state,
.md .stepper-fill-md.color-white .stepper-button.active-state,
.md .stepper-fill.color-white .stepper-button-minus.active-state,
.md .stepper-fill-md.color-white .stepper-button-minus.active-state,
.md .stepper-fill.color-white .stepper-button-plus.active-state,
.md .stepper-fill-md.color-white .stepper-button-plus.active-state {
  background: #ebebeb;
}
.md .stepper-fill.color-white .stepper-button:after,
.md .stepper-fill-md.color-white .stepper-button:after,
.md .stepper-fill.color-white .stepper-button-minus:after,
.md .stepper-fill-md.color-white .stepper-button-minus:after,
.md .stepper-fill.color-white .stepper-button-plus:after,
.md .stepper-fill-md.color-white .stepper-button-plus:after,
.md .stepper-fill.color-white .stepper-button:before,
.md .stepper-fill-md.color-white .stepper-button:before,
.md .stepper-fill.color-white .stepper-button-minus:before,
.md .stepper-fill-md.color-white .stepper-button-minus:before,
.md .stepper-fill.color-white .stepper-button-plus:before,
.md .stepper-fill-md.color-white .stepper-button-plus:before {
  background: #fff;
}
.md .stepper.color-black .stepper-button,
.md .stepper.color-black .stepper-button-minus,
.md .stepper.color-black .stepper-button-plus {
  border-color: #000000;
  color: #000000;
}
.md .stepper.color-black .stepper-button-plus:after,
.md .stepper.color-black .stepper-button-minus:after,
.md .stepper.color-black .stepper-button-plus:before,
.md .stepper.color-black .stepper-button-minus:before {
  background: #000000;
}
.md .stepper.color-black .stepper-value,
.md .stepper.color-black .stepper-input-wrap {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.md .stepper.color-black .stepper-value,
.md .stepper.color-black .stepper-input-wrap input {
  color: #000000;
}
.md .stepper-fill.color-black .stepper-button,
.md .stepper-fill-md.color-black .stepper-button,
.md .stepper-fill.color-black .stepper-button-minus,
.md .stepper-fill-md.color-black .stepper-button-minus,
.md .stepper-fill.color-black .stepper-button-plus,
.md .stepper-fill-md.color-black .stepper-button-plus {
  background-color: #000000;
  color: #fff;
}
.md .stepper-fill.color-black .stepper-button.active-state,
.md .stepper-fill-md.color-black .stepper-button.active-state,
.md .stepper-fill.color-black .stepper-button-minus.active-state,
.md .stepper-fill-md.color-black .stepper-button-minus.active-state,
.md .stepper-fill.color-black .stepper-button-plus.active-state,
.md .stepper-fill-md.color-black .stepper-button-plus.active-state {
  background: #000000;
}
.md .stepper-fill.color-black .stepper-button:after,
.md .stepper-fill-md.color-black .stepper-button:after,
.md .stepper-fill.color-black .stepper-button-minus:after,
.md .stepper-fill-md.color-black .stepper-button-minus:after,
.md .stepper-fill.color-black .stepper-button-plus:after,
.md .stepper-fill-md.color-black .stepper-button-plus:after,
.md .stepper-fill.color-black .stepper-button:before,
.md .stepper-fill-md.color-black .stepper-button:before,
.md .stepper-fill.color-black .stepper-button-minus:before,
.md .stepper-fill-md.color-black .stepper-button-minus:before,
.md .stepper-fill.color-black .stepper-button-plus:before,
.md .stepper-fill-md.color-black .stepper-button-plus:before {
  background: #fff;
}
/* === Smart Select === */
.smart-select select {
  display: none;
}
.smart-select .item-after {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
}
.sheet-modal.smart-select-sheet .sheet-modal-inner {
  background: #fff;
}
.sheet-modal.smart-select-sheet .list {
  margin: 0;
}
.sheet-modal.smart-select-sheet .list ul:before {
  display: none !important;
}
.sheet-modal.smart-select-sheet .list ul:after {
  display: none !important;
}
.smart-select-popover .popover-inner {
  max-height: 40vh;
}
.ios .smart-select-sheet .page {
  background: #fff;
}
.ios .smart-select-sheet .toolbar:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .theme-dark .smart-select-sheet .page,
.ios .theme-dark .smart-select-sheet .sheet-modal-inner {
  background-color: #1c1c1d;
}
.ios .theme-dark .smart-select-sheet .toolbar:after {
  background-color: #282829;
}
.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner {
  background-color: transparent;
}
/* === Grid === */
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.row > [class*="col-"],
.row > .col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row .col {
  width: 100%;
}
/* === Grid === */
.ios .row .col-100 {
  width: 100%;
  width: calc((100% - 15px*0) / 1);
}
.ios .row.no-gap .col-100 {
  width: 100%;
}
.ios .row .col-95 {
  width: 95%;
  width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
}
.ios .row.no-gap .col-95 {
  width: 95%;
}
.ios .row .col-90 {
  width: 90%;
  width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
}
.ios .row.no-gap .col-90 {
  width: 90%;
}
.ios .row .col-85 {
  width: 85%;
  width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
}
.ios .row.no-gap .col-85 {
  width: 85%;
}
.ios .row .col-80 {
  width: 80%;
  width: calc((100% - 15px*0.25) / 1.25);
}
.ios .row.no-gap .col-80 {
  width: 80%;
}
.ios .row .col-75 {
  width: 75%;
  width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
}
.ios .row.no-gap .col-75 {
  width: 75%;
}
.ios .row .col-70 {
  width: 70%;
  width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
}
.ios .row.no-gap .col-70 {
  width: 70%;
}
.ios .row .col-66 {
  width: 66.66666666666666%;
  width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
}
.ios .row.no-gap .col-66 {
  width: 66.66666666666666%;
}
.ios .row .col-65 {
  width: 65%;
  width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
}
.ios .row.no-gap .col-65 {
  width: 65%;
}
.ios .row .col-60 {
  width: 60%;
  width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
}
.ios .row.no-gap .col-60 {
  width: 60%;
}
.ios .row .col-55 {
  width: 55%;
  width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
}
.ios .row.no-gap .col-55 {
  width: 55%;
}
.ios .row .col-50 {
  width: 50%;
  width: calc((100% - 15px*1) / 2);
}
.ios .row.no-gap .col-50 {
  width: 50%;
}
.ios .row .col-45 {
  width: 45%;
  width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
}
.ios .row.no-gap .col-45 {
  width: 45%;
}
.ios .row .col-40 {
  width: 40%;
  width: calc((100% - 15px*1.5) / 2.5);
}
.ios .row.no-gap .col-40 {
  width: 40%;
}
.ios .row .col-35 {
  width: 35%;
  width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
}
.ios .row.no-gap .col-35 {
  width: 35%;
}
.ios .row .col-33 {
  width: 33.333333333333336%;
  width: calc((100% - 15px*2) / 3);
}
.ios .row.no-gap .col-33 {
  width: 33.333333333333336%;
}
.ios .row .col-30 {
  width: 30%;
  width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
}
.ios .row.no-gap .col-30 {
  width: 30%;
}
.ios .row .col-25 {
  width: 25%;
  width: calc((100% - 15px*3) / 4);
}
.ios .row.no-gap .col-25 {
  width: 25%;
}
.ios .row .col-20 {
  width: 20%;
  width: calc((100% - 15px*4) / 5);
}
.ios .row.no-gap .col-20 {
  width: 20%;
}
.ios .row .col-15 {
  width: 15%;
  width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
}
.ios .row.no-gap .col-15 {
  width: 15%;
}
.ios .row .col-10 {
  width: 10%;
  width: calc((100% - 15px*9) / 10);
}
.ios .row.no-gap .col-10 {
  width: 10%;
}
.ios .row .col-5 {
  width: 5%;
  width: calc((100% - 15px*19) / 20);
}
.ios .row.no-gap .col-5 {
  width: 5%;
}
.ios .row .col:nth-last-child(1),
.ios .row .col:nth-last-child(1) ~ .col {
  width: 100%;
  width: calc((100% - 15px*0) / 1);
}
.ios .row.no-gap .col:nth-last-child(1),
.ios .row.no-gap .col:nth-last-child(1) ~ .col {
  width: 100%;
}
.ios .row .col:nth-last-child(2),
.ios .row .col:nth-last-child(2) ~ .col {
  width: 50%;
  width: calc((100% - 15px*1) / 2);
}
.ios .row.no-gap .col:nth-last-child(2),
.ios .row.no-gap .col:nth-last-child(2) ~ .col {
  width: 50%;
}
.ios .row .col:nth-last-child(3),
.ios .row .col:nth-last-child(3) ~ .col {
  width: 33.33333333%;
  width: calc((100% - 15px*2) / 3);
}
.ios .row.no-gap .col:nth-last-child(3),
.ios .row.no-gap .col:nth-last-child(3) ~ .col {
  width: 33.33333333%;
}
.ios .row .col:nth-last-child(4),
.ios .row .col:nth-last-child(4) ~ .col {
  width: 25%;
  width: calc((100% - 15px*3) / 4);
}
.ios .row.no-gap .col:nth-last-child(4),
.ios .row.no-gap .col:nth-last-child(4) ~ .col {
  width: 25%;
}
.ios .row .col:nth-last-child(5),
.ios .row .col:nth-last-child(5) ~ .col {
  width: 20%;
  width: calc((100% - 15px*4) / 5);
}
.ios .row.no-gap .col:nth-last-child(5),
.ios .row.no-gap .col:nth-last-child(5) ~ .col {
  width: 20%;
}
.ios .row .col:nth-last-child(6),
.ios .row .col:nth-last-child(6) ~ .col {
  width: 16.66666667%;
  width: calc((100% - 15px*5) / 6);
}
.ios .row.no-gap .col:nth-last-child(6),
.ios .row.no-gap .col:nth-last-child(6) ~ .col {
  width: 16.66666667%;
}
.ios .row .col:nth-last-child(7),
.ios .row .col:nth-last-child(7) ~ .col {
  width: 14.28571429%;
  width: calc((100% - 15px*6) / 7);
}
.ios .row.no-gap .col:nth-last-child(7),
.ios .row.no-gap .col:nth-last-child(7) ~ .col {
  width: 14.28571429%;
}
.ios .row .col:nth-last-child(8),
.ios .row .col:nth-last-child(8) ~ .col {
  width: 12.5%;
  width: calc((100% - 15px*7) / 8);
}
.ios .row.no-gap .col:nth-last-child(8),
.ios .row.no-gap .col:nth-last-child(8) ~ .col {
  width: 12.5%;
}
.ios .row .col:nth-last-child(9),
.ios .row .col:nth-last-child(9) ~ .col {
  width: 11.11111111%;
  width: calc((100% - 15px*8) / 9);
}
.ios .row.no-gap .col:nth-last-child(9),
.ios .row.no-gap .col:nth-last-child(9) ~ .col {
  width: 11.11111111%;
}
.ios .row .col:nth-last-child(10),
.ios .row .col:nth-last-child(10) ~ .col {
  width: 10%;
  width: calc((100% - 15px*9) / 10);
}
.ios .row.no-gap .col:nth-last-child(10),
.ios .row.no-gap .col:nth-last-child(10) ~ .col {
  width: 10%;
}
.ios .row .col:nth-last-child(11),
.ios .row .col:nth-last-child(11) ~ .col {
  width: 9.09090909%;
  width: calc((100% - 15px*10) / 11);
}
.ios .row.no-gap .col:nth-last-child(11),
.ios .row.no-gap .col:nth-last-child(11) ~ .col {
  width: 9.09090909%;
}
.ios .row .col:nth-last-child(12),
.ios .row .col:nth-last-child(12) ~ .col {
  width: 8.33333333%;
  width: calc((100% - 15px*11) / 12);
}
.ios .row.no-gap .col:nth-last-child(12),
.ios .row.no-gap .col:nth-last-child(12) ~ .col {
  width: 8.33333333%;
}
.ios .row .col:nth-last-child(13),
.ios .row .col:nth-last-child(13) ~ .col {
  width: 7.69230769%;
  width: calc((100% - 15px*12) / 13);
}
.ios .row.no-gap .col:nth-last-child(13),
.ios .row.no-gap .col:nth-last-child(13) ~ .col {
  width: 7.69230769%;
}
.ios .row .col:nth-last-child(14),
.ios .row .col:nth-last-child(14) ~ .col {
  width: 7.14285714%;
  width: calc((100% - 15px*13) / 14);
}
.ios .row.no-gap .col:nth-last-child(14),
.ios .row.no-gap .col:nth-last-child(14) ~ .col {
  width: 7.14285714%;
}
.ios .row .col:nth-last-child(15),
.ios .row .col:nth-last-child(15) ~ .col {
  width: 6.66666667%;
  width: calc((100% - 15px*14) / 15);
}
.ios .row.no-gap .col:nth-last-child(15),
.ios .row.no-gap .col:nth-last-child(15) ~ .col {
  width: 6.66666667%;
}
.ios .row .col:nth-last-child(16),
.ios .row .col:nth-last-child(16) ~ .col {
  width: 6.25%;
  width: calc((100% - 15px*15) / 16);
}
.ios .row.no-gap .col:nth-last-child(16),
.ios .row.no-gap .col:nth-last-child(16) ~ .col {
  width: 6.25%;
}
.ios .row .col:nth-last-child(17),
.ios .row .col:nth-last-child(17) ~ .col {
  width: 5.88235294%;
  width: calc((100% - 15px*16) / 17);
}
.ios .row.no-gap .col:nth-last-child(17),
.ios .row.no-gap .col:nth-last-child(17) ~ .col {
  width: 5.88235294%;
}
.ios .row .col:nth-last-child(18),
.ios .row .col:nth-last-child(18) ~ .col {
  width: 5.55555556%;
  width: calc((100% - 15px*17) / 18);
}
.ios .row.no-gap .col:nth-last-child(18),
.ios .row.no-gap .col:nth-last-child(18) ~ .col {
  width: 5.55555556%;
}
.ios .row .col:nth-last-child(19),
.ios .row .col:nth-last-child(19) ~ .col {
  width: 5.26315789%;
  width: calc((100% - 15px*18) / 19);
}
.ios .row.no-gap .col:nth-last-child(19),
.ios .row.no-gap .col:nth-last-child(19) ~ .col {
  width: 5.26315789%;
}
.ios .row .col:nth-last-child(20),
.ios .row .col:nth-last-child(20) ~ .col {
  width: 5%;
  width: calc((100% - 15px*19) / 20);
}
.ios .row.no-gap .col:nth-last-child(20),
.ios .row.no-gap .col:nth-last-child(20) ~ .col {
  width: 5%;
}
.ios .row .col:nth-last-child(21),
.ios .row .col:nth-last-child(21) ~ .col {
  width: 4.76190476%;
  width: calc((100% - 15px*20) / 21);
}
.ios .row.no-gap .col:nth-last-child(21),
.ios .row.no-gap .col:nth-last-child(21) ~ .col {
  width: 4.76190476%;
}
@media (min-width: 768px) {
  .ios .row .tablet-100 {
    width: 100%;
    width: calc((100% - 15px*0) / 1);
  }
  .ios .row.no-gap .tablet-100 {
    width: 100%;
  }
  .ios .row .tablet-95 {
    width: 95%;
    width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
  }
  .ios .row.no-gap .tablet-95 {
    width: 95%;
  }
  .ios .row .tablet-90 {
    width: 90%;
    width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
  }
  .ios .row.no-gap .tablet-90 {
    width: 90%;
  }
  .ios .row .tablet-85 {
    width: 85%;
    width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
  }
  .ios .row.no-gap .tablet-85 {
    width: 85%;
  }
  .ios .row .tablet-80 {
    width: 80%;
    width: calc((100% - 15px*0.25) / 1.25);
  }
  .ios .row.no-gap .tablet-80 {
    width: 80%;
  }
  .ios .row .tablet-75 {
    width: 75%;
    width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
  }
  .ios .row.no-gap .tablet-75 {
    width: 75%;
  }
  .ios .row .tablet-70 {
    width: 70%;
    width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
  }
  .ios .row.no-gap .tablet-70 {
    width: 70%;
  }
  .ios .row .tablet-66 {
    width: 66.66666666666666%;
    width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
  }
  .ios .row.no-gap .tablet-66 {
    width: 66.66666666666666%;
  }
  .ios .row .tablet-65 {
    width: 65%;
    width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
  }
  .ios .row.no-gap .tablet-65 {
    width: 65%;
  }
  .ios .row .tablet-60 {
    width: 60%;
    width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
  }
  .ios .row.no-gap .tablet-60 {
    width: 60%;
  }
  .ios .row .tablet-55 {
    width: 55%;
    width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
  }
  .ios .row.no-gap .tablet-55 {
    width: 55%;
  }
  .ios .row .tablet-50 {
    width: 50%;
    width: calc((100% - 15px*1) / 2);
  }
  .ios .row.no-gap .tablet-50 {
    width: 50%;
  }
  .ios .row .tablet-45 {
    width: 45%;
    width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
  }
  .ios .row.no-gap .tablet-45 {
    width: 45%;
  }
  .ios .row .tablet-40 {
    width: 40%;
    width: calc((100% - 15px*1.5) / 2.5);
  }
  .ios .row.no-gap .tablet-40 {
    width: 40%;
  }
  .ios .row .tablet-35 {
    width: 35%;
    width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
  }
  .ios .row.no-gap .tablet-35 {
    width: 35%;
  }
  .ios .row .tablet-33 {
    width: 33.333333333333336%;
    width: calc((100% - 15px*2) / 3);
  }
  .ios .row.no-gap .tablet-33 {
    width: 33.333333333333336%;
  }
  .ios .row .tablet-30 {
    width: 30%;
    width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
  }
  .ios .row.no-gap .tablet-30 {
    width: 30%;
  }
  .ios .row .tablet-25 {
    width: 25%;
    width: calc((100% - 15px*3) / 4);
  }
  .ios .row.no-gap .tablet-25 {
    width: 25%;
  }
  .ios .row .tablet-20 {
    width: 20%;
    width: calc((100% - 15px*4) / 5);
  }
  .ios .row.no-gap .tablet-20 {
    width: 20%;
  }
  .ios .row .tablet-15 {
    width: 15%;
    width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
  }
  .ios .row.no-gap .tablet-15 {
    width: 15%;
  }
  .ios .row .tablet-10 {
    width: 10%;
    width: calc((100% - 15px*9) / 10);
  }
  .ios .row.no-gap .tablet-10 {
    width: 10%;
  }
  .ios .row .tablet-5 {
    width: 5%;
    width: calc((100% - 15px*19) / 20);
  }
  .ios .row.no-gap .tablet-5 {
    width: 5%;
  }
  .ios .row .tablet-auto:nth-last-child(1),
  .ios .row .tablet-auto:nth-last-child(1) ~ .tablet-auto {
    width: 100%;
    width: calc((100% - 15px*0) / 1);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(1),
  .ios .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto {
    width: 100%;
  }
  .ios .row .tablet-auto:nth-last-child(2),
  .ios .row .tablet-auto:nth-last-child(2) ~ .tablet-auto {
    width: 50%;
    width: calc((100% - 15px*1) / 2);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(2),
  .ios .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto {
    width: 50%;
  }
  .ios .row .tablet-auto:nth-last-child(3),
  .ios .row .tablet-auto:nth-last-child(3) ~ .tablet-auto {
    width: 33.33333333%;
    width: calc((100% - 15px*2) / 3);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(3),
  .ios .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto {
    width: 33.33333333%;
  }
  .ios .row .tablet-auto:nth-last-child(4),
  .ios .row .tablet-auto:nth-last-child(4) ~ .tablet-auto {
    width: 25%;
    width: calc((100% - 15px*3) / 4);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(4),
  .ios .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto {
    width: 25%;
  }
  .ios .row .tablet-auto:nth-last-child(5),
  .ios .row .tablet-auto:nth-last-child(5) ~ .tablet-auto {
    width: 20%;
    width: calc((100% - 15px*4) / 5);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(5),
  .ios .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto {
    width: 20%;
  }
  .ios .row .tablet-auto:nth-last-child(6),
  .ios .row .tablet-auto:nth-last-child(6) ~ .tablet-auto {
    width: 16.66666667%;
    width: calc((100% - 15px*5) / 6);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(6),
  .ios .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto {
    width: 16.66666667%;
  }
  .ios .row .tablet-auto:nth-last-child(7),
  .ios .row .tablet-auto:nth-last-child(7) ~ .tablet-auto {
    width: 14.28571429%;
    width: calc((100% - 15px*6) / 7);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(7),
  .ios .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto {
    width: 14.28571429%;
  }
  .ios .row .tablet-auto:nth-last-child(8),
  .ios .row .tablet-auto:nth-last-child(8) ~ .tablet-auto {
    width: 12.5%;
    width: calc((100% - 15px*7) / 8);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(8),
  .ios .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto {
    width: 12.5%;
  }
  .ios .row .tablet-auto:nth-last-child(9),
  .ios .row .tablet-auto:nth-last-child(9) ~ .tablet-auto {
    width: 11.11111111%;
    width: calc((100% - 15px*8) / 9);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(9),
  .ios .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto {
    width: 11.11111111%;
  }
  .ios .row .tablet-auto:nth-last-child(10),
  .ios .row .tablet-auto:nth-last-child(10) ~ .tablet-auto {
    width: 10%;
    width: calc((100% - 15px*9) / 10);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(10),
  .ios .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto {
    width: 10%;
  }
  .ios .row .tablet-auto:nth-last-child(11),
  .ios .row .tablet-auto:nth-last-child(11) ~ .tablet-auto {
    width: 9.09090909%;
    width: calc((100% - 15px*10) / 11);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(11),
  .ios .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto {
    width: 9.09090909%;
  }
  .ios .row .tablet-auto:nth-last-child(12),
  .ios .row .tablet-auto:nth-last-child(12) ~ .tablet-auto {
    width: 8.33333333%;
    width: calc((100% - 15px*11) / 12);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(12),
  .ios .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto {
    width: 8.33333333%;
  }
  .ios .row .tablet-auto:nth-last-child(13),
  .ios .row .tablet-auto:nth-last-child(13) ~ .tablet-auto {
    width: 7.69230769%;
    width: calc((100% - 15px*12) / 13);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(13),
  .ios .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto {
    width: 7.69230769%;
  }
  .ios .row .tablet-auto:nth-last-child(14),
  .ios .row .tablet-auto:nth-last-child(14) ~ .tablet-auto {
    width: 7.14285714%;
    width: calc((100% - 15px*13) / 14);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(14),
  .ios .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto {
    width: 7.14285714%;
  }
  .ios .row .tablet-auto:nth-last-child(15),
  .ios .row .tablet-auto:nth-last-child(15) ~ .tablet-auto {
    width: 6.66666667%;
    width: calc((100% - 15px*14) / 15);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(15),
  .ios .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto {
    width: 6.66666667%;
  }
  .ios .row .tablet-auto:nth-last-child(16),
  .ios .row .tablet-auto:nth-last-child(16) ~ .tablet-auto {
    width: 6.25%;
    width: calc((100% - 15px*15) / 16);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(16),
  .ios .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto {
    width: 6.25%;
  }
  .ios .row .tablet-auto:nth-last-child(17),
  .ios .row .tablet-auto:nth-last-child(17) ~ .tablet-auto {
    width: 5.88235294%;
    width: calc((100% - 15px*16) / 17);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(17),
  .ios .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto {
    width: 5.88235294%;
  }
  .ios .row .tablet-auto:nth-last-child(18),
  .ios .row .tablet-auto:nth-last-child(18) ~ .tablet-auto {
    width: 5.55555556%;
    width: calc((100% - 15px*17) / 18);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(18),
  .ios .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto {
    width: 5.55555556%;
  }
  .ios .row .tablet-auto:nth-last-child(19),
  .ios .row .tablet-auto:nth-last-child(19) ~ .tablet-auto {
    width: 5.26315789%;
    width: calc((100% - 15px*18) / 19);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(19),
  .ios .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto {
    width: 5.26315789%;
  }
  .ios .row .tablet-auto:nth-last-child(20),
  .ios .row .tablet-auto:nth-last-child(20) ~ .tablet-auto {
    width: 5%;
    width: calc((100% - 15px*19) / 20);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(20),
  .ios .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto {
    width: 5%;
  }
  .ios .row .tablet-auto:nth-last-child(21),
  .ios .row .tablet-auto:nth-last-child(21) ~ .tablet-auto {
    width: 4.76190476%;
    width: calc((100% - 15px*20) / 21);
  }
  .ios .row.no-gap .tablet-auto:nth-last-child(21),
  .ios .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto {
    width: 4.76190476%;
  }
}
@media (min-width: 1025px) {
  .ios .row .desktop-100 {
    width: 100%;
    width: calc((100% - 15px*0) / 1);
  }
  .ios .row.no-gap .desktop-100 {
    width: 100%;
  }
  .ios .row .desktop-95 {
    width: 95%;
    width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
  }
  .ios .row.no-gap .desktop-95 {
    width: 95%;
  }
  .ios .row .desktop-90 {
    width: 90%;
    width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
  }
  .ios .row.no-gap .desktop-90 {
    width: 90%;
  }
  .ios .row .desktop-85 {
    width: 85%;
    width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
  }
  .ios .row.no-gap .desktop-85 {
    width: 85%;
  }
  .ios .row .desktop-80 {
    width: 80%;
    width: calc((100% - 15px*0.25) / 1.25);
  }
  .ios .row.no-gap .desktop-80 {
    width: 80%;
  }
  .ios .row .desktop-75 {
    width: 75%;
    width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
  }
  .ios .row.no-gap .desktop-75 {
    width: 75%;
  }
  .ios .row .desktop-70 {
    width: 70%;
    width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
  }
  .ios .row.no-gap .desktop-70 {
    width: 70%;
  }
  .ios .row .desktop-66 {
    width: 66.66666666666666%;
    width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
  }
  .ios .row.no-gap .desktop-66 {
    width: 66.66666666666666%;
  }
  .ios .row .desktop-65 {
    width: 65%;
    width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
  }
  .ios .row.no-gap .desktop-65 {
    width: 65%;
  }
  .ios .row .desktop-60 {
    width: 60%;
    width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
  }
  .ios .row.no-gap .desktop-60 {
    width: 60%;
  }
  .ios .row .desktop-55 {
    width: 55%;
    width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
  }
  .ios .row.no-gap .desktop-55 {
    width: 55%;
  }
  .ios .row .desktop-50 {
    width: 50%;
    width: calc((100% - 15px*1) / 2);
  }
  .ios .row.no-gap .desktop-50 {
    width: 50%;
  }
  .ios .row .desktop-45 {
    width: 45%;
    width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
  }
  .ios .row.no-gap .desktop-45 {
    width: 45%;
  }
  .ios .row .desktop-40 {
    width: 40%;
    width: calc((100% - 15px*1.5) / 2.5);
  }
  .ios .row.no-gap .desktop-40 {
    width: 40%;
  }
  .ios .row .desktop-35 {
    width: 35%;
    width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
  }
  .ios .row.no-gap .desktop-35 {
    width: 35%;
  }
  .ios .row .desktop-33 {
    width: 33.333333333333336%;
    width: calc((100% - 15px*2) / 3);
  }
  .ios .row.no-gap .desktop-33 {
    width: 33.333333333333336%;
  }
  .ios .row .desktop-30 {
    width: 30%;
    width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
  }
  .ios .row.no-gap .desktop-30 {
    width: 30%;
  }
  .ios .row .desktop-25 {
    width: 25%;
    width: calc((100% - 15px*3) / 4);
  }
  .ios .row.no-gap .desktop-25 {
    width: 25%;
  }
  .ios .row .desktop-20 {
    width: 20%;
    width: calc((100% - 15px*4) / 5);
  }
  .ios .row.no-gap .desktop-20 {
    width: 20%;
  }
  .ios .row .desktop-15 {
    width: 15%;
    width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
  }
  .ios .row.no-gap .desktop-15 {
    width: 15%;
  }
  .ios .row .desktop-10 {
    width: 10%;
    width: calc((100% - 15px*9) / 10);
  }
  .ios .row.no-gap .desktop-10 {
    width: 10%;
  }
  .ios .row .desktop-5 {
    width: 5%;
    width: calc((100% - 15px*19) / 20);
  }
  .ios .row.no-gap .desktop-5 {
    width: 5%;
  }
  .ios .row .desktop-auto:nth-last-child(1),
  .ios .row .desktop-auto:nth-last-child(1) ~ .desktop-auto {
    width: 100%;
    width: calc((100% - 15px*0) / 1);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(1),
  .ios .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto {
    width: 100%;
  }
  .ios .row .desktop-auto:nth-last-child(2),
  .ios .row .desktop-auto:nth-last-child(2) ~ .desktop-auto {
    width: 50%;
    width: calc((100% - 15px*1) / 2);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(2),
  .ios .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto {
    width: 50%;
  }
  .ios .row .desktop-auto:nth-last-child(3),
  .ios .row .desktop-auto:nth-last-child(3) ~ .desktop-auto {
    width: 33.33333333%;
    width: calc((100% - 15px*2) / 3);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(3),
  .ios .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto {
    width: 33.33333333%;
  }
  .ios .row .desktop-auto:nth-last-child(4),
  .ios .row .desktop-auto:nth-last-child(4) ~ .desktop-auto {
    width: 25%;
    width: calc((100% - 15px*3) / 4);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(4),
  .ios .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto {
    width: 25%;
  }
  .ios .row .desktop-auto:nth-last-child(5),
  .ios .row .desktop-auto:nth-last-child(5) ~ .desktop-auto {
    width: 20%;
    width: calc((100% - 15px*4) / 5);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(5),
  .ios .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto {
    width: 20%;
  }
  .ios .row .desktop-auto:nth-last-child(6),
  .ios .row .desktop-auto:nth-last-child(6) ~ .desktop-auto {
    width: 16.66666667%;
    width: calc((100% - 15px*5) / 6);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(6),
  .ios .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto {
    width: 16.66666667%;
  }
  .ios .row .desktop-auto:nth-last-child(7),
  .ios .row .desktop-auto:nth-last-child(7) ~ .desktop-auto {
    width: 14.28571429%;
    width: calc((100% - 15px*6) / 7);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(7),
  .ios .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto {
    width: 14.28571429%;
  }
  .ios .row .desktop-auto:nth-last-child(8),
  .ios .row .desktop-auto:nth-last-child(8) ~ .desktop-auto {
    width: 12.5%;
    width: calc((100% - 15px*7) / 8);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(8),
  .ios .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto {
    width: 12.5%;
  }
  .ios .row .desktop-auto:nth-last-child(9),
  .ios .row .desktop-auto:nth-last-child(9) ~ .desktop-auto {
    width: 11.11111111%;
    width: calc((100% - 15px*8) / 9);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(9),
  .ios .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto {
    width: 11.11111111%;
  }
  .ios .row .desktop-auto:nth-last-child(10),
  .ios .row .desktop-auto:nth-last-child(10) ~ .desktop-auto {
    width: 10%;
    width: calc((100% - 15px*9) / 10);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(10),
  .ios .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto {
    width: 10%;
  }
  .ios .row .desktop-auto:nth-last-child(11),
  .ios .row .desktop-auto:nth-last-child(11) ~ .desktop-auto {
    width: 9.09090909%;
    width: calc((100% - 15px*10) / 11);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(11),
  .ios .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto {
    width: 9.09090909%;
  }
  .ios .row .desktop-auto:nth-last-child(12),
  .ios .row .desktop-auto:nth-last-child(12) ~ .desktop-auto {
    width: 8.33333333%;
    width: calc((100% - 15px*11) / 12);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(12),
  .ios .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto {
    width: 8.33333333%;
  }
  .ios .row .desktop-auto:nth-last-child(13),
  .ios .row .desktop-auto:nth-last-child(13) ~ .desktop-auto {
    width: 7.69230769%;
    width: calc((100% - 15px*12) / 13);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(13),
  .ios .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto {
    width: 7.69230769%;
  }
  .ios .row .desktop-auto:nth-last-child(14),
  .ios .row .desktop-auto:nth-last-child(14) ~ .desktop-auto {
    width: 7.14285714%;
    width: calc((100% - 15px*13) / 14);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(14),
  .ios .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto {
    width: 7.14285714%;
  }
  .ios .row .desktop-auto:nth-last-child(15),
  .ios .row .desktop-auto:nth-last-child(15) ~ .desktop-auto {
    width: 6.66666667%;
    width: calc((100% - 15px*14) / 15);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(15),
  .ios .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto {
    width: 6.66666667%;
  }
  .ios .row .desktop-auto:nth-last-child(16),
  .ios .row .desktop-auto:nth-last-child(16) ~ .desktop-auto {
    width: 6.25%;
    width: calc((100% - 15px*15) / 16);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(16),
  .ios .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto {
    width: 6.25%;
  }
  .ios .row .desktop-auto:nth-last-child(17),
  .ios .row .desktop-auto:nth-last-child(17) ~ .desktop-auto {
    width: 5.88235294%;
    width: calc((100% - 15px*16) / 17);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(17),
  .ios .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto {
    width: 5.88235294%;
  }
  .ios .row .desktop-auto:nth-last-child(18),
  .ios .row .desktop-auto:nth-last-child(18) ~ .desktop-auto {
    width: 5.55555556%;
    width: calc((100% - 15px*17) / 18);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(18),
  .ios .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto {
    width: 5.55555556%;
  }
  .ios .row .desktop-auto:nth-last-child(19),
  .ios .row .desktop-auto:nth-last-child(19) ~ .desktop-auto {
    width: 5.26315789%;
    width: calc((100% - 15px*18) / 19);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(19),
  .ios .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto {
    width: 5.26315789%;
  }
  .ios .row .desktop-auto:nth-last-child(20),
  .ios .row .desktop-auto:nth-last-child(20) ~ .desktop-auto {
    width: 5%;
    width: calc((100% - 15px*19) / 20);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(20),
  .ios .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto {
    width: 5%;
  }
  .ios .row .desktop-auto:nth-last-child(21),
  .ios .row .desktop-auto:nth-last-child(21) ~ .desktop-auto {
    width: 4.76190476%;
    width: calc((100% - 15px*20) / 21);
  }
  .ios .row.no-gap .desktop-auto:nth-last-child(21),
  .ios .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto {
    width: 4.76190476%;
  }
}
/* === Grid === */
.md .row .col-100 {
  width: 100%;
  width: calc((100% - 16px*0) / 1);
}
.md .row.no-gap .col-100 {
  width: 100%;
}
.md .row .col-95 {
  width: 95%;
  width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
}
.md .row.no-gap .col-95 {
  width: 95%;
}
.md .row .col-90 {
  width: 90%;
  width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
}
.md .row.no-gap .col-90 {
  width: 90%;
}
.md .row .col-85 {
  width: 85%;
  width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
}
.md .row.no-gap .col-85 {
  width: 85%;
}
.md .row .col-80 {
  width: 80%;
  width: calc((100% - 16px*0.25) / 1.25);
}
.md .row.no-gap .col-80 {
  width: 80%;
}
.md .row .col-75 {
  width: 75%;
  width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
}
.md .row.no-gap .col-75 {
  width: 75%;
}
.md .row .col-70 {
  width: 70%;
  width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
}
.md .row.no-gap .col-70 {
  width: 70%;
}
.md .row .col-66 {
  width: 66.66666666666666%;
  width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
}
.md .row.no-gap .col-66 {
  width: 66.66666666666666%;
}
.md .row .col-65 {
  width: 65%;
  width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
}
.md .row.no-gap .col-65 {
  width: 65%;
}
.md .row .col-60 {
  width: 60%;
  width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
}
.md .row.no-gap .col-60 {
  width: 60%;
}
.md .row .col-55 {
  width: 55%;
  width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
}
.md .row.no-gap .col-55 {
  width: 55%;
}
.md .row .col-50 {
  width: 50%;
  width: calc((100% - 16px*1) / 2);
}
.md .row.no-gap .col-50 {
  width: 50%;
}
.md .row .col-45 {
  width: 45%;
  width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
}
.md .row.no-gap .col-45 {
  width: 45%;
}
.md .row .col-40 {
  width: 40%;
  width: calc((100% - 16px*1.5) / 2.5);
}
.md .row.no-gap .col-40 {
  width: 40%;
}
.md .row .col-35 {
  width: 35%;
  width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
}
.md .row.no-gap .col-35 {
  width: 35%;
}
.md .row .col-33 {
  width: 33.333333333333336%;
  width: calc((100% - 16px*2) / 3);
}
.md .row.no-gap .col-33 {
  width: 33.333333333333336%;
}
.md .row .col-30 {
  width: 30%;
  width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
}
.md .row.no-gap .col-30 {
  width: 30%;
}
.md .row .col-25 {
  width: 25%;
  width: calc((100% - 16px*3) / 4);
}
.md .row.no-gap .col-25 {
  width: 25%;
}
.md .row .col-20 {
  width: 20%;
  width: calc((100% - 16px*4) / 5);
}
.md .row.no-gap .col-20 {
  width: 20%;
}
.md .row .col-15 {
  width: 15%;
  width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
}
.md .row.no-gap .col-15 {
  width: 15%;
}
.md .row .col-10 {
  width: 10%;
  width: calc((100% - 16px*9) / 10);
}
.md .row.no-gap .col-10 {
  width: 10%;
}
.md .row .col-5 {
  width: 5%;
  width: calc((100% - 16px*19) / 20);
}
.md .row.no-gap .col-5 {
  width: 5%;
}
.md .row .col:nth-last-child(1),
.md .row .col:nth-last-child(1) ~ .col {
  width: 100%;
  width: calc((100% - 16px*0) / 1);
}
.md .row.no-gap .col:nth-last-child(1),
.md .row.no-gap .col:nth-last-child(1) ~ .col {
  width: 100%;
}
.md .row .col:nth-last-child(2),
.md .row .col:nth-last-child(2) ~ .col {
  width: 50%;
  width: calc((100% - 16px*1) / 2);
}
.md .row.no-gap .col:nth-last-child(2),
.md .row.no-gap .col:nth-last-child(2) ~ .col {
  width: 50%;
}
.md .row .col:nth-last-child(3),
.md .row .col:nth-last-child(3) ~ .col {
  width: 33.33333333%;
  width: calc((100% - 16px*2) / 3);
}
.md .row.no-gap .col:nth-last-child(3),
.md .row.no-gap .col:nth-last-child(3) ~ .col {
  width: 33.33333333%;
}
.md .row .col:nth-last-child(4),
.md .row .col:nth-last-child(4) ~ .col {
  width: 25%;
  width: calc((100% - 16px*3) / 4);
}
.md .row.no-gap .col:nth-last-child(4),
.md .row.no-gap .col:nth-last-child(4) ~ .col {
  width: 25%;
}
.md .row .col:nth-last-child(5),
.md .row .col:nth-last-child(5) ~ .col {
  width: 20%;
  width: calc((100% - 16px*4) / 5);
}
.md .row.no-gap .col:nth-last-child(5),
.md .row.no-gap .col:nth-last-child(5) ~ .col {
  width: 20%;
}
.md .row .col:nth-last-child(6),
.md .row .col:nth-last-child(6) ~ .col {
  width: 16.66666667%;
  width: calc((100% - 16px*5) / 6);
}
.md .row.no-gap .col:nth-last-child(6),
.md .row.no-gap .col:nth-last-child(6) ~ .col {
  width: 16.66666667%;
}
.md .row .col:nth-last-child(7),
.md .row .col:nth-last-child(7) ~ .col {
  width: 14.28571429%;
  width: calc((100% - 16px*6) / 7);
}
.md .row.no-gap .col:nth-last-child(7),
.md .row.no-gap .col:nth-last-child(7) ~ .col {
  width: 14.28571429%;
}
.md .row .col:nth-last-child(8),
.md .row .col:nth-last-child(8) ~ .col {
  width: 12.5%;
  width: calc((100% - 16px*7) / 8);
}
.md .row.no-gap .col:nth-last-child(8),
.md .row.no-gap .col:nth-last-child(8) ~ .col {
  width: 12.5%;
}
.md .row .col:nth-last-child(9),
.md .row .col:nth-last-child(9) ~ .col {
  width: 11.11111111%;
  width: calc((100% - 16px*8) / 9);
}
.md .row.no-gap .col:nth-last-child(9),
.md .row.no-gap .col:nth-last-child(9) ~ .col {
  width: 11.11111111%;
}
.md .row .col:nth-last-child(10),
.md .row .col:nth-last-child(10) ~ .col {
  width: 10%;
  width: calc((100% - 16px*9) / 10);
}
.md .row.no-gap .col:nth-last-child(10),
.md .row.no-gap .col:nth-last-child(10) ~ .col {
  width: 10%;
}
.md .row .col:nth-last-child(11),
.md .row .col:nth-last-child(11) ~ .col {
  width: 9.09090909%;
  width: calc((100% - 16px*10) / 11);
}
.md .row.no-gap .col:nth-last-child(11),
.md .row.no-gap .col:nth-last-child(11) ~ .col {
  width: 9.09090909%;
}
.md .row .col:nth-last-child(12),
.md .row .col:nth-last-child(12) ~ .col {
  width: 8.33333333%;
  width: calc((100% - 16px*11) / 12);
}
.md .row.no-gap .col:nth-last-child(12),
.md .row.no-gap .col:nth-last-child(12) ~ .col {
  width: 8.33333333%;
}
.md .row .col:nth-last-child(13),
.md .row .col:nth-last-child(13) ~ .col {
  width: 7.69230769%;
  width: calc((100% - 16px*12) / 13);
}
.md .row.no-gap .col:nth-last-child(13),
.md .row.no-gap .col:nth-last-child(13) ~ .col {
  width: 7.69230769%;
}
.md .row .col:nth-last-child(14),
.md .row .col:nth-last-child(14) ~ .col {
  width: 7.14285714%;
  width: calc((100% - 16px*13) / 14);
}
.md .row.no-gap .col:nth-last-child(14),
.md .row.no-gap .col:nth-last-child(14) ~ .col {
  width: 7.14285714%;
}
.md .row .col:nth-last-child(15),
.md .row .col:nth-last-child(15) ~ .col {
  width: 6.66666667%;
  width: calc((100% - 16px*14) / 15);
}
.md .row.no-gap .col:nth-last-child(15),
.md .row.no-gap .col:nth-last-child(15) ~ .col {
  width: 6.66666667%;
}
.md .row .col:nth-last-child(16),
.md .row .col:nth-last-child(16) ~ .col {
  width: 6.25%;
  width: calc((100% - 16px*15) / 16);
}
.md .row.no-gap .col:nth-last-child(16),
.md .row.no-gap .col:nth-last-child(16) ~ .col {
  width: 6.25%;
}
.md .row .col:nth-last-child(17),
.md .row .col:nth-last-child(17) ~ .col {
  width: 5.88235294%;
  width: calc((100% - 16px*16) / 17);
}
.md .row.no-gap .col:nth-last-child(17),
.md .row.no-gap .col:nth-last-child(17) ~ .col {
  width: 5.88235294%;
}
.md .row .col:nth-last-child(18),
.md .row .col:nth-last-child(18) ~ .col {
  width: 5.55555556%;
  width: calc((100% - 16px*17) / 18);
}
.md .row.no-gap .col:nth-last-child(18),
.md .row.no-gap .col:nth-last-child(18) ~ .col {
  width: 5.55555556%;
}
.md .row .col:nth-last-child(19),
.md .row .col:nth-last-child(19) ~ .col {
  width: 5.26315789%;
  width: calc((100% - 16px*18) / 19);
}
.md .row.no-gap .col:nth-last-child(19),
.md .row.no-gap .col:nth-last-child(19) ~ .col {
  width: 5.26315789%;
}
.md .row .col:nth-last-child(20),
.md .row .col:nth-last-child(20) ~ .col {
  width: 5%;
  width: calc((100% - 16px*19) / 20);
}
.md .row.no-gap .col:nth-last-child(20),
.md .row.no-gap .col:nth-last-child(20) ~ .col {
  width: 5%;
}
.md .row .col:nth-last-child(21),
.md .row .col:nth-last-child(21) ~ .col {
  width: 4.76190476%;
  width: calc((100% - 16px*20) / 21);
}
.md .row.no-gap .col:nth-last-child(21),
.md .row.no-gap .col:nth-last-child(21) ~ .col {
  width: 4.76190476%;
}
@media (min-width: 768px) {
  .md .row .tablet-100 {
    width: 100%;
    width: calc((100% - 16px*0) / 1);
  }
  .md .row.no-gap .tablet-100 {
    width: 100%;
  }
  .md .row .tablet-95 {
    width: 95%;
    width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
  }
  .md .row.no-gap .tablet-95 {
    width: 95%;
  }
  .md .row .tablet-90 {
    width: 90%;
    width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
  }
  .md .row.no-gap .tablet-90 {
    width: 90%;
  }
  .md .row .tablet-85 {
    width: 85%;
    width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
  }
  .md .row.no-gap .tablet-85 {
    width: 85%;
  }
  .md .row .tablet-80 {
    width: 80%;
    width: calc((100% - 16px*0.25) / 1.25);
  }
  .md .row.no-gap .tablet-80 {
    width: 80%;
  }
  .md .row .tablet-75 {
    width: 75%;
    width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
  }
  .md .row.no-gap .tablet-75 {
    width: 75%;
  }
  .md .row .tablet-70 {
    width: 70%;
    width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
  }
  .md .row.no-gap .tablet-70 {
    width: 70%;
  }
  .md .row .tablet-66 {
    width: 66.66666666666666%;
    width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
  }
  .md .row.no-gap .tablet-66 {
    width: 66.66666666666666%;
  }
  .md .row .tablet-65 {
    width: 65%;
    width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
  }
  .md .row.no-gap .tablet-65 {
    width: 65%;
  }
  .md .row .tablet-60 {
    width: 60%;
    width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
  }
  .md .row.no-gap .tablet-60 {
    width: 60%;
  }
  .md .row .tablet-55 {
    width: 55%;
    width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
  }
  .md .row.no-gap .tablet-55 {
    width: 55%;
  }
  .md .row .tablet-50 {
    width: 50%;
    width: calc((100% - 16px*1) / 2);
  }
  .md .row.no-gap .tablet-50 {
    width: 50%;
  }
  .md .row .tablet-45 {
    width: 45%;
    width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
  }
  .md .row.no-gap .tablet-45 {
    width: 45%;
  }
  .md .row .tablet-40 {
    width: 40%;
    width: calc((100% - 16px*1.5) / 2.5);
  }
  .md .row.no-gap .tablet-40 {
    width: 40%;
  }
  .md .row .tablet-35 {
    width: 35%;
    width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
  }
  .md .row.no-gap .tablet-35 {
    width: 35%;
  }
  .md .row .tablet-33 {
    width: 33.333333333333336%;
    width: calc((100% - 16px*2) / 3);
  }
  .md .row.no-gap .tablet-33 {
    width: 33.333333333333336%;
  }
  .md .row .tablet-30 {
    width: 30%;
    width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
  }
  .md .row.no-gap .tablet-30 {
    width: 30%;
  }
  .md .row .tablet-25 {
    width: 25%;
    width: calc((100% - 16px*3) / 4);
  }
  .md .row.no-gap .tablet-25 {
    width: 25%;
  }
  .md .row .tablet-20 {
    width: 20%;
    width: calc((100% - 16px*4) / 5);
  }
  .md .row.no-gap .tablet-20 {
    width: 20%;
  }
  .md .row .tablet-15 {
    width: 15%;
    width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
  }
  .md .row.no-gap .tablet-15 {
    width: 15%;
  }
  .md .row .tablet-10 {
    width: 10%;
    width: calc((100% - 16px*9) / 10);
  }
  .md .row.no-gap .tablet-10 {
    width: 10%;
  }
  .md .row .tablet-5 {
    width: 5%;
    width: calc((100% - 16px*19) / 20);
  }
  .md .row.no-gap .tablet-5 {
    width: 5%;
  }
  .md .row .tablet-auto:nth-last-child(1),
  .md .row .tablet-auto:nth-last-child(1) ~ .tablet-auto {
    width: 100%;
    width: calc((100% - 16px*0) / 1);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(1),
  .md .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto {
    width: 100%;
  }
  .md .row .tablet-auto:nth-last-child(2),
  .md .row .tablet-auto:nth-last-child(2) ~ .tablet-auto {
    width: 50%;
    width: calc((100% - 16px*1) / 2);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(2),
  .md .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto {
    width: 50%;
  }
  .md .row .tablet-auto:nth-last-child(3),
  .md .row .tablet-auto:nth-last-child(3) ~ .tablet-auto {
    width: 33.33333333%;
    width: calc((100% - 16px*2) / 3);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(3),
  .md .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto {
    width: 33.33333333%;
  }
  .md .row .tablet-auto:nth-last-child(4),
  .md .row .tablet-auto:nth-last-child(4) ~ .tablet-auto {
    width: 25%;
    width: calc((100% - 16px*3) / 4);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(4),
  .md .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto {
    width: 25%;
  }
  .md .row .tablet-auto:nth-last-child(5),
  .md .row .tablet-auto:nth-last-child(5) ~ .tablet-auto {
    width: 20%;
    width: calc((100% - 16px*4) / 5);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(5),
  .md .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto {
    width: 20%;
  }
  .md .row .tablet-auto:nth-last-child(6),
  .md .row .tablet-auto:nth-last-child(6) ~ .tablet-auto {
    width: 16.66666667%;
    width: calc((100% - 16px*5) / 6);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(6),
  .md .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto {
    width: 16.66666667%;
  }
  .md .row .tablet-auto:nth-last-child(7),
  .md .row .tablet-auto:nth-last-child(7) ~ .tablet-auto {
    width: 14.28571429%;
    width: calc((100% - 16px*6) / 7);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(7),
  .md .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto {
    width: 14.28571429%;
  }
  .md .row .tablet-auto:nth-last-child(8),
  .md .row .tablet-auto:nth-last-child(8) ~ .tablet-auto {
    width: 12.5%;
    width: calc((100% - 16px*7) / 8);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(8),
  .md .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto {
    width: 12.5%;
  }
  .md .row .tablet-auto:nth-last-child(9),
  .md .row .tablet-auto:nth-last-child(9) ~ .tablet-auto {
    width: 11.11111111%;
    width: calc((100% - 16px*8) / 9);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(9),
  .md .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto {
    width: 11.11111111%;
  }
  .md .row .tablet-auto:nth-last-child(10),
  .md .row .tablet-auto:nth-last-child(10) ~ .tablet-auto {
    width: 10%;
    width: calc((100% - 16px*9) / 10);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(10),
  .md .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto {
    width: 10%;
  }
  .md .row .tablet-auto:nth-last-child(11),
  .md .row .tablet-auto:nth-last-child(11) ~ .tablet-auto {
    width: 9.09090909%;
    width: calc((100% - 16px*10) / 11);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(11),
  .md .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto {
    width: 9.09090909%;
  }
  .md .row .tablet-auto:nth-last-child(12),
  .md .row .tablet-auto:nth-last-child(12) ~ .tablet-auto {
    width: 8.33333333%;
    width: calc((100% - 16px*11) / 12);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(12),
  .md .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto {
    width: 8.33333333%;
  }
  .md .row .tablet-auto:nth-last-child(13),
  .md .row .tablet-auto:nth-last-child(13) ~ .tablet-auto {
    width: 7.69230769%;
    width: calc((100% - 16px*12) / 13);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(13),
  .md .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto {
    width: 7.69230769%;
  }
  .md .row .tablet-auto:nth-last-child(14),
  .md .row .tablet-auto:nth-last-child(14) ~ .tablet-auto {
    width: 7.14285714%;
    width: calc((100% - 16px*13) / 14);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(14),
  .md .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto {
    width: 7.14285714%;
  }
  .md .row .tablet-auto:nth-last-child(15),
  .md .row .tablet-auto:nth-last-child(15) ~ .tablet-auto {
    width: 6.66666667%;
    width: calc((100% - 16px*14) / 15);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(15),
  .md .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto {
    width: 6.66666667%;
  }
  .md .row .tablet-auto:nth-last-child(16),
  .md .row .tablet-auto:nth-last-child(16) ~ .tablet-auto {
    width: 6.25%;
    width: calc((100% - 16px*15) / 16);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(16),
  .md .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto {
    width: 6.25%;
  }
  .md .row .tablet-auto:nth-last-child(17),
  .md .row .tablet-auto:nth-last-child(17) ~ .tablet-auto {
    width: 5.88235294%;
    width: calc((100% - 16px*16) / 17);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(17),
  .md .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto {
    width: 5.88235294%;
  }
  .md .row .tablet-auto:nth-last-child(18),
  .md .row .tablet-auto:nth-last-child(18) ~ .tablet-auto {
    width: 5.55555556%;
    width: calc((100% - 16px*17) / 18);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(18),
  .md .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto {
    width: 5.55555556%;
  }
  .md .row .tablet-auto:nth-last-child(19),
  .md .row .tablet-auto:nth-last-child(19) ~ .tablet-auto {
    width: 5.26315789%;
    width: calc((100% - 16px*18) / 19);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(19),
  .md .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto {
    width: 5.26315789%;
  }
  .md .row .tablet-auto:nth-last-child(20),
  .md .row .tablet-auto:nth-last-child(20) ~ .tablet-auto {
    width: 5%;
    width: calc((100% - 16px*19) / 20);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(20),
  .md .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto {
    width: 5%;
  }
  .md .row .tablet-auto:nth-last-child(21),
  .md .row .tablet-auto:nth-last-child(21) ~ .tablet-auto {
    width: 4.76190476%;
    width: calc((100% - 16px*20) / 21);
  }
  .md .row.no-gap .tablet-auto:nth-last-child(21),
  .md .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto {
    width: 4.76190476%;
  }
}
@media (min-width: 1025px) {
  .md .row .desktop-100 {
    width: 100%;
    width: calc((100% - 16px*0) / 1);
  }
  .md .row.no-gap .desktop-100 {
    width: 100%;
  }
  .md .row .desktop-95 {
    width: 95%;
    width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
  }
  .md .row.no-gap .desktop-95 {
    width: 95%;
  }
  .md .row .desktop-90 {
    width: 90%;
    width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
  }
  .md .row.no-gap .desktop-90 {
    width: 90%;
  }
  .md .row .desktop-85 {
    width: 85%;
    width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
  }
  .md .row.no-gap .desktop-85 {
    width: 85%;
  }
  .md .row .desktop-80 {
    width: 80%;
    width: calc((100% - 16px*0.25) / 1.25);
  }
  .md .row.no-gap .desktop-80 {
    width: 80%;
  }
  .md .row .desktop-75 {
    width: 75%;
    width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
  }
  .md .row.no-gap .desktop-75 {
    width: 75%;
  }
  .md .row .desktop-70 {
    width: 70%;
    width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
  }
  .md .row.no-gap .desktop-70 {
    width: 70%;
  }
  .md .row .desktop-66 {
    width: 66.66666666666666%;
    width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
  }
  .md .row.no-gap .desktop-66 {
    width: 66.66666666666666%;
  }
  .md .row .desktop-65 {
    width: 65%;
    width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
  }
  .md .row.no-gap .desktop-65 {
    width: 65%;
  }
  .md .row .desktop-60 {
    width: 60%;
    width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
  }
  .md .row.no-gap .desktop-60 {
    width: 60%;
  }
  .md .row .desktop-55 {
    width: 55%;
    width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
  }
  .md .row.no-gap .desktop-55 {
    width: 55%;
  }
  .md .row .desktop-50 {
    width: 50%;
    width: calc((100% - 16px*1) / 2);
  }
  .md .row.no-gap .desktop-50 {
    width: 50%;
  }
  .md .row .desktop-45 {
    width: 45%;
    width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
  }
  .md .row.no-gap .desktop-45 {
    width: 45%;
  }
  .md .row .desktop-40 {
    width: 40%;
    width: calc((100% - 16px*1.5) / 2.5);
  }
  .md .row.no-gap .desktop-40 {
    width: 40%;
  }
  .md .row .desktop-35 {
    width: 35%;
    width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
  }
  .md .row.no-gap .desktop-35 {
    width: 35%;
  }
  .md .row .desktop-33 {
    width: 33.333333333333336%;
    width: calc((100% - 16px*2) / 3);
  }
  .md .row.no-gap .desktop-33 {
    width: 33.333333333333336%;
  }
  .md .row .desktop-30 {
    width: 30%;
    width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
  }
  .md .row.no-gap .desktop-30 {
    width: 30%;
  }
  .md .row .desktop-25 {
    width: 25%;
    width: calc((100% - 16px*3) / 4);
  }
  .md .row.no-gap .desktop-25 {
    width: 25%;
  }
  .md .row .desktop-20 {
    width: 20%;
    width: calc((100% - 16px*4) / 5);
  }
  .md .row.no-gap .desktop-20 {
    width: 20%;
  }
  .md .row .desktop-15 {
    width: 15%;
    width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
  }
  .md .row.no-gap .desktop-15 {
    width: 15%;
  }
  .md .row .desktop-10 {
    width: 10%;
    width: calc((100% - 16px*9) / 10);
  }
  .md .row.no-gap .desktop-10 {
    width: 10%;
  }
  .md .row .desktop-5 {
    width: 5%;
    width: calc((100% - 16px*19) / 20);
  }
  .md .row.no-gap .desktop-5 {
    width: 5%;
  }
  .md .row .desktop-auto:nth-last-child(1),
  .md .row .desktop-auto:nth-last-child(1) ~ .desktop-auto {
    width: 100%;
    width: calc((100% - 16px*0) / 1);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(1),
  .md .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto {
    width: 100%;
  }
  .md .row .desktop-auto:nth-last-child(2),
  .md .row .desktop-auto:nth-last-child(2) ~ .desktop-auto {
    width: 50%;
    width: calc((100% - 16px*1) / 2);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(2),
  .md .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto {
    width: 50%;
  }
  .md .row .desktop-auto:nth-last-child(3),
  .md .row .desktop-auto:nth-last-child(3) ~ .desktop-auto {
    width: 33.33333333%;
    width: calc((100% - 16px*2) / 3);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(3),
  .md .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto {
    width: 33.33333333%;
  }
  .md .row .desktop-auto:nth-last-child(4),
  .md .row .desktop-auto:nth-last-child(4) ~ .desktop-auto {
    width: 25%;
    width: calc((100% - 16px*3) / 4);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(4),
  .md .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto {
    width: 25%;
  }
  .md .row .desktop-auto:nth-last-child(5),
  .md .row .desktop-auto:nth-last-child(5) ~ .desktop-auto {
    width: 20%;
    width: calc((100% - 16px*4) / 5);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(5),
  .md .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto {
    width: 20%;
  }
  .md .row .desktop-auto:nth-last-child(6),
  .md .row .desktop-auto:nth-last-child(6) ~ .desktop-auto {
    width: 16.66666667%;
    width: calc((100% - 16px*5) / 6);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(6),
  .md .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto {
    width: 16.66666667%;
  }
  .md .row .desktop-auto:nth-last-child(7),
  .md .row .desktop-auto:nth-last-child(7) ~ .desktop-auto {
    width: 14.28571429%;
    width: calc((100% - 16px*6) / 7);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(7),
  .md .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto {
    width: 14.28571429%;
  }
  .md .row .desktop-auto:nth-last-child(8),
  .md .row .desktop-auto:nth-last-child(8) ~ .desktop-auto {
    width: 12.5%;
    width: calc((100% - 16px*7) / 8);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(8),
  .md .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto {
    width: 12.5%;
  }
  .md .row .desktop-auto:nth-last-child(9),
  .md .row .desktop-auto:nth-last-child(9) ~ .desktop-auto {
    width: 11.11111111%;
    width: calc((100% - 16px*8) / 9);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(9),
  .md .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto {
    width: 11.11111111%;
  }
  .md .row .desktop-auto:nth-last-child(10),
  .md .row .desktop-auto:nth-last-child(10) ~ .desktop-auto {
    width: 10%;
    width: calc((100% - 16px*9) / 10);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(10),
  .md .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto {
    width: 10%;
  }
  .md .row .desktop-auto:nth-last-child(11),
  .md .row .desktop-auto:nth-last-child(11) ~ .desktop-auto {
    width: 9.09090909%;
    width: calc((100% - 16px*10) / 11);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(11),
  .md .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto {
    width: 9.09090909%;
  }
  .md .row .desktop-auto:nth-last-child(12),
  .md .row .desktop-auto:nth-last-child(12) ~ .desktop-auto {
    width: 8.33333333%;
    width: calc((100% - 16px*11) / 12);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(12),
  .md .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto {
    width: 8.33333333%;
  }
  .md .row .desktop-auto:nth-last-child(13),
  .md .row .desktop-auto:nth-last-child(13) ~ .desktop-auto {
    width: 7.69230769%;
    width: calc((100% - 16px*12) / 13);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(13),
  .md .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto {
    width: 7.69230769%;
  }
  .md .row .desktop-auto:nth-last-child(14),
  .md .row .desktop-auto:nth-last-child(14) ~ .desktop-auto {
    width: 7.14285714%;
    width: calc((100% - 16px*13) / 14);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(14),
  .md .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto {
    width: 7.14285714%;
  }
  .md .row .desktop-auto:nth-last-child(15),
  .md .row .desktop-auto:nth-last-child(15) ~ .desktop-auto {
    width: 6.66666667%;
    width: calc((100% - 16px*14) / 15);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(15),
  .md .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto {
    width: 6.66666667%;
  }
  .md .row .desktop-auto:nth-last-child(16),
  .md .row .desktop-auto:nth-last-child(16) ~ .desktop-auto {
    width: 6.25%;
    width: calc((100% - 16px*15) / 16);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(16),
  .md .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto {
    width: 6.25%;
  }
  .md .row .desktop-auto:nth-last-child(17),
  .md .row .desktop-auto:nth-last-child(17) ~ .desktop-auto {
    width: 5.88235294%;
    width: calc((100% - 16px*16) / 17);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(17),
  .md .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto {
    width: 5.88235294%;
  }
  .md .row .desktop-auto:nth-last-child(18),
  .md .row .desktop-auto:nth-last-child(18) ~ .desktop-auto {
    width: 5.55555556%;
    width: calc((100% - 16px*17) / 18);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(18),
  .md .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto {
    width: 5.55555556%;
  }
  .md .row .desktop-auto:nth-last-child(19),
  .md .row .desktop-auto:nth-last-child(19) ~ .desktop-auto {
    width: 5.26315789%;
    width: calc((100% - 16px*18) / 19);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(19),
  .md .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto {
    width: 5.26315789%;
  }
  .md .row .desktop-auto:nth-last-child(20),
  .md .row .desktop-auto:nth-last-child(20) ~ .desktop-auto {
    width: 5%;
    width: calc((100% - 16px*19) / 20);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(20),
  .md .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto {
    width: 5%;
  }
  .md .row .desktop-auto:nth-last-child(21),
  .md .row .desktop-auto:nth-last-child(21) ~ .desktop-auto {
    width: 4.76190476%;
    width: calc((100% - 16px*20) / 21);
  }
  .md .row.no-gap .desktop-auto:nth-last-child(21),
  .md .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto {
    width: 4.76190476%;
  }
}
/* === Calendar/Datepicker === */
.calendar {
  overflow: hidden;
  height: 320px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.calendar.modal-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (orientation: landscape) and (max-height: 415px) {
  .calendar.calendar-sheet {
    height: 220px;
  }
  .calendar.calendar-modal {
    height: calc(100vh - 44px);
  }
}
.calendar.calendar-inline,
.calendar.calendar-popover .calendar {
  position: relative;
}
.calendar-modal {
  position: absolute;
  height: 420px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  min-width: 300px;
  max-width: 380px;
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 12000;
  background: #fff;
  width: 90%;
  border-radius: 4px;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.calendar-modal.modal-in,
.calendar-modal.modal-out {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.calendar-modal.modal-in {
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.calendar-modal.modal-out {
  -webkit-transform: translate3d(-50%, 100%, 0);
  transform: translate3d(-50%, 100%, 0);
}
.calendar-popover {
  width: 320px;
}
.calendar-popover .calendar {
  height: 320px;
}
.calendar-week-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 11px;
}
.calendar-week-header .calendar-week-day {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 14.28571429%;
  width: calc(100% / 7);
  text-align: center;
}
.calendar-months {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
.calendar-months-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.calendar-month {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.calendar-row {
  height: 16.66666667%;
  height: calc(100% / 6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.calendar-day {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14.28571429%;
  width: calc(100% / 7);
  text-align: center;
  cursor: pointer;
  z-index: 20;
  color: #000;
  height: 100%;
}
.calendar-day.calendar-day-prev,
.calendar-day.calendar-day-next {
  color: #b8b8b8;
}
.calendar-day.calendar-day-disabled {
  color: #d4d4d4;
  cursor: auto;
}
.calendar-day.calendar-day-selected .calendar-day-number {
  color: #fff;
}
.calendar-day .calendar-day-number {
  display: inline-block;
  border-radius: 100%;
  position: relative;
}
.calendar-day .calendar-day-events {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  width: 100%;
  top: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1px;
}
.calendar-day .calendar-day-event {
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.calendar-day .calendar-day-event + .calendar-day-event {
  margin-left: 2px;
}
.calendar-range .calendar-day.calendar-day-selected {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
  width: 100%;
  border-radius: 0;
  height: auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.calendar-month-selector,
.calendar-year-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  max-width: 200px;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
.calendar-month-selector .calendar-day-number,
.calendar-year-selector .calendar-day-number {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ios .calendar-header {
  height: 44px;
  background: #f7f7f8;
  font-size: 17px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 8px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ios .calendar-footer {
  position: relative;
  padding: 0 8px;
  width: 100%;
  height: 44px;
  background: #f7f7f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
}
.ios .calendar-footer:before {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .calendar-footer:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .calendar-footer:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .calendar-week-header {
  background: #f7f7f8;
  height: 18px;
}
.ios .calendar-week-header .calendar-week-day {
  line-height: 18px;
}
.ios .calendar-row:before {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .calendar-row:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .calendar-row:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .calendar-day {
  font-size: 15px;
}
.ios .calendar-day.calendar-day-today .calendar-day-number {
  background: #e3e3e3;
}
.ios .calendar-day.calendar-day-selected .calendar-day-number {
  background: #007aff;
}
.ios .calendar-day .calendar-day-number {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.ios .calendar-day .calendar-day-event {
  background: #007aff;
}
.ios .calendar-month-selector a.icon-only,
.ios .calendar-year-selector a.icon-only {
  min-width: 36px;
}
.ios .calendar-sheet:before {
  content: '';
  position: absolute;
  background-color: #929499;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .calendar-sheet:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .calendar-sheet:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .calendar-sheet {
  background: #fff;
}
.ios .calendar-sheet:before {
  z-index: 600;
}
.ios .calendar-sheet .toolbar:before {
  display: none !important;
}
.ios .calendar-modal .toolbar:before,
.ios .calendar-popover .toolbar:before {
  display: none !important;
}
.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before,
.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before {
  display: none !important;
}
.ios .calendar-popover .toolbar {
  background: none;
}
.ios .calendar-popover .calendar-week-header,
.ios .calendar-popover .calendar-header,
.ios .calendar-popover .calendar-footer {
  background: none;
}
.ios.device-iphone-x .calendar-sheet .sheet-modal-inner {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge.calendar .calendar-row,
  .ios.device-iphone-x .ios-edges.calendar .calendar-row,
  .ios.device-iphone-x .popup.calendar .calendar-row,
  .ios.device-iphone-x .sheet-modal.calendar .calendar-row,
  .ios.device-iphone-x .panel-left.calendar .calendar-row,
  .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header,
  .ios.device-iphone-x .ios-edges.calendar .calendar-week-header,
  .ios.device-iphone-x .popup.calendar .calendar-week-header,
  .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header,
  .ios.device-iphone-x .panel-left.calendar .calendar-week-header,
  .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .ios.device-iphone-x .ios-right-edge.calendar .calendar-row,
  .ios.device-iphone-x .ios-edges.calendar .calendar-row,
  .ios.device-iphone-x .popup.calendar .calendar-row,
  .ios.device-iphone-x .sheet-modal.calendar .calendar-row,
  .ios.device-iphone-x .panel-right.calendar .calendar-row,
  .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header,
  .ios.device-iphone-x .ios-edges.calendar .calendar-week-header,
  .ios.device-iphone-x .popup.calendar .calendar-week-header,
  .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header,
  .ios.device-iphone-x .panel-right.calendar .calendar-week-header,
  .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header {
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
.ios .theme-dark .calendar .calendar-header,
.calendar.ios .theme-dark .calendar-header,
.ios .theme-dark .calendar .calendar-week-header,
.calendar.ios .theme-dark .calendar-week-header,
.ios .theme-dark .calendar .calendar-footer,
.calendar.ios .theme-dark .calendar-footer {
  background-color: #1b1b1b;
}
.ios .theme-dark .calendar-popover .calendar-week-header {
  background-color: transparent;
}
.ios .theme-dark .calendar-footer:before,
.ios .theme-dark .calendar-row:before,
.ios .theme-dark .calendar-sheet:before {
  background-color: #282829;
}
.ios .theme-dark .calendar-day {
  color: #fff;
}
.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number {
  background: #333;
}
.ios .theme-dark .calendar-day.calendar-day-disabled {
  color: #8E8E93;
}
.ios .theme-dark .calendar-day.calendar-day-prev,
.ios .theme-dark .calendar-day.calendar-day-next {
  color: #555;
}
.ios .theme-dark .calendar-modal,
.calendar-modal.ios .theme-dark,
.ios .theme-dark .calendar-sheet {
  background: #171717;
}
.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ff3b30;
}
.ios .color-theme-red .calendar-day .calendar-day-event,
.ios .color-red .calendar-day .calendar-day-event {
  background: #ff3b30;
}
.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number {
  background: #4cd964;
}
.ios .color-theme-green .calendar-day .calendar-day-event,
.ios .color-green .calendar-day .calendar-day-event {
  background: #4cd964;
}
.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number {
  background: #007aff;
}
.ios .color-theme-blue .calendar-day .calendar-day-event,
.ios .color-blue .calendar-day .calendar-day-event {
  background: #007aff;
}
.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ff2d55;
}
.ios .color-theme-pink .calendar-day .calendar-day-event,
.ios .color-pink .calendar-day .calendar-day-event {
  background: #ff2d55;
}
.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ffcc00;
}
.ios .color-theme-yellow .calendar-day .calendar-day-event,
.ios .color-yellow .calendar-day .calendar-day-event {
  background: #ffcc00;
}
.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ff9500;
}
.ios .color-theme-orange .calendar-day .calendar-day-event,
.ios .color-orange .calendar-day .calendar-day-event {
  background: #ff9500;
}
.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number {
  background: #8e8e93;
}
.ios .color-theme-gray .calendar-day .calendar-day-event,
.ios .color-gray .calendar-day .calendar-day-event {
  background: #8e8e93;
}
.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ffffff;
}
.ios .color-theme-white .calendar-day .calendar-day-event,
.ios .color-white .calendar-day .calendar-day-event {
  background: #ffffff;
}
.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number,
.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number {
  background: #000000;
}
.ios .color-theme-black .calendar-day .calendar-day-event,
.ios .color-black .calendar-day .calendar-day-event {
  background: #000000;
}
.md .calendar-header {
  height: 56px;
  background: #2196f3;
  font-size: 20px;
  line-height: 56px;
  padding: 0 24px;
  color: #fff;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md .calendar-footer {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 6px 8px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.md .calendar .toolbar {
  background: none !important;
  color: #212121;
}
.md .calendar .toolbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .calendar .toolbar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .calendar .toolbar a.link .ripple-wave {
  background: rgba(0, 0, 0, 0.1);
}
.md .calendar .toolbar .icon-next,
.md .calendar .toolbar .icon-prev,
.md .calendar .toolbar .icon-forward,
.md .calendar .toolbar .icon-back {
  opacity: 0.54;
}
.md .calendar-week-header {
  color: rgba(0, 0, 0, 0.54);
  height: 24px;
}
.md .calendar-week-header .calendar-week-day {
  line-height: 24px;
}
.md .calendar-day.calendar-day-today .calendar-day-number {
  color: #2196f3;
}
.md .calendar-day.calendar-day-selected .calendar-day-number {
  background: #2196f3;
  color: #fff;
}
.md .calendar-day .calendar-day-number {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.md .calendar-day .calendar-day-event {
  background: #2196f3;
}
.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
  color: #fff;
}
.md .calendar-month-selector a.icon-only,
.md .calendar-year-selector a.icon-only {
  min-width: 36px;
}
.md .calendar-sheet:before {
  content: '';
  position: absolute;
  background-color: #ccc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .calendar-sheet:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .calendar-sheet:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md.device-iphone-x .calendar-sheet .sheet-modal-inner {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge.calendar .calendar-row,
  .md.device-iphone-x .ios-edges.calendar .calendar-row,
  .md.device-iphone-x .popup.calendar .calendar-row,
  .md.device-iphone-x .sheet-modal.calendar .calendar-row,
  .md.device-iphone-x .panel-left.calendar .calendar-row,
  .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,
  .md.device-iphone-x .ios-left-edge.calendar .calendar-week-header,
  .md.device-iphone-x .ios-edges.calendar .calendar-week-header,
  .md.device-iphone-x .popup.calendar .calendar-week-header,
  .md.device-iphone-x .sheet-modal.calendar .calendar-week-header,
  .md.device-iphone-x .panel-left.calendar .calendar-week-header,
  .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,
  .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .md.device-iphone-x .ios-right-edge.calendar .calendar-row,
  .md.device-iphone-x .ios-edges.calendar .calendar-row,
  .md.device-iphone-x .popup.calendar .calendar-row,
  .md.device-iphone-x .sheet-modal.calendar .calendar-row,
  .md.device-iphone-x .panel-right.calendar .calendar-row,
  .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,
  .md.device-iphone-x .ios-right-edge.calendar .calendar-week-header,
  .md.device-iphone-x .ios-edges.calendar .calendar-week-header,
  .md.device-iphone-x .popup.calendar .calendar-week-header,
  .md.device-iphone-x .sheet-modal.calendar .calendar-week-header,
  .md.device-iphone-x .panel-right.calendar .calendar-week-header,
  .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,
  .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header {
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
.md .theme-dark .calendar-popover .calendar-week-header {
  background-color: transparent;
}
.md .theme-dark .calendar-week-header {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .calendar-day {
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark .calendar-day.calendar-day-disabled {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .calendar-day.calendar-day-prev,
.md .theme-dark .calendar-day.calendar-day-next {
  color: rgba(255, 255, 255, 0.35);
}
.md .theme-dark .calendar-modal,
.calendar-modal.md .theme-dark {
  background: #202020;
}
.md .theme-dark .calendar.calendar-sheet:before,
.calendar.md .theme-dark.calendar-sheet:before {
  background-color: rgba(255, 255, 255, 0.2);
}
.md .theme-dark .calendar .toolbar,
.calendar.md .theme-dark .toolbar {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .calendar .toolbar a.link:before,
.calendar.md .theme-dark .toolbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .theme-dark .calendar .toolbar a.link.active-state:before,
.calendar.md .theme-dark .toolbar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .theme-dark .calendar .toolbar a.link .ripple-wave,
.calendar.md .theme-dark .toolbar a.link .ripple-wave {
  background-color: rgba(255, 255, 255, 0.3);
}
.md .color-theme-red .calendar-header,
.md .color-red .calendar-header {
  background: #f44336;
}
.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number,
.md .color-red .calendar-day.calendar-day-today .calendar-day-number {
  color: #f44336;
}
.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-red .calendar-day.calendar-day-selected .calendar-day-number {
  background: #f44336;
  color: #fff;
}
.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-red .calendar-day .calendar-day-event,
.md .color-red .calendar-day .calendar-day-event {
  background: #f44336;
}
.md .color-theme-green .calendar-header,
.md .color-green .calendar-header {
  background: #4caf50;
}
.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number,
.md .color-green .calendar-day.calendar-day-today .calendar-day-number {
  color: #4caf50;
}
.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-green .calendar-day.calendar-day-selected .calendar-day-number {
  background: #4caf50;
  color: #fff;
}
.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-green .calendar-day .calendar-day-event,
.md .color-green .calendar-day .calendar-day-event {
  background: #4caf50;
}
.md .color-theme-blue .calendar-header,
.md .color-blue .calendar-header {
  background: #2196f3;
}
.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number,
.md .color-blue .calendar-day.calendar-day-today .calendar-day-number {
  color: #2196f3;
}
.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number {
  background: #2196f3;
  color: #fff;
}
.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-blue .calendar-day .calendar-day-event,
.md .color-blue .calendar-day .calendar-day-event {
  background: #2196f3;
}
.md .color-theme-pink .calendar-header,
.md .color-pink .calendar-header {
  background: #e91e63;
}
.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number,
.md .color-pink .calendar-day.calendar-day-today .calendar-day-number {
  color: #e91e63;
}
.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number {
  background: #e91e63;
  color: #fff;
}
.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-pink .calendar-day .calendar-day-event,
.md .color-pink .calendar-day .calendar-day-event {
  background: #e91e63;
}
.md .color-theme-yellow .calendar-header,
.md .color-yellow .calendar-header {
  background: #ffeb3b;
}
.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number,
.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number {
  color: #ffeb3b;
}
.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ffeb3b;
  color: #fff;
}
.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-yellow .calendar-day .calendar-day-event,
.md .color-yellow .calendar-day .calendar-day-event {
  background: #ffeb3b;
}
.md .color-theme-orange .calendar-header,
.md .color-orange .calendar-header {
  background: #ff9800;
}
.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number,
.md .color-orange .calendar-day.calendar-day-today .calendar-day-number {
  color: #ff9800;
}
.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ff9800;
  color: #fff;
}
.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-orange .calendar-day .calendar-day-event,
.md .color-orange .calendar-day .calendar-day-event {
  background: #ff9800;
}
.md .color-theme-gray .calendar-header,
.md .color-gray .calendar-header {
  background: #9e9e9e;
}
.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number,
.md .color-gray .calendar-day.calendar-day-today .calendar-day-number {
  color: #9e9e9e;
}
.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number {
  background: #9e9e9e;
  color: #fff;
}
.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-gray .calendar-day .calendar-day-event,
.md .color-gray .calendar-day .calendar-day-event {
  background: #9e9e9e;
}
.md .color-theme-white .calendar-header,
.md .color-white .calendar-header {
  background: #ffffff;
}
.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number,
.md .color-white .calendar-day.calendar-day-today .calendar-day-number {
  color: #ffffff;
}
.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-white .calendar-day.calendar-day-selected .calendar-day-number {
  background: #ffffff;
  color: #fff;
}
.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-white .calendar-day .calendar-day-event,
.md .color-white .calendar-day .calendar-day-event {
  background: #ffffff;
}
.md .color-theme-black .calendar-header,
.md .color-black .calendar-header {
  background: #000000;
}
.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number,
.md .color-black .calendar-day.calendar-day-today .calendar-day-number {
  color: #000000;
}
.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number,
.md .color-black .calendar-day.calendar-day-selected .calendar-day-number {
  background: #000000;
  color: #fff;
}
.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after,
.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after {
  background-color: #fff;
}
.md .color-theme-black .calendar-day .calendar-day-event,
.md .color-black .calendar-day .calendar-day-event {
  background: #000000;
}
/* === Picker === */
.picker {
  width: 100%;
  height: 260px;
}
.picker.picker-inline,
.popover .picker {
  height: 200px;
}
@media (orientation: landscape) and (max-height: 415px) {
  .picker:not(.picker-inline) {
    height: 200px;
  }
}
.picker-popover {
  width: 280px;
}
.picker-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  text-align: right;
  height: 100%;
  position: relative;
  -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
}
.picker-column {
  position: relative;
  max-height: 100%;
}
.picker-column.picker-column-first:before,
.picker-column.picker-column-last:after {
  height: 100%;
  width: 100vw;
  position: absolute;
  content: '';
  top: 0;
}
.picker-column.picker-column-first:before {
  right: 100%;
}
.picker-column.picker-column-last:after {
  left: 100%;
}
.picker-column.picker-column-left {
  text-align: left;
}
.picker-column.picker-column-center {
  text-align: center;
}
.picker-column.picker-column-right {
  text-align: right;
}
.picker-column.picker-column-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.picker-items {
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.picker-item {
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.picker-item span {
  padding: 0 10px;
}
.picker-column-absolute .picker-item {
  position: absolute;
}
.picker-item.picker-item-far {
  pointer-events: none;
}
.picker-item.picker-item-selected {
  -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
  transform: translate3d(0, 0, 0) rotateX(0deg);
}
.picker-center-highlight {
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -18px;
  pointer-events: none;
}
.picker-3d .picker-columns {
  overflow: hidden;
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.picker-3d .picker-column,
.picker-3d .picker-items,
.picker-3d .picker-item {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.picker-3d .picker-column {
  overflow: visible;
}
.picker-3d .picker-item {
  -webkit-transform-origin: center center -110px;
  transform-origin: center center -110px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ios .picker-columns {
  font-size: 24px;
}
.ios .picker-column-divider {
  color: #000;
}
.ios .picker-item {
  color: #707274;
}
.ios .picker-item.picker-item-selected {
  color: #000;
}
.ios .picker-popover .toolbar {
  background: none;
}
.ios .picker-popover .toolbar:before {
  display: none !important;
}
.ios .picker-popover .picker > .toolbar + .picker-columns {
  height: calc(100% - 44px);
}
.ios .picker-popover .toolbar:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .picker-popover .toolbar:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .picker-popover .toolbar:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .picker-center-highlight:before {
  content: '';
  position: absolute;
  background-color: #a8abb0;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .picker-center-highlight:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .picker-center-highlight:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .picker-center-highlight:after {
  content: '';
  position: absolute;
  background-color: #a8abb0;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .picker-center-highlight:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .picker-center-highlight:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .theme-dark .picker-item.picker-item-selected {
  color: #fff;
}
.ios .theme-dark .picker-popover .toolbar:after,
.picker-popover.ios .theme-dark .toolbar:after {
  background-color: #282829;
}
.ios .theme-dark .picker-center-highlight:before {
  background-color: #282829;
}
.ios .theme-dark .picker-center-highlight:after {
  background-color: #282829;
}
.md .picker-popover .toolbar {
  border-radius: 2px 2px 0 0;
}
.md .picker-columns {
  font-size: 20px;
}
.md .picker-column-divider {
  color: rgba(0, 0, 0, 0.87);
}
.md .picker-popover .picker > .toolbar + .picker-columns {
  height: calc(100% - 48px);
}
.md .picker-center-highlight:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .picker-center-highlight:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .picker-center-highlight:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .picker-center-highlight:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.md.device-pixel-ratio-2 .picker-center-highlight:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .picker-center-highlight:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .theme-dark .picker-column-divider {
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark .picker-center-highlight:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.md .theme-dark .picker-center-highlight:after {
  background-color: rgba(255, 255, 255, 0.15);
}
/* === Infinite === */
.infinite-scroll-preloader {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.infinite-scroll-preloader.preloader {
  display: block;
}
.ios .infinite-scroll-preloader {
  margin-top: 35px;
  margin-bottom: 35px;
}
.ios .infinite-scroll-preloader .preloader,
.ios .infinite-scroll-preloader.preloader {
  width: 27px;
  height: 27px;
}
.md .infinite-scroll-preloader {
  margin-top: 32px;
  margin-bottom: 32px;
}
/* === PTR === */
.ptr-preloader .preloader {
  position: absolute;
  left: 50%;
}
.ios .ptr-preloader {
  position: relative;
  height: 44px;
  margin-top: -44px;
  width: 100%;
  left: 0;
  top: 0;
}
.ios .ptr-preloader .preloader {
  width: 27px;
  height: 27px;
  margin-left: -13px;
  margin-top: -13px;
  visibility: hidden;
  top: 50%;
}
.ios .ptr-arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  background: no-repeat center;
  z-index: 10;
  -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
  transform: rotate(0deg) translate3d(0, 0, 0);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 13px;
  height: 20px;
  margin-left: -6px;
  margin-top: -10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 20px;
  visibility: visible;
}
.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader {
  -webkit-animation: none;
  animation: none;
}
.ios .ptr-transitioning,
.ios .ptr-refreshing {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.ios .ptr-refreshing {
  -webkit-transform: translate3d(0, 44px, 0);
  transform: translate3d(0, 44px, 0);
}
.ios .ptr-refreshing .ptr-arrow {
  visibility: hidden;
}
.ios .ptr-refreshing .ptr-preloader .preloader {
  visibility: visible;
}
.ios .ptr-pull-up .ptr-arrow {
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
  transform: rotate(180deg) translate3d(0, 0, 0);
}
.ios .ptr-no-navbar {
  margin-top: -44px;
  height: calc(100% + 44px);
}
.ios .ptr-no-navbar .ptr-preloader {
  margin-top: 0;
}
.md .ptr-preloader {
  position: absolute;
  left: 50%;
  top: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  margin-left: -20px;
  margin-top: -7px;
  z-index: 100;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 768px) {
  .md .ptr-preloader {
    top: 24px;
  }
}
.md .ptr-preloader .preloader {
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  top: 50%;
  visibility: hidden;
}
.md .ptr-preloader .preloader .preloader-inner-gap,
.md .ptr-preloader .preloader .preloader-inner-half-circle {
  border-width: 3px;
}
.md .ptr-arrow {
  width: 22px;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #757575;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  border-left-color: transparent;
  border-radius: 50%;
  opacity: 1;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.md .ptr-arrow:after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  left: -5px;
  bottom: 0px;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,
.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * {
  -webkit-animation: none;
  animation: none;
}
.md .ptr-refreshing .ptr-preloader .preloader,
.md .ptr-pull-up .ptr-preloader .preloader {
  visibility: visible;
}
.md .ptr-refreshing .ptr-arrow,
.md .ptr-pull-up .ptr-arrow {
  visibility: hidden;
}
.md .ptr-refreshing .ptr-preloader {
  -webkit-transform: translate3d(0, 66px, 0);
  transform: translate3d(0, 66px, 0);
}
.md .ptr-transitioning .ptr-arrow {
  -webkit-transition: 300ms;
  transition: 300ms;
}
.md .ptr-pull-up .ptr-arrow {
  -webkit-transition: 400ms;
  transition: 400ms;
  -webkit-transform: rotate(620deg) !important;
  transform: rotate(620deg) !important;
  opacity: 0;
}
.md .ptr-transitioning .ptr-preloader,
.md .ptr-refreshing .ptr-preloader {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.md .ptr-no-navbar .ptr-preloader {
  top: auto;
  bottom: 100%;
  margin-bottom: 7px;
}
.md .page-with-subnavbar .ptr-preloader,
.md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader,
.md .searchbar ~ .ptr-content .ptr-preloader {
  top: 64px;
}
@media (min-width: 768px) {
  .md .page-with-subnavbar .ptr-preloader,
  .md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader,
  .md .searchbar ~ .ptr-content .ptr-preloader {
    top: 72px;
  }
}
/* === Images Lazy Loading === */
.lazy-loaded.lazy-fade-in {
  -webkit-animation: lazyFadeIn 600ms;
  animation: lazyFadeIn 600ms;
}
@-webkit-keyframes lazyFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes lazyFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* === Data Table === */
.data-table {
  overflow-x: auto;
}
.data-table table {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  text-align: left;
}
.data-table thead {
  font-size: 12px;
}
.data-table thead th,
.data-table thead td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
}
.data-table thead i.icon,
.data-table thead i.f7-icons,
.data-table thead i.material-icons {
  vertical-align: top;
}
.data-table th,
.data-table td {
  padding: 0;
  position: relative;
}
.data-table th.numeric-cell,
.data-table td.numeric-cell {
  text-align: right;
}
.data-table th.checkbox-cell,
.data-table td.checkbox-cell {
  overflow: visible;
}
.data-table th.checkbox-cell label + span,
.data-table td.checkbox-cell label + span {
  margin-left: 8px;
}
.data-table th.actions-cell,
.data-table td.actions-cell {
  text-align: right;
  white-space: nowrap;
}
.data-table th a.icon-only,
.data-table td a.icon-only,
.card .data-table th a.icon-only,
.card .data-table td a.icon-only,
.card.data-table th a.icon-only,
.card.data-table td a.icon-only {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
  min-width: 0;
}
.data-table th a.icon-only i,
.data-table td a.icon-only i,
.card .data-table th a.icon-only i,
.card .data-table td a.icon-only i,
.card.data-table th a.icon-only i,
.card.data-table td a.icon-only i {
  font-size: 18px;
  vertical-align: middle;
}
.data-table .sortable-cell:not(.input-cell) {
  cursor: pointer;
  position: relative;
}
.data-table .sortable-cell.input-cell .table-head-label {
  cursor: pointer;
  position: relative;
}
.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
.data-table .sortable-cell.numeric-cell:not(.input-cell):before,
.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  opacity: 0;
}
html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,
html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,
html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before,
html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before {
  opacity: 0.54;
}
.data-table .sortable-cell.sortable-cell-active:after,
.data-table .sortable-cell.sortable-cell-active .table-head-label:after,
.data-table .sortable-cell.sortable-cell-active:before,
.data-table .sortable-cell.sortable-cell-active .table-head-label:before {
  opacity: 0.87 !important;
}
.data-table .sortable-cell.sortable-desc:after,
.data-table .sortable-cell.sortable-desc:after,
.data-table .table-head-label:after,
.data-table .sortable-cell.sortable-desc:before,
.data-table .sortable-cell.sortable-desc:before,
.data-table .table-head-label:before {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.data-table.card .card-header,
.card .data-table .card-header {
  height: 64px;
}
.data-table.card .card-content,
.card .data-table .card-content {
  overflow-x: auto;
}
.data-table .data-table-links,
.data-table .data-table-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-table .data-table-actions {
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.data-table .data-table-actions a.link {
  min-width: 0;
}
.data-table .data-table-actions a.link.icon-only {
  line-height: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.data-table .data-table-header,
.data-table .data-table-header-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.data-table .data-table-header-selected {
  display: none;
}
.data-table.data-table-has-checked .data-table-header {
  display: none;
}
.data-table.data-table-has-checked .data-table-header-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.data-table .data-table-title-selected {
  font-size: 14px;
}
.data-table .data-table-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  overflow: hidden;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.data-table .data-table-rows-select,
.data-table .data-table-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 480px) and (orientation: portrait) {
  .data-table.data-table-collapsible thead {
    display: none;
  }
  .data-table.data-table-collapsible tbody,
  .data-table.data-table-collapsible tr,
  .data-table.data-table-collapsible td {
    display: block;
  }
  .data-table.data-table-collapsible tr {
    position: relative;
  }
  .data-table.data-table-collapsible tr:hover {
    background-color: inherit;
  }
  .data-table.data-table-collapsible td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
  }
  .data-table.data-table-collapsible td:before {
    display: none !important;
  }
  .data-table.data-table-collapsible td:not(.checkbox-cell):before {
    width: 40%;
    display: block !important;
    content: attr(data-collapsible-title);
    position: relative;
    height: auto;
    background: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    font-size: 12px;
    margin-right: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .data-table.data-table-collapsible td.checkbox-cell {
    position: absolute;
    top: 0;
    left: 0;
  }
  .data-table.data-table-collapsible td.checkbox-cell + td {
    padding-left: 16px;
  }
  .data-table.data-table-collapsible td.checkbox-cell ~ td {
    margin-left: 32px;
  }
}
.data-table .tablet-only,
.data-table .tablet-landscape-only {
  display: none;
}
@media (min-width: 768px) {
  .data-table .tablet-only {
    display: table-cell;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  .data-table .tablet-landscape-only {
    display: table-cell;
  }
}
.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,
.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
.theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
.ios .data-table thead th,
.ios .data-table thead td {
  font-weight: 600;
}
.ios .data-table thead th:not(.sortable-cell-active),
.ios .data-table thead td:not(.sortable-cell-active) {
  color: #8e8e93;
}
.ios .data-table thead i.icon,
.ios .data-table thead i.f7-icons {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.ios .data-table tbody tr.data-table-row-selected {
  background: #f7f7f8;
}
.ios .data-table th,
.ios .data-table td {
  padding-left: 15px;
  padding-right: 15px;
  height: 44px;
}
.ios .data-table th.checkbox-cell,
.ios .data-table td.checkbox-cell {
  width: 22px;
  padding-right: 7px;
}
.ios .data-table th.checkbox-cell + td,
.ios .data-table td.checkbox-cell + td,
.ios .data-table th.checkbox-cell + th,
.ios .data-table td.checkbox-cell + th {
  padding-left: 8px;
}
.ios .data-table th.actions-cell a.link + a.link,
.ios .data-table td.actions-cell a.link + a.link {
  margin-left: 15px;
}
.ios .data-table th.actions-cell a.icon-only,
.ios .data-table td.actions-cell a.icon-only {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.ios .sortable-cell:not(.numeric-cell):after {
  margin-left: 5px;
}
.ios .sortable-cell.numeric-cell:before {
  margin-right: 5px;
}
.ios .data-table.card .card-header,
.ios .card .data-table .card-header,
.ios .data-table.card .card-footer,
.ios .card .data-table .card-footer {
  padding-left: 15px;
  padding-right: 8px;
}
.ios .data-table-title {
  font-size: 17px;
  font-weight: 600;
}
.ios .data-table-links a.link + a.link,
.ios .data-table-actions a.link + a.link {
  margin-left: 15px;
}
.ios .data-table-actions a.link.icon-only {
  width: 44px;
  height: 44px;
}
.ios .data-table-actions i.icon,
.ios .data-table-actions i.f7-icons {
  font-size: 22px;
}
.ios .data-table .card-header > .data-table-header,
.ios .data-table .card-header > .data-table-header-selected {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
  padding-left: 15px;
  padding-right: 8px;
  margin-left: -15px;
  margin-right: -8px;
}
.ios .data-table-header-selected {
  background: rgba(0, 122, 255, 0.1);
}
.ios .data-table-title-selected {
  color: #007aff;
}
.ios .data-table tbody td:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .data-table tbody td:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .data-table tbody td:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios.device-desktop .data-table tbody tr:hover {
  background: #f7f7f8;
}
.ios .data-table-footer {
  height: 44px;
  color: #8e8e93;
}
.ios .data-table-rows-select a.link,
.ios .data-table-pagination a.link {
  width: 44px;
  height: 44px;
}
.ios .data-table-rows-select + .data-table-pagination {
  margin-left: 30px;
}
.ios .data-table-rows-select .input {
  margin-left: 20px;
}
.ios .data-table-pagination-label {
  margin-right: 15px;
}
.ios .data-table-footer:before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ios.device-pixel-ratio-2 .data-table-footer:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .data-table-footer:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .input-cell {
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
  vertical-align: top;
}
.ios .input-cell .table-head-label + .input {
  margin-top: 4px;
}
.ios .input-cell .input {
  height: 24px;
}
.ios .input-cell .input input,
.ios .input-cell .input textarea,
.ios .input-cell .input select {
  height: 24px;
  color: #000;
  font-size: 14px;
}
@media (max-width: 480px) and (orientation: portrait) {
  .ios .data-table.data-table-collapsible td:not(.checkbox-cell):before {
    color: #8e8e93;
    font-weight: 600;
  }
  .ios .data-table-collapsible tr:before {
    content: '';
    position: absolute;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .ios.device-pixel-ratio-2 .data-table-collapsible tr:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  .ios.device-pixel-ratio-3 .data-table-collapsible tr:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}
.ios .theme-dark .data-table tbody td:before,
.data-table.ios .theme-dark tbody td:before {
  background-color: #282829;
}
.ios .theme-dark .data-table.data-table-collapsible tr:before,
.data-table.ios .theme-dark.data-table-collapsible tr:before {
  background-color: #282829;
}
.ios .theme-dark .data-table tbody tr.data-table-row-selected,
.data-table.ios .theme-dark tbody tr.data-table-row-selected {
  background-color: #363636;
}
.ios.device-desktop .theme-dark .data-table tbody tr:hover,
.ios.device-desktop .theme-dark.data-table tbody tr:hover {
  background: #363636;
}
.ios .color-theme-red .data-table-header-selected,
.ios .data-table-header-selected.color-red {
  background: rgba(255, 59, 48, 0.1);
}
.ios .color-theme-red .data-table-title-selected,
.ios .color-red .data-table-title-selected {
  color: #ff3b30;
}
.ios .color-theme-green .data-table-header-selected,
.ios .data-table-header-selected.color-green {
  background: rgba(76, 217, 100, 0.1);
}
.ios .color-theme-green .data-table-title-selected,
.ios .color-green .data-table-title-selected {
  color: #4cd964;
}
.ios .color-theme-blue .data-table-header-selected,
.ios .data-table-header-selected.color-blue {
  background: rgba(0, 122, 255, 0.1);
}
.ios .color-theme-blue .data-table-title-selected,
.ios .color-blue .data-table-title-selected {
  color: #007aff;
}
.ios .color-theme-pink .data-table-header-selected,
.ios .data-table-header-selected.color-pink {
  background: rgba(255, 45, 85, 0.1);
}
.ios .color-theme-pink .data-table-title-selected,
.ios .color-pink .data-table-title-selected {
  color: #ff2d55;
}
.ios .color-theme-yellow .data-table-header-selected,
.ios .data-table-header-selected.color-yellow {
  background: rgba(255, 204, 0, 0.1);
}
.ios .color-theme-yellow .data-table-title-selected,
.ios .color-yellow .data-table-title-selected {
  color: #ffcc00;
}
.ios .color-theme-orange .data-table-header-selected,
.ios .data-table-header-selected.color-orange {
  background: rgba(255, 149, 0, 0.1);
}
.ios .color-theme-orange .data-table-title-selected,
.ios .color-orange .data-table-title-selected {
  color: #ff9500;
}
.ios .color-theme-gray .data-table-header-selected,
.ios .data-table-header-selected.color-gray {
  background: rgba(142, 142, 147, 0.1);
}
.ios .color-theme-gray .data-table-title-selected,
.ios .color-gray .data-table-title-selected {
  color: #8e8e93;
}
.ios .color-theme-white .data-table-header-selected,
.ios .data-table-header-selected.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.ios .color-theme-white .data-table-title-selected,
.ios .color-white .data-table-title-selected {
  color: #ffffff;
}
.ios .color-theme-black .data-table-header-selected,
.ios .data-table-header-selected.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.ios .color-theme-black .data-table-title-selected,
.ios .color-black .data-table-title-selected {
  color: #000000;
}
.md .data-table thead th,
.md .data-table thead td {
  font-weight: 500;
  height: 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md .data-table thead th:not(.sortable-cell-active),
.md .data-table thead td:not(.sortable-cell-active) {
  color: rgba(0, 0, 0, 0.54);
}
.md .data-table thead i.icon,
.md .data-table thead i.material-icons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.md .data-table tbody {
  font-size: 13px;
}
.md .data-table tbody tr.data-table-row-selected {
  background: #f5f5f5;
}
.md .data-table tbody td {
  height: 48px;
}
.md .data-table th,
.md .data-table td {
  padding-left: 28px;
  padding-right: 28px;
}
.md .data-table th.label-cell,
.md .data-table td.label-cell {
  padding-left: 24px;
  padding-right: 24px;
}
.md .data-table th:first-child,
.md .data-table td:first-child {
  padding-left: 24px;
}
.md .data-table th:last-child,
.md .data-table td:last-child {
  padding-right: 24px;
}
.md .data-table th.checkbox-cell,
.md .data-table td.checkbox-cell {
  width: 18px;
  padding-left: 24px;
  padding-right: 12px;
}
.md .data-table th.checkbox-cell + td,
.md .data-table td.checkbox-cell + td,
.md .data-table th.checkbox-cell + th,
.md .data-table td.checkbox-cell + th {
  padding-left: 12px;
}
.md .data-table th.actions-cell a.link,
.md .data-table td.actions-cell a.link {
  color: rgba(0, 0, 0, 0.54);
}
.md .data-table th.actions-cell a.link + a.link,
.md .data-table td.actions-cell a.link + a.link {
  margin-left: 24px;
}
.md .data-table th.actions-cell a.icon-only,
.md .data-table td.actions-cell a.icon-only {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.md .sortable-cell:not(.numeric-cell):after {
  margin-left: 8px;
}
.md .sortable-cell.numeric-cell:before {
  margin-right: 8px;
}
.md .data-table.card .card-header,
.md .card .data-table .card-header,
.md .data-table.card .card-footer,
.md .card .data-table .card-footer {
  padding-left: 24px;
  padding-right: 14px;
}
.md .data-table.card .card-footer,
.md .card .data-table .card-footer {
  height: 56px;
}
.md .data-table-title {
  font-size: 20px;
}
.md .data-table-links a.link + a.link,
.md .data-table-actions a.link + a.link {
  margin-left: 24px;
}
.md .data-table-actions a.link {
  color: rgba(0, 0, 0, 0.54);
}
.md .data-table-actions a.link.icon-only {
  width: 24px;
  height: 24px;
  overflow: visible;
}
.md .data-table-actions a.link.icon-only.active-state {
  background: none;
}
.md .data-table .card-header > .data-table-header,
.md .data-table .card-header > .data-table-header-selected {
  padding-left: 24px;
  padding-right: 14px;
  margin-left: -24px;
  margin-right: -14px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 100%;
}
.md .data-table-header-selected {
  background: rgba(33, 150, 243, 0.1);
}
.md .data-table-title-selected {
  color: #2196f3;
}
.md .data-table tbody td:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .data-table tbody td:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .data-table tbody td:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md.device-desktop .data-table tbody tr:hover {
  background: #f5f5f5;
}
.md .data-table-footer {
  height: 56px;
  color: rgba(0, 0, 0, 0.54);
}
.md .data-table-rows-select a.link,
.md .data-table-pagination a.link {
  width: 48px;
  height: 48px;
}
.md .data-table-rows-select a.link:before,
.md .data-table-pagination a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .data-table-rows-select a.link.active-state:before,
.md .data-table-pagination a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .data-table-rows-select + .data-table-pagination {
  margin-left: 32px;
}
.md .data-table-rows-select .input {
  margin-left: 24px;
}
.md .data-table-pagination-label {
  margin-right: 20px;
}
.md .data-table-footer:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .data-table-footer:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .data-table-footer:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .input-cell {
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
  vertical-align: top;
}
.md .input-cell .table-head-label + .input {
  margin-top: 4px;
}
.md .input-cell .input {
  height: 24px;
}
.md .input-cell .input input,
.md .input-cell .input textarea,
.md .input-cell .input select {
  height: 24px;
  color: #212121;
  font-size: 14px;
}
.md .input-cell .input .input-clear-button {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
@media (max-width: 480px) and (orientation: portrait) {
  .md .data-table.data-table-collapsible td {
    padding-left: 16px;
    padding-right: 16px;
  }
  .md .data-table.data-table-collapsible td:not(.checkbox-cell):before {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    line-height: 16px;
  }
  .md .data-table-collapsible tr:before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.12);
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .md.device-pixel-ratio-2 .data-table-collapsible tr:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  .md.device-pixel-ratio-3 .data-table-collapsible tr:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}
.md .theme-dark .data-table thead th:not(.sortable-cell-active),
.data-table.md .theme-dark thead th:not(.sortable-cell-active),
.md .theme-dark .data-table thead td:not(.sortable-cell-active),
.data-table.md .theme-dark thead td:not(.sortable-cell-active),
.md .theme-dark .data-table .data-table-actions a.link,
.data-table.md .theme-dark .data-table-actions a.link,
.md .theme-dark .data-table td.actions-cell a.link,
.data-table.md .theme-dark td.actions-cell a.link,
.md .theme-dark .data-table th.actions-cell a.link,
.data-table.md .theme-dark th.actions-cell a.link {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .data-table .data-table-links a.link:before,
.data-table.md .theme-dark .data-table-links a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .theme-dark .data-table .data-table-links a.link.active-state:before,
.data-table.md .theme-dark .data-table-links a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .theme-dark .data-table tbody td:before,
.data-table.md .theme-dark tbody td:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .data-table.data-table-collapsible tr:before,
.data-table.md .theme-dark.data-table-collapsible tr:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.md .theme-dark .data-table tbody tr.data-table-row-selected,
.data-table.md .theme-dark tbody tr.data-table-row-selected {
  background-color: rgba(255, 255, 255, 0.05);
}
.md.device-desktop .theme-dark .data-table tbody tr:hover,
.md.device-desktop .theme-dark.data-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.md .color-theme-red .data-table-header-selected,
.md .data-table-header-selected.color-red {
  background: rgba(244, 67, 54, 0.1);
}
.md .color-theme-red .data-table-title-selected,
.md .color-red .data-table-title-selected {
  color: #f44336;
}
.md .color-theme-green .data-table-header-selected,
.md .data-table-header-selected.color-green {
  background: rgba(76, 175, 80, 0.1);
}
.md .color-theme-green .data-table-title-selected,
.md .color-green .data-table-title-selected {
  color: #4caf50;
}
.md .color-theme-blue .data-table-header-selected,
.md .data-table-header-selected.color-blue {
  background: rgba(33, 150, 243, 0.1);
}
.md .color-theme-blue .data-table-title-selected,
.md .color-blue .data-table-title-selected {
  color: #2196f3;
}
.md .color-theme-pink .data-table-header-selected,
.md .data-table-header-selected.color-pink {
  background: rgba(233, 30, 99, 0.1);
}
.md .color-theme-pink .data-table-title-selected,
.md .color-pink .data-table-title-selected {
  color: #e91e63;
}
.md .color-theme-yellow .data-table-header-selected,
.md .data-table-header-selected.color-yellow {
  background: rgba(255, 235, 59, 0.1);
}
.md .color-theme-yellow .data-table-title-selected,
.md .color-yellow .data-table-title-selected {
  color: #ffeb3b;
}
.md .color-theme-orange .data-table-header-selected,
.md .data-table-header-selected.color-orange {
  background: rgba(255, 152, 0, 0.1);
}
.md .color-theme-orange .data-table-title-selected,
.md .color-orange .data-table-title-selected {
  color: #ff9800;
}
.md .color-theme-gray .data-table-header-selected,
.md .data-table-header-selected.color-gray {
  background: rgba(158, 158, 158, 0.1);
}
.md .color-theme-gray .data-table-title-selected,
.md .color-gray .data-table-title-selected {
  color: #9e9e9e;
}
.md .color-theme-white .data-table-header-selected,
.md .data-table-header-selected.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.md .color-theme-white .data-table-title-selected,
.md .color-white .data-table-title-selected {
  color: #ffffff;
}
.md .color-theme-black .data-table-header-selected,
.md .data-table-header-selected.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.md .color-theme-black .data-table-title-selected,
.md .color-black .data-table-title-selected {
  color: #000000;
}
/* === FAB === */
.fab {
  position: absolute;
  z-index: 1500;
}
.fab > a,
.fab-buttons a {
  position: relative;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}
.fab > a i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.fab > a i + i {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
  transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
  opacity: 0;
}
.fab[class*="fab-center"] {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.fab[class*="left-center"],
.fab[class*="right-center"] {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fab[class*="center-center"] {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.fab div.fab-buttons a {
  width: 40px;
  height: 40px;
}
.fab-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.fab-buttons a {
  opacity: 0;
}
.fab-opened:not(.fab-morph) > a i {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
  transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
  opacity: 0;
}
.fab-opened:not(.fab-morph) > a i + i {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  opacity: 1;
}
.fab-opened .fab-buttons {
  visibility: visible;
  pointer-events: auto;
}
.fab-opened .fab-buttons a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0) scale(1) !important;
  transform: translate3d(0, 0px, 0) scale(1) !important;
}
.fab-opened .fab-buttons a:nth-child(2) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
.fab-opened .fab-buttons a:nth-child(3) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.fab-opened .fab-buttons a:nth-child(4) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}
.fab-opened .fab-buttons a:nth-child(5) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.fab-opened .fab-buttons a:nth-child(6) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}
.fab-buttons-top,
.fab-buttons-bottom {
  left: 50%;
  width: 40px;
  margin-left: -20px;
}
.fab-buttons-top {
  bottom: 100%;
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.fab-buttons-top a {
  -webkit-transform: translate3d(0, 8px, 0) scale(0.3);
  transform: translate3d(0, 8px, 0) scale(0.3);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.fab-buttons-top a + a {
  margin-bottom: 16px;
}
.fab-buttons-bottom {
  top: 100%;
  margin-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fab-buttons-bottom a {
  -webkit-transform: translate3d(0, -8px, 0) scale(0.3);
  transform: translate3d(0, -8px, 0) scale(0.3);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.fab-buttons-bottom a + a {
  margin-top: 16px;
}
.fab-buttons-left,
.fab-buttons-right {
  top: 50%;
  height: 40px;
  margin-top: -20px;
}
.fab-buttons-left {
  right: 100%;
  margin-right: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.fab-buttons-left a {
  -webkit-transform: translate3d(8px, 0px, 0) scale(0.3);
  transform: translate3d(8px, 0px, 0) scale(0.3);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.fab-buttons-left a + a {
  margin-right: 16px;
}
.fab-buttons-right {
  left: 100%;
  margin-left: 16px;
}
.fab-buttons-right a {
  -webkit-transform: translate3d(-8px, 0, 0) scale(0.3);
  transform: translate3d(-8px, 0, 0) scale(0.3);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.fab-buttons-right a + a {
  margin-left: 16px;
}
.fab-buttons-center {
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.fab-buttons-center a {
  position: absolute;
}
.fab-buttons-center a:nth-child(1) {
  left: 50%;
  margin-left: -20px;
  bottom: 100%;
  margin-bottom: 16px;
  -webkit-transform: translateY(-8px) scale(0.3);
  transform: translateY(-8px) scale(0.3);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.fab-buttons-center a:nth-child(2) {
  left: 100%;
  margin-top: -20px;
  top: 50%;
  margin-left: 16px;
  -webkit-transform: translateX(-8px) scale(0.3);
  transform: translateX(-8px) scale(0.3);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.fab-buttons-center a:nth-child(3) {
  left: 50%;
  margin-left: -20px;
  top: 100%;
  margin-top: 16px;
  -webkit-transform: translateY(8px) scale(0.3);
  transform: translateY(8px) scale(0.3);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.fab-buttons-center a:nth-child(4) {
  right: 100%;
  margin-top: -20px;
  top: 50%;
  margin-right: 16px;
  -webkit-transform: translateX(8px) scale(0.3);
  transform: translateX(8px) scale(0.3);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.fab-opened.fab-morph > a i {
  opacity: 0;
}
.fab-morph,
.fab-morph > a,
.fab-morph-target {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}
.fab-morph-target:not(.fab-morph-target-visible) {
  display: none;
}
.fab-extended {
  width: auto;
}
.fab-extended > a {
  width: 100% !important;
}
.fab-text {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  text-transform: uppercase;
}
.fab-label-button {
  overflow: visible !important;
}
.fab-label {
  position: absolute;
  top: 50%;
  padding: 4px 12px;
  border-radius: 4px;
  background: #fff;
  color: #333;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.fab[class*="fab-right-"] .fab-label {
  right: 100%;
  margin-right: 8px;
}
.fab[class*="fab-left-"] .fab-label {
  left: 100%;
  margin-left: 8px;
}
.ios .fab > a,
.ios .fab-buttons a {
  background: #007aff;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  border-radius: 25px;
  color: #fff;
}
.ios .fab > a.active-state,
.ios .fab-buttons a.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background: #0066d6;
}
.ios .fab > a i.icon,
.ios .fab-buttons a i.icon {
  font-size: 21px;
}
.ios .fab[class*="fab-left"] {
  left: 15px;
}
.ios .fab[class*="fab-right"] {
  right: 15px;
}
.ios .fab[class*="-top"] {
  top: 15px;
}
.ios .fab[class*="-bottom"] {
  bottom: 15px;
}
.ios .navbar ~ * .fab[class*="-top"],
.ios .navbar ~ .fab[class*="-top"] {
  margin-top: 44px;
}
.ios .toolbar ~ * .fab[class*="-bottom"],
.ios .toolbar ~ .fab[class*="-bottom"] {
  margin-bottom: 44px;
}
.ios .tabbar-labels ~ * .fab[class*="-bottom"],
.ios .tabbar-labels ~ .fab[class*="-bottom"] {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .ios .tabbar-labels ~ * .fab[class*="-bottom"],
  .ios .tabbar-labels ~ .fab[class*="-bottom"] {
    margin-bottom: 56px;
  }
}
.ios .fab-morph {
  border-radius: 25px;
  background: #007aff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.ios .fab-morph > a {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none !important;
}
.ios .fab-extended {
  min-width: 50px;
}
.ios .fab-extended > a {
  width: 100%;
  height: 50px;
}
.ios .fab-extended > a i {
  left: 25px;
}
.ios .fab-extended i ~ .fab-text {
  padding-left: 50px;
}
.ios .fab-label {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.ios .color-theme-red .fab > a,
.ios .color-theme-red .fab-buttons a,
.ios .color-theme-red.fab > a,
.ios .color-theme-red.fab-buttons a {
  background: #ff3b30;
}
.ios .color-theme-red .fab > a.active-state,
.ios .color-theme-red .fab-buttons a.active-state,
.ios .color-theme-red.fab > a.active-state,
.ios .color-theme-red.fab-buttons a.active-state {
  background: #ff1407;
}
.ios .color-theme-red .fab-morph,
.ios .color-theme-red.fab-morph {
  background: #ff3b30;
}
.ios .color-theme-green .fab > a,
.ios .color-theme-green .fab-buttons a,
.ios .color-theme-green.fab > a,
.ios .color-theme-green.fab-buttons a {
  background: #4cd964;
}
.ios .color-theme-green .fab > a.active-state,
.ios .color-theme-green .fab-buttons a.active-state,
.ios .color-theme-green.fab > a.active-state,
.ios .color-theme-green.fab-buttons a.active-state {
  background: #2cd048;
}
.ios .color-theme-green .fab-morph,
.ios .color-theme-green.fab-morph {
  background: #4cd964;
}
.ios .color-theme-blue .fab > a,
.ios .color-theme-blue .fab-buttons a,
.ios .color-theme-blue.fab > a,
.ios .color-theme-blue.fab-buttons a {
  background: #007aff;
}
.ios .color-theme-blue .fab > a.active-state,
.ios .color-theme-blue .fab-buttons a.active-state,
.ios .color-theme-blue.fab > a.active-state,
.ios .color-theme-blue.fab-buttons a.active-state {
  background: #0066d6;
}
.ios .color-theme-blue .fab-morph,
.ios .color-theme-blue.fab-morph {
  background: #007aff;
}
.ios .color-theme-pink .fab > a,
.ios .color-theme-pink .fab-buttons a,
.ios .color-theme-pink.fab > a,
.ios .color-theme-pink.fab-buttons a {
  background: #ff2d55;
}
.ios .color-theme-pink .fab > a.active-state,
.ios .color-theme-pink .fab-buttons a.active-state,
.ios .color-theme-pink.fab > a.active-state,
.ios .color-theme-pink.fab-buttons a.active-state {
  background: #ff0434;
}
.ios .color-theme-pink .fab-morph,
.ios .color-theme-pink.fab-morph {
  background: #ff2d55;
}
.ios .color-theme-yellow .fab > a,
.ios .color-theme-yellow .fab-buttons a,
.ios .color-theme-yellow.fab > a,
.ios .color-theme-yellow.fab-buttons a {
  background: #ffcc00;
}
.ios .color-theme-yellow .fab > a.active-state,
.ios .color-theme-yellow .fab-buttons a.active-state,
.ios .color-theme-yellow.fab > a.active-state,
.ios .color-theme-yellow.fab-buttons a.active-state {
  background: #d6ab00;
}
.ios .color-theme-yellow .fab-morph,
.ios .color-theme-yellow.fab-morph {
  background: #ffcc00;
}
.ios .color-theme-orange .fab > a,
.ios .color-theme-orange .fab-buttons a,
.ios .color-theme-orange.fab > a,
.ios .color-theme-orange.fab-buttons a {
  background: #ff9500;
}
.ios .color-theme-orange .fab > a.active-state,
.ios .color-theme-orange .fab-buttons a.active-state,
.ios .color-theme-orange.fab > a.active-state,
.ios .color-theme-orange.fab-buttons a.active-state {
  background: #d67d00;
}
.ios .color-theme-orange .fab-morph,
.ios .color-theme-orange.fab-morph {
  background: #ff9500;
}
.ios .color-theme-gray .fab > a,
.ios .color-theme-gray .fab-buttons a,
.ios .color-theme-gray.fab > a,
.ios .color-theme-gray.fab-buttons a {
  background: #8e8e93;
}
.ios .color-theme-gray .fab > a.active-state,
.ios .color-theme-gray .fab-buttons a.active-state,
.ios .color-theme-gray.fab > a.active-state,
.ios .color-theme-gray.fab-buttons a.active-state {
  background: #79797f;
}
.ios .color-theme-gray .fab-morph,
.ios .color-theme-gray.fab-morph {
  background: #8e8e93;
}
.ios .color-theme-white .fab > a,
.ios .color-theme-white .fab-buttons a,
.ios .color-theme-white.fab > a,
.ios .color-theme-white.fab-buttons a {
  background: #ffffff;
}
.ios .color-theme-white .fab > a.active-state,
.ios .color-theme-white .fab-buttons a.active-state,
.ios .color-theme-white.fab > a.active-state,
.ios .color-theme-white.fab-buttons a.active-state {
  background: #ebebeb;
}
.ios .color-theme-white .fab-morph,
.ios .color-theme-white.fab-morph {
  background: #ffffff;
}
.ios .color-theme-black .fab > a,
.ios .color-theme-black .fab-buttons a,
.ios .color-theme-black.fab > a,
.ios .color-theme-black.fab-buttons a {
  background: #000000;
}
.ios .color-theme-black .fab > a.active-state,
.ios .color-theme-black .fab-buttons a.active-state,
.ios .color-theme-black.fab > a.active-state,
.ios .color-theme-black.fab-buttons a.active-state {
  background: #000000;
}
.ios .color-theme-black .fab-morph,
.ios .color-theme-black.fab-morph {
  background: #000000;
}
.ios .fab.color-red > a,
.ios .fab.color-red .fab-buttons > a,
.ios .fab-buttons.color-red a,
.ios .fab > a.color-red,
.ios .fab .fab-buttons > a.color-red {
  background: #ff3b30;
}
.ios .fab.color-red > a.active-state,
.ios .fab.color-red .fab-buttons > a.active-state,
.ios .fab-buttons.color-red a.active-state,
.ios .fab > a.color-red.active-state,
.ios .fab .fab-buttons > a.color-red.active-state {
  background: #ff1407;
}
.ios .fab-morph.color-red {
  background: #ff3b30;
}
.ios .fab.color-green > a,
.ios .fab.color-green .fab-buttons > a,
.ios .fab-buttons.color-green a,
.ios .fab > a.color-green,
.ios .fab .fab-buttons > a.color-green {
  background: #4cd964;
}
.ios .fab.color-green > a.active-state,
.ios .fab.color-green .fab-buttons > a.active-state,
.ios .fab-buttons.color-green a.active-state,
.ios .fab > a.color-green.active-state,
.ios .fab .fab-buttons > a.color-green.active-state {
  background: #2cd048;
}
.ios .fab-morph.color-green {
  background: #4cd964;
}
.ios .fab.color-blue > a,
.ios .fab.color-blue .fab-buttons > a,
.ios .fab-buttons.color-blue a,
.ios .fab > a.color-blue,
.ios .fab .fab-buttons > a.color-blue {
  background: #007aff;
}
.ios .fab.color-blue > a.active-state,
.ios .fab.color-blue .fab-buttons > a.active-state,
.ios .fab-buttons.color-blue a.active-state,
.ios .fab > a.color-blue.active-state,
.ios .fab .fab-buttons > a.color-blue.active-state {
  background: #0066d6;
}
.ios .fab-morph.color-blue {
  background: #007aff;
}
.ios .fab.color-pink > a,
.ios .fab.color-pink .fab-buttons > a,
.ios .fab-buttons.color-pink a,
.ios .fab > a.color-pink,
.ios .fab .fab-buttons > a.color-pink {
  background: #ff2d55;
}
.ios .fab.color-pink > a.active-state,
.ios .fab.color-pink .fab-buttons > a.active-state,
.ios .fab-buttons.color-pink a.active-state,
.ios .fab > a.color-pink.active-state,
.ios .fab .fab-buttons > a.color-pink.active-state {
  background: #ff0434;
}
.ios .fab-morph.color-pink {
  background: #ff2d55;
}
.ios .fab.color-yellow > a,
.ios .fab.color-yellow .fab-buttons > a,
.ios .fab-buttons.color-yellow a,
.ios .fab > a.color-yellow,
.ios .fab .fab-buttons > a.color-yellow {
  background: #ffcc00;
}
.ios .fab.color-yellow > a.active-state,
.ios .fab.color-yellow .fab-buttons > a.active-state,
.ios .fab-buttons.color-yellow a.active-state,
.ios .fab > a.color-yellow.active-state,
.ios .fab .fab-buttons > a.color-yellow.active-state {
  background: #d6ab00;
}
.ios .fab-morph.color-yellow {
  background: #ffcc00;
}
.ios .fab.color-orange > a,
.ios .fab.color-orange .fab-buttons > a,
.ios .fab-buttons.color-orange a,
.ios .fab > a.color-orange,
.ios .fab .fab-buttons > a.color-orange {
  background: #ff9500;
}
.ios .fab.color-orange > a.active-state,
.ios .fab.color-orange .fab-buttons > a.active-state,
.ios .fab-buttons.color-orange a.active-state,
.ios .fab > a.color-orange.active-state,
.ios .fab .fab-buttons > a.color-orange.active-state {
  background: #d67d00;
}
.ios .fab-morph.color-orange {
  background: #ff9500;
}
.ios .fab.color-gray > a,
.ios .fab.color-gray .fab-buttons > a,
.ios .fab-buttons.color-gray a,
.ios .fab > a.color-gray,
.ios .fab .fab-buttons > a.color-gray {
  background: #8e8e93;
}
.ios .fab.color-gray > a.active-state,
.ios .fab.color-gray .fab-buttons > a.active-state,
.ios .fab-buttons.color-gray a.active-state,
.ios .fab > a.color-gray.active-state,
.ios .fab .fab-buttons > a.color-gray.active-state {
  background: #79797f;
}
.ios .fab-morph.color-gray {
  background: #8e8e93;
}
.ios .fab.color-white > a,
.ios .fab.color-white .fab-buttons > a,
.ios .fab-buttons.color-white a,
.ios .fab > a.color-white,
.ios .fab .fab-buttons > a.color-white {
  background: #ffffff;
}
.ios .fab.color-white > a.active-state,
.ios .fab.color-white .fab-buttons > a.active-state,
.ios .fab-buttons.color-white a.active-state,
.ios .fab > a.color-white.active-state,
.ios .fab .fab-buttons > a.color-white.active-state {
  background: #ebebeb;
}
.ios .fab-morph.color-white {
  background: #ffffff;
}
.ios .fab.color-black > a,
.ios .fab.color-black .fab-buttons > a,
.ios .fab-buttons.color-black a,
.ios .fab > a.color-black,
.ios .fab .fab-buttons > a.color-black {
  background: #000000;
}
.ios .fab.color-black > a.active-state,
.ios .fab.color-black .fab-buttons > a.active-state,
.ios .fab-buttons.color-black a.active-state,
.ios .fab > a.color-black.active-state,
.ios .fab .fab-buttons > a.color-black.active-state {
  background: #000000;
}
.ios .fab-morph.color-black {
  background: #000000;
}
.ios.device-iphone-x .fab[class*="-bottom"] {
  bottom: calc(15px + constant(safe-area-inset-bottom));
  bottom: calc(15px + env(safe-area-inset-bottom));
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .fab[class*="fab-left"],
  .ios.device-iphone-x .ios-edges .fab[class*="fab-left"],
  .ios.device-iphone-x .popup .fab[class*="fab-left"],
  .ios.device-iphone-x .sheet-modal .fab[class*="fab-left"],
  .ios.device-iphone-x .panel-left .fab[class*="fab-left"] {
    left: calc(15px + constant(safe-area-inset-left));
    left: calc(15px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .fab[class*="fab-right"],
  .ios.device-iphone-x .ios-edges .fab[class*="fab-right"],
  .ios.device-iphone-x .popup .fab[class*="fab-right"],
  .ios.device-iphone-x .sheet-modal .fab[class*="fab-right"],
  .ios.device-iphone-x .panel-right .fab[class*="fab-right"] {
    right: calc(15px + constant(safe-area-inset-right));
    right: calc(15px + env(safe-area-inset-right));
  }
}
.md .fab > a,
.md .fab-buttons a {
  background: #2196f3;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  color: #fff;
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.md .fab > a.active-state,
.md .fab-buttons a.active-state {
  background: #0c82df;
}
.md .fab[class*="fab-left"] {
  left: 15px;
}
.md .fab[class*="fab-right"] {
  right: 15px;
}
.md .fab[class*="-top"] {
  top: 15px;
}
.md .fab[class*="-bottom"] {
  bottom: 15px;
}
.md .navbar ~ * .fab[class*="-top"],
.md .navbar ~ .fab[class*="-top"] {
  margin-top: 56px;
}
@media (min-width: 768px) {
  .md .navbar ~ * .fab[class*="-top"],
  .md .navbar ~ .fab[class*="-top"] {
    margin-top: 64px;
  }
}
.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
  margin-top: 48px;
}
.md .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
.md .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
  margin-top: 72px;
}
.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
  margin-top: 104px;
}
.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
  margin-top: 128px;
}
@media (min-width: 768px) {
  .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"],
  .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] {
    margin-top: 112px;
  }
  .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"],
  .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] {
    margin-top: 136px;
  }
}
.md .toolbar-bottom-md ~ * .fab[class*="-bottom"],
.md .toolbar-bottom-md ~ .fab[class*="-bottom"],
.md .messagebar ~ * .fab[class*="-bottom"],
.md .messagebar ~ .fab[class*="-bottom"] {
  margin-bottom: 48px;
}
.md .toolbar-bottom-md.tabbar-labels ~ * .fab[class*="-bottom"],
.md .toolbar-bottom-md.tabbar-labels ~ .fab[class*="-bottom"] {
  margin-bottom: 72px;
}
.md .fab-morph {
  border-radius: 28px;
  background: #2196f3;
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.md .fab-morph > a {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none !important;
}
.md .fab-extended {
  min-width: 48px;
}
.md .fab-extended > a {
  height: 48px;
}
.md .fab-extended > a i {
  left: 24px;
}
.md .fab-extended i ~ .fab-text {
  padding-left: 48px;
}
.md .fab-text {
  font-weight: 500;
  letter-spacing: 0.03em;
}
.md .fab-label {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.md .color-theme-red .fab > a,
.md .color-theme-red .fab-buttons a,
.md .color-theme-red.fab > a,
.md .color-theme-red.fab-buttons a {
  background: #f44336;
}
.md .color-theme-red .fab > a.active-state,
.md .color-theme-red .fab-buttons a.active-state,
.md .color-theme-red.fab > a.active-state,
.md .color-theme-red.fab-buttons a.active-state {
  background: #f21f0f;
}
.md .color-theme-red .fab-morph,
.md .color-theme-red.fab-morph {
  background: #f44336;
}
.md .color-theme-green .fab > a,
.md .color-theme-green .fab-buttons a,
.md .color-theme-green.fab > a,
.md .color-theme-green.fab-buttons a {
  background: #4caf50;
}
.md .color-theme-green .fab > a.active-state,
.md .color-theme-green .fab-buttons a.active-state,
.md .color-theme-green.fab > a.active-state,
.md .color-theme-green.fab-buttons a.active-state {
  background: #409343;
}
.md .color-theme-green .fab-morph,
.md .color-theme-green.fab-morph {
  background: #4caf50;
}
.md .color-theme-blue .fab > a,
.md .color-theme-blue .fab-buttons a,
.md .color-theme-blue.fab > a,
.md .color-theme-blue.fab-buttons a {
  background: #2196f3;
}
.md .color-theme-blue .fab > a.active-state,
.md .color-theme-blue .fab-buttons a.active-state,
.md .color-theme-blue.fab > a.active-state,
.md .color-theme-blue.fab-buttons a.active-state {
  background: #0c82df;
}
.md .color-theme-blue .fab-morph,
.md .color-theme-blue.fab-morph {
  background: #2196f3;
}
.md .color-theme-pink .fab > a,
.md .color-theme-pink .fab-buttons a,
.md .color-theme-pink.fab > a,
.md .color-theme-pink.fab-buttons a {
  background: #e91e63;
}
.md .color-theme-pink .fab > a.active-state,
.md .color-theme-pink .fab-buttons a.active-state,
.md .color-theme-pink.fab > a.active-state,
.md .color-theme-pink.fab-buttons a.active-state {
  background: #ca1452;
}
.md .color-theme-pink .fab-morph,
.md .color-theme-pink.fab-morph {
  background: #e91e63;
}
.md .color-theme-yellow .fab > a,
.md .color-theme-yellow .fab-buttons a,
.md .color-theme-yellow.fab > a,
.md .color-theme-yellow.fab-buttons a {
  background: #ffeb3b;
}
.md .color-theme-yellow .fab > a.active-state,
.md .color-theme-yellow .fab-buttons a.active-state,
.md .color-theme-yellow.fab > a.active-state,
.md .color-theme-yellow.fab-buttons a.active-state {
  background: #ffe712;
}
.md .color-theme-yellow .fab-morph,
.md .color-theme-yellow.fab-morph {
  background: #ffeb3b;
}
.md .color-theme-orange .fab > a,
.md .color-theme-orange .fab-buttons a,
.md .color-theme-orange.fab > a,
.md .color-theme-orange.fab-buttons a {
  background: #ff9800;
}
.md .color-theme-orange .fab > a.active-state,
.md .color-theme-orange .fab-buttons a.active-state,
.md .color-theme-orange.fab > a.active-state,
.md .color-theme-orange.fab-buttons a.active-state {
  background: #d68000;
}
.md .color-theme-orange .fab-morph,
.md .color-theme-orange.fab-morph {
  background: #ff9800;
}
.md .color-theme-gray .fab > a,
.md .color-theme-gray .fab-buttons a,
.md .color-theme-gray.fab > a,
.md .color-theme-gray.fab-buttons a {
  background: #9e9e9e;
}
.md .color-theme-gray .fab > a.active-state,
.md .color-theme-gray .fab-buttons a.active-state,
.md .color-theme-gray.fab > a.active-state,
.md .color-theme-gray.fab-buttons a.active-state {
  background: #8a8a8a;
}
.md .color-theme-gray .fab-morph,
.md .color-theme-gray.fab-morph {
  background: #9e9e9e;
}
.md .color-theme-white .fab > a,
.md .color-theme-white .fab-buttons a,
.md .color-theme-white.fab > a,
.md .color-theme-white.fab-buttons a {
  background: #ffffff;
}
.md .color-theme-white .fab > a.active-state,
.md .color-theme-white .fab-buttons a.active-state,
.md .color-theme-white.fab > a.active-state,
.md .color-theme-white.fab-buttons a.active-state {
  background: #ebebeb;
}
.md .color-theme-white .fab-morph,
.md .color-theme-white.fab-morph {
  background: #ffffff;
}
.md .color-theme-black .fab > a,
.md .color-theme-black .fab-buttons a,
.md .color-theme-black.fab > a,
.md .color-theme-black.fab-buttons a {
  background: #000000;
}
.md .color-theme-black .fab > a.active-state,
.md .color-theme-black .fab-buttons a.active-state,
.md .color-theme-black.fab > a.active-state,
.md .color-theme-black.fab-buttons a.active-state {
  background: #000000;
}
.md .color-theme-black .fab-morph,
.md .color-theme-black.fab-morph {
  background: #000000;
}
.md .fab.color-red > a,
.md .fab.color-red .fab-buttons > a,
.md .fab-buttons.color-red a,
.md .fab > a.color-red,
.md .fab .fab-buttons > a.color-red {
  background: #f44336;
}
.md .fab.color-red > a.active-state,
.md .fab.color-red .fab-buttons > a.active-state,
.md .fab-buttons.color-red a.active-state,
.md .fab > a.color-red.active-state,
.md .fab .fab-buttons > a.color-red.active-state {
  background: #f21f0f;
}
.md .fab-morph.color-red {
  background: #f44336;
}
.md .fab.color-green > a,
.md .fab.color-green .fab-buttons > a,
.md .fab-buttons.color-green a,
.md .fab > a.color-green,
.md .fab .fab-buttons > a.color-green {
  background: #4caf50;
}
.md .fab.color-green > a.active-state,
.md .fab.color-green .fab-buttons > a.active-state,
.md .fab-buttons.color-green a.active-state,
.md .fab > a.color-green.active-state,
.md .fab .fab-buttons > a.color-green.active-state {
  background: #409343;
}
.md .fab-morph.color-green {
  background: #4caf50;
}
.md .fab.color-blue > a,
.md .fab.color-blue .fab-buttons > a,
.md .fab-buttons.color-blue a,
.md .fab > a.color-blue,
.md .fab .fab-buttons > a.color-blue {
  background: #2196f3;
}
.md .fab.color-blue > a.active-state,
.md .fab.color-blue .fab-buttons > a.active-state,
.md .fab-buttons.color-blue a.active-state,
.md .fab > a.color-blue.active-state,
.md .fab .fab-buttons > a.color-blue.active-state {
  background: #0c82df;
}
.md .fab-morph.color-blue {
  background: #2196f3;
}
.md .fab.color-pink > a,
.md .fab.color-pink .fab-buttons > a,
.md .fab-buttons.color-pink a,
.md .fab > a.color-pink,
.md .fab .fab-buttons > a.color-pink {
  background: #e91e63;
}
.md .fab.color-pink > a.active-state,
.md .fab.color-pink .fab-buttons > a.active-state,
.md .fab-buttons.color-pink a.active-state,
.md .fab > a.color-pink.active-state,
.md .fab .fab-buttons > a.color-pink.active-state {
  background: #ca1452;
}
.md .fab-morph.color-pink {
  background: #e91e63;
}
.md .fab.color-yellow > a,
.md .fab.color-yellow .fab-buttons > a,
.md .fab-buttons.color-yellow a,
.md .fab > a.color-yellow,
.md .fab .fab-buttons > a.color-yellow {
  background: #ffeb3b;
}
.md .fab.color-yellow > a.active-state,
.md .fab.color-yellow .fab-buttons > a.active-state,
.md .fab-buttons.color-yellow a.active-state,
.md .fab > a.color-yellow.active-state,
.md .fab .fab-buttons > a.color-yellow.active-state {
  background: #ffe712;
}
.md .fab-morph.color-yellow {
  background: #ffeb3b;
}
.md .fab.color-orange > a,
.md .fab.color-orange .fab-buttons > a,
.md .fab-buttons.color-orange a,
.md .fab > a.color-orange,
.md .fab .fab-buttons > a.color-orange {
  background: #ff9800;
}
.md .fab.color-orange > a.active-state,
.md .fab.color-orange .fab-buttons > a.active-state,
.md .fab-buttons.color-orange a.active-state,
.md .fab > a.color-orange.active-state,
.md .fab .fab-buttons > a.color-orange.active-state {
  background: #d68000;
}
.md .fab-morph.color-orange {
  background: #ff9800;
}
.md .fab.color-gray > a,
.md .fab.color-gray .fab-buttons > a,
.md .fab-buttons.color-gray a,
.md .fab > a.color-gray,
.md .fab .fab-buttons > a.color-gray {
  background: #9e9e9e;
}
.md .fab.color-gray > a.active-state,
.md .fab.color-gray .fab-buttons > a.active-state,
.md .fab-buttons.color-gray a.active-state,
.md .fab > a.color-gray.active-state,
.md .fab .fab-buttons > a.color-gray.active-state {
  background: #8a8a8a;
}
.md .fab-morph.color-gray {
  background: #9e9e9e;
}
.md .fab.color-white > a,
.md .fab.color-white .fab-buttons > a,
.md .fab-buttons.color-white a,
.md .fab > a.color-white,
.md .fab .fab-buttons > a.color-white {
  background: #ffffff;
}
.md .fab.color-white > a.active-state,
.md .fab.color-white .fab-buttons > a.active-state,
.md .fab-buttons.color-white a.active-state,
.md .fab > a.color-white.active-state,
.md .fab .fab-buttons > a.color-white.active-state {
  background: #ebebeb;
}
.md .fab-morph.color-white {
  background: #ffffff;
}
.md .fab.color-black > a,
.md .fab.color-black .fab-buttons > a,
.md .fab-buttons.color-black a,
.md .fab > a.color-black,
.md .fab .fab-buttons > a.color-black {
  background: #000000;
}
.md .fab.color-black > a.active-state,
.md .fab.color-black .fab-buttons > a.active-state,
.md .fab-buttons.color-black a.active-state,
.md .fab > a.color-black.active-state,
.md .fab .fab-buttons > a.color-black.active-state {
  background: #000000;
}
.md .fab-morph.color-black {
  background: #000000;
}
.md.device-iphone-x .fab[class*="-bottom"] {
  bottom: calc(16px + constant(safe-area-inset-bottom));
  bottom: calc(16px + env(safe-area-inset-bottom));
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .fab[class*="fab-left"],
  .md.device-iphone-x .ios-edges .fab[class*="fab-left"],
  .md.device-iphone-x .popup .fab[class*="fab-left"],
  .md.device-iphone-x .sheet-modal .fab[class*="fab-left"],
  .md.device-iphone-x .panel-left .fab[class*="fab-left"] {
    left: calc(16px + constant(safe-area-inset-left));
    left: calc(16px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .fab[class*="fab-right"],
  .md.device-iphone-x .ios-edges .fab[class*="fab-right"],
  .md.device-iphone-x .popup .fab[class*="fab-right"],
  .md.device-iphone-x .sheet-modal .fab[class*="fab-right"],
  .md.device-iphone-x .panel-right .fab[class*="fab-right"] {
    right: calc(16px + constant(safe-area-inset-right));
    right: calc(16px + env(safe-area-inset-right));
  }
}
/* === Searchbar === */
.searchbar {
  width: 100%;
  position: relative;
  z-index: 200;
}
.searchbar .searchbar-input-wrap {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
  height: 100%;
  position: relative;
}
.searchbar .searchbar-input-wrap input[type="search"] {
  padding: 0;
}
.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.page > .searchbar {
  position: absolute;
  left: 0;
  top: 0;
}
.searchbar-expandable {
  position: absolute;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  pointer-events: none;
}
.searchbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.searchbar-disable-button {
  cursor: pointer;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  width: auto;
  opacity: 0;
}
.searchbar-icon {
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
}
.searchbar-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.searchbar-backdrop.searchbar-backdrop-in {
  opacity: 1;
  pointer-events: auto;
}
.page-content > .searchbar-backdrop {
  position: fixed;
}
.searchbar-not-found {
  display: none;
}
.hidden-by-searchbar,
.list .hidden-by-searchbar,
.list.li.hidden-by-searchbar,
.list li.hidden-by-searchbar {
  display: none !important;
}
.ios .searchbar {
  height: 44px;
  background: #f7f7f8;
}
.ios .searchbar.no-hairline:after {
  display: none !important;
}
.ios .searchbar input[type="search"],
.ios .searchbar input[type="text"] {
  padding: 0 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 10px;
  border-radius: 8px;
  font-family: inherit;
  color: #000;
  font-size: 17px;
  font-weight: normal;
  z-index: 30;
  background-color: #e8e8ea;
  position: relative;
}
.ios .searchbar input[type="search"]::-webkit-input-placeholder,
.ios .searchbar input[type="text"]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1;
}
.ios .searchbar input[type="search"]:-ms-input-placeholder,
.ios .searchbar input[type="text"]:-ms-input-placeholder {
  color: #939398;
  opacity: 1;
}
.ios .searchbar input[type="search"]::-ms-input-placeholder,
.ios .searchbar input[type="text"]::-ms-input-placeholder {
  color: #939398;
  opacity: 1;
}
.ios .searchbar input[type="search"]::placeholder,
.ios .searchbar input[type="text"]::placeholder {
  color: #939398;
  opacity: 1;
}
.ios .searchbar .input-clear-button {
  z-index: 40;
  right: 7px;
}
.ios .searchbar-inner {
  padding: 0 8px;
}
.ios .searchbar-icon {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 13px;
  z-index: 40;
  left: 8px;
}
.ios .searchbar-backdrop {
  background: rgba(0, 0, 0, 0.4);
}
.ios .searchbar-input-wrap {
  height: 32px;
}
.ios .searchbar:after {
  content: '';
  position: absolute;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ios.device-pixel-ratio-2 .searchbar:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ios.device-pixel-ratio-3 .searchbar:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.ios .searchbar-disable-button {
  font-size: 17px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  color: #007aff;
  display: none;
}
.ios .searchbar-disable-button.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  opacity: 0.3 !important;
}
.ios .searchbar-enabled .searchbar-disable-button {
  pointer-events: auto;
  opacity: 1;
  margin-left: 8px;
}
.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
  -webkit-transition-duration: 300ms !important;
  transition-duration: 300ms !important;
}
.ios .searchbar-expandable {
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: 0%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.ios .searchbar-expandable .searchbar-disable-button {
  margin-left: 8px;
  opacity: 1;
  display: block;
}
.ios .searchbar-expandable .searchbar-inner {
  height: 44px;
}
.ios .searchbar-expandable.searchbar-enabled {
  opacity: 1;
  height: 100%;
  pointer-events: auto;
}
.ios .page > .searchbar {
  z-index: 200;
}
.ios .navbar ~ .page:not(.no-navbar) > .searchbar,
.ios .page > .navbar ~ .searchbar {
  top: 44px;
}
.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content,
.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content,
.ios .page > .navbar ~ .searchbar ~ .page-content,
.ios .page > .navbar ~ .searchbar ~ * .page-content {
  padding-top: 88px;
}
.ios .theme-dark .searchbar,
.searchbar.ios .theme-dark {
  background-color: #303030;
}
.ios .theme-dark .searchbar:after,
.searchbar.ios .theme-dark:after {
  background-color: #282829;
}
.ios .theme-dark .searchbar input[type="search"],
.searchbar.ios .theme-dark input[type="search"],
.ios .theme-dark .searchbar input[type="text"],
.searchbar.ios .theme-dark input[type="text"] {
  background-color: #171717;
  color: #fff;
}
.ios .color-theme-red .searchbar-disable-button {
  color: #ff3b30;
}
.ios .color-theme-green .searchbar-disable-button {
  color: #4cd964;
}
.ios .color-theme-blue .searchbar-disable-button {
  color: #007aff;
}
.ios .color-theme-pink .searchbar-disable-button {
  color: #ff2d55;
}
.ios .color-theme-yellow .searchbar-disable-button {
  color: #ffcc00;
}
.ios .color-theme-orange .searchbar-disable-button {
  color: #ff9500;
}
.ios .color-theme-gray .searchbar-disable-button {
  color: #8e8e93;
}
.ios .color-theme-white .searchbar-disable-button {
  color: #ffffff;
}
.ios .color-theme-black .searchbar-disable-button {
  color: #000000;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .searchbar-inner,
  .ios.device-iphone-x .ios-edges .searchbar-inner,
  .ios.device-iphone-x .popup .searchbar-inner,
  .ios.device-iphone-x .sheet-modal .searchbar-inner,
  .ios.device-iphone-x .panel-left .searchbar-inner {
    padding-left: calc(8px + constant(safe-area-inset-left));
    padding-left: calc(8px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .searchbar-inner,
  .ios.device-iphone-x .ios-edges .searchbar-inner,
  .ios.device-iphone-x .popup .searchbar-inner,
  .ios.device-iphone-x .sheet-modal .searchbar-inner,
  .ios.device-iphone-x .panel-right .searchbar-inner {
    padding-right: calc(8px + constant(safe-area-inset-right));
    padding-right: calc(8px + env(safe-area-inset-right));
  }
}
.md .searchbar {
  height: 48px;
  background: #fff;
}
.md .searchbar input[type="search"],
.md .searchbar input[type="text"] {
  padding-left: 65px;
  padding-right: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 20px;
  color: #000;
  font-weight: normal;
}
.md .searchbar input[type="search"]::-webkit-input-placeholder,
.md .searchbar input[type="text"]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1;
}
.md .searchbar input[type="search"]:-ms-input-placeholder,
.md .searchbar input[type="text"]:-ms-input-placeholder {
  color: #939398;
  opacity: 1;
}
.md .searchbar input[type="search"]::-ms-input-placeholder,
.md .searchbar input[type="text"]::-ms-input-placeholder {
  color: #939398;
  opacity: 1;
}
.md .searchbar input[type="search"]::placeholder,
.md .searchbar input[type="text"]::placeholder {
  color: #939398;
  opacity: 1;
}
.md .searchbar-expandable {
  height: 100%;
}
.md .searchbar-backdrop {
  background: rgba(0, 0, 0, 0.25);
}
.md .searchbar-icon,
.md .searchbar-disable-button {
  position: absolute;
  width: 48px;
  height: 48px;
  left: -4px;
  top: 50%;
  margin-top: -24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.md .searchbar-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.md .searchbar-disable-button {
  -webkit-transform: rotate(-90deg) scale(0.5);
  transform: rotate(-90deg) scale(0.5);
  font-size: 0 !important;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E");
}
.md .searchbar-disable-button:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .searchbar-disable-button.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  pointer-events: auto;
  opacity: 1;
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon {
  opacity: 0;
  -webkit-transform: rotate(90deg) scale(0.5);
  transform: rotate(90deg) scale(0.5);
}
.md .searchbar .input-clear-button {
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-color: transparent;
  right: 0;
}
.md .searchbar .input-clear-button:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .searchbar .input-clear-button.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .searchbar .input-clear-button:after {
  display: none;
}
.md .searchbar .input-clear-button:before {
  margin-left: 0;
  margin-top: 0;
}
.md .page-content .searchbar {
  border-radius: 2px;
  margin: 8px;
  width: auto;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.md .page-content .searchbar .searchbar-inner {
  border-radius: 2px;
}
.md .page > .searchbar {
  z-index: 510;
}
.md .page > .searchbar:after {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  bottom: auto;
  height: 10px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.md .page > .searchbar.no-shadow:after {
  display: none;
}
.md .page > .searchbar input[type="search"],
.md .subnavbar .searchbar input[type="search"],
.md .searchbar-expandable input[type="search"],
.md .page > .searchbar input[type="text"],
.md .subnavbar .searchbar input[type="text"],
.md .searchbar-expandable input[type="text"] {
  padding-left: 73px;
}
.md .page > .searchbar .searchbar-icon,
.md .subnavbar .searchbar .searchbar-icon,
.md .searchbar-expandable .searchbar-icon,
.md .page > .searchbar .searchbar-disable-button,
.md .subnavbar .searchbar .searchbar-disable-button,
.md .searchbar-expandable .searchbar-disable-button {
  left: 4px;
}
.md .searchbar-expandable {
  width: 56px;
  height: 100%;
  opacity: 0;
  top: 50%;
  margin-top: -28px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  left: 100%;
  margin-left: -56px;
}
.md .navbar .searchbar-expandable {
  border-radius: 28px;
  width: 56px;
  margin-top: -28px;
  margin-left: -56px;
}
@media (min-width: 768px) {
  .md .navbar .searchbar-expandable {
    border-radius: 32px;
    width: 64px;
    margin-top: -32px;
    margin-left: -64px;
  }
}
.md .toolbar .searchbar-expandable,
.md .subnavbar .searchbar-expandable {
  border-radius: 24px;
  width: 48px;
  margin-top: -24px;
  margin-left: -48px;
}
.md .tabbar-labels .searchbar-expandable {
  border-radius: 36px;
  width: 72px;
  margin-top: -36px;
  margin-left: -72px;
}
.md .searchbar-expandable.searchbar-enabled {
  width: 100%;
  border-radius: 0;
  opacity: 1;
  pointer-events: auto;
  top: 0;
  margin-top: 0;
  left: 0;
  margin-left: 0;
}
.md .page > .searchbar ~ * .page-content,
.md .page > .searchbar ~ .page-content {
  padding-top: 48px;
}
.md .page > .navbar ~ .searchbar {
  top: 56px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .searchbar {
    top: 64px;
  }
}
.md .page > .navbar ~ .searchbar ~ * .page-content,
.md .page > .navbar ~ .searchbar ~ .page-content {
  padding-top: 104px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .searchbar ~ * .page-content,
  .md .page > .navbar ~ .searchbar ~ .page-content {
    padding-top: 112px;
  }
}
.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
  top: 48px;
}
.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
  padding-top: 96px;
}
.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
  top: 72px;
}
.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
  padding-top: 120px;
}
.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
  top: 104px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar {
    top: 112px;
  }
}
.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
  padding-top: 152px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content,
  .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content {
    padding-top: 160px;
  }
}
.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
  top: 128px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar {
    top: 136px;
  }
}
.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
  padding-top: 176px;
}
@media (min-width: 768px) {
  .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content,
  .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content {
    padding-top: 184px;
  }
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .searchbar-inner,
  .md.device-iphone-x .ios-edges .searchbar-inner,
  .md.device-iphone-x .popup .searchbar-inner,
  .md.device-iphone-x .sheet-modal .searchbar-inner,
  .md.device-iphone-x .panel-left .searchbar-inner {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
  .md.device-iphone-x .ios-left-edge .searchbar-disable-button,
  .md.device-iphone-x .ios-edges .searchbar-disable-button,
  .md.device-iphone-x .popup .searchbar-disable-button,
  .md.device-iphone-x .sheet-modal .searchbar-disable-button,
  .md.device-iphone-x .panel-left .searchbar-disable-button {
    left: calc(4px + constant(safe-area-inset-left));
    left: calc(4px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .searchbar-inner,
  .md.device-iphone-x .ios-edges .searchbar-inner,
  .md.device-iphone-x .popup .searchbar-inner,
  .md.device-iphone-x .sheet-modal .searchbar-inner,
  .md.device-iphone-x .panel-right .searchbar-inner {
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
  }
}
/* === Messages === */
.messages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
.messages-title {
  text-align: center;
  width: 100%;
  line-height: 1;
}
.message {
  max-width: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.message-avatar {
  border-radius: 50%;
  position: relative;
  background-size: cover;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.message-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.message-header,
.message-footer,
.message-name {
  line-height: 1;
  font-size: 12px;
}
.message-footer {
  font-size: 11px;
  margin-bottom: -1em;
}
.message-bubble {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  line-height: 1.2;
}
.message-image img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
}
.message-text-header,
.message-text-footer {
  font-size: 12px;
  line-height: 1;
}
.message-text {
  text-align: left;
}
.message-sent {
  text-align: right;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.message-received {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.message-received .message-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.message-sent .message-content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.message:not(.message-last) .message-avatar {
  opacity: 0;
}
.message:not(.message-first) .message-name {
  display: none;
}
.message.message-same-name .message-name {
  display: none;
}
.message.message-same-header .message-header {
  display: none;
}
.message.message-same-footer .message-footer {
  display: none;
}
.message-appear-from-bottom {
  -webkit-animation: message-appear-from-bottom 300ms;
  animation: message-appear-from-bottom 300ms;
}
.message-appear-from-top {
  -webkit-animation: message-appear-from-top 300ms;
  animation: message-appear-from-top 300ms;
}
.message-typing-indicator {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
.message-typing-indicator > div {
  display: inline-block;
  position: relative;
  background: #000;
  vertical-align: middle;
  border-radius: 50%;
}
@-webkit-keyframes message-appear-from-bottom {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes message-appear-from-bottom {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes message-appear-from-top {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes message-appear-from-top {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.ios .messages-content,
.ios .messages {
  background: #fff;
}
.ios .messages-title {
  font-size: 11px;
  color: #8e8e93;
  margin-top: 10px;
}
.ios .messages-title:last-child {
  margin-bottom: 10px;
}
.ios .messages-title b {
  font-weight: 600;
}
.ios .message {
  margin-top: 10px;
}
.ios .message:last-child {
  margin-bottom: 10px;
}
.ios .message-avatar {
  width: 29px;
  height: 29px;
}
.ios .message-header,
.ios .message-footer,
.ios .message-name {
  color: #8e8e93;
}
.ios .message-header b,
.ios .message-footer b,
.ios .message-name b {
  font-weight: 600;
}
.ios .message-header,
.ios .message-name {
  margin-bottom: 3px;
}
.ios .message-footer {
  margin-top: 3px;
}
.ios .message-bubble {
  font-size: 17px;
  line-height: 1.2;
  border-radius: 16px;
  padding: 6px 16px 9px;
  min-width: 48px;
  min-height: 35px;
}
.ios .message-image {
  margin: 6px -16px;
}
.ios .message-image:first-child {
  margin-top: -6px;
}
.ios .message-image:first-child img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.ios .message-image:last-child {
  margin-bottom: -9px;
}
.ios .message-image:last-child img {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.ios .message-text-header {
  margin-bottom: 3px;
}
.ios .message-text-footer {
  margin-top: 3px;
}
.ios .message-received {
  margin-left: 10px;
}
.ios .message-received .message-header,
.ios .message-received .message-footer,
.ios .message-received .message-name {
  margin-left: 16px;
}
.ios .message-received .message-text-header,
.ios .message-received .message-text-footer {
  opacity: 0.5;
}
.ios .message-received .message-bubble {
  color: #000;
  background: #e5e5ea;
  padding-left: 22px;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%;
}
.ios .message-received .message-image {
  margin-left: -22px;
}
.ios .message-received.message-tail:not(.message-typing) .message-bubble {
  border-radius: 16px 16px 16px 0;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%;
}
.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img {
  border-bottom-left-radius: 0px;
}
.ios .message-sent {
  margin-right: 10px;
}
.ios .message-sent .message-header,
.ios .message-sent .message-footer,
.ios .message-sent .message-name {
  margin-right: 16px;
}
.ios .message-sent .message-text-header,
.ios .message-sent .message-text-footer {
  opacity: 0.8;
}
.ios .message-sent .message-bubble {
  background: #00d449;
  color: #fff;
  padding-right: 22px;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%;
}
.ios .message-sent .message-image {
  margin-right: -22px;
}
.ios .message-sent.message-tail .message-bubble {
  border-radius: 16px 16px 0 16px;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%;
}
.ios .message-sent.message-tail .message-bubble .message-image:last-child img {
  border-bottom-right-radius: 0px;
}
.ios .message + .message:not(.message-first) {
  margin-top: 1px;
}
.ios .message-received.message-typing .message-content:after,
.ios .message-received.message-typing .message-content:before {
  content: '';
  position: absolute;
  background: #e5e5ea;
  border-radius: 50%;
}
.ios .message-received.message-typing .message-content:after {
  width: 11px;
  height: 11px;
  left: 4px;
  bottom: 0px;
}
.ios .message-received.message-typing .message-content:before {
  width: 6px;
  height: 6px;
  left: -1px;
  bottom: -4px;
}
.ios .message-typing-indicator > div {
  width: 9px;
  height: 9px;
  opacity: 0.35;
}
.ios .message-typing-indicator > div + div {
  margin-left: 4px;
}
.ios .message-typing-indicator > div:nth-child(1) {
  -webkit-animation: ios-message-typing-indicator 900ms infinite;
  animation: ios-message-typing-indicator 900ms infinite;
}
.ios .message-typing-indicator > div:nth-child(2) {
  -webkit-animation: ios-message-typing-indicator 900ms 150ms infinite;
  animation: ios-message-typing-indicator 900ms 150ms infinite;
}
.ios .message-typing-indicator > div:nth-child(3) {
  -webkit-animation: ios-message-typing-indicator 900ms 300ms infinite;
  animation: ios-message-typing-indicator 900ms 300ms infinite;
}
.ios .theme-dark .messages-content,
.messages-content.ios .theme-dark,
.ios .theme-dark .messages,
.messages.ios .theme-dark {
  background-color: transparent;
}
.ios .theme-dark .message-received.message-typing .message-content:after,
.ios .theme-dark .message-received.message-typing .message-content:before {
  background: #333;
}
.ios .theme-dark .message-typing-indicator > div {
  background-color: #fff;
}
.ios .theme-dark .message-received .message-bubble {
  background-color: #333;
  color: #fff;
}
@media (orientation: landscape) {
  .ios.device-iphone-x .ios-left-edge .message-received,
  .ios.device-iphone-x .ios-edges .message-received,
  .ios.device-iphone-x .popup .message-received,
  .ios.device-iphone-x .sheet-modal .message-received,
  .ios.device-iphone-x .panel-left .message-received {
    margin-left: calc(10px + constant(safe-area-inset-left));
    margin-left: calc(10px + env(safe-area-inset-left));
  }
  .ios.device-iphone-x .ios-right-edge .message-sent,
  .ios.device-iphone-x .ios-edges .message-sent,
  .ios.device-iphone-x .popup .message-sent,
  .ios.device-iphone-x .sheet-modal .message-sent,
  .ios.device-iphone-x .panel-right .message-sent {
    margin-right: calc(10px + constant(safe-area-inset-right));
    margin-right: calc(10px + env(safe-area-inset-right));
  }
}
@-webkit-keyframes ios-message-typing-indicator {
  0% {
    opacity: 0.35;
  }
  25% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes ios-message-typing-indicator {
  0% {
    opacity: 0.35;
  }
  25% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.2;
  }
}
.md .messages-content,
.md .messages {
  background: #eee;
}
.md .message {
  margin-top: 16px;
}
.md .message:last-child {
  margin-bottom: 16px;
}
.md .messages-title {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.51);
  margin-top: 16px;
}
.md .messages-title:last-child {
  margin-bottom: 16px;
}
.md .messages-title b {
  font-weight: 500;
}
.md .message-avatar {
  width: 32px;
  height: 32px;
}
.md .message-header,
.md .message-footer,
.md .message-name {
  color: rgba(0, 0, 0, 0.51);
}
.md .message-header b,
.md .message-footer b,
.md .message-name b {
  font-weight: 500;
}
.md .message-header,
.md .message-name {
  margin-bottom: 2px;
}
.md .message-footer {
  margin-top: 2px;
}
.md .message-bubble {
  font-size: 16px;
  border-radius: 2px;
  padding: 6px 8px;
  min-height: 32px;
}
.md .message-text-header,
.md .message-text-footer {
  color: rgba(0, 0, 0, 0.51);
}
.md .message-text-header {
  margin-bottom: 4px;
}
.md .message-text-footer {
  margin-top: 4px;
}
.md .message-received {
  margin-left: 8px;
}
.md .message-received .message-bubble {
  color: #333;
  background: #fff;
}
.md .message-received .message-avatar + .message-content {
  margin-left: 8px;
}
.md .message-received.message-tail .message-bubble {
  border-radius: 2px 2px 2px 0;
}
.md .message-received.message-tail .message-bubble:before {
  position: absolute;
  content: '';
  border-left: 8px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 8px solid #fff;
  right: 100%;
  bottom: 0;
  width: 0;
  height: 0;
}
.md .message-sent {
  margin-right: 8px;
}
.md .message-sent .message-bubble {
  color: #333;
  background: #c8e6c9;
}
.md .message-sent .message-avatar + .message-content {
  margin-right: 8px;
}
.md .message-sent.message-tail .message-bubble {
  border-radius: 2px 2px 0 2px;
}
.md .message-sent.message-tail .message-bubble:before {
  position: absolute;
  content: '';
  border-right: 8px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 8px solid #c8e6c9;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
}
.md .message + .message:not(.message-first) {
  margin-top: 8px;
}
.md .message-typing-indicator > div {
  width: 6px;
  height: 6px;
  opacity: 0.6;
}
.md .message-typing-indicator > div + div {
  margin-left: 6px;
}
.md .message-typing-indicator > div:nth-child(1) {
  -webkit-animation: md-message-typing-indicator 900ms infinite;
  animation: md-message-typing-indicator 900ms infinite;
}
.md .message-typing-indicator > div:nth-child(2) {
  -webkit-animation: md-message-typing-indicator 900ms 150ms infinite;
  animation: md-message-typing-indicator 900ms 150ms infinite;
}
.md .message-typing-indicator > div:nth-child(3) {
  -webkit-animation: md-message-typing-indicator 900ms 300ms infinite;
  animation: md-message-typing-indicator 900ms 300ms infinite;
}
.md .theme-dark .messages-content,
.messages-content.md .theme-dark,
.md .theme-dark .messages,
.messages.md .theme-dark {
  background-color: transparent;
}
.md .theme-dark .messages-title {
  color: rgba(255, 255, 255, 0.54);
}
.md .theme-dark .message-header,
.md .theme-dark .message-footer,
.md .theme-dark .message-name {
  color: rgba(255, 255, 255, 0.54);
}
@media (orientation: landscape) {
  .md.device-iphone-x .ios-left-edge .message-received,
  .md.device-iphone-x .ios-edges .message-received,
  .md.device-iphone-x .popup .message-received,
  .md.device-iphone-x .sheet-modal .message-received,
  .md.device-iphone-x .panel-left .message-received {
    margin-left: calc(8px + constant(safe-area-inset-left));
    margin-left: calc(8px + env(safe-area-inset-left));
  }
  .md.device-iphone-x .ios-right-edge .message-sent,
  .md.device-iphone-x .ios-edges .message-sent,
  .md.device-iphone-x .popup .message-sent,
  .md.device-iphone-x .sheet-modal .message-sent,
  .md.device-iphone-x .panel-right .message-sent {
    margin-right: calc(8px + constant(safe-area-inset-right));
    margin-right: calc(8px + env(safe-area-inset-right));
  }
}
@-webkit-keyframes md-message-typing-indicator {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes md-message-typing-indicator {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
/* === Messagebar === */
.toolbar.messagebar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #fff;
  height: auto;
}
.toolbar.messagebar .toolbar-inner {
  position: relative;
}
.toolbar.messagebar .messagebar-area {
  width: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
}
.toolbar.messagebar textarea {
  width: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.toolbar.messagebar a.link {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.messagebar-attachments {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments {
  display: none;
}
.messagebar-attachment {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  height: 155px;
  position: relative;
}
@media (orientation: landscape) {
  .messagebar-attachment {
    height: 120px;
  }
}
.messagebar-attachment img {
  display: block;
  width: auto;
  height: 100%;
}
.messagebar-attachment + .messagebar-attachment {
  margin-left: 8px;
}
.messagebar-sheet {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 252px;
}
@media (orientation: landscape) {
  .messagebar-sheet {
    height: 192px;
  }
}
.messagebar-sheet-image,
.messagebar-sheet-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1px;
  position: relative;
  overflow: hidden;
  height: 125px;
  width: 125px;
  margin-left: 1px;
}
@media (orientation: landscape) {
  .messagebar-sheet-image,
  .messagebar-sheet-item {
    width: 95px;
    height: 95px;
  }
}
.messagebar-sheet-image .icon-checkbox,
.messagebar-sheet-item .icon-checkbox,
.messagebar-sheet-image .icon-radio,
.messagebar-sheet-item .icon-radio {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.messagebar-sheet-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.messagebar-attachment-delete {
  display: block;
  position: absolute;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.messagebar-attachment-delete:after,
.messagebar-attachment-delete:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
}
.messagebar-attachment-delete:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.messagebar-attachment-delete:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet {
  display: none;
}
.ios.device-iphone-x .messagebar:not(.messagebar-top),
.md.device-iphone-x .messagebar:not(.messagebar-top) {
  height: auto !important;
}
.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),
.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.ios.device-iphone-x .messagebar-sheet,
.md.device-iphone-x .messagebar-sheet {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.ios .messagebar {
  background: #fff;
  min-height: 44px;
}
.ios .messagebar:before {
  display: none !important;
}
.ios .messagebar textarea {
  background: #fff;
  border-radius: 17px;
  padding: 6px 15px;
  height: 34px;
  line-height: 20px;
  font-size: 17px;
  border: 1px solid #c8c8cd;
}
.ios .messagebar a.link.icon-only:first-child {
  margin-left: -8px;
}
.ios .messagebar a.link.icon-only:last-child {
  margin-right: -8px;
}
.ios .messagebar a.link:not(.icon-only) + .messagebar-area {
  margin-left: 8px;
}
.ios .messagebar .messagebar-area + a.link:not(.icon-only) {
  margin-left: 8px;
}
.ios .messagebar-area {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ios .messagebar-attachments {
  padding: 5px;
  border-radius: 17px 17px 0 0;
  border: 1px solid #c8c8cd;
  border-bottom: none;
}
.ios .messagebar-attachments-visible .messagebar-attachments + textarea {
  border-radius: 0 0 17px 17px;
}
.ios .messagebar-attachment {
  border-radius: 12px;
  font-size: 14px;
}
.ios .messagebar-attachment img {
  border-radius: 12px;
}
.ios .messagebar-sheet {
  background: #d1d5da;
}
.ios .messagebar-attachment-delete {
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: #7d7e80;
  border: 2px solid #fff;
  cursor: pointer;
}
.ios .messagebar-attachment-delete:after,
.ios .messagebar-attachment-delete:before {
  width: 10px;
  height: 2px;
  background: #fff;
  margin-left: -5px;
  margin-top: -1px;
}
.ios .theme-dark .messagebar textarea,
.messagebar.ios .theme-dark textarea {
  background-color: #000;
  border-color: #282829;
  color: #fff;
}
.ios .theme-dark .messagebar-attachments {
  border-color: #282829;
  background-color: #000;
}
.md .messagebar {
  font-size: 16px;
}
.md .messagebar:after {
  display: none;
}
.md .messagebar textarea {
  padding: 5px 8px;
  height: 32px;
  color: #333;
  font-size: 16px;
  line-height: 22px;
}
.md .messagebar a.link {
  color: #333;
}
.md .messagebar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .messagebar a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .messagebar:before {
  content: '';
  position: absolute;
  background-color: #d1d1d1;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.md.device-pixel-ratio-2 .messagebar:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.md.device-pixel-ratio-3 .messagebar:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.md .messagebar-attachments {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.md .messagebar-area {
  margin-top: 8px;
  margin-bottom: 8px;
}
.md .messagebar-sheet {
  background: #fff;
}
.md .messagebar-sheet-image .icon-checkbox,
.md .messagebar-sheet-item .icon-checkbox {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.md .messagebar-attachment-delete {
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  background: #2196f3;
  cursor: pointer;
  border-radius: 2px;
}
.md .messagebar-attachment-delete:after,
.md .messagebar-attachment-delete:before {
  width: 14px;
  height: 2px;
  background: #fff;
  margin-left: -7px;
  margin-top: -1px;
}
.md .theme-dark .messagebar,
.messagebar.md .theme-dark {
  background: #000;
}
.md .theme-dark .messagebar:before,
.messagebar.md .theme-dark:before {
  background-color: rgba(255, 255, 255, 0.2);
}
.md .theme-dark .messagebar a.link,
.messagebar.md .theme-dark a.link {
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark .messagebar a.link:before,
.messagebar.md .theme-dark a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .theme-dark .messagebar a.link.active-state:before,
.messagebar.md .theme-dark a.link.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .theme-dark .messagebar textarea,
.messagebar.md .theme-dark textarea {
  color: rgba(255, 255, 255, 0.87);
}
.md .theme-dark .messagebar-attachments {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
/* === Swiper === */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-lazy-preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
}
.ios .swiper-lazy-preloader {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
.ios .swiper-button-prev,
.ios .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next,
.ios .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-pagination-bullet-active {
  background: #007aff;
}
.ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
}
.ios .swiper-button-prev.color-red,
.ios .swiper-container-rtl .swiper-button-next.color-red,
.ios .color-theme-red .swiper-button-prev,
.ios .color-theme-red .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-red,
.ios .swiper-container-rtl .swiper-button-prev.color-red,
.ios .color-theme-red .swiper-button-next,
.ios .color-theme-red .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-red .swiper-pagination-bullet-active,
.ios .color-theme-red .swiper-pagination-bullet-active {
  background: #ff3b30;
}
.ios .color-red .swiper-pagination-progressbar,
.ios .color-theme-red .swiper-pagination-progressbar,
.ios .color-red.swiper-pagination-progressbar,
.ios .color-theme-red.swiper-pagination-progressbar {
  background: rgba(255, 59, 48, 0.25);
}
.ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff3b30;
}
.ios .swiper-button-prev.color-green,
.ios .swiper-container-rtl .swiper-button-next.color-green,
.ios .color-theme-green .swiper-button-prev,
.ios .color-theme-green .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-green,
.ios .swiper-container-rtl .swiper-button-prev.color-green,
.ios .color-theme-green .swiper-button-next,
.ios .color-theme-green .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-green .swiper-pagination-bullet-active,
.ios .color-theme-green .swiper-pagination-bullet-active {
  background: #4cd964;
}
.ios .color-green .swiper-pagination-progressbar,
.ios .color-theme-green .swiper-pagination-progressbar,
.ios .color-green.swiper-pagination-progressbar,
.ios .color-theme-green.swiper-pagination-progressbar {
  background: rgba(76, 217, 100, 0.25);
}
.ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #4cd964;
}
.ios .swiper-button-prev.color-blue,
.ios .swiper-container-rtl .swiper-button-next.color-blue,
.ios .color-theme-blue .swiper-button-prev,
.ios .color-theme-blue .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-blue,
.ios .swiper-container-rtl .swiper-button-prev.color-blue,
.ios .color-theme-blue .swiper-button-next,
.ios .color-theme-blue .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-blue .swiper-pagination-bullet-active,
.ios .color-theme-blue .swiper-pagination-bullet-active {
  background: #007aff;
}
.ios .color-blue .swiper-pagination-progressbar,
.ios .color-theme-blue .swiper-pagination-progressbar,
.ios .color-blue.swiper-pagination-progressbar,
.ios .color-theme-blue.swiper-pagination-progressbar {
  background: rgba(0, 122, 255, 0.25);
}
.ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
}
.ios .swiper-button-prev.color-pink,
.ios .swiper-container-rtl .swiper-button-next.color-pink,
.ios .color-theme-pink .swiper-button-prev,
.ios .color-theme-pink .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-pink,
.ios .swiper-container-rtl .swiper-button-prev.color-pink,
.ios .color-theme-pink .swiper-button-next,
.ios .color-theme-pink .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-pink .swiper-pagination-bullet-active,
.ios .color-theme-pink .swiper-pagination-bullet-active {
  background: #ff2d55;
}
.ios .color-pink .swiper-pagination-progressbar,
.ios .color-theme-pink .swiper-pagination-progressbar,
.ios .color-pink.swiper-pagination-progressbar,
.ios .color-theme-pink.swiper-pagination-progressbar {
  background: rgba(255, 45, 85, 0.25);
}
.ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff2d55;
}
.ios .swiper-button-prev.color-yellow,
.ios .swiper-container-rtl .swiper-button-next.color-yellow,
.ios .color-theme-yellow .swiper-button-prev,
.ios .color-theme-yellow .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-yellow,
.ios .swiper-container-rtl .swiper-button-prev.color-yellow,
.ios .color-theme-yellow .swiper-button-next,
.ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-yellow .swiper-pagination-bullet-active,
.ios .color-theme-yellow .swiper-pagination-bullet-active {
  background: #ffcc00;
}
.ios .color-yellow .swiper-pagination-progressbar,
.ios .color-theme-yellow .swiper-pagination-progressbar,
.ios .color-yellow.swiper-pagination-progressbar,
.ios .color-theme-yellow.swiper-pagination-progressbar {
  background: rgba(255, 204, 0, 0.25);
}
.ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ffcc00;
}
.ios .swiper-button-prev.color-orange,
.ios .swiper-container-rtl .swiper-button-next.color-orange,
.ios .color-theme-orange .swiper-button-prev,
.ios .color-theme-orange .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-orange,
.ios .swiper-container-rtl .swiper-button-prev.color-orange,
.ios .color-theme-orange .swiper-button-next,
.ios .color-theme-orange .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-orange .swiper-pagination-bullet-active,
.ios .color-theme-orange .swiper-pagination-bullet-active {
  background: #ff9500;
}
.ios .color-orange .swiper-pagination-progressbar,
.ios .color-theme-orange .swiper-pagination-progressbar,
.ios .color-orange.swiper-pagination-progressbar,
.ios .color-theme-orange.swiper-pagination-progressbar {
  background: rgba(255, 149, 0, 0.25);
}
.ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff9500;
}
.ios .swiper-button-prev.color-gray,
.ios .swiper-container-rtl .swiper-button-next.color-gray,
.ios .color-theme-gray .swiper-button-prev,
.ios .color-theme-gray .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-gray,
.ios .swiper-container-rtl .swiper-button-prev.color-gray,
.ios .color-theme-gray .swiper-button-next,
.ios .color-theme-gray .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-gray .swiper-pagination-bullet-active,
.ios .color-theme-gray .swiper-pagination-bullet-active {
  background: #8e8e93;
}
.ios .color-gray .swiper-pagination-progressbar,
.ios .color-theme-gray .swiper-pagination-progressbar,
.ios .color-gray.swiper-pagination-progressbar,
.ios .color-theme-gray.swiper-pagination-progressbar {
  background: rgba(142, 142, 147, 0.25);
}
.ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #8e8e93;
}
.ios .swiper-button-prev.color-white,
.ios .swiper-container-rtl .swiper-button-next.color-white,
.ios .color-theme-white .swiper-button-prev,
.ios .color-theme-white .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-white,
.ios .swiper-container-rtl .swiper-button-prev.color-white,
.ios .color-theme-white .swiper-button-next,
.ios .color-theme-white .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-white .swiper-pagination-bullet-active,
.ios .color-theme-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.ios .color-white .swiper-pagination-progressbar,
.ios .color-theme-white .swiper-pagination-progressbar,
.ios .color-white.swiper-pagination-progressbar,
.ios .color-theme-white.swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.25);
}
.ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.ios .swiper-button-prev.color-black,
.ios .swiper-container-rtl .swiper-button-next.color-black,
.ios .color-theme-black .swiper-button-prev,
.ios .color-theme-black .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.ios .swiper-button-next.color-black,
.ios .swiper-container-rtl .swiper-button-prev.color-black,
.ios .color-theme-black .swiper-button-next,
.ios .color-theme-black .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.ios .color-black .swiper-pagination-bullet-active,
.ios .color-theme-black .swiper-pagination-bullet-active {
  background: #000000;
}
.ios .color-black .swiper-pagination-progressbar,
.ios .color-theme-black .swiper-pagination-progressbar,
.ios .color-black.swiper-pagination-progressbar,
.ios .color-theme-black.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
}
.ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000000;
}
.md .swiper-lazy-preloader {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
.md .swiper-button-prev,
.md .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next,
.md .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-pagination-bullet-active {
  background: #2196f3;
}
.md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #2196f3;
}
.md .swiper-button-prev.color-red,
.md .swiper-container-rtl .swiper-button-next.color-red,
.md .color-theme-red .swiper-button-prev,
.md .color-theme-red .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-red,
.md .swiper-container-rtl .swiper-button-prev.color-red,
.md .color-theme-red .swiper-button-next,
.md .color-theme-red .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E");
}
.md .color-red .swiper-pagination-bullet-active,
.md .color-theme-red .swiper-pagination-bullet-active {
  background: #f44336;
}
.md .color-red .swiper-pagination-progressbar,
.md .color-theme-red .swiper-pagination-progressbar,
.md .color-red.swiper-pagination-progressbar,
.md .color-theme-red.swiper-pagination-progressbar {
  background: rgba(244, 67, 54, 0.25);
}
.md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #f44336;
}
.md .swiper-button-prev.color-green,
.md .swiper-container-rtl .swiper-button-next.color-green,
.md .color-theme-green .swiper-button-prev,
.md .color-theme-green .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-green,
.md .swiper-container-rtl .swiper-button-prev.color-green,
.md .color-theme-green .swiper-button-next,
.md .color-theme-green .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E");
}
.md .color-green .swiper-pagination-bullet-active,
.md .color-theme-green .swiper-pagination-bullet-active {
  background: #4caf50;
}
.md .color-green .swiper-pagination-progressbar,
.md .color-theme-green .swiper-pagination-progressbar,
.md .color-green.swiper-pagination-progressbar,
.md .color-theme-green.swiper-pagination-progressbar {
  background: rgba(76, 175, 80, 0.25);
}
.md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #4caf50;
}
.md .swiper-button-prev.color-blue,
.md .swiper-container-rtl .swiper-button-next.color-blue,
.md .color-theme-blue .swiper-button-prev,
.md .color-theme-blue .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-blue,
.md .swiper-container-rtl .swiper-button-prev.color-blue,
.md .color-theme-blue .swiper-button-next,
.md .color-theme-blue .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E");
}
.md .color-blue .swiper-pagination-bullet-active,
.md .color-theme-blue .swiper-pagination-bullet-active {
  background: #2196f3;
}
.md .color-blue .swiper-pagination-progressbar,
.md .color-theme-blue .swiper-pagination-progressbar,
.md .color-blue.swiper-pagination-progressbar,
.md .color-theme-blue.swiper-pagination-progressbar {
  background: rgba(33, 150, 243, 0.25);
}
.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #2196f3;
}
.md .swiper-button-prev.color-pink,
.md .swiper-container-rtl .swiper-button-next.color-pink,
.md .color-theme-pink .swiper-button-prev,
.md .color-theme-pink .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-pink,
.md .swiper-container-rtl .swiper-button-prev.color-pink,
.md .color-theme-pink .swiper-button-next,
.md .color-theme-pink .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E");
}
.md .color-pink .swiper-pagination-bullet-active,
.md .color-theme-pink .swiper-pagination-bullet-active {
  background: #e91e63;
}
.md .color-pink .swiper-pagination-progressbar,
.md .color-theme-pink .swiper-pagination-progressbar,
.md .color-pink.swiper-pagination-progressbar,
.md .color-theme-pink.swiper-pagination-progressbar {
  background: rgba(233, 30, 99, 0.25);
}
.md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #e91e63;
}
.md .swiper-button-prev.color-yellow,
.md .swiper-container-rtl .swiper-button-next.color-yellow,
.md .color-theme-yellow .swiper-button-prev,
.md .color-theme-yellow .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-yellow,
.md .swiper-container-rtl .swiper-button-prev.color-yellow,
.md .color-theme-yellow .swiper-button-next,
.md .color-theme-yellow .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E");
}
.md .color-yellow .swiper-pagination-bullet-active,
.md .color-theme-yellow .swiper-pagination-bullet-active {
  background: #ffeb3b;
}
.md .color-yellow .swiper-pagination-progressbar,
.md .color-theme-yellow .swiper-pagination-progressbar,
.md .color-yellow.swiper-pagination-progressbar,
.md .color-theme-yellow.swiper-pagination-progressbar {
  background: rgba(255, 235, 59, 0.25);
}
.md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ffeb3b;
}
.md .swiper-button-prev.color-orange,
.md .swiper-container-rtl .swiper-button-next.color-orange,
.md .color-theme-orange .swiper-button-prev,
.md .color-theme-orange .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-orange,
.md .swiper-container-rtl .swiper-button-prev.color-orange,
.md .color-theme-orange .swiper-button-next,
.md .color-theme-orange .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E");
}
.md .color-orange .swiper-pagination-bullet-active,
.md .color-theme-orange .swiper-pagination-bullet-active {
  background: #ff9800;
}
.md .color-orange .swiper-pagination-progressbar,
.md .color-theme-orange .swiper-pagination-progressbar,
.md .color-orange.swiper-pagination-progressbar,
.md .color-theme-orange.swiper-pagination-progressbar {
  background: rgba(255, 152, 0, 0.25);
}
.md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff9800;
}
.md .swiper-button-prev.color-gray,
.md .swiper-container-rtl .swiper-button-next.color-gray,
.md .color-theme-gray .swiper-button-prev,
.md .color-theme-gray .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-gray,
.md .swiper-container-rtl .swiper-button-prev.color-gray,
.md .color-theme-gray .swiper-button-next,
.md .color-theme-gray .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E");
}
.md .color-gray .swiper-pagination-bullet-active,
.md .color-theme-gray .swiper-pagination-bullet-active {
  background: #9e9e9e;
}
.md .color-gray .swiper-pagination-progressbar,
.md .color-theme-gray .swiper-pagination-progressbar,
.md .color-gray.swiper-pagination-progressbar,
.md .color-theme-gray.swiper-pagination-progressbar {
  background: rgba(158, 158, 158, 0.25);
}
.md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #9e9e9e;
}
.md .swiper-button-prev.color-white,
.md .swiper-container-rtl .swiper-button-next.color-white,
.md .color-theme-white .swiper-button-prev,
.md .color-theme-white .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-white,
.md .swiper-container-rtl .swiper-button-prev.color-white,
.md .color-theme-white .swiper-button-next,
.md .color-theme-white .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.md .color-white .swiper-pagination-bullet-active,
.md .color-theme-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.md .color-white .swiper-pagination-progressbar,
.md .color-theme-white .swiper-pagination-progressbar,
.md .color-white.swiper-pagination-progressbar,
.md .color-theme-white.swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.25);
}
.md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.md .swiper-button-prev.color-black,
.md .swiper-container-rtl .swiper-button-next.color-black,
.md .color-theme-black .swiper-button-prev,
.md .color-theme-black .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.md .swiper-button-next.color-black,
.md .swiper-container-rtl .swiper-button-prev.color-black,
.md .color-theme-black .swiper-button-next,
.md .color-theme-black .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.md .color-black .swiper-pagination-bullet-active,
.md .color-theme-black .swiper-pagination-bullet-active {
  background: #000000;
}
.md .color-black .swiper-pagination-progressbar,
.md .color-theme-black .swiper-pagination-progressbar,
.md .color-black.swiper-pagination-progressbar,
.md .color-theme-black.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
}
.md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000000;
}
/* === Photo Browser === */
.photo-browser {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 400;
}
.photo-browser-standalone.modal-in {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  -webkit-animation: photo-browser-in 400ms;
  animation: photo-browser-in 400ms;
}
.photo-browser-standalone.modal-out {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  -webkit-animation: photo-browser-out 400ms;
  animation: photo-browser-out 400ms;
}
.photo-browser-standalone.modal-out.swipe-close-to-bottom,
.photo-browser-standalone.modal-out.swipe-close-to-top {
  -webkit-animation: none;
  animation: none;
}
.photo-browser-popup.modal-out.swipe-close-to-bottom,
.photo-browser-popup.modal-out.swipe-close-to-top {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.photo-browser-popup.modal-out.swipe-close-to-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.photo-browser-popup.modal-out.swipe-close-to-top {
  -webkit-transform: translate3d(0, -100vh, 0);
  transform: translate3d(0, -100vh, 0);
}
.page.photo-browser-page {
  background: none;
}
.photo-browser-popup {
  background: none;
}
.photo-browser-exposed .navbar,
.photo-browser-exposed .toolbar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.photo-browser-exposed .photo-browser-swiper-container {
  background: #000;
}
.photo-browser-of {
  margin: 0 5px;
}
.photo-browser-captions {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 10;
  opacity: 1;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.photo-browser-captions.photo-browser-captions-exposed {
  opacity: 0;
}
.photo-browser-caption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 300ms;
  transition: 300ms;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 4px 5px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.photo-browser-caption:empty {
  display: none;
}
.photo-browser-caption.photo-browser-caption-active {
  opacity: 1;
}
.photo-browser-captions-light .photo-browser-caption {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}
.photo-browser-captions-dark .photo-browser-caption {
  color: #fff;
}
.photo-browser-exposed .photo-browser-caption {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.photo-browser-swiper-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  -webkit-transition: 400ms;
  transition: 400ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.photo-browser-prev.swiper-button-disabled,
.photo-browser-next.swiper-button-disabled {
  opacity: 0.3;
}
.photo-browser-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.photo-browser-slide.photo-browser-transitioning {
  -webkit-transition: 400ms;
  transition: 400ms;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.photo-browser-slide span.swiper-zoom-container {
  display: none;
}
.photo-browser-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: none;
}
.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,
.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,
.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.photo-browser-slide.swiper-slide-active img,
.photo-browser-slide.swiper-slide-next img,
.photo-browser-slide.swiper-slide-prev img {
  display: inline;
}
.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
  display: block;
}
.photo-browser-slide iframe {
  width: 100%;
  height: 100%;
}
.photo-browser-slide .preloader {
  display: none;
  position: absolute;
  width: 42px;
  height: 42px;
  margin-left: -21px;
  margin-top: -21px;
  left: 50%;
  top: 50%;
}
.photo-browser-dark .photo-browser-swiper-container,
.photo-browser-page-dark .photo-browser-swiper-container {
  background: #000;
}
@-webkit-keyframes photo-browser-in {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes photo-browser-in {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes photo-browser-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
    opacity: 0;
  }
}
@keyframes photo-browser-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
    opacity: 0;
  }
}
.ios .toolbar ~ .photo-browser-captions {
  bottom: 44px;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.ios .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.ios .photo-browser-exposed .toolbar ~ .photo-browser-captions {
  -webkit-transform: translate3d(0, 44px, 0);
  transform: translate3d(0, 44px, 0);
}
.ios .photo-browser-page .toolbar {
  -webkit-transform: none;
  transform: none;
}
.ios .view.with-photo-browser-page-exposed .navbar {
  opacity: 0;
}
.ios .photo-browser-page .navbar,
.ios .view.with-photo-browser-page .navbar,
.ios .photo-browser-page .toolbar,
.ios .view.with-photo-browser-page .toolbar {
  background: rgba(247, 247, 248, 0.95);
  -webkit-transition: 400ms;
  transition: 400ms;
}
.ios .photo-browser-dark .navbar,
.ios .photo-browser-page-dark .navbar,
.ios .view.with-photo-browser-page-dark .navbar,
.ios .photo-browser-dark .toolbar,
.ios .photo-browser-page-dark .toolbar,
.ios .view.with-photo-browser-page-dark .toolbar {
  background: rgba(30, 30, 30, 0.8);
  color: #fff;
}
.ios .photo-browser-dark .navbar:before,
.ios .photo-browser-page-dark .navbar:before,
.ios .view.with-photo-browser-page-dark .navbar:before,
.ios .photo-browser-dark .toolbar:before,
.ios .photo-browser-page-dark .toolbar:before,
.ios .view.with-photo-browser-page-dark .toolbar:before {
  display: none !important;
}
.ios .photo-browser-dark .navbar:after,
.ios .photo-browser-page-dark .navbar:after,
.ios .view.with-photo-browser-page-dark .navbar:after,
.ios .photo-browser-dark .toolbar:after,
.ios .photo-browser-page-dark .toolbar:after,
.ios .view.with-photo-browser-page-dark .toolbar:after {
  display: none !important;
}
.ios .photo-browser-dark .navbar a,
.ios .photo-browser-page-dark .navbar a,
.ios .view.with-photo-browser-page-dark .navbar a,
.ios .photo-browser-dark .toolbar a,
.ios .photo-browser-page-dark .toolbar a,
.ios .view.with-photo-browser-page-dark .toolbar a {
  color: #fff;
}
.ios.device-iphone-x .photo-browser-captions {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.ios.device-iphone-x .toolbar ~ .photo-browser-captions {
  bottom: calc(44px + constant(safe-area-inset-bottom));
  bottom: calc(44px + env(safe-area-inset-bottom));
}
.md .toolbar ~ .photo-browser-captions {
  bottom: 48px;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.md .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.md .photo-browser-exposed .toolbar ~ .photo-browser-captions {
  -webkit-transform: translate3d(0, 48px, 0);
  transform: translate3d(0, 48px, 0);
}
.md .photo-browser-page .toolbar {
  -webkit-transform: none;
  transform: none;
}
.md .photo-browser-page .navbar,
.md .photo-browser-page .toolbar {
  background: rgba(33, 150, 243, 0.95);
  -webkit-transition: 400ms;
  transition: 400ms;
}
.md .photo-browser-dark .navbar,
.md .photo-browser-page-dark .navbar,
.md .photo-browser-dark .toolbar,
.md .photo-browser-page-dark .toolbar {
  background: rgba(30, 30, 30, 0.8) !important;
  color: #fff;
}
.md .photo-browser-dark .navbar a,
.md .photo-browser-page-dark .navbar a,
.md .photo-browser-dark .toolbar a,
.md .photo-browser-page-dark .toolbar a {
  color: #fff;
}
.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(244, 67, 54, 0.95);
}
.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(76, 175, 80, 0.95);
}
.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(33, 150, 243, 0.95);
}
.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(233, 30, 99, 0.95);
}
.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(255, 235, 59, 0.95);
}
.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(255, 152, 0, 0.95);
}
.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(158, 158, 158, 0.95);
}
.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(255, 255, 255, 0.95);
}
.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,
.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar,
.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar {
  background-color: rgba(0, 0, 0, 0.95);
}
.md.device-iphone-x .photo-browser-captions {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.md.device-iphone-x .toolbar ~ .photo-browser-captions {
  bottom: calc(48px + constant(safe-area-inset-bottom));
  bottom: calc(48px + env(safe-area-inset-bottom));
}
/* === Notifications === */
.notification {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20000;
  font-size: 14px;
  margin: 0;
  border: none;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  direction: ltr;
}
.notification-icon {
  font-size: 0;
}
.notification-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.notification-close-button {
  margin-left: auto;
  cursor: pointer;
}
html.with-statusbar.device-ios .notification,
html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification {
  margin-top: 20px;
}
html.with-statusbar.device-android .notification,
html.with-statusbar.md:not(.device-ios):not(.device-android) .notification {
  margin-top: 24px;
}
html.with-statusbar.device-iphone-x .notification {
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}
.ios .notification {
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  background: rgba(250, 250, 250, 0.95);
  border-radius: 12px;
  -webkit-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
  padding: 10px;
  color: #000;
  max-width: 568px;
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
  -webkit-transform: translate3d(0%, -200%, 0);
  transform: translate3d(0%, -200%, 0);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .ios .notification {
    background: rgba(255, 255, 255, 0.65);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
@media (min-width: 584px) {
  .ios .notification {
    left: 50%;
    width: 568px;
    margin-left: -284px;
  }
}
.ios .notification.modal-in {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  opacity: 1;
}
.ios .notification.modal-out {
  -webkit-transform: translate3d(0%, -200%, 0);
  transform: translate3d(0%, -200%, 0);
}
.ios .notification-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
}
.ios .notification-icon i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ios .notification-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ios .notification-subtitle {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}
.ios .notification-text {
  font-size: 15px;
  line-height: 1.2;
}
.ios .notification-header + .notification-content {
  margin-top: 10px;
}
.ios .notification-title-right-text {
  color: #444a51;
  font-size: 13px;
  margin-right: 6px;
  margin-left: auto;
}
.ios .notification-title-right-text + .notification-close-button {
  margin-left: 10px;
}
.ios .notification-close-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 20px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  opacity: 0.3;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.ios .notification-close-button.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  opacity: 0.1;
}
.ios .notification-close-button:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
}
.md .notification {
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 16px;
  color: #000;
  max-width: 568px;
}
@media (min-width: 568px) {
  .md .notification {
    left: 50%;
    margin-left: -284px;
  }
}
.md .notification.modal-in {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  -webkit-animation: notification-md-in 400ms ease-out;
  animation: notification-md-in 400ms ease-out;
}
.md .notification.modal-in.notification-transitioning {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.md .notification.modal-out {
  -webkit-animation: none;
  animation: none;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
}
.md .notification-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  line-height: 16px;
}
.md .notification-icon i {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.md .notification-title {
  font-size: 12px;
  line-height: 1;
  color: #2196f3;
}
.md .notification-subtitle {
  font-size: 14px;
  line-height: 1.35;
  color: #212121;
}
.md .notification-subtitle + .notification-text {
  margin-top: 2px;
}
.md .notification-text {
  font-size: 14px;
  line-height: 1.35;
  color: #757575;
}
.md .notification-header + .notification-content {
  margin-top: 6px;
}
.md .notification-title-right-text {
  font-size: 12px;
  color: #757575;
  margin-left: 4px;
}
.md .notification-title-right-text:before {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background: #757575;
}
.md .notification-close-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.md .notification-close-button:before {
  content: '';
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}
.md .notification-close-button.active-state:before {
  opacity: 1;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.md .notification-close-button:before {
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
}
.md .notification-close-button:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-left: -22px;
  margin-top: -22px;
}
@-webkit-keyframes notification-md-in {
  0% {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
@keyframes notification-md-in {
  0% {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
/* === Autocomplete === */
.autocomplete-page .autocomplete-found {
  display: block;
}
.autocomplete-page .autocomplete-not-found {
  display: none;
}
.autocomplete-page .autocomplete-values {
  display: block;
}
.autocomplete-page .list ul:empty {
  display: none;
}
.autocomplete-preloader:not(.autocomplete-preloader-visible) {
  visibility: hidden;
}
.autocomplete-preloader:not(.autocomplete-preloader-visible),
.autocomplete-preloader:not(.autocomplete-preloader-visible) * {
  -webkit-animation: none;
  animation: none;
}
.autocomplete-dropdown {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 500;
  width: 100%;
  left: 0;
}
.autocomplete-dropdown .autocomplete-dropdown-inner {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  z-index: 1;
}
.autocomplete-dropdown .autocomplete-preloader {
  display: none;
  position: absolute;
  bottom: 100%;
  width: 20px;
  height: 20px;
}
.autocomplete-dropdown .autocomplete-preloader-visible {
  display: block;
}
.autocomplete-dropdown .autocomplete-dropdown-placeholder {
  color: #a9a9a9;
}
.autocomplete-dropdown .list {
  margin: 0;
}
.autocomplete-dropdown .list ul {
  background: none !important;
}
.autocomplete-dropdown .list ul:before {
  display: none !important;
}
.autocomplete-dropdown .list ul:after {
  display: none !important;
}
.list .item-content-dropdown-expanded .item-title.item-label {
  width: 0;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
  overflow: hidden;
}
.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap {
  margin-left: 0;
}
.list .item-content-dropdown-expanded .item-input-wrap {
  width: 100%;
}
.ios .autocomplete-dropdown {
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.ios .autocomplete-dropdown .autocomplete-preloader {
  right: 15px;
  margin-bottom: 12px;
}
.ios .autocomplete-dropdown .list b {
  font-weight: 600;
}
.ios .searchbar-input-wrap .autocomplete-dropdown {
  margin-top: -32px;
  top: 100%;
  background: #e8e8ea;
  z-index: 20;
  border-radius: 8px;
}
.ios .searchbar-input-wrap .autocomplete-dropdown .item-content {
  padding-left: 28px;
}
.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child {
  border-radius: 0 0 8px 8px;
  position: relative;
  overflow: hidden;
}
.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner {
  padding-top: 32px;
}
.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder {
  color: #939398;
}
.ios .theme-dark .autocomplete-dropdown {
  background-color: #1c1c1d;
}
.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown {
  background-color: #171717;
}
.md .autocomplete-page .navbar .autocomplete-preloader {
  margin-right: 16px;
}
.md .autocomplete-dropdown {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.md .autocomplete-dropdown .autocomplete-preloader {
  right: 16px;
  margin-bottom: 8px;
}
.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,
.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle {
  border-width: 3px;
}
.md .autocomplete-dropdown .list {
  color: rgba(0, 0, 0, 0.54);
}
.md .autocomplete-dropdown .list b {
  font-weight: normal;
  color: #212121;
}
.md .searchbar-input-wrap .autocomplete-dropdown .item-content {
  padding-left: 73px;
}
.md .searchbar-input-wrap .autocomplete-dropdown li:last-child {
  border-radius: 0 0 8px 8px;
  position: relative;
  overflow: hidden;
}
.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder {
  color: #939398;
}
/* === Tooltip === */
.tooltip {
  position: absolute;
  z-index: 20000;
  background: rgba(0, 0, 0, 0.87);
  border-radius: 4px;
  padding: 8px 16px;
  color: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  z-index: 99000;
  font-weight: 500;
}
.tooltip.tooltip-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tooltip.tooltip-out {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.device-desktop .tooltip {
  font-size: 12px;
  padding: 6px 8px;
}
/* === Gauge === */
.gauge {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.gauge-svg,
.gauge svg {
  max-width: 100%;
  height: auto;
}
.gauge-svg circle,
.gauge svg circle,
.gauge-svg path,
.gauge svg path {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
iframe#viAd {
  z-index: 12900 !important;
  background: #000 !important;
}
.vi-overlay {
  background: rgba(0, 0, 0, 0.85);
  z-index: 13100;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .vi-overlay {
    background: rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
.vi-overlay .vi-overlay-text {
  text-align: center;
  color: #fff;
  max-width: 80%;
}
.vi-overlay .vi-overlay-text + .vi-overlay-play-button {
  margin-top: 15px;
}
.vi-overlay .vi-overlay-play-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
}
.vi-overlay .vi-overlay-play-button.active-state {
  opacity: 0.55;
}
.vi-overlay .vi-overlay-play-button:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 2px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* === Elevation === */
.elevation-0 {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.elevation-1 {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-2 {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-3 {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-4 {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-5 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-6 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
}
.elevation-7 {
  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
}
.elevation-8 {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
.elevation-9 {
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
}
.elevation-10 {
  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
}
.elevation-11 {
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
}
.elevation-12 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
}
.elevation-13 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
}
.elevation-14 {
  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
}
.elevation-15 {
  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
}
.elevation-16 {
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}
.elevation-17 {
  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
}
.elevation-18 {
  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
}
.elevation-19 {
  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
}
.elevation-20 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
}
.elevation-21 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
}
.elevation-22 {
  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
}
.elevation-23 {
  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
}
.elevation-24 {
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-0:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.device-desktop .elevation-hover-1:hover {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-2:hover {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-3:hover {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-4:hover {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-5:hover {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-6:hover {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-7:hover {
  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-8:hover {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-9:hover {
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-10:hover {
  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-11:hover {
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-12:hover {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-13:hover {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-14:hover {
  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-15:hover {
  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-16:hover {
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-17:hover {
  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-18:hover {
  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-19:hover {
  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-20:hover {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-21:hover {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-22:hover {
  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-23:hover {
  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
}
.device-desktop .elevation-hover-24:hover {
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-0,
.device-desktop .active-state.elevation-pressed-0 {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.active-state.elevation-pressed-1,
.device-desktop .active-state.elevation-pressed-1 {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-2,
.device-desktop .active-state.elevation-pressed-2 {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-3,
.device-desktop .active-state.elevation-pressed-3 {
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-4,
.device-desktop .active-state.elevation-pressed-4 {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-5,
.device-desktop .active-state.elevation-pressed-5 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-6,
.device-desktop .active-state.elevation-pressed-6 {
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-7,
.device-desktop .active-state.elevation-pressed-7 {
  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-8,
.device-desktop .active-state.elevation-pressed-8 {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-9,
.device-desktop .active-state.elevation-pressed-9 {
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-10,
.device-desktop .active-state.elevation-pressed-10 {
  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-11,
.device-desktop .active-state.elevation-pressed-11 {
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-12,
.device-desktop .active-state.elevation-pressed-12 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-13,
.device-desktop .active-state.elevation-pressed-13 {
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-14,
.device-desktop .active-state.elevation-pressed-14 {
  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-15,
.device-desktop .active-state.elevation-pressed-15 {
  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-16,
.device-desktop .active-state.elevation-pressed-16 {
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-17,
.device-desktop .active-state.elevation-pressed-17 {
  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-18,
.device-desktop .active-state.elevation-pressed-18 {
  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-19,
.device-desktop .active-state.elevation-pressed-19 {
  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-20,
.device-desktop .active-state.elevation-pressed-20 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-21,
.device-desktop .active-state.elevation-pressed-21 {
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-22,
.device-desktop .active-state.elevation-pressed-22 {
  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-23,
.device-desktop .active-state.elevation-pressed-23 {
  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
}
.active-state.elevation-pressed-24,
.device-desktop .active-state.elevation-pressed-24 {
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
}
.elevation-transition-100 {
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
.elevation-transition,
.elevation-transition-200 {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
.elevation-transition-300 {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
.elevation-transition-400 {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
.elevation-transition-500 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
/* === Typography === */
.display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.display-block {
  display: block !important;
}
.display-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline {
  display: inline !important;
}
.display-none {
  display: none !important;
}
.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.flex-shrink-2 {
  -webkit-flex-shrink: 2 !important;
  -ms-flex-negative: 2 !important;
  flex-shrink: 2 !important;
}
.flex-shrink-3 {
  -webkit-flex-shrink: 3 !important;
  -ms-flex-negative: 3 !important;
  flex-shrink: 3 !important;
}
.flex-shrink-4 {
  -webkit-flex-shrink: 4 !important;
  -ms-flex-negative: 4 !important;
  flex-shrink: 4 !important;
}
.flex-shrink-5 {
  -webkit-flex-shrink: 5 !important;
  -ms-flex-negative: 5 !important;
  flex-shrink: 5 !important;
}
.flex-shrink-6 {
  -webkit-flex-shrink: 6 !important;
  -ms-flex-negative: 6 !important;
  flex-shrink: 6 !important;
}
.flex-shrink-7 {
  -webkit-flex-shrink: 7 !important;
  -ms-flex-negative: 7 !important;
  flex-shrink: 7 !important;
}
.flex-shrink-8 {
  -webkit-flex-shrink: 8 !important;
  -ms-flex-negative: 8 !important;
  flex-shrink: 8 !important;
}
.flex-shrink-9 {
  -webkit-flex-shrink: 9 !important;
  -ms-flex-negative: 9 !important;
  flex-shrink: 9 !important;
}
.flex-shrink-10 {
  -webkit-flex-shrink: 10 !important;
  -ms-flex-negative: 10 !important;
  flex-shrink: 10 !important;
}
.justify-content-flex-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-flex-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-space-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-space-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.justify-content-space-evenly {
  -webkit-box-pack: space-evenly !important;
  -webkit-justify-content: space-evenly !important;
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}
.justify-content-stretch {
  -webkit-box-pack: stretch !important;
  -webkit-justify-content: stretch !important;
  -ms-flex-pack: stretch !important;
  justify-content: stretch !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: end !important;
  -ms-flex-pack: end !important;
  justify-content: end !important;
}
.justify-content-left {
  -webkit-box-pack: left !important;
  -webkit-justify-content: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
}
.justify-content-right {
  -webkit-box-pack: right !important;
  -webkit-justify-content: right !important;
  -ms-flex-pack: right !important;
  justify-content: right !important;
}
.align-content-flex-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-flex-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-space-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-space-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-items-flex-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-flex-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-self-flex-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-flex-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
.text-align-left {
  text-align: left !important;
}
.text-align-center {
  text-align: center !important;
}
.text-align-right {
  text-align: right !important;
}
.text-align-justify {
  text-align: justify !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.width-auto {
  width: auto !important;
}
.width-100 {
  width: 100% !important;
}
.ios .padding {
  padding: 15px !important;
}
.ios .padding-top {
  padding-top: 15px !important;
}
.ios .padding-bottom {
  padding-bottom: 15px !important;
}
.ios .padding-left {
  padding-left: 15px !important;
}
.ios .padding-left-ios-edge {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
}
.ios .padding-right-ios-edge {
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}
.ios .padding-top-ios-edge {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.ios .padding-bottom-ios-edge {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.ios .padding-right {
  padding-right: 15px !important;
}
.ios .padding-vertical {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ios .padding-horizontal {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ios .margin {
  margin: 15px !important;
}
.ios .margin-top {
  margin-top: 15px !important;
}
.ios .margin-bottom {
  margin-bottom: 15px !important;
}
.ios .margin-left {
  margin-left: 15px !important;
}
.ios .margin-right {
  margin-right: 15px !important;
}
.ios .margin-vertical {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.ios .margin-horizontal {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.ios .text-color-red {
  color: #ff3b30 !important;
}
.ios .bg-color-red {
  background-color: #ff3b30 !important;
}
.ios .border-color-red {
  border-color: #ff3b30 !important;
}
.ios .text-color-green {
  color: #4cd964 !important;
}
.ios .bg-color-green {
  background-color: #4cd964 !important;
}
.ios .border-color-green {
  border-color: #4cd964 !important;
}
.ios .text-color-blue {
  color: #007aff !important;
}
.ios .bg-color-blue {
  background-color: #007aff !important;
}
.ios .border-color-blue {
  border-color: #007aff !important;
}
.ios .text-color-pink {
  color: #ff2d55 !important;
}
.ios .bg-color-pink {
  background-color: #ff2d55 !important;
}
.ios .border-color-pink {
  border-color: #ff2d55 !important;
}
.ios .text-color-yellow {
  color: #ffcc00 !important;
}
.ios .bg-color-yellow {
  background-color: #ffcc00 !important;
}
.ios .border-color-yellow {
  border-color: #ffcc00 !important;
}
.ios .text-color-orange {
  color: #ff9500 !important;
}
.ios .bg-color-orange {
  background-color: #ff9500 !important;
}
.ios .border-color-orange {
  border-color: #ff9500 !important;
}
.ios .text-color-gray {
  color: #8e8e93 !important;
}
.ios .bg-color-gray {
  background-color: #8e8e93 !important;
}
.ios .border-color-gray {
  border-color: #8e8e93 !important;
}
.ios .text-color-white {
  color: #ffffff !important;
}
.ios .bg-color-white {
  background-color: #ffffff !important;
}
.ios .border-color-white {
  border-color: #ffffff !important;
}
.ios .text-color-black {
  color: #000000 !important;
}
.ios .bg-color-black {
  background-color: #000000 !important;
}
.ios .border-color-black {
  border-color: #000000 !important;
}
.md .padding {
  padding: 16px !important;
}
.md .padding-top {
  padding-top: 16px !important;
}
.md .padding-bottom {
  padding-bottom: 16px !important;
}
.md .padding-left {
  padding-left: 16px !important;
}
.md .padding-right {
  padding-right: 16px !important;
}
.md .padding-vertical {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.md .padding-horizontal {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.md .margin {
  margin: 16px !important;
}
.md .margin-top {
  margin-top: 16px !important;
}
.md .margin-bottom {
  margin-bottom: 16px !important;
}
.md .margin-left {
  margin-left: 16px !important;
}
.md .margin-right {
  margin-right: 16px !important;
}
.md .margin-vertical {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.md .margin-horizontal {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.md .text-color-red {
  color: #f44336 !important;
}
.md .bg-color-red {
  background-color: #f44336 !important;
}
.md .border-color-red {
  border-color: #f44336 !important;
}
.md .text-color-green {
  color: #4caf50 !important;
}
.md .bg-color-green {
  background-color: #4caf50 !important;
}
.md .border-color-green {
  border-color: #4caf50 !important;
}
.md .text-color-blue {
  color: #2196f3 !important;
}
.md .bg-color-blue {
  background-color: #2196f3 !important;
}
.md .border-color-blue {
  border-color: #2196f3 !important;
}
.md .text-color-pink {
  color: #e91e63 !important;
}
.md .bg-color-pink {
  background-color: #e91e63 !important;
}
.md .border-color-pink {
  border-color: #e91e63 !important;
}
.md .text-color-yellow {
  color: #ffeb3b !important;
}
.md .bg-color-yellow {
  background-color: #ffeb3b !important;
}
.md .border-color-yellow {
  border-color: #ffeb3b !important;
}
.md .text-color-orange {
  color: #ff9800 !important;
}
.md .bg-color-orange {
  background-color: #ff9800 !important;
}
.md .border-color-orange {
  border-color: #ff9800 !important;
}
.md .text-color-gray {
  color: #9e9e9e !important;
}
.md .bg-color-gray {
  background-color: #9e9e9e !important;
}
.md .border-color-gray {
  border-color: #9e9e9e !important;
}
.md .text-color-white {
  color: #ffffff !important;
}
.md .bg-color-white {
  background-color: #ffffff !important;
}
.md .border-color-white {
  border-color: #ffffff !important;
}
.md .text-color-black {
  color: #000000 !important;
}
.md .bg-color-black {
  background-color: #000000 !important;
}
.md .border-color-black {
  border-color: #000000 !important;
}

/**
 * Framework7 Plugin 3D Panels 2.0.0
 * Framework7 plugin to add 3d effect for side panels
 * http://framework7.io/plugins/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 24, 2018
 */
.with-panels-3d .framework7-root{-webkit-perspective:1100px;perspective:1100px;overflow:hidden}.with-panels-3d .framework7-root .views{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.with-panels-3d .panel-reveal.panel-left{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}.with-panels-3d .panel-reveal.panel-right{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.with-panels-3d.with-panel-left-reveal .framework7-root>.view,.with-panels-3d.with-panel-left-reveal .framework7-root>.views{-webkit-transform:translate3d(260px,0,0) rotateY(-30deg);transform:translate3d(260px,0,0) rotateY(-30deg);-webkit-transform-origin:right center;transform-origin:right center}.with-panels-3d.with-panel-left-reveal .panel-left{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.with-panels-3d.with-panel-right-reveal .framework7-root>.view,.with-panels-3d.with-panel-right-reveal .framework7-root>.views{-webkit-transform:translate3d(-260px,0,0) rotateY(30deg);transform:translate3d(-260px,0,0) rotateY(30deg);-webkit-transform-origin:left center;transform-origin:left center}.with-panels-3d.with-panel-right-reveal .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.with-panels-3d.with-panel-left-reveal .framework7-root>.view,.with-panels-3d.with-panel-left-reveal .framework7-root>.views,.with-panels-3d.with-panel-right-reveal .framework7-root>.view,.with-panels-3d.with-panel-right-reveal .framework7-root>.views{-webkit-transition-property:-webkit-transform-origin,-webkit-transform;transition-property:-webkit-transform-origin,-webkit-transform;transition-property:transform-origin,transform;transition-property:transform-origin,transform,-webkit-transform-origin,-webkit-transform}.md.with-panels-3d.with-panel-left-reveal .framework7-root>.view,.md.with-panels-3d.with-panel-left-reveal .framework7-root>.views,.md.with-panels-3d.with-panel-right-reveal .framework7-root>.view,.md.with-panels-3d.with-panel-right-reveal .framework7-root>.views{-webkit-box-shadow:none;box-shadow:none}
@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/node_modules/framework7-icons/fonts/Framework7Icons-Regular.eot?c0087d4d5ddd32ec52f1859b42956db6);
  src: url(/fonts/node_modules/framework7-icons/fonts/Framework7Icons-Regular.woff2?ae8767ca8ecf4b090af58eff5dd6d3a7) format("woff2"),
       url(/fonts/node_modules/framework7-icons/fonts/Framework7Icons-Regular.woff?2e9a0313ed02aed1e206340feb36ec5c) format("woff"),
       url(/fonts/node_modules/framework7-icons/fonts/Framework7Icons-Regular.ttf?4348368ab857cb57b18e1a87ba8ff284) format("truetype");
}

.f7-icons, .framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  text-align: center;
}
/* Material Icons Font (for MD theme) */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/src/fonts/MaterialIcons-Regular.eot?e79bfd88537def476913f3ed52f4f4b3); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/fonts/src/fonts/MaterialIcons-Regular.woff2?570eb83859dc23dd0eec423a49e147fe) format('woff2'),
       url(/fonts/src/fonts/MaterialIcons-Regular.woff?012cf6a10129e2275d79d6adac7f3b02) format('woff'),
       url(/fonts/src/fonts/MaterialIcons-Regular.ttf?a37b0c01c0baf1888ca812cc0508f6e2) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Framework7 Icons Font (for iOS theme) */
@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/src/fonts/Framework7Icons-Regular.eot?c2b585dac46dfe951ebbb322abad07bd);
  src: local('Framework7 Icons'),
     local('Framework7Icons-Regular'),
     url(/fonts/src/fonts/Framework7Icons-Regular.woff2?40303237e5669d23ff19f503286afb97) format("woff2"),
     url(/fonts/src/fonts/Framework7Icons-Regular.woff?18bfd1d8f77ae61222e32b657e866695) format("woff"),
     url(/fonts/src/fonts/Framework7Icons-Regular.ttf?696fe062b45f43381ed5d108cb4d41d6) format("truetype");
}

.f7-icons, .framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

/* Your app styles here */
html.md * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-goog-ms-box-shadow: none !important;
	box-shadow: none !important;
}

/* * {
	will-change: transform, opacity, box-shadow, filter;
} */

html.md, .page-from-right-to-center, .page-from-center-to-right, .page-from-left-to-center, .page-from-center-to-left {
	-webkit-animation-duration: 40ms !important;
	-moz-animation-duration: 40ms !important;
	animation-duration: 40ms !important;
}

body {

  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */

}
.md body,
.ios body {
	font-family: var(--baseFont);
	color: var(--textPrimaryColor);
	line-height: var(--lineHeightNormal);
	background: var(--body_background);
}
.md.with-modal-popup body,
.ios.with-modal-popup body {
  background: transparent;
}
html .statusbar {
	background-color: var(--primaryColor) !important;
	/* We can add transition for smooth color animation */
	/* color: #fff !important; */
	transition: 400ms;
}
html.device-android .statusbar,
html.device-ios .statusbar {
	height: constant(safe-area-inset-top);
	height: env(safe-area-inset-top);
}
html.device-android.device-android-13 .statusbar {
	height: initial;
}
html.with-statusbar.device-android .framework7-root,
html.with-statusbar.device-ios .framework7-root {
	padding-top: constant(safe-area-inset-top);
	padding-top: env(safe-area-inset-top);
}
html.with-statusbar.device-android.device-android-13 .framework7-root {
	padding-top: initial;
}
html.with-statusbar.device-android .popup,
html.with-statusbar.device-ios .popup {
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
}
html.with-statusbar.device-android.device-android-13 .popup {
	top: initial;
}
@media (max-width: 629px), (max-height: 629px) {
	html.with-statusbar.device-android .popup,
	html.with-statusbar.device-ios .popup {
		height: calc(100% - constant(safe-area-inset-top));
		height: calc(100% - env(safe-area-inset-top));
	}
	html.with-statusbar.device-android.device-android-13 .popup {
		height: initial;
	}
}
html.with-statusbar.device-android .login-screen,
html.with-statusbar.device-ios .login-screen,
html.with-statusbar.device-android .panel,
html.with-statusbar.device-ios .panel {
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
	height: calc(100% - constant(safe-area-inset-top));
	height: calc(100% - env(safe-area-inset-top));
}
html.with-statusbar.device-android.device-android-13 .login-screen,
html.with-statusbar.device-android.device-android-13 .panel {
	top: initial;
	height: initial;
}

.hideLoader ~ .preloader-modal {
	display: none !important;
}
html.md .preloader-modal {
	position: absolute;
    left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
    padding: 8px;
    background: var(--body_background);
    z-index: 14500;
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50px !important;
	-webkit-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.8) !important;
	-moz-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.8) !important;
	box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.8) !important;
}
/* html.md .preloader-backdrop {
    opacity: 1;
	background: var(--body_background);
} */
.preloader-modal .preloader {
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    font-size: 0;
    -webkit-animation: md-preloader-outer 3300ms linear infinite;
	animation: md-preloader-outer 3300ms linear infinite;
}
.preloader .preloader-inner .preloader-inner-gap,
.preloader .preloader-inner .preloader-inner-half-circle,
.preloader-modal .preloader.color-white .preloader-inner-gap,
.preloader-modal .preloader.preloader-white .preloader-inner-gap,
.preloader-modal .preloader.color-white .preloader-inner-half-circle,
.preloader-modal .preloader.preloader-white .preloader-inner-half-circle {
	border-color: var(--primaryColor);
}
.infinite-preloader-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
	top: 0px;
}
#main-view .ptr-preloader {
    top: 16px;
	bottom: auto;
	opacity: 0;
    background: var(--body_background);
	-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.5) !important;
}
#main-view .ptr-pull-down .ptr-preloader,
#main-view .ptr-pull-up .ptr-preloader {
	opacity: 1;
}
#main-view .ptr-preloader .ptr-arrow {
    border: 3px solid var(--primaryColor);
    border-left-color: transparent;
}
img[lazy=loading] {
	width: 40px !important;
	height: 40px !important;
}

.scrollBox {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: scroll;
  }
.scrollBox::before {
	content: '';
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	display: block;
	height: 6px;
	background: -webkit-radial-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
	background: -moz-radial-gradient(top, rgba(0, 0, 0, 0.3), rgb(128, 81, 81));
	background: radial-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
    z-index: 10;
  }
.scrollBox::after {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 6px;
	background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    z-index: 10;
  }
figure.image__wrapper {
    height: 100px;
  	margin: 0;
    margin-bottom: 10px;
}
/* >>>>>>> TIPOGRAPHY <<<<<<< */
  /* poppins-300 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-300.woff2?36b950c243dba3819957f254a5a22ffe) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-regular - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-regular.woff2?46ff920efe7721f9087376e8131619e8) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-italic.woff2?bb4b1f76c410ca1153a235f29f9e8888) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-500 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-500.woff2?3a0a14dc7381ee5200cadbe0af4ee7de) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-500italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 500;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-500italic.woff2?0f2c986f870ddc910a2ee5c43d189106) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-600 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-600.woff2?a8d9aa7ba6d196c3212919c05588eaf4) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-600italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-600italic.woff2?38cbe65d89a903a71e146fa79d9f8625) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-700 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-700.woff2?0debef05807771edda9c8d32f7d42384) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-700italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 700;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-700italic.woff2?4fa7d9a4ccc44ee9333ea91945269f7e) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-800 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-800.woff2?258781867c43ccb57c628bbcb8f29eb2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-800italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 800;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-800italic.woff2?572a99a33794a2ece56c0e12c0d86ed5) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-900 - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-900.woff2?fc3bc03d3aa5fb9ac0fb0a899ee78515) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-900italic - devanagari_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 900;
	src: url(/fonts/src/fonts/poppins-v20-devanagari_latin_latin-ext-900italic.woff2?b400aefc7c382fdab4f37b74326cad84) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* source-serif-4-300 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-300.woff2?5a14d63fe291b4279c632ccba9ca0a0d) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-regular - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-regular.woff2?aff6e9bf10b2d5ce926c02ab854ad8cc) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-500 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-500.woff2?f978558421b1c475e41dd3cea9883b1a) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-600 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 600;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-600.woff2?b17af769e8f3396e73251df303aff125) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-700 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-700.woff2?3359ce589b832f2ac032ea2226ed5a12) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-800 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 800;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-800.woff2?61dffcf0b65af6fe2b9807f897d0d700) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-serif-4-900 - cyrillic_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Serif';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/src/fonts/source-serif-4-v8-cyrillic_latin_latin-ext-900.woff2?1b47c8ecc8347f33cef73cb88484d1cf) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* Define font faces for Quincy CF font family */
  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-black.otf?aa17c2b60cea5618846385120ccc5893) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-bold.otf?784175a86abf9ba0a4e94bbdc1a88d88) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: italic;
	font-weight: 800;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-extrabolditalic.otf?fda5e06453d4faab3b2a07fa513c3cd6) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-light.otf?92fb2bd453a98fe2bcca25521311e025) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-medium.otf?92d7f54cfcec94c3cea20ad7d935d133) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/src/fonts/Fontspring-DEMO-quincycf-regular.otf?041d2beb15accac7ceefe2556643c2c2) format('opentype');
  }

  @font-face {
	font-display: swap;
	font-family: 'Quincy CF';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/src/fonts/QuincyCF-Text.ttf?2d8d14ded14909b2531041e465f07ad8) format('truetype');
  }


p {
	color: var(--textPrimaryColor);
}
.f-s-12 {
	font-size: 12px;
}
.f-s-14 {
	font-size: 14px;
}
.f-s-15 {
	font-size: 15px;
}
.f-s-16 {
	font-size: 16px;
}
.f-s-20 {
	font-size: 20px;
}
.f-weight-300 {
	font-weight: 300;
}
.f-weight-400 {
	font-weight: 400;
}
.f-weight-500 {
	font-weight: 500;
}
.f-weight-600 {
	font-weight: 600;
}
.f-weight-700 {
	font-weight: 700;
}
.font-weight-bold {
  	font-weight: bold;
}
.line-height-48 {
	line-height: 48px !important;
}
.line-height-50 {
	line-height: 50px !important;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-justify {
  	text-align: justify;
}
.justify-content-center {
    justify-content: center;
}
.bold-text-align-center {
  	text-align: center;
  	font-weight: bold;
  	font-size: large;
}
.vertical--align--middle {
  	vertical-align: middle
}
.float-right {
  	float: right;
}
.float-left {
  	float: left;
}
.text-uppercase {
  	text-transform: uppercase;
}
.text-trans-none {
	text-transform: none !important;
}
.white-space-normal {
	white-space: normal;
}
.padding-70 {
  	padding: 70px;
}
.padding--0 {
	padding: 0 !important;
}
.padding--18 {
	padding: 0 18px !important;
}
.padding-b {
	padding-bottom: 0 !important;
}
.margin-auto {
	margin: auto !important;
}
.margin--0 {
  	margin: 0px !important;
}
.margin--18 {
	margin: 18px;
}
.margin--0--top10 {
  	margin: 10px 0px 0px 0px !important;
}
.margin--top--0 {
	margin-top: 0 !important;
}
.margin--top--10 {
  	margin-top: 10px !important;
}
.margin-top--18 {
	margin-top: 18px !important;
}
.margin-b {
	margin-bottom: 0 !important;
}
.margin-b--10 {
	margin-bottom: 10px !important;
}
.margin-b--18 {
	margin-bottom: 18px !important;
}
.m-right-0 {
	margin-right: 0 !important;
}
.margin-right-10 {
  	margin-right: 10px;
}
.m-right-14 {
	margin-right: 14px;
}
.m-right-18 {
	margin-right: 18px;
}
.m-left-0 {
	margin-left: 0;
}
.margin--left--0 .item-inner {
  	margin-left: 0px !important;
}
.margin-left-10 {
  	margin-left: 10px;
}

.w100_vh {
	width: 100vh !important;
}
.h100_vh {
	height: 100vh !important;
}
.w100 {
	width: 100% !important;
}
.h100 {
	height: 100% !important;
}
.w50 {
	width: 50% !important;
}
.h50 {
	height: 50% !important;
}

.bg--list.list ul {
	background-color: var(--listBg);
}
.f-color-white {
	color: #ffffff !important;
}
.f-color-black {
	color: var(--textSecondColor) !important;
}
.font-size-x-large {
  	font-size: x-large;
}

.border {
	border: 1px solid var(--borderColor);
}
.border_none {
	border: none !important;
}
.border_top {
	border-top: 1px solid var(--borderColor);
}
.border_bottom {
	border-bottom: 1px solid var(--borderColor);
}
.border_right {
	border-right: 1px solid var(--borderColor);
}
.border_left {
	border-left: 1px solid var(--borderColor);
}

.radius_0 {
	border-radius: 0 !important;
}
.radius_standard {
  	border: 1px solid var(--borderColor);
  	border-radius: var(--radiusStandard) !important;
}
.radius_25 {
	border-radius: 25px;
}
.radius_50 {
	border-radius: 50px;
}

.red {
  	color: var(--alertColor) !important;
}
.bg_white {
	background: #ffffff !important;
}
.bg_black {
	background: #000000 !important;
}
.bg_transparent {
	background: transparent !important;
}
.background_alert {
	background-image: var(--alertBg) !important;
}

.page_Navbar .page-content {
	padding-top: 56px !important;
}
.page_notNavbar .page-content {
	padding-top: 0 !important;
}
.page_Toolbar .page-content {
	padding-bottom: var(--paddingBottom) !important;
}
.page_notToolbar .page-content {
	padding-bottom: 20px !important;
}
.page_notToolbar_0 .page-content {
	padding-bottom: 0 !important;
}
.display-block {
	display: block !important;
}
.display-none {
	display: none !important;
}
.display-unset {
	display: unset !important;
}
.disabled-item,
.disabled-item .item-title-row,
.disabled-item .item-subtitle,
.disabled-item .icon {
	opacity: 0.3 !important;
	pointer-events: none !important;
}
.disabled-item label {
	pointer-events: none !important;
}
/* ===[ GENERAL ]=== */
.page-content {
	padding-bottom: 20px;
}
.md .generalNavbar,
.md .top-navbar .store-phone-number,
.md .top-navbar .store-working-hours,
footer {
	display: none;
}
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content,
.md .toolbar-bottom-md.tabbar-labels ~ .page-content,
.toolbar.toolbar-bottom-md ~ .page-content {
	padding-bottom: var(--paddingBottom);
}
.md .generalToolbar ~ #main-view .page-content {
	padding-bottom: var(--paddingBottomGeneralToolbar);
}
.md .generalToolbar ~ #main-view .toolbar ~ .page-content {
	padding-bottom: calc(var(--heightGeneralToolbar) + var(--paddingBottom));
}
.list ul li .item-content,
.list ul li .item-content {
	padding-left: 16px;
	padding-right: 16px;
}
/* div#framework7-root {
	max-width: 600px;
	margin: auto;
} */
.contentCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}
.center {
	width: 70%;
	margin: 0 auto !important;
	padding: 0 !important;
}
.center .block {
	width: 100%;
}
.text-center.block-title {
	margin: 14px 18px 10px;
}
.padding_inner .item-inner {
	padding: 0 !important;
}
.list .after_none .item-inner:after {
	content: none !important;
}
.md .list .item-inner:after {
	background-color: var(--borderColor);
}
.md .icon-back {
	background-image: url(/static_images/src/images/icon/back_3e4.png?3e4840fedbf6a8e9d37a7dfc411e7127) !important;
}
.md .list .item-inner:after,
.md .list .item-link .item-inner,
.md .links-list a {
	background-position: calc(100% - 0px) center !important;
}
.star-rating-middle .vue-star-rating {
	margin: 0 auto;
}
.vue-star-rating-rating-text {
	display: none;
}
.subnavbar .tab-link-highlight {
  	display: none;
}
.tabs .page-content {
  	padding-top: 0px !important;
}
.loyalty--points--middle {
	width: 100%;
	text-align: center;
	font-size: x-large;
}
.margin--special-title {
  	margin: 20px 0 0 0 !important;
}
.menu-list-items .item-title {
  	width: 100%;
}
.product--image {
	height: 275px;
	width: 100%;
	object-fit: var(--imageProportionProduct);
	background-size: var(--imageProportionProduct);
}
.read {
  	opacity: 0.55 !important;
}
.accordion-item-content input[type="checkbox"]:disabled + i {
	opacity: 0.55 !important;
	pointer-events: none !important;
}
.accordion-item-content input[type="checkbox"]:disabled ~ .item-inner {
	opacity: 0.55 !important;
	pointer-events: none !important;
}
.card-image-inline .item-title {
	width: 100%;
	padding: 0 10px;
}
.card-image-inline .item-inner {
	padding-right: 0;
}
.calendar--block .center {
  	text-align: center;
}
.payment-button {
	background: inherit;
	color: inherit;
	border: none;
	height: 100%;
}
.text-uppercase-input input[type="text"] {
	text-transform: uppercase;
}
.text-capitalize-input input[type="text"] {
	text-transform: capitalize;
}
.btnRemove {
	border: none !important;
	border-radius: var(--radiusCustom);
	color: #ffffff !important;
	background: var(--gradientBtnRemove);
}
.btnRemove p {
	color: #ffffff !important;
}
/* .view-main {
	transition: .4s;
} */
.info-clients {
	text-align: center;
	font-style: italic;
	color: red;
	margin: 1em 20px;
}
.info-address-restaurant {
	display: block;
}
.back_to_logout {
	position: absolute;
	top: 0;
	left: 0;
	min-width: auto !important;
	padding: 18px 12px !important;
}
.back_to_logout i {
	color: var(--colorBack);
}
.warningCalendarRange {
    margin: 20px;
    text-align: center;
	color: var(--alertColor);
}
/* .disabledButton {
	color: var(--alertColor) !important;
} */
.input-dropdown-wrap:before,
.input-dropdown:before {
    border-top: 5px solid var(--borderColor);
    right: 5px;
    z-index: 999;
}
.popupProduct {
    height: 100%;
}
.popupProduct .navbar {
	background: transparent !important;
	-webkit-backdrop-filter: blur(4px);
	-moz-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
div#checkBrowserPopup {
    max-width: 500px;
    margin: auto !important;
    height: 460px !important;
    border-radius: 10px !important;
    bottom: 0px;
	right: 0px;
	left: 0px;
    padding: 20px;
}
div#isPopupOther {
    max-width: 500px;
    margin: auto !important;
    height: 450px !important;
    border-radius: 10px !important;
    bottom: 0px;
	right: 0px;
	left: 0px;
    padding: 20px;
}
div#isPopupOther .page-content {
	padding-bottom: 0px;
}
div#isPopupOther .page,
div#isPopupOther .navbar {
	border-radius: 10px !important;
}
div#isPopupOther .popup-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#isPopupOther .popup-links li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: normal;
	font-size: var(--sizeToolbar);
	height: var(--heightToolbar);
	font-weight: var(--weightToolbar);
	text-transform: var(--textTransformToolbar);
	color: var(--textPrimaryColor);
	background: var(--page_content);
	border-radius: var(--radiusToolbar);
	border: 1px solid #eee;
	box-shadow: var(--shadow) !important;
	padding: 15px;
    margin: 10px 20px;
}
div#isPopupOther.popup-links li a {
	text-decoration: none;
	color: #007aff; /* Culoare link specifică */
	font-size: 16px;
}
div#isPopupOther .popup-links li a:hover {
	text-decoration: underline;
}
div#checkBrowserPopup.popupWithImage {
	max-width: 700px;
	height: auto !important;
	padding: 0px;
}
div#checkBrowserPopup .page {
	position: relative;
	border-radius: 10px !important;
}
div#checkBrowserPopup .navbar {
	background:transparent !important;
	border-radius: 10px !important;
}
div#checkBrowserPopup .navbar .right {
	background: #fff;
}
div#checkBrowserPopup .page-content {
	background: var(--body_background) !important;
	border-radius: 10px !important;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#checkBrowserPopup .page-content .box img {
    max-width: 150px;
}
div#checkBrowserPopup .page-content .box .popup-image img {
	width: 100%;
	max-width: 100%;
}
div#checkBrowserPopup .page-content .box-link.popupWithImageButton {
	display: none;
}
div#checkBrowserPopup .page-content a.downloadApp.link,
div#checkBrowserPopup .page-content a.downloadApp {
    width: 100%;
    height: 100% !important;
    padding: 0 !important;
    line-height: normal !important;
    font-family: var(--primaryFont) !important;
    letter-spacing: var(--letterSpacing) !important;
    color: var(--fontColorToolbar) !important;
    font-size: var(--sizeToolbar) !important;
    font-weight: var(--weightToolbar) !important;
    text-transform: var(--textTransformToolbar) !important;
    border-radius: var(--radiusToolbar) !important;
    background: var(--bgToolbar) !important;
    padding: 12px !important;
	margin-top: 20px !important;
}
div#checkBrowserPopup .page-content a.downloadApp.link img,
div#checkBrowserPopup .page-content a.downloadApp img {
	margin-left: 10px;
	position: relative;
	top: 5px;
}
/* ===[ NAVBAR ]=== */
.navbar {
	height: 56px !important;
	background: var(--bgNavbar) !important;
}
.navbar::after {
	content: none !important;
}
.navbar.hiddenNavbar {
	display: none !important;
	opacity: 0 !important;
}
.navbar.hiddenNavbar ~ .page-content {
	padding-top: 0 !important;
}
.navbar .title {
	position: absolute !important;
	left: 0;
	width: 100% !important;
	margin: auto !important;
	padding: 18px 0;
	font-size: var(--sizeNavbar);
	color: var(--fontColorNavbar) !important;
	text-align: center !important;
}
.navbar .left {
	z-index: 2;
}
.navbar .left a i.icon.f7-icons {
	color: var(--colorBack);
}
.navbar .right .popup-close .icon {
	color: var(--colorClose);
}
.navbar .right .link.icon-only {
	padding: var(--leftRightSpace);
}
.navbar i.icon.fa.fa-users {   /* group order disable */
	opacity: 0.3;
}
.navbar .right .filter {
	display: block;
	width: 28px;
	height: 28px;
}
.navbar .right .filter::marker {
	content: none;
}
.navbar .right .filter .item-title,
.navbar .right .filter .item-after {
	display: none;
}
.navbar .right .filter img {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 28px;
	height: auto;
}
.navbar .navbar-inner .groupOrder {
    padding: 0 20px 0 0 !important;
}
.navbar .navbar-inner .groupOrder i {
    font-size: 22px;
	color: var(--primaryColor);
}

/* ===[ NAVBAR GO LOGIN ]=== */
.page-current.page .nav_login {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}
.nav_login .title {
	position: relative !important;
	text-align: right !important;
}
@media screen and ( max-width: 350px ) {
	.nav_login .title {
		font-size: 14px;
	}
}
.nav_login.navbar a.button:before {
	content: none;
}
.md .toolbar a.link.btn_shine::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .5), transparent) !important;
	/* transition: all 650ms; */
	opacity: 1;
}
.toolbar a.button.btn_go_login_product {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-family: var(--fontToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	color: var(--fontColorToolbar) !important;
}
a.btn_go_login img {
	height: 26px;
	margin-left: 10px;
}
.btn_go_login_product img {
	height: 26px;
	margin-left: 10px;
}
.md .navbar.nav_login .button:not(.button-fill):not(.button-fill-md).active-state {
	background: var(--bgToolbar) !important;
}
/* ===[ NAVBAR CHOOSE METHOD]=== */
.navbar .right .goChooseMethod {
    padding: 0 4px 0 16px !important;
	height: 38px !important;
	line-height: normal !important;
	overflow: hidden;
	font-size: 16px;
	font-weight: var(--weightToolbar);
	text-transform: capitalize;
	color: var(--fontColorToolbar);
	border: var(--borderToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
	-webkit-box-shadow: var(--shadowToolbar) !important;
	-moz-box-shadow: var(--shadowToolbar) !important;
	box-shadow: var(--shadowToolbar) !important;
}
.navbar .right .goChooseMethod i {
    margin-left: 4px;
	font-size: 21px;
    color: var(--fontColorToolbar);
}

/* ===[ TOOLBAR ]=== */
.toolbar {
	width: calc(100% - 36px);
	height: var(--heightToolbar) !important;
	text-align: center;
	margin-left: 18px;
	margin-bottom: 20px;
	background: var(--body_background) !important;
}
.generalToolbar ~ #main-view .toolbar {
	margin-bottom: var(--paddingBottomGeneralToolbar) !important;
}
.toolbar::after {
	content: none !important;
}
.toolbar::before {
	content: "";
	position: absolute;
    left: -20px;
    top: -20px;
    width: calc(100% + 40px);
	height: 90px;
	background: var(--bgToolbarBefore);
}
.toolbar .title {
	padding: 18px 0;
}
.toolbar .toolbar-inner {
	height: var(--heightToolbar);
	border-radius: var(--radiusToolbar);
	/* background: var(--bgToolbar); */
	-webkit-box-shadow: var(--shadowToolbar) !important;
	-moz-box-shadow: var(--shadowToolbar) !important;
	box-shadow: var(--shadowToolbar) !important;
}
.toolbar .toolbar-inner a {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 100%;
	height: 100% !important;
	padding: 0 !important;
	line-height: normal !important;
	font-family: var(--primaryFont) !important;
	letter-spacing: var(--letterSpacing) !important;
	color: var(--fontColorToolbar) !important;
	font-size: var(--sizeToolbar) !important;
	font-weight: var(--weightToolbar) !important;
	text-transform: var(--textTransformToolbar) !important;
	border-radius: var(--radiusToolbar) !important;
	background: var(--bgToolbar) !important;
}
.toolbar a.link p {
	margin: 0;
	color: inherit;
}
#cookieConsentModal.modal-tracking {
	z-index: 99999 !important;
}
.toolbar.generalToolbar {
	position: absolute;
	left:0;
	right: 0;
	height: var(--heightGeneralToolbar) !important;
    width: 100% !important;
    margin: 0px;
    z-index: 9999;
	background: var(--bgGeneralToolbar);
}
.toolbar.generalToolbar::before {
	content: none !important;
}
.toolbar.generalToolbar.generalToolbarPage,
.generalToolbar.generalToolbarDesktop{
	display: none !important;
}
.toolbar.generalToolbar .toolbar-inner {
	height: 100% !important;
    overflow: initial;
    border-radius: 0;
	/* -webkit-box-shadow: 0px -8px 22px -16px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px -8px 22px -16px rgba(0,0,0,0.75) !important;
    box-shadow: 0px -8px 22px -16px rgba(0,0,0,0.75) !important;  */
}
.toolbar.generalToolbar .toolbar-inner .link {
	font-family: var(--baseFont) !important;
	font-size: var(--sizeGeneralToolbar) !important;
	font-weight: var(--weightGeneralToolbar) !important;
	line-height: normal !important;
    text-align: center !important ;
    text-transform: var(--textTransformGeneralToolbar) !important;
	color: var(--fontColorGeneralToolbar) !important;
	background: transparent !important;
	overflow: hidden;
	transition: all 0.3s;
}
.toolbar.generalToolbar .toolbar-inner .link.center {
    position: relative;
    bottom: 15px;
    width: 65px !important;
    min-width: 65px !important;
    height: 65px !important;
    border-radius: 100px !important;
    background: var(--bgGeneralToolbar) !important;
	-webkit-box-shadow: 0 2px 8px -2px rgb(0 0 0 / 50%) !important;
    -moz-box-shadow: 0 2px 8px -2px rgb(0 0 0 / 50%) !important;
    box-shadow: 0 2px 8px -2px rgb(0 0 0 / 50%) !important;
}
.toolbar.generalToolbar .toolbar-inner .link.center.selected {
    background: var(--primaryColor) !important;
	transition: all 0.3s;
}
.toolbar.generalToolbar .toolbar-inner .link::before {
	content: none;
}
.toolbar.generalToolbar .toolbar-inner .link img {
    width: auto;
    height: 25px;
    margin-bottom: 5px;
	transition: all 0.3s;
}
.toolbar.generalToolbar .toolbar-inner .link.center img {
    height: 32px;
    margin-bottom: 0;
}
.toolbar.generalToolbar .toolbar-inner .link.center .cartNotification.badge {
    display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
    top: 10px;
    right: 5px;
    min-width: 20px;
    min-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.md.device-ios .page > .toolbar .toolbar-inner {
	height: 100%;
}
.md.device-ios .toolbar-bottom-md ~ * .page-content,
.md.device-ios .toolbar-bottom-md ~ .page-content,
.md.device-ios .messagebar ~ * .page-content,
.md.device-ios .messagebar ~ .page-content {
	padding-bottom: var(--paddingBottom);
}

/* ===[ DOUBLE TOOLBAR ]=== */
#double_toolbar {
    display: block;
    height: calc(var(--heightToolbar) + var(--heightToolbar) + 10px) !important;
    background: transparent !important;
}
#double_toolbar::before {
    height: calc(var(--heightToolbar) + var(--heightToolbar) + 50px);
    background: var(--bgDoubleToolbarBefore);
}
#double_toolbar .toolbar-inner {
    display: block;
	height: auto;
    border-radius: unset;
}
.device-ios #double_toolbar .toolbar-inner {
	display: contents;
}
#double_toolbar .toolbar-inner a {
    height: var(--heightToolbar) !important;
	overflow: hidden;
}
#double_toolbar .toolbar-inner a ~ a {
	margin-top: 10px;
}
#double_toolbar .toolbar-inner .total_products_count {
    margin: 0 0 20px;
    padding: 0;
}
#double_toolbar .toolbar-inner .backButton i {
	position: absolute;
    top: calc(50% - 28px/2);
    left: 18px;
}
#double_toolbar ~ .page-content {
    padding-bottom: calc(var(--heightToolbar) + var(--heightToolbar) + 50px);
}

/* ===[ CHIP ]=== */
.md .chip {
	height: 26px;
	margin: 0;
    padding: 0 10px;
	border-right: 1px solid var(--borderColor);
	font-weight: 500;
	color: var(--textPrimaryColor);
	border-radius: 0;
    background: transparent;
}
.md .chip:last-of-type {
	border-right: none;
}
.md .chip-media {
    border-radius: 0;
    background: transparent;
}
.chip-media i img {
    height: auto;
    max-width: 20px;
    border-radius: 0;
}
.md .chip-media + .chip-label {
    margin-left: 2px;
    font-size: 11px;
}

/* ===[ ICON ]=== */
.fa-info-circle {
	color: var(--colorIcon) !important;
}
a.backButton {
	display: flex;
	min-width: auto !important;
	padding: 0 10px !important;
}
a.backButton i {
	align-self: center;
}
i.continueArrow {
    position: absolute;
    top: 11px;
    right: 10px;
}
i.backArrow {
	position: absolute;
    top: 11px;
    left: 10px;
}
.close-bottom.right a.link.popup-close {
	padding: 0 8px;
}
i.icon.fa.fa-angle-double-left {
    position: absolute;
    top: calc(50% - 13px);
    right: 32px;
    font-size: 26px;
    color: var(--colorBack);
    transition: 0.3s;
}
.swipeout-opened i.icon.fa.fa-angle-double-left {
	right: 170px;
	transform: rotate(180deg);
}

/* ===[ CHECKBOX ]=== */
.md .check,
.md .icon-radio,
.md .icon-checkbox,
.md .checkbox i {
    position: relative;
    width: 18px;
    height: 18px;
    border: none;
	border-radius: 25px;
	background: #EBEBEB;
	transition: all 0.3s;
}
.md .check {
    min-width: 18px;
    min-height: 18px;
}
.md label input[type="checkbox"]:checked ~ .check,
.md label input[type="radio"]:checked ~ .check,
.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.md .checkbox input[type="checkbox"]:checked ~ i,
.md label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .radio input[type="radio"]:checked ~ .icon-radio {
	background: var(--primaryColor) !important;
	transition: all 0.3s;
}
.md .check:after {
	content: '';
	position: absolute;
}
.md .check:after,
.md .icon-checkbox:after,
.md .checkbox i:after,
.md .icon-radio:after,
i.icon.icon-radio::after,
label i.icon-radio:after {
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    opacity: 0;
    background: no-repeat center;
	background-image: url(/static_images/src/images/icon/check_bc8.svg?bc8809c145d616cb3449b574008616c0);
    background-size: 10px;
}
.md label input[type="checkbox"]:checked ~ .check::after,
.md label input[type="radio"]:checked ~ .check::after,
.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox::after,
.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox::after,
.md .checkbox input[type="checkbox"]:checked ~ i::after,
.md label.item-radio input[type="radio"]:checked ~ .icon-radio::after,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio::after,
.md .radio input[type="radio"]:checked ~ .icon-radio::after {
    margin: 0;
    opacity: 1;
    background-color: transparent;
}
li label.item-checkbox > .icon-checkbox,
li label.item-radio > .icon-radio {
	margin-right: 15px !important;
}
.page-content,
.generalToolbarDesktop {
	background:var(--page_content);
}

/* ===[ BUTTON ]=== */
.button {
	height: 50px !important;
	color: var(--fontColorToolbar);
	background-color: var(--body_background);
}
a.btn.link {
    display: flex;
    padding: 5px 20px;
    margin: 10px auto;
    min-height: 35px;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	font-family: var(--fontToolbar);
	font-size: var(--sizeToolbar);
    color: var(--fontColorToolbar);
	font-weight: var(--weightToolbar);
    border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}

/* ===[ DIALOG ]=== */
.md .dialog {
	width: 260px;
    margin-left: -130px;
	border-radius: var(--radiusCustom) !important;
    background: var(--body_background);
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
}
.md .dialog .dialog-inner {
    padding: 20px 20px 20px;
}
/* .md .dialog .dialog-inner::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
    width: 140px;
    height: 40px;
	background-image: url(../images/logo/logo.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 140px;
} */
.md .dialog .dialog-inner .dialog-title {
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.md .dialog .dialog-inner .dialog-title img{
    display: flex;
    justify-content: center;
    align-items: center;
	width: 140px;
}
.md .dialog .dialog-inner .dialog-text {
    margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	margin-top: 30px;
	color: var(--textPrimaryColor);
}
.dialog .dialog-inner ~ .dialog-buttons {
	height: auto;
    padding: 12px 15px;
	justify-content: center;
}
.dialog .dialog-inner ~ .dialog-buttons .dialog-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 50px;
	font-size: 14px;
	font-weight: 400;
    text-transform: initial;
	color: var(--primaryColor);
	border-radius: var(--radiusCustom);
}
.dialog .dialog-inner ~ .dialog-buttons .dialog-button.dialog-button-bold {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--fontColorToolbar);
    background: var(--bgToolbar);
}
.dialog.deleteAcount .dialog-inner ~ .dialog-buttons .dialog-button.dialog-button-bold {
    background: var(--alertBg);
}
.dialog .dialog-inner input.dialog-input {
	margin-top: 10px;
	padding: 0 15px;
    text-transform: uppercase;
	color: var(--textPrimaryColor);
	border: 1px solid var(--borderColor);
	border-radius: var(--radiusCustom);
	background: var(--bgInput);
}
.dialog .dialog-input-field .item-input-wrap:after {
	content: none;
}
.dialog.dialog-buttons-vertical .dialog-inner {
    padding-bottom: 0;
}
.dialog.dialog-buttons-vertical .dialog-buttons {
	padding: 10px 20px 20px !important;
}
.dialog.dialog-buttons-vertical .dialog-buttons .dialog-button {
    margin-bottom: 10px;
	text-align: center;
	width: 100% !important;
}
.dialog.dialog-buttons-vertical .dialog-buttons .dialog-button.dialog-button-bold {
	margin: 0;
	color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}

/* ===[ NOTIFICATION ]=== */
.addToCartNotification.notification {
	position: absolute;
	top: auto;
	bottom: 150px;
    left: 20px;
    right: 0;
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 40px);
	color: var(--textPrimaryColor);
	border-radius: var(--radiusCustom);
    background: var(--secondColor);
	-webkit-box-shadow: 2px 2px 6px -3px rgba(0,0,0,0.6) !important;
    -moz-box-shadow: 2px 2px 6px -3px rgba(0,0,0,0.6) !important;
    box-shadow: 2px 2px 6px -3px rgba(0,0,0,0.6) !important;
    opacity: 0.9;
}
.addToCartNotification.notification .notification-content {
    margin: 0 !important;
}
.addToCartNotification.notification .notification-text,
.addToCartNotification.notification .notificationText {
    padding: 30px 20px;
	font-size: 18px;
    font-weight: bold;
	text-align: center;
	color: var(--textPrimaryColor) !important;
}
.notification.alertCloseRestaurant {
	position: relative;
    display: block;
	width: calc(100% - 80px);
	max-width: 300px;
	left: 0;
    margin: 20px auto 0 !important;
    padding: 14px 20px;
    border-radius: var(--radiusCustom);
	-webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.5) !important;
}
.notification.alertCloseRestaurant .notificationText {
    margin: 0;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
    line-height: normal;
	color: var(--textPrimaryColor);
}

/* ===[ LIST NO PRODUCTS ]=== */
.empty-list {
	min-height: 0;
}
.empty-list .item-content {
	min-height: 0;
}
.empty-list .item-inner {
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 0 !important;
}
.empty-list .item-title {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    font-weight: 400 !important;
	margin: 0 !important;
}
.empty-hours {
	height: auto;
}
.empty-hours .item-inner {
	display: block !important;
}
.empty-hours .item-inner p {
	text-align: center;
}

/* SEARCHBAR */
.navbar .right .searchbar-enable {
	width: 38px;
    height: 38px !important;
    margin: 0 15px;
    padding: 0 !important;
}
.navbar .right .searchbar-enable i {
    margin: 0 !important;
	color: var(--primaryColor);
    font-size: 30px !important;
}
.navbar .right .searchbar-enable img {
	height: 26px;
    width: auto;
}
.navbar .right ~ .searchbarProducts.searchbar-expandable.searchbar-enabled {
	width: 100% !important;
	transition: all 0.3s;
	background: var(--bgList);
    /* box-sizing: border-box;
    border: 2px solid var(--borderColor) !important; */
}

.md .page-content .searchbar.searchbarProducts {
    margin: 0;
    width: 100%;
	border-radius: var(--radiusCustom);
	background: var(--bgList);
}
.searchbarProducts input[type="search"] {
	padding-left: 50px !important;
    padding-right: 42px;
	border-radius: var(--radiusCustom);
}
.searchbarProducts input[type="search"]::placeholder {
	position: relative;
	bottom: 1px;
	font-size: 16px;
}
.searchbarProducts .searchbar-icon {
    left: 2px;
    background-size: 20px 20px;
	background-image: url(/static_images/src/images/icon/search_20e.svg?20e0f8457baec2699a36743ae2273664);
}
.searchbarProducts .searchbar-disable-button {
    left: 2px;
    background-size: 20px 20px;
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
}
/* FILTERS */
.filter {
    display: block;
    margin-left: 20px;
    height: 25px;
    width: 25px;
}
.filter .item-link .item-content .item-inner .item-after,
.filter .item-link .item-content .item-inner .item-title {
    display: none
}
.filter .item-link .item-content .item-inner .icon {
    height: 25px;
	width: 25px;
}
.filter .item-link .item-content .item-inner .icon img {
    max-width: 25px;
    max-height: 25px;
}

/* FILTERS POPUP */
.filtersPopup.popup .navbar .left a i {
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
    background-size: 20px 20px;
}
.filtersPopup.popup .navbar .subnavbar {
	background: var(--body_background);
}
.filtersPopup.popup .navbar .subnavbar::after {
	height: 20px;
	background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.92) 60%, rgba(0,0,0,0) 100%);
}
.filtersPopup.popup .navbar .subnavbar .searchbar {
	margin: 0 20px;
    border-radius: var(--radiusCustom);
    background: var(--bgList);
}
.filtersPopup.popup .navbar .subnavbar .searchbar .searchbar-inner input {
    padding-left: 60px;
}
.filtersPopup.popup .navbar .subnavbar .searchbar .searchbar-inner input::placeholder {
	position: relative;
	bottom: 1px;
	font-size: 16px !important;
}
.filtersPopup.popup .navbar .subnavbar .searchbar .searchbar-inner .searchbar-icon {
    left: 6px;
    background-size: 20px 20px;
	background-image: url(/static_images/src/images/icon/search_20e.svg?20e0f8457baec2699a36743ae2273664);
}
.filtersPopup.popup .navbar .subnavbar .searchbar .searchbar-inner .searchbar-disable-button {
    background-size: 20px 20px;
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
}
.filtersPopup.popup .page-content .list {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.filtersPopup.popup .page-content .list ul::after,
.filtersPopup.popup .page-content .list ul::before {
	content: none;
}
.filtersPopup.popup .page-content .list ul li.item-divider {
	padding: 0 20px;
    height: 50px;
    line-height: 50px;
	color: var(--textPrimaryColor);
	font-weight: 500;
    font-size: 16px;
	white-space: normal;
    background: var(--bgList);
}
.filtersPopup.popup .page-content .list ul li .item-checkbox {
	padding: 0 20px;
    min-height: 40px;
}
.filtersPopup.popup .page-content .list ul li .item-checkbox .item-inner {
    min-height: 40px;
}
.filtersPopup.popup .page-content .list ul li .item-checkbox .icon-checkbox {
	margin-right: 20px;
}

/* TEXTAREA */
.commentClients {
	max-width: 350px;
	margin: auto !important;
}
textarea {
	display: block;
	margin: auto;
	width: 100% !important;
	min-height: 100px;
	padding: 5px 30px 5px 15px;
	font-size: 14px;
	border: 1px solid var(--borderColor);
	border-radius: var(--radiusStandard);
	background-color: var(--bgTextarea);
	transition: border-color 0.7s;
}
textarea ~ .input-clear-button {
	top: 18px;
	right: 22px;
}
textarea ~ .item-input-error-message {
	display: none;
}
textarea.input-invalid ~ .item-input-error-message {
	display: none;
	padding-left: 30px;
	animation: fadeInDown 0.7s;
}

/* ===[ DASHBOARD MENU LIST ]=== */
.menu-list-page .page-content {
	overflow: hidden !important;
	padding-bottom: 0 !important;
}
.menu-list-page .page-content .scrollContent {
    height: 100% !important;
	overflow: auto !important;
}
.menu-list-page.selectTopCategory .classicFade {
	padding-top: 0;
}
.menu-list-page .deliveryInformationPanel {
    z-index: 99999;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
	margin: 0;
    padding: 10px 0 10px;
}

.menu-list-page .deliveryInformationPanel.loadingOrderDetails {
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-list-page .deliveryInformationPanel.loadingOrderDetails img {
    height: 35px;
}
.menu-list-page .deliveryInformationPanel .noMethodsRestaurants {
	margin: 2px 20px 0;
    text-align: center;
    font-size: 12px;
	font-weight: 700;
    color: var(--alertColor);
}
.menu-list-page .deliveryInformationPanel .restaurantDetails {
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .row {
    align-items: center;
    justify-content: center;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .row .col {
	display: block;
	overflow: hidden;
    border-right: 1px solid var(--primaryColor);
}

.menu-list-page .deliveryInformationPanel .restaurantDetails .row .col:last-of-type {
    border-right: none;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .fav.col,
.menu-list-page .deliveryInformationPanel .restaurantDetails .groupOrder.col,
.popupMethod .addressOption{
	display: none;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .address.col {
	display: block;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite li {
    list-style: none;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite li .item-content {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite .item-media i {
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite svg,
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite img{
	max-width: 25px;
    max-height: 28px;
	padding-right: 10px;
}
.menu-list-page .deliveryInformationPanel .restaurantDetails .favorite .item-inner {
    color: var(--textPrimaryColor);
    font-size: 16px;
    font-weight: 500;
}
.menu-list-page.noAuth .deliveryInformationPanel .restaurantDetails .row .col,
.menu-list-page.unavailableMethods .deliveryInformationPanel .restaurantDetails .row .col {
	width: calc(50% - 10px);
}
.menu-list-page .deliveryInformationPanel .restaurantOption,
.menu-list-page .deliveryInformationPanel .addressOption,
.menu-list-page .deliveryInformationPanel .methodOption {
	position: relative;
    margin: 0;
    padding: 0 5px;
}
.menu-list-page .deliveryInformationPanel .link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
	color: var(--textPrimaryColor);
    font-size: 16px;
    font-weight: 500;
}
.menu-list-page .deliveryInformationPanel .ripple-wave {
	background: transparent !important;
}
.menu-list-page .deliveryInformationPanel .wrapperDetails .title,
.popupMethod .wrapperDetails .title {
	position: relative;
	margin: 0;
	font-size: 16px;
    text-align: left;
	font-weight: bold;
	line-height: normal;
	color: var(--primaryColor);
    overflow: hidden;
	white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 1;
			line-clamp: 1;
    -webkit-box-orient: vertical;
}
.menu-list-page .deliveryInformationPanel .wrapperDetails .title span {
	color: var(--textPrimaryColor);
	font-weight: 500;
}
.menu-list-page .deliveryInformationPanel .methodOption .wrapperDetails .title {
    white-space: normal;
	-webkit-line-clamp: 2;
			line-clamp: 2;
}
.menu-list-page .deliveryInformationPanel .wrapperDetails .subtitle,
.popupMethod .wrapperDetails .subtitle {
	display: block;
	margin: 0;
    text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
	line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 1;
			line-clamp: 1;
    -webkit-box-orient: vertical;
}
.menu-list-page .deliveryInformationPanel .wrapperDetails.noMethod {
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-list-page .deliveryInformationPanel .wrapperDetails.noMethod .icon {
    font-size: 18px;
    margin-left: 10px;
    color: var(--textPrimaryColor);
}
.menu-list-page .deliveryInformationPanel .wrapperIcon,
.popupMethod .wrapperIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    margin-right: 10px;
}
.menu-list-page .deliveryInformationPanel .wrapperIcon img,
.popupMethod .wrapperIcon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.menu-list-page .deliveryInformationPanel .userLocation .searchAddress {
	display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 30px;
}
.infoRestaurant .selectUserLocation{
	background: var(--bgToolbar);
    border-radius: 14px;
    padding: 10px;
}
.infoRestaurant .selectUserLocation p {
	color: #fff !important;
}
.menu-list-page .deliveryUseNot {
	font-weight: 400;
    line-height: normal;
    color: var(--alertColor);
    text-align: center;
    font-size: 15px;
}
.menu-list-page .deliveryInformationPanel .userLocation .selectUserLocation.notHaveAddress p {
    position: relative;
	display: block;
	margin: 0;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: 400;
	color: var(--alertColor);
	line-height: normal;
	white-space: normal;
    text-align: center;
}
.menu-list-page .deliveryInformationPanel .methodOption {
	display: block;
}
.menu-list-page .deliveryInformationPanel .methodOption .selectMethod.link {
    margin: 0;
    padding: 0;
    overflow: hidden;
	transition: all 0.4s ease-in;
}
.popover-selectOption.popover .popover-inner ul li .item-inner {
    padding-right: 0;
	border-top: 1px solid var(--borderColor);
}
.popover-selectOption.popover .popover-inner ul li .item-inner::after {
    content: none;
}
.popover-selectOption.popover .popover-inner ul li:first-of-type .item-inner {
	border-top: none;
}
.popover-selectOption.popover .popover-inner ul li .item-inner .item-title {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
    white-space: normal;
	color: var(--textPrimaryColor);
}
.popover-selectOption.popover .popover-inner ul li .item-inner .item-title .item-footer {
	margin-top: 4px;
	font-size: 12px;
	font-weight: 300;
	color: var(--textPrimaryColor);
	line-height: normal;
    white-space: normal;
}
.popover-selectOption.popover .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:after,
.popover-selectOption.popover .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:after {
    color: var(--secondColor);
}

/* POPUP METHOD */
.popupMethod .navbar {
    background: var(--body_background) !important;
}
.popupMethod .navbar .navbar-inner .right {
	right: 0;
    z-index: 9999;
}
.popupMethod .page-content {
	padding-bottom: 20px !important;
}
.popupMethod .page-content .infoRestaurant .titleDistance {
	display: block;
	margin: 30px 20px 15px;
	text-align: center;
    font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.popupMethod .page-content .infoRestaurant .distance {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    margin: 15px auto;
	padding: 10px 20px;
	color: var(--fontColorToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
	cursor: pointer;
}
.popupMethod .page-content .infoRestaurant .distance img {
	width: 20px;
	margin-right: 10px;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod {
    margin: 0px 20px;
    padding: 40px 0;
    border-top: 1px solid var(--borderColor);
}
.popupMethod .page-content .infoRestaurant .wrapperMethod:first-of-type {
    padding: 20px 0 10px;
    border-top: none;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0 0 20px;
	border-radius: var(--radiusToolbar);
	background: var(--bgList);
    overflow: hidden;
	transition: all 0.3s;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod.selected {
	background: var(--bgToolbar);
	transition: all 0.3s;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod .methodImg {
	width: auto;
    height: 24px;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod .titleMethods {
	display: block;
	margin: 0 20px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: var(--textPrimaryColor);
	transition: all 0.3s;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod.selected .titleMethods {
	color: var(--fontColorToolbar);
	transition: all 0.3s;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .timetable,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .waitingTime,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .transportValue {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 12px;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .timetable img,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .waitingTime img,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .transportValue img {
    position: relative;
    bottom: 2px;
	width: auto;
	height: 18px;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .timetable p,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .waitingTime p,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .transportValue p {
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: 600;
	color: var(--textPrimaryColor);
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .timetable span,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .waitingTime span,
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .transportValue span {
    font-weight: 400;
}
.popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo ~ p {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
	color: var(--alertColor);
}
.popover-timetable.popover {
    top: auto !important;
    bottom: 0 !important;
    width: 31% !important;
    left: 0 !important;
    margin: auto;
    right: 0 !important;
    border-radius: var(--radiusMiddle) var(--radiusMiddle) 0 0 !important;
    overflow: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.popover-timetable.popover.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.popover-timetable .popover-inner {
    padding: 30px 0;
    border-radius: 0;
}
.popover-timetable .popover-inner .methodInfo .availableDays .item-content {
    padding: 0 20px;
	min-height: auto;
}
.popover-timetable .popover-inner .methodInfo .availableDays .item-content .item-inner {
	padding: 0;
    min-height: 35px;
}
.popover-timetable .popover-inner .methodInfo .availableDays .item-content .item-inner .item-title {
	display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
	color: var(--textPrimaryColor);
}
.popover-timetable .popover-inner .methodInfo .availableDays .item-content .item-inner .item-title .item-footer {
    display: inline-block;
    float: right;
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: 400;
	color: var(--textColorLight);
}

/* ===[ POPOVER ]=== */
.popover-selectOption.popover {
    top: 0px !important;
	left: 20px !important;
    margin-top: 20px;
	width: calc(100% - 40px);
    border-radius: var(--radiusMiddle);
    background: var(--body_background);
}
.device-ios .popover-selectOption.popover {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
}
.popover-selectOption .popover-angle:after {
	content: none;
	width: 20px;
	height: 20px;
	position: absolute;
    left: 25px;
	top: -5px;
	border-radius: 3px;
	background: var(--body_background);
	transform: rotate(45deg);
}
.popover-selectOption.popover .popover-inner {
    max-height: 80vh;
	padding: 0;
    border-radius: 16px;
    background: var(--body_background);
}
.popover-selectOption.popover-methodUse.popover .popover-inner .list p,
.popover-selectOption.popover-deliveryUseNotInRange.popover .popover-inner .list p {
    margin: 25px;
    font-size: 15px;
	text-align: center;
}
.popover-selectOption.popover .popover-inner .addAddress {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
	width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 20px;
    margin: 0 auto 20px;
    font-size: 15px;
    font-weight: var(--weightToolbar);
    color: var(--fontColorToolbar);
    border-radius: var(--radiusToolbar);
    background: var(--bgToolbar);
    overflow: hidden;
}
.popover-selectOption.popover .popover-inner ul li .item-inner {
    padding-right: 0;
	border-top: 1px solid var(--borderColor);
}
.popover-selectOption.popover .popover-inner ul li .item-inner::after {
    content: none;
}
.popover-selectOption.popover .popover-inner ul li:first-of-type .item-inner {
	border-top: none;
}
.popover-selectOption.popover .popover-inner ul li .item-inner .item-title {
	font-size: 15px;
	font-weight: 500;
	color: var(--textPrimaryColor);
	line-height: normal;
    white-space: normal;
}
.popover-selectOption.popover .popover-inner ul li .item-inner .item-title .item-footer {
	margin-top: 4px;
	font-size: 12px;
	font-weight: 300;
	color: var(--textPrimaryColor);
	line-height: normal;
    white-space: normal;
}
.popover-selectOption.popover .popover-inner ul li .item-inner .closedRestaurant {
	position: absolute;
    top: 5px;
    right: 0;
	height: 26px;
}
.popover-selectOption.popover-infoRestaurant {
	margin-top: 20px;
}
.popover-selectOption.popover-infoRestaurant .popover-angle:after {
    left: auto;
    right: 20px;
}
.popover-selectOption.popover-infoRestaurant .popover-inner {
    max-height: 80vh;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .titleDistance {
	display: block;
	margin: 30px 20px 15px;
	text-align: center;
    font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .distance {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    margin: 15px auto;
	padding: 10px 20px;
	color: var(--fontColorToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .distance img {
	width: 20px;
	margin-right: 10px;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .titleMethods {
	display: block;
	margin: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: var(--textPrimaryColor);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo ul,
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item {
	border-radius: 0 !important;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .item-media {
	min-width: auto;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .methodImg {
	max-width: 20px;
	max-height: 20px;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .item-link .item-content {
	padding: 0 20px;
	min-height: auto;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .item-link .item-content .item-inner {
    min-height: 44px;
    margin-left: 20px;
    padding-right: 30px;
	border: none !important;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .availableDays .item-content {
    padding: 0 20px;
	min-height: auto;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .availableDays .item-content .item-inner {
	min-height: auto;
	border-top: 1px solid var(--borderColor);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .availableDays:last-of-type .item-content .item-inner {
	min-height: auto;
	border-bottom: 1px solid var(--borderColor);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .availableDays .item-content .item-inner .item-title {
	display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .availableDays .item-content .item-inner .item-title .item-footer {
    display: inline-block;
    float: right;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .waitingTime {
	display: block;
    margin: 15px 20px;
    text-align: center;
	font-size: 12px;
    font-weight: 400;
    line-height: 20px;
	color: var(--alertColor);
}
.popover-selectOption.popover-infoRestaurant .infoRestaurant .methodInfo .accordion-item .accordion-item-content .waitingTime img {
    position: relative;
    top: 4px;
	height: 18px;
	margin-right: 8px;
}

/* ===[ SWIPER ]=== */
.md .swiper-pagination-bullet-active,
.ios .swiper-pagination-bullet-active {
	background: var(--colorBullets) !important;
	animation: bounceIn 0.7s;
	-webkit-box-shadow: var(--shadowBullets) !important;
	-moz-box-shadow: var(--shadowBullets) !important;
	box-shadow: var(--shadowBullets) !important;
}
.swiper-container-horizontal > .swiper-scrollbar {
	display: block !important;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 50;
	height: 5px;
	width: 100%;
}
.swiper-scrollbar-drag {
	border-radius: 0;
	background: var(--primaryColor);
}

/* ===[ TOGGLE ]=== */
.toggle input[type="checkbox"]:checked + .toggle-icon:after {
	background: var(--colorToggleButton) !important;
}
.toggle input[type="checkbox"]:checked + .toggle-icon,
.toggle input[type="checkbox"]:checked + .toggle-icon {
	background: var(--colorToggleBg) !important;
}

/* ===[ STEPPER ]=== */
.stepper {
	height: 40px !important;
	border-radius: var(--radiusCustom) !important;
	border: 1px solid var(--borderColor) !important;
	background: var(--bgList);
}
.stepper .stepper-value {
	height: calc(100% - 14px) !important;
	margin: 7px 0;
	font-size: 16px;
	color: var(--textPrimaryColor) !important;
	border: none;
	border-left: 1px solid var(--borderColor) !important;
	border-right: 1px solid var(--borderColor) !important;
}
.stepper .stepper-button-minus,
.stepper .stepper-button-plus {
	border: none !important;
	height: 100% !important;
}
.stepper .stepper-button-plus:after,
.stepper .stepper-button-minus:after {
	width: 8px !important;
	height: 1px !important;
	background: var(--textPrimaryColor) !important;
}
.stepper .stepper-button-plus:before {
	height: 8px !important;
	width: 1px !important;
	background: var(--textPrimaryColor) !important;
}
.stepper .stepper-button-minus:first-child {
	border-radius: var(--radiusCustom) 0 0 var(--radiusCustom) !important;
}
.stepper .stepper-button-plus:last-child {
	border-radius: 0 var(--radiusCustom) var(--radiusCustom) 0 !important;
}

/* ===[ CHECKBOX SAVE ]=== */
.save-data {
	margin-top: 0;
	text-align: center;
}
.save-data .checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
	margin: auto;
	overflow: hidden;
}
.save-data label.checkbox .icon-checkbox {
	display: inline-block;
	margin-right: 10px;
}

/* ===[ INPUT PHONE NUMBER ]=== */
div#MazPhoneNumberInput {
	width: 100%;
	height: var(--heightInput);
}
div#MazPhoneNumberInput .country-selector__country-flag {
    top: 16px;
}
div#MazPhoneNumberInput .country-selector__country-flag .iti-flag-small {
	border-radius: 3px;
}
div#MazPhoneNumberInput .country-selector.input-country-selector,
div#MazPhoneNumberInput .input-tel.input-phone-number {
	height: var(--heightInput);
}
div#MazPhoneNumberInput input.country-selector__input,
div#MazPhoneNumberInput input.input-tel__input {
	height: var(--heightInput);
    padding-top: 0;
	font-size: 16px;
	font-family: var(--baseFont);
	color: var(--textPrimaryColor);
    background: var(--bgInput);
    border: 1px solid var(--borderColor) !important;
    border-radius: var(--radiusInput) 0 0 var(--radiusInput) !important;
    transition: border-color 0.7s;
}
div#MazPhoneNumberInput input.input-tel__input {
    padding: 0 20px;
    border-radius: 0 var(--radiusInput) var(--radiusInput) 0 !important;
}
div#MazPhoneNumberInput .input-tel.has-hint input.country-selector__input,
div#MazPhoneNumberInput .input-tel.has-hint input.input-tel__input {
    border-color: var(--alertColor) !important;
    transition: border-color 0.7s;
}
div#MazPhoneNumberInput input.country-selector__input ~ label.country-selector__label,
div#MazPhoneNumberInput input.input-tel__input ~ label.input-tel__label {
    top: -9px;
	left: 20px;
	padding: 0 5px;
	font-size: 12px;
	font-family: var(--baseFont);
	color: var(--textColorLight) !important;
}
div#MazPhoneNumberInput input.input-tel__input ~ label.input-tel__label {
	left: 15px;
}
div#MazPhoneNumberInput .country-selector.input-country-selector.has-hint input.country-selector__input ~ label.country-selector__label,
div#MazPhoneNumberInput .input-tel.input-phone-number.has-hint input.input-tel__input ~ label.input-tel__label {
	color: var(--alertColor) !important;
}
div#MazPhoneNumberInput input.country-selector__input ~ label.country-selector__label::after,
div#MazPhoneNumberInput input.input-tel__input ~ label.input-tel__label::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background-color: var(--bgInput);
    border-top-left-radius: var(--radiusStandard);
    border-top-right-radius: var(--radiusStandard);
    z-index: -1;
}
div#MazPhoneNumberInput input.input-tel__input ~ button.input-tel__clear {
	display: flex;
    align-items: center;
    justify-content: center;
    right: 12px;
    width: 20px;
    height: 20px;
	padding: 0;
	-webkit-animation: rotation 1.5s;
	animation: rotation 1.5s;
	transition-timing-function: cubic-bezier(0,0,0.58,1);
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.12);
}
div#MazPhoneNumberInput input.input-tel__input ~ button.input-tel__clear span {
    background: transparent !important;
}
div#MazPhoneNumberInput input.input-tel__input ~ button.input-tel__clear span ~ span {
    top: 0;
    font-size: 12px;
    font-weight: 600;
    color: #656565;
    font-family: var(--baseFont);
}
.country-selector__list {
    max-height: 80px !important;
    width: 100% !important;
	border: 1px solid var(--borderColor);
	border-top: none;
	border-radius: 0 0 var(--radiusStandard) var(--radiusStandard) !important;
    background: var(--bgInput) !important;
}
.country-selector__toggle__arrow path.arrow {
	fill: var(--borderColor) !important;
}
.country-selector__list .country-selector__list__item.selected {
	color: var(--fontColorToolbar) !important;
    background: var(--bgToolbar) !important;
}
.country-selector__list .country-selector__list__item {
	color: var(--textPrimaryColor) !important;
	border-bottom: 1px solid var(--borderColor) !important;
}
.country-selector__list .vue-recycle-scroller__item-view:last-of-type .country-selector__list__item {
	border-bottom: none !important;
}
.phoneError {
	margin: 20px auto 15px;
    max-width: 220px;
	text-align: center;
	font-size: 12px;
	color: var(--alertColor) !important;
	animation: fadeInDown 0.7s;
}

/* ===[ POPUP ]=== */
.popup.modal-in {
	animation: fade-in 0.4s ease-in-out;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
}

@keyframes fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}

/* ===[ POPOVER ]=== */
.popover-backdrop,
.popup-backdrop {
	background: var(--shadowElements) !important;
	/* pointer-events: none !important;  */
}
.device-ios .popover-menu-list.popover,
.device-ios .popover-navbar.popover {
	margin-top: 52px;
}
.popover-menu.popover-navbar.popover {
	margin-left: -1px;
}
.navbar .right a.popover-navbar {
	padding: 0 22px !important;
}
.popover .popover-inner {
	border-radius: var(--radiusStandard);
	background: var(--body_background);
}
.popover-menu.popover {
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	max-width: 240px;
	margin-top: 42px;
	margin-left: 48px;
	border-radius: var(--radiusStandard);
}
.popover-menu .popover-inner .block {
	margin: 14px 0;
	padding: var(--leftRightSpace);
	font-size: 14px;
}
.popover-menu .popover-angle:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 11px;
	top: -5px;
	border-radius: 3px;
	background: var(--body_background);
	transform: rotate(45deg);
}

/* ===[ POPOVER PATTERN ]=== */  /* *info button */
.popover-pattern-wapper {
	display: none;
	position: absolute;
	right: 33px;
	top: 46px;
	font-size: 18px;
}
.input-invalid ~ .popover-pattern-wapper {
	display: block;
}
.popover-pattern.popover {
	border-radius: 10px;
	margin-top: 32px;
}
.popover-pattern .popover-angle:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 38px;
	top: -5px;
}
.popover-menu.popover-menu-list.popover {
	right: 10px;
	left: auto !important;
	/* top: 30px !important; */
}
.popover-menu.popover-menu-list .popover-angle:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 67px;
	top: -5px;
	border-radius: 3px;
	background: var(--body_background);
	transform: rotate(45deg);
}
.popover-menu.popover-menu-list.popover-product .popover-angle:after {
	right: 61px;
}
/* ===[ SHOW/HIDE PASSWORD ]=== */
span.show_hide_pass {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute !important;
	top: 0;
	right: 30px;
	height: var(--heightInput);
	z-index: 9999;
}
.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner,
.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner {
	background-image: none !important;
}
.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:after,
.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:after {
	content: '\F107';
	display: flex !important;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	left: auto;
	width: 18px;
	height: 18px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	color: var(--colorBack);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
    transform-origin: center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}
.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* ===[ GENERAL SETTING INPUT ]=== */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px var(--body_background) inset !important;
	box-shadow: 0 0 0 30px var(--body_background) inset !important;
}
input:-webkit-autofill {
	-webkit-text-fill-color: var(--textPrimaryColor) !important;
}
.input_fill {
	width: 100%;
	margin-bottom: 20px !important;
}
.list .input_fill input[type="text"],
.list .input_fill input[type="password"],
.list .input_fill input[type="email"],
.list .input_fill input[type="number"],
.list .input_fill input[type="date"],
.list .input_fill input[type="tel"] {
	padding: 0 40px 0 25px;
	font-size: 16px;
	color: var(--textPrimaryColor);
    height: var(--heightInput);
	background: var(--bgInput);
	border-radius: var(--radiusInput);
	border: 1px solid var(--borderColor);
	transition: border-color 0.7s;
}
.list .input_fill.password input[type="password"],
.list .input_fill.password input[type="text"] {
	padding: 0 75px 0 25px !important;
}
.list .input_fill input[type="password"] ~ .input-clear-button {
	right: 44px;
}
.md .input-clear-button {
	width: 20px;
	height: 20px;
}
.standard-input .item-title.item-label {
	position: relative;
	top: 5px;
	left: 20px;
	width: -moz-max-content !important;
	width: -webkit-max-content !important;
	width: max-content !important;
	max-width: 80%;
	padding: 0 5px;
	transition: color 0.7s;
	z-index: 9;
}
.standard-input .item-title.item-label:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 14px;
	background-color: var(--bgInput);
	border-top-left-radius: var(--radiusStandard);
	border-top-right-radius: var(--radiusStandard);
	z-index: -1;
}
.standard-input .floating-label .item-label {
	color: var(--textPrimaryColor);
}
.input_fill .item-floating-label {
	position: absolute;
	top: -8px;
	left: 20px;
	width: 65% !important;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
	padding: 0;
	font-size: 12px;
	background: transparent;
	z-index: 1;
}
.input_fill.input-focused .item-floating-label,
.input_fill.input-with-value .item-floating-label,
.input_fill .item-input-with-value .item-floating-label {
	width: 80% !important;
	top: -8px;
	font-size: 12px;
	color: var(--textColorLight);
	transition: color 0.7s;
}
.input_fill .item-input-focused .item-floating-label:after,
.input_fill.input-with-value .item-floating-label:after,
.input_fill .item-input-with-value .item-floating-label:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 14px;
	background-color: var(--bgInput);
	border-top-left-radius: var(--radiusStandard);
	border-top-right-radius: var(--radiusStandard);
	z-index: -1;
}
.input_fill .item-input-wrap:after,
.list .email-fill .item-inner:after,
.input_fill.input:after {
	content: none;
}
.input_fill .item-input-wrap .input-clear-button {
	top: 16px;
	right: 11px;
}
.input-clear-button {
	display: none;
	opacity: unset;
}
.input-with-value ~ .input-clear-button,
.item-input-with-value .input-clear-button,
.input-with-value .input-clear-button {
	display: block;
	opacity: unset;
}
.input_fill .item-input-with-error-message,
.input_fill .item-input-error-message,
.input_fill .input-error-message {
	position: relative !important;
	white-space: normal !important;
    padding: 0 0 0 18px;
	margin: 0;
}
.item-input-invalid .item-label,
.item-input-with-error-message,
.item-input-error-message,
.input-error-message {
	color: var(--alertColor) !important;
}
.input_fill.info .input-error-message {
    padding: 5px 35px 0 18px;
}
.input_fill .input-error-message {
	padding-top: 5px;
}
.input_fill.notError .input-error-message {
	padding-top: 0px;
}
.list .input_fill .item-inner {
	padding: 0;
}
.item-title.item-input-focused .item-label,
.item-input-focused .item-floating-label.item-title.item-label  {
	color: var(--textPrimaryColor);
}
.item-input-focused.item-input-with-error-message .item-floating-label.item-title.item-label {
	color: var(--alertColor);
}
.input_fill .item-input-focused .item-floating-label.item-title.item-label,
.input_fill .item-input-with-value .item-floating-label.item-title.item-label {
	padding: 0 5px;
}
.input-invalid {
	border-color: var(--alertColor) !important;
}
.item-input-invalid::placeholder,
::-webkit-input-placeholder {
	color: var(--placeholderColor) !important;
	font-size: 12px;
}
.message-pass-noMatch {
	display: block;
	position: relative !important;
	margin: 0 auto 10px !important;
	right: 0;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
}

/* ===[ LOGIN ]=== */
/* .md .login-page.page.page-current,
.md .register-page.page.page-current,
.md .reset-page.page.page-current {
	background-image: url(../images/illustration/bgLogin.png);
    background-position: center -4px;
    background-repeat: no-repeat;
    background-size: 105%;
    background-color: #000000;
} */
.md .login-page.page.page-current::before,
.login-page .toolbar::before {
	content: none;
}
.login-page .page-content .logoImage {
	display: block;
	margin: 45px auto 25px;
	text-align: center;
	width: auto;
    height: 90px;
}
.login-page .page-content .titlePage {
	display: block;
	text-align: center;
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 600;
	color: var(--textPrimaryColor);
}
.login-page .page-content .wrapperLogin .list {
    margin: 0;
}
.login-page .page-content .wrapperLogin .list .item-content .item-inner {
    padding: 0;
}
.login-page .page-content .wrapperLogin .list .item-content .item-inner .input_fill {
    margin-bottom: 15px !important;
}
.login-page .page-content .wrapperLogin .forgotPass {
	display: block;
    width: fit-content;
	margin: 0 auto;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
	text-align: center;
    line-height: normal;
    text-transform: initial;
	text-decoration: underline;
    color: var(--textPrimaryColor);
}
.login-page .page-content .wrapperLogin .loginBtn {
	display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: var(--heightToolbar);
	margin: 25px auto 30px;
    padding: 0 50px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    color: var(--textColorWhite);
    border-radius: var(--radiusCustom);
    background: var(--primaryColor);
	overflow: hidden;
}
.login-page .page-content .registerButton {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.login-page .page-content .registerButton span {
	font-size: 20px;
	font-weight: 400;
    color: var(--textPrimaryColor);
}
.login-page .page-content .registerButton .link {
	padding-left: 10px;
	font-size: 20px;
	font-weight: 400;
	text-decoration: underline;
    color: var(--textPrimaryColor);
}
.login-page .page-content .socialOption span {
    display: block;
    position: relative;
	margin: 55px 0 12px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: var(--textPrimaryColor);
}
.login-page .page-content .socialOption span::before,
.login-page .page-content .socialOption span::after {
    content: '';
	position: absolute;
	top: 50%;
	left: 20px;
	right: auto;
    transform: translateY(-50%);
    width: calc(50% - 100px);
	height: 1px;
	background: #CFCFCF;
}
.login-page .page-content .socialOption span::after {
	left: auto;
	right: 20px;
}
.login-page .page-content .socialOption .socialButton {
    display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 10px;
	margin: 0 auto 20px;
	border-radius: 100px;
	background: #ebebeb;
	-webkit-box-shadow: var(--shadow) !important;
    -moz-box-shadow: var(--shadow) !important;
    box-shadow: var(--shadow) !important;
}
.login-page .page-content .socialButton .link {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0 10px;
	border-radius: 100px;
	background: var(--listBg);
}
.login-page .page-content .socialButton .link img {
	width: 100%;
	height: 100%;
    max-width: 30px;
    max-height: 30px;
}
@media screen and ( max-height: 830px ) {
  .login-page .page-content {
    padding-top: 10px !important;
  }
	.login-page .page-content .containerWithSocial .logoImage {
		display: block !important;
    margin-bottom: 5px !important;
	}
	.login-page .page-content .containerWithSocial .titlePage {
		margin-top: 0px;
    margin-bottom: 10px;
	}
  .login-page .page-content .containerWithSocial p {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
  }
  .login-page .page-content .wrapperLogin .list .item-content .item-inner .input_fill {
    margin-bottom: 8px !important;
  }
  .login-page .page-content .wrapperLogin .loginBtn {
    margin: 10px auto 10px !important;
  }
  .login-page .page-content .socialOption span {
    margin-top: 20px !important;
  }
  .login-page .page-content .socialOption span {
    margin-top: 10px !important;
  }
}

/* ===[ RESET PAGE ~ REGISTER PAGE ~ CHANGE PASSWORD ]=== */
.logoNavbar {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    height: 42px;
}
.reset-page .block,
.register-page .block,
.change-pass .block {
    margin-top: 70px;
}
.register-page .list .input_fill input[type="text"] ~ .input-clear-button,
.reset-page .list .input_fill input[type="text"] ~ .input-clear-button,
.change-pass .list .input_fill input[type="text"] ~ .input-clear-button,
.login-screen .list .input_fill input[type="text"] ~ .input-clear-button {
	right: 44px;
}
.reset-page .block form.list.no-hairlines,
.register-page .block form.list.no-hairlines,
.change-pass .block form.list.no-hairlines {
	margin: 0;
}
.reset-page .block form.list .item-content,
.register-page .block form.list .item-content,
.change-pass .block form.list .item-content {
	padding: 0;
}
.reset-page .block form.list .item-content .item-content,
.register-page .block form.list .item-content .item-content,
.change-pass .block form.list .item-content .item-content {
	padding: 0 20px;
}
.reset-page .block form.list .input_fill .item-floating-label,
.register-page .block form.list .input_fill .item-floating-label,
.change-pass .block form.list .input_fill .item-floating-label {
	left: 50px;
}
.reset-page ul,
.register-page ul,
.change-pass ul {
	margin: auto;
}
.reset-page li li,
.register-page li li,
.change-pass li li {
	padding: 0;
    margin-bottom: 20px !important;
}

.register-page .block {
	margin-bottom: 0 !important;
}
.register-page .item-checkbox {
	display: block;
    margin: 10px 35px 20px;
    padding: 4px 25px 4px 30px;
    text-align: left;
	overflow: hidden;
	text-decoration: none;
}
.register-page .item-checkbox i {
	display: inline-block;
	position: absolute;
    top: 5px;
	left: 0px;
	margin-right: 0 !important;
}
.register-page .item-checkbox i ~ .item-inner,
.register-page .item-checkbox i ~ .item-inner .item-title {
	display: contents;
}
.register-page .item-checkbox span a {
	/* display: contents; */
	color: var(--textPrimaryColor);
	text-decoration: underline;
	font-weight: 500;
}
.register-page .checkbox.button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	line-height: normal;
	font-family: var(--fontToolbar);
	font-weight: var(--weightToolbar);
	letter-spacing: var(--letterSpacing);
	font-size: var(--sizeToolbar);
	color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}

/* ===============
	ACCORDION STYLE
	===============
	~ ORDER HISTORY ~
	~ FAVORITES ~
	~ POPUP-FAVORITE ~
*/
.accordion-list.list ul:before,
.accordion-list.list ul:after {
	content: none;
}
.accordion-list .accordion-item {
	margin: 0 25px 15px;
	border-radius: 15px;
	background: var(--body_background);
	-webkit-box-shadow: var(--shadow) !important;
    -moz-box-shadow: var(--shadow) !important;
    box-shadow: var(--shadow) !important;
}
.accordion-list ul::before,
.accordion-list ul::after,
.accordion_open ul .item-inner:after {
	content: none !important;
}
.accordion_open ul {
	border: none;
}
.accordion-gradient .accordion_open .item-title {
	padding-right: 10px;
	white-space: normal;
}
.accordion-gradient .accordion-item .item-link .item-inner {
	padding-right: 32px;
}
.accordion-gradient ul .accordion-item .accordion-item-content .list {
	border-top: 1px solid var(--secondColor);
}
.accordion-gradient .accordion-item .accordion-item-content li .item-content {
	padding: 0;
	min-height: 0;
}
.accordion-gradient .accordion-item .accordion-item-content li .item-inner {
	min-height: 36px;
	padding-right: 0;
}
.accordion-gradient .accordion-item .accordion-item-content li .item-inner .item-title {
	font-size: 12px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.accordion-gradient .accordion-item .accordion-item-content li .item-inner .item-title .item-footer {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.accordion-gradient .accordion-item .accordion-item-content li .item-inner .item-after {
	font-size: 12px;
	font-weight: 500;
	color: var(--textPrimaryColor);
}
.accordion-gradient .accordion_open .row {
    padding: 5px 0 15px;
}
.accordion-gradient .accordion_open a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: var(--buttonPadding);
	height: 44px !important;
	width: 100%;
	line-height: normal;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: var(--textColorWhite);
	border: none !important;
	background: var(--primaryColor);
	border-radius: var(--radiusToolbar);
}
.accordion-gradient .accordion_open a.button p {
	color: var(--textColorWhite);
}
.accordion-gradient .accordion_open a.button.btnRemove {
	background: var(--alertColor);
}
.accordion-gradient .accordion_open a.button img {
	margin-left: 10px;
	height: 14px;
}

/* ===[ MENU LIST ]=== */
.menu-list-page .page-content .groupsBanners {
    padding-bottom: var(--paddingBottomGeneralToolbar);
}
.menu-list-page .page-content .groupBannerOffers {
	display: block;
    padding: 20px 0 10px;
}
.menu-list-page .page-content .groupBannerOffers .titleGroup {
	display: block;
	margin: 0 20px 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.menu-list-page .page-content .groupBannerOffers .bannersGallery {
    padding: 0 20px;
}
.menu-list-page .page-content .groupBannerOffers .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide {
    display: block;
	overflow: hidden;
    width: calc(100% - 40px) !important;
    margin-right: 20px !important;
	/* border-radius: var(--radiusMiddle); */
    border-radius: 10px;
}
.menu-list-page .page-content .groupBannerOffers.small .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide {
    margin-right: 10px !important;
    width: 30% !important;
}
.menu-list-page .page-content .groupBannerOffers.medium .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide {
    margin-right: 15px !important;
    width: 45% !important;
}
.menu-list-page .page-content .groupBannerOffers.large .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide {
    width: 90% !important;
}
.menu-list-page .page-content .groupBannerOffers .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide:last-of-type {
    margin-right: 0 !important;
}
.menu-list-page .page-content .groupBannerOffers .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-list-page .page-content .groupBannerOffers .bannersGallery .swiper-wrapper .bannerOffer.swiper-slide img {
	width: 100%;
    height: auto;
	object-fit: contain;
}
.menu-list-page .swiper-slide.swiper-slide-active {
	width: 100% !important;
}
.menu-list-page .page-content .utils {
    position: sticky;
	position: -webkit-sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 20px 20px;
    width: calc(100% - 40px);
    z-index: 999;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
}
.menu-list-page.selectTopCategory .page-content .utils {
	top: 0;
}
.menu-list-page.selectTopCategory .page-content .utils .backButton {
	padding: 0 20px 0 0 !important;
}
.menu-list-page.selectTopCategory .page-content .utils .backButton i {
    color: var(--colorBack);
}
.menu-list-page .page-content .groupOrder.link {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 20px 20px;
    height: var(--heightToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	color: var(--fontColorToolbar);
	text-transform: var(--textTransformToolbar);
	border: var(--borderToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
    overflow: hidden;
}
.menu-list-page .page-content .specialOffer ~ .groupOrder.link {
	margin: 20px;
}
.menu-list-page .page-content .groupOrder.link .icon {
	font-size: 20px;
	margin-left: 10px;
}
.menu-list-page .block-title.topCategoryName {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	margin: 0;
	padding: 0 20px;
    min-height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
    text-align: center;
	text-transform: uppercase;
	color: var(--textPrimaryColor);
	z-index: 2;
	background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) -5%,rgba(255,255,255,0.85) 19%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
}
.menu-list-page .block-title.chooseProduct {
	margin: 0;
	padding: 0 20px 10px;
	font-family: var(--primaryFont);
	font-size: 15px;
	font-weight: 300;
    text-align: center;
	line-height: normal;
	white-space: normal;
	text-transform: unset;
	color: var(--textColorLight);
}
.menu-list-page .specialOffer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
    width: 100%;
	height: auto;
	min-height: 130px;
	max-height: 45vh;
	z-index: 2;
	background: var(--body_background);
	transition: all 1s;
}
.menu-list-page .specialOffer .swiper-slide a.link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 130px;
	max-height: 45vh;
	width: 100%;
	height: 100%;
	background-size: cover;
	object-fit: cover;
}
.menu-list-page .specialOffer img.imgBg.noImage {
	filter: blur(3px);
    -webkit-filter: blur(3px);
}
.menu-list-page .specialOffer img.imgBg {
	object-fit: contain;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.menu-list-page .specialOffer img.imgBg[lazy="loading"] {
	opacity: 0;
}
.menu-list-page .specialOffer .special-offer-image {
    object-fit: contain;
    background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 100;
	max-width: max-content !important;
}
.navbar .right .icon.material-icons {
	font-size: 23px;
	margin-left: 2px;
}
.menu-list-page .menu-list-items .item-content .item-title {
	font-family: var(--secondFont);
	color: var(--textSecondColor);
	text-transform: uppercase;
	font-size: 16px;
	white-space: normal;
}
.menu-list-page .list-menu {
	margin: 0;
	margin-top: 20px !important;
	padding-bottom: var(--paddingBottomGeneralToolbar);
}
.menu-list-page .list-menu ul {
	display: block;
	max-width: calc(100% - 20px);
	margin: auto;
    padding: 0;
}
.menu-list-page .list-menu ul li {
    display: block;
	cursor: pointer;
}
.menu-list-page .list-menu ul li .item-content {
    position: relative;
    padding: 0;
    margin: 0 10px 20px;
	min-height: 150px;
    /* border-radius: var(--radiusCustom);
	-webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%) !important;
    -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%) !important; */
}
.menu-list-page .list-menu ul li .item-inner {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
	overflow: hidden;
	border-radius: var(--radiusCustom);
	background-image: none;
	z-index: 10;
}
.menu-list-page .list-menu ul:before,
.menu-list-page .list-menu ul:after,
.menu-list-page .list-menu ul .item-inner:after {
	content: none;
}
.menu-list-page .menu-list-items .item-content .item-inner .wrapperImg {
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0;
	margin: 0 auto;
    /* width: 100%;
    height: auto; */
	width: 310px;
    height: 180px;
	min-height: 180px;
	border-radius: 0;
	background: transparent;
	overflow: hidden;
	border-radius: var(--radiusCustom);
}
.menu-list-page .menu-list-items .item-content .item-inner .wrapperImg::after {
	content: none;
	/* content: ''; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #00000040;
	z-index: 10;
}
.menu-list-page .menu-list-items .item-content .item-inner .wrapperImg img {
    height: 100%;
	width: 100%;
    object-fit: var(--imageProportionCategory);
	background: var(--body_background);
}
.menu-list-page .menu-list-items .item-content .item-inner .title {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    margin: 0;
    padding: 0 15px;
    width: calc(100% - 30px);
    font-size: 18px;
    font-weight: bold;
	font-family: var(--secondFont) !important;
    line-height: 24px;
    text-align: center;
	white-space: normal;
	text-transform: initial;
    z-index: 1000;
}
.menu-list-page .list-menu ul li .item-inner .item-after {
    position: absolute;
    top: 10px;
    right: 10px;
}
.menu-list-page .list-menu ul li .item-inner .badge {
    display: flex;
    align-items: center;
    justify-content: center;
	min-height: 20px;
	min-width: 20px;
    font-weight: bold;
    border-radius: 20px;
    background: var(--gradientBtnRemove);
}
.menu-list-page .list .item-inner {
	padding-right: 0;
}
.popup .info-slider-banner img {
	height: 100%;
	object-fit: cover;
	background-size: cover;
}
.popup .info-slider-banner .block {
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
}
.popup .info-slider-banner .block.inset.block-strong {
	margin: 0;
	padding: 0 36px;
	text-align: left;
}
.menu-list-page .toolbar img {
	width: 24px;
}
.custopPagePopup .block-title {
	font-family: var(--fontNavbar);
	font-size: var(--sizeNavbar);
	font-weight: var(--weightNavbar);
	color: var(--fontColorNavbar);
	text-align: center;
	margin: 10px 20px 20px;
    white-space: normal;
    line-height: normal;
}
.custopPagePopup img {
	width: 100%;
}
.popover-method.popover {
    max-width: 100%;
	width: 100%;
    top: auto !important;
	bottom: 80px;
    left: 0 !important;
    right: 0;
	margin: auto;
	background: none;
}
.popover-method.popover .popover-inner {
	padding: 20px;
    margin: 0 20px;
	border-radius: var(--radiusMiddle) !important;
}
.popover-method.popover .popover-inner p {
    margin: 0.5em 0;
    text-align: center;
}
.popover-method.popover .popover-inner p.title {
	font-size: 15px;
}
.popover-method.popover .popover-inner p.title span {
	font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
.popover-method.popover .popover-inner a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px !important;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	/* width: 100%; */
    margin: 20px auto 0;
    padding: 0 20px;
	font-family: var(--fontToolbar);
    font-size: 14px;
    font-weight: 600;
    text-transform: unset;
	color: var(--fontColorToolbar);
    border-radius: var(--radiusToolbar);
    background-image: var(--bgToolbar);
}
.popover-method.popover .popover-inner i {
    margin-left: 8px;
}
@media screen and ( max-width: 340px ) {
	.menu-list-page .toolbar a.link {
		font-size: 14px;
	}
}

/* ===[ MENU-SWIPER ]=== */
.menu-swiper-page .swiper-content.page {
    height: calc(100vh - var(--heightNavbar));
}
.menu-swiper-page .page-content {
	padding-top: 0px !important;
}
.device-ios .menu-swiper-page .swiper-content.page {
    height: calc(100vh - var(--heightNavbar));
}
.menu-swiper-page .navbar {
	background: var(--page_content) !important;
}
.menu-swiper-page .toolbar {
    z-index: 100;
}
.menu-swiper-page .toolbar::before {
	background: linear-gradient(to bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,0) -5%,rgba(250,250,250,0.85) 19%,rgba(250,250,250,1) 20%,rgba(250,250,250,1) 100%);
}
.menu-swiper-page .swiper-content.page .page-content {
	border-radius: 0;
	padding: 0 !important;
}
.menu-swiper-page .navbar ~ .page-content {
	padding-bottom: 0;
}
.menu-swiper-page .page-content .content-swiper {
	margin: 0;
	padding: 0;
}
.menu-swiper-page .page-content .swiper-container::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 10;
	background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 100%);
}
.menu-swiper-page .page-content .gallery-thumbs.swiper-container::after {
	content: none;
}
.menu-swiper-page .box-product .forceAddToCart {
	z-index: 10;
	overflow: hidden;
    z-index: 99999;
    font-family: var(--primaryFont) !important;
    letter-spacing: var(--letterSpacing) !important;
    color: var(--bgToolbar) !important;
    font-size: 14px !important;
    font-weight: var(--weightToolbar) !important;
    text-transform: var(--textTransformToolbar) !important;
    padding: 0px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: flex-start;
}
.menu-swiper-page .box-product .cards-product .forceAddToCart {
	margin-top: 20px;
}
.menu-swiper-page .box-product .forceAddToCart img {
	width: auto;
    height: 24px;
	margin-left: 5px;
}
/* .menu-swiper-page .page-content .pagination-up.swiper-container {
    height: calc(100% - 96px);
} */
/* .skeleton {
    background-color: #fff;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.skeleton-header {
    width: 100%;
    height: 20px;
    background-color: #ccc;
    margin-bottom: 20px;
}

.skeleton-content {
    width: 100%;
    height: 10px;
    background-color: #ccc;
} */

/* Animatie de blink pentru efectul de incarcare */
/* @keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
} */

/* .skeleton-header, .skeleton-content {
    animation: blink 1s infinite;
} */
.menu-swiper-page .page-content .gallery-thumbs .swiper-button-prev {
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
}
.menu-swiper-page .page-content .gallery-thumbs .swiper-button-next {
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
	transform: rotate(180deg);
}
.menu-swiper-page .page-content .content-swiper .wrapper-slider {
    padding: 0 24px 20px;
    overflow: scroll !important;
    height: calc(100% - 20px);
}
.menu-swiper-page .page-content .content-swiper .box-product {
	margin: 0;
	padding: 0;
    overflow: hidden;
	margin-bottom: 20px;
}
.menu-swiper-page .page-content .gallery-thumbs {
	position: -webkit-sticky;
	position: sticky;
    top: 0;
	left: 0;
    z-index: 9999;
    padding: 0 40px 0 40px;
	background: var(--primaryColor);
}
.menu-swiper-page .page-content .gallery-thumbs .swiper-wrapper {
    padding: 0;
	margin: 0;
}
.menu-swiper-page .page-content .swiperThumbs.swiper-slide {
    display: block;
	width: auto !important;
    padding: 8px 0;
	margin-right: 10px !important;
	opacity: 1;
	transition: all 0.3s;
}
.menu-swiper-page .page-content .swiperThumbs.swiper-slide.activeSlider {
	opacity: 1;
	transition: all 0.3s;
	background: var(--body_background);
    border-radius: 50px;
    max-width: auto;
    padding: 4px 10px;
    margin-top: 4px;
	margin-bottom: 4px;
}
.menu-swiper-page .page-content .swiperThumbs.swiper-slide.activeSlider.activeImage {
	border-radius: 10px;
}
.menu-swiper-page .page-content .swiperThumbs.swiper-slide.activeSlider .wrapperTitle p{
	color: var(--primaryColor);
	font-weight: 600;
}
.menu-swiper-page .page-content .swiperThumbs .wrapperTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.menu-swiper-page .page-content .swiperThumbs .wrapperTitle p {
    margin: 5px 0 0;
	min-height: 26px;
	font-family: var(--secondFont) !important;
	font-size: 16px;
	font-weight: 500;
    line-height: 13px;
    overflow: hidden;
    text-align: center;
	white-space: normal;
    text-transform: initial;
    color: var(--textColorWhite);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
			line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s;
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}
.menu-swiper-page .page-content .swiperThumbs .wrapperTitleImg {
    display: block;
    width: 55px;
    height: 55px;
    margin: 0 auto;
	overflow: hidden;
	border-radius: var(--radiusStandard);
}
.menu-swiper-page .page-content .swiperThumbs .wrapperTitleImg .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
}
.menu-swiper-page .page-content .swiperThumbs .wrapperTitleImg img {
	width: 100%;
    height: 100%;
    object-fit: var(--imageProportionCategory);
    background-size: var(--imageProportionCategory);
}
.menu-swiper-page .page-content .swiper-slide .block-title {
    z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 20px);
    margin: 15px 10px;
    padding: 0;
	font-family: var(--secondFont) !important;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	text-transform: initial;
	color: var(--textPrimaryColor);
}
.menu-swiper-page .list ul::before,
.menu-swiper-page .list ul::after,
.menu-swiper-page .list ul li .item-inner::before,
.menu-swiper-page .list ul li .item-inner::after {
	content: none;
}
.menu-swiper-page .page-content .no-product {
    padding: 50px 20px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--textPrimaryColor);
}
.menu-swiper-page .box-product.highlightProducts .cards-product {
    flex-direction: column;
	margin: 0;
}
.menu-swiper-page .box-product .cards-product {
    display: flex;
	align-items: center;
	justify-content: space-between;
    position: relative;
    padding-bottom: 0px;
	overflow: hidden;
	cursor: pointer;
	background: var(--body_background);
    border-radius: var(--radiusCustom);
	margin: 10px 0px;
	border: 1px solid #eee;
    box-shadow: var(--shadow) !important;
}
/* .menu-swiper-page .box-product .cards-product:last-child {
	left: 0px !important;
} */
.menu-swiper-page .box-product .cards-product .discountProduct {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
}
.menu-swiper-page .box-product.highlightProducts .cards-product .discountProduct {
	width: 100px;
    height: 100px;
}
.menu-swiper-page .box-product .cards-product .discountProduct img {
    width: 100% !important;
    height: 100% !important;
}
.menu-swiper-page .box-product .cards-product .discountProduct span {
    position: absolute;
    top: -7px;
    left: -7px;
    transform: rotate(-45deg);
    font-size: 14px;
    font-weight: bold;
    color: var(--textColorWhite);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-swiper-page .box-product.highlightProducts .cards-product .discountProduct span {
	top: -11px;
    left: -11px;
    width: 100px;
    height: 100px;
    font-size: 18px;
}
.menu-swiper-page .box .cards-product .wrapperImg {
	padding-right: 0px !important;
}
.menu-swiper-page .cards-product .wrapperImg {
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	height: 200px;
	width: 250px;
    margin-top: 0px;
	margin-bottom: 0px;
	background: transparent;
	padding-right: 10px;
}
.menu-swiper-page .highlightProducts .cards-product .wrapperImg,
.menu-swiper-page .highlightProducts .cards-product .wrapperImg img {
	height: 140px;
	width: 100%;
}
.menu-swiper-page .cards-product .wrapperImg img {
	width: 100%;
	height: 100%;
	object-fit: var(--imageProportionCategory);
	background-size: var(--imageProportionCategory);
	border-radius: var(--radiusCustom);
	transition: transform 0.3s;
}
.menu-swiper-page .highlightProducts .cards-product .infoProduct {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}
.menu-swiper-page .highlightProducts .cards-product .infoProduct .span.title-product,
.menu-swiper-page .highlightProducts .cards-product .infoProduct .span.desc-product {
    text-align: center;
}
.menu-swiper-page .box-product {
	margin: 0 16px;
}
.menu-swiper-page .box-product .infoProduct {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 20px 0 0;
    margin-top: 15px;
    /* height: 90px; */
    width: calc(100% - 110px);
	padding-left: 15px;
}
.menu-swiper-page .page-content .content-swiper .box-product.highlightProducts .infoProduct {
    min-height: 0;
    padding: 10px 15px 15px;
}
.menu-swiper-page .page-content .content-swiper .box-product .infoProduct span.title-product {
	height: 100%;
    padding: 0;
	font-family: var(--secondFont) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
	text-align: left;
	white-space: normal;
	color: var(--textPrimaryColor);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
			line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 45px;
}
.menu-swiper-page .page-content .content-swiper .box-product.highlightProducts .infoProduct span.title-product {
    padding: 0;
	text-align: left;
}
.menu-swiper-page .page-content .content-swiper .box-product .infoProduct span.desc-product {
	padding: 15px 0px 0px 0px;
	font-size: 15px;
	font-weight: 400;
    line-height: 21px;
	text-align: left;
	white-space: normal;
	color: var(--textPrimaryColor);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
			line-clamp: 3;
	-webkit-box-orient: vertical;
	min-height: 100px;
}
.menu-swiper-page .page-content .content-swiper .box-product.highlightProducts .infoProduct span.desc-product {
	text-align: center;
}
.menu-swiper-page .page-content .content-swiper .box-product .infoProduct .addToCart {
    display: block;
    text-align: center;
    margin: 10px auto 0;
	font-size: 10px;
	font-weight: 500;
	color: var(--primaryColor);
}
.menu-swiper-page .page-content .content-swiper .box-product .infoProduct .addToCart i {
    margin: 0 8px 0 0;
	font-size: 14px;
	color: var(--primaryColor);
}
/* .menu-swiper-page .page-content .content-swiper .box-product .infoProduct .wrepperPrice {
    position: absolute;
    top: 0;
    right: 0;
	margin: 0;
    padding: 7px 15px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    border-radius: 0 0 0 20px;
	background: #F9F6FD;
}
.menu-swiper-page .page-content .content-swiper .box-product.highlightProducts .infoProduct .wrepperPrice {
	margin: 0;
} */
.menu-swiper-page .box-product .infoProduct span.price-product {
    display: block;
    padding: 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
	white-space: normal;
	text-align: left;
	color: var(--textPrimaryColor);
	text-transform: uppercase;
}
.menu-swiper-page .box-product .infoProduct span.old-price-product {
	display: block;
    padding: 10px 0 0;
    font-size: 15px !important;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    text-decoration: line-through;
	color: var(--alertColor);
}
.menu-swiper-page .box-product .infoProduct .old-price-product ~ span.price-product {
    padding: 0;
}

/* ===[ PRODUCT-PAGE ]=== */
.product-page .page-content {
	padding-top: 0 !important;
}
/* .product-page .navbar {
	background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
} */
.product-page.page .navbar {
    background: transparent !important;
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.with-modal-sheet .product-page .navbar {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.with-modal-sheet .product-page .page-content {
	padding-bottom: 0 !important;
}
.product-page .productShowOverlay {
	position: absolute;
    top: 0;
    left: 0;
	width: 100vh;
	height: 100vh;
	background: transparent !important;
	z-index: 99999999;
}
.product-page .navbar .left a i.icon.f7-icons,
.product-page .navbar a.link.icon-only {
	color: #000000;
}
.product-page .navbar .right a.shadow-button.link:before {
	opacity: 0;
}
.product-page a.shadow-button.link.icon-only {
	padding-right: 0 !important;
}
.product-page .navbar .right a.shadow-button.link {
	width: 38px !important;
	border: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.productPagePopup #double_toolbar .toolbar-inner a {
	display: inline-flex;
}
.productPagePopup #double_toolbar .toolbar-inner a.btn-add-fav {
	width: var(--heightToolbar);
    min-width: var(--heightToolbar);
	display: inline-flex;
	bottom: 2px;
    left: 20px;
	background: var(--alertColor) !important
}
.product-page .toolbar .btn-menu i {
	position: absolute;
    top: calc(50% - 14px);
    left: 20px;
}
.product-page .badge.cartNotification {
	top: -6px;
    right: -6px;
}
.product-page .amount {
    height: 38px !important;
}
.product-page .amount .stepper {
    height: 38px !important;
}
.product-page .page-content .discountProduct {
	display: block;
    height: 70px;
    width: 70px;
    position: relative;
    bottom: 35px;
    float: right;
    margin: 0 20px;
	z-index: 10;
}
.product-page .page-content .discountProduct img {
    position: relative;
    top: 2px;
	width: 100%;
    height: 100%;
}
.product-page .page-content .discountProduct span {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    color: var( --textColorWhite);
}
.product-page .wrapper-img {
	position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    width: 100%;
	height: 275px;
    overflow: hidden;
	/* margin-top: 56px; */
}
.product-page .openImg {
	display: flex;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
	border-radius: 0 !important;
	background: var(--body_background);
}
.product-page .max-quantity-alert {
	color: var(--alertColor);
	text-align: left;
	margin-bottom: 10px;
}
.product-page .item-inner {
	padding: 0 !important;
	background-image: none !important;
}
.product-page .page-content .productOption {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 0 20px;
	z-index: 2;
	border-top: 1px solid var(--borderColor);
}
.product-page .page-content .productOption .categoryOption {
	margin-top: 15px;
}
.product-page .page-content .productOption .categoryOptionOnlyOne .options label.disabled {
	opacity: 1 !important;
}
.product-page .page-content .productOption .categoryOption .categoryDetails p {
	display: block;
	margin: 0;
	font-size: 15px;
    font-weight: bold;
    white-space: normal;
	text-align: left;
}
.product-page .page-content .productOption .categoryOption .categoryDetails .conditionOptionAlert {
    margin-left: 10px;
	padding: 0;
    float: right;
}
.product-page .page-content .productOption .categoryOption .categoryDetails .conditionOptionAlert span {
    padding: 5px 10px;
	font-size: 12px;
    font-weight: bold;
    color: var(--textColorWhite);
    border-radius: var(--radiusStandard);
    background: var(--alertColor);
}
.product-page .page-content .productOption .categoryOption .categoryDetails .conditionOption {
	font-size: 14px;
	font-weight: 500;
	color: var(--textPrimaryColor);
}
.product-page .page-content .productOption .packOption .options {
	pointer-events: none;
}
.product-page .page-content .productOption .categoryOption .options {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
}
.product-page .page-content .productOption .categoryOption .options label {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    width: auto;
    padding: 5px 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
	background: transparent !important;
	cursor: pointer;
}
.product-page .page-content .productOption .categoryOption .options label.selected {
	font-weight: 500;
}
.product-page .page-content .productOption .categoryOption .options label input {
    opacity: 0;
    position: absolute;
	width: 100%;
	cursor: pointer;
}
.product-page .page-content .productOption .categoryOption .options label .check {
    margin-right: 10px;
}
.product-page .page-content .productOption .categoryOption .options label .ripple-wave {
	display: none;
}
.product-page .page-content .additionalInformation {
	margin: 0;
	padding: 20px 0;
}
.product-page .page-content .additionalInformation .accordion-item .block {
	margin-left: 20px;
}
.product-page .page-content .productOption ~ .additionalInformation {
    padding: 0 0 20px;
}
/* .product-page .page-content .additionalInformation ul li:first-of-type {
	border-top: 1px solid var(--borderColor);
}
.product-page .page-content .additionalInformation ul li:last-of-type {
	border-bottom: 1px solid var(--borderColor);
} */
.product-page .page-content .additionalInformation ul {
	list-style: disc;
}
.product-page .page-content .additionalInformation ul li .item-inner {
	border-top: 1px solid var(--borderColor);
}
.product-page .page-content .additionalInformation ul li:first-of-type .item-inner {
	border-top: none;
}
.product-page .page-content .additionalInformation ul li .item-inner:after {
	content: none !important;
}
.product-page .page-content .additionalInformation .item-title {
	font-size: 14px;
	font-weight: 600;
	white-space: normal;
}
.product-page .page-content .additionalInformation .reserveDateRange .item-title,
.product-page .page-content .additionalInformation .reserveDate .item-title {
	font-weight: 500;
    white-space: normal;
}
.product-page .page-content .additionalInformation .reserveDate .item-title .item-header {
    display: inline-block;
	margin-right: 10px;
}
.product-page .page-content .additionalInformation #picker-time {
	font-size: 14px;
	color: var(--textPrimaryColor) !important;
}
.product-page .page-content .additionalInformation #picker-time::placeholder {
	font-size: 14px;
	color: var(--textPrimaryColor) !important;
}
.product-page .page-content .additionalInformation ul .userComments {
	border: none !important;
}
.product-page .page-content .productOption ~  .additionalInformation ul .userComments {
	border-top: 1px solid var(--borderColor) !important;
}
.product-page .page-content .additionalInformation ul .userComments .commentClients {
	width: 100%;
    max-width: initial;
    padding: 0;
    margin: 15px 0 0 !important;
}
.product-page .page-content .additionalInformation ul .userComments .commentClients textarea::placeholder {
    position: relative;
	top: 4px;
}
.product-page .page-content .additionalInformation ul .userComments .commentClients .input-clear-button {
	margin: 0;
    top: 10px;
    right: 10px;
}
.product-page .order_hours {
    margin: 0;
    padding: 0;
}
.product-page .order_hours span {
    display: block;
    margin: 20px 18px 0;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
}
.product-page .info-product {
    margin: 20px 0;
}
.product-page .info-product .item-content,
.product-page .info-product .item-inner {
	min-height: 0;
    padding: 0 18px;
}
.product-page .info-product .productPrice {
    display: block;
    margin: 10px 18px;
}
.product-page .info-product .productPrice span {
    display: inline-block;
    height: auto;
}
.product-page .info-product .productPrice .old-price-product {
    text-align: left;
    display: block;
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through;
}
.product-page .info-product .productPrice .price {
	font-size: 20px;
	font-weight: 600;
}
.product-page .info-product .productPrice .priceForDay {
	font-size: 14px;
}
.product-page .info-product .item-title {
	font-family: var(--secondFont);
	white-space: normal;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.product-page .info-product .item-text {
	padding: 5px 0 0;
	max-height: 100%;
	-webkit-line-clamp: unset;
	font-family: var(--primaryFont);
	font-size: 14px;
	color: #999999;
}
.product-page .item-text-html {
	max-height: 100%;
	-webkit-line-clamp: unset;
	font-family: var(--secondFont);
	font-size: 14px;
	color: #555555;
	min-height: 0;
	padding: 0 18px;
}
.product-page .price {
	height: 40px;
}
.product-page .price span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
	font-family: var(--secondFont);
	font-size: 18px;
	font-weight: bold;
	color: var(--textPrimaryColor);
}
.product-page .price span.totalNights {
    font-size: 12px;
    height: 18px;
    position: absolute;
    top: -15px;
    right: 0;
}
.product-page .infoMessage {
    margin: 15px 0 0;
	padding: 0 18px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    font-style: italic;
	color: var(--alertColor);
}
.product-page .page-content .additionalInformation .otherInfo a .item-inner::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(-90deg);
	transform-origin: center;
    height: 10px;
    width: 10px;
	background-image: url(/static_images/src/images/icon/arrow-left_70e.svg?70e0b4dd7a15936ee7b41a950c085cdc);
	background-position: center;
	background-repeat: no-repeat;
    background-size: 10px;
	transition: all 0.3s;
}
.product-page .page-content .additionalInformation .otherInfo.accordion-item-opened a .item-inner::before {
	transform: translateY(-50%) rotate(90deg);
	transition: all 0.3s;
}
.product-page .additionalInformation.list ul li.otherInfo .accordion-item-content .block p {
	margin-top: 1px !important;
}
.product-page .page-content .swiperImages {
	background: var(--body_background);
}
.product-page .page-content .swiperImages a {
	width: 100%;
    height: 375px;
}
.product-page .page-content .swiperImages .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
    background-size: cover;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}
.product-page .page-content .swiperImages .bgImg[lazy="loading"] {
	opacity: 0;
}
.product-page .page-content .swiperImages .swiperImage {
	width: 100%;
	height: 100%;
    object-fit: cover;
    background-size: cover;
}
.openImgProduct {
    height: 100% !important;
    max-height: 100% !important;
	background: var(--shadowElements) !important;
}
.device-ios .openImgProduct {
    height: calc(100% - constant(safe-area-inset-top)) !important;
    height: calc(100% - env(safe-area-inset-top)) !important;
}
.openImgProduct .navbar {
	background-color: transparent !important;
}
.openImgProduct .navbar .navbar-inner .right {
	right: 0;
}
.openImgProduct .navbar .navbar-inner .right .popup-close {
	padding: 0 10px;
}
.openImgProduct .navbar .navbar-inner i {
	font-size: 40px;
	color: var(--colorIcon) !important;
}
.openImgProduct .sheet-modal-inner {
    top: -56px;
}
.device-ios .openImgProduct .sheet-modal-inner .popupImages {
	height: calc(100vh - constant(safe-area-inset-top)) !important;
	height: calc(100vh - env(safe-area-inset-top)) !important;
}
.openImgProduct .swiper-pagination.swiper-pagination-bullets {
    bottom: 25px;
}
.openImgProduct .popupImages img {
	margin: 20px;
	width: calc(100% - 40px);
    height: auto;
    max-height: calc(100% - 100px);
    border-radius: var(--radiusStandard);
    object-fit: contain;
    background-size: contain;
}
.openImgProduct .popupImages,
.openImgProduct .popupImages .principalImg,
.openImgProduct .popupImages .swiperImages {
	height: 100%;
}
.openImgProduct .popupImages .principalImg {
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
}
.openImgProduct .popupImages .swiperImages .swiper-slide {
	display: flex;
	align-items: center;
    justify-content: center;
}

.full-page.sheet-modal {
	height: 100%;
	max-height: 500px;
}
.full-page.sheet-modal .toolbar {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 90%;
	box-shadow: none !important;
}
.full-page.sheet-modal .toolbar::before {
	content: "";
}
.full-page.sheet-modal .toolbar .toolbar-inner {
	border-radius: var(--radiusCustom);
}
.full-page.sheet-modal .toolbar + .sheet-modal-inner {
	height: 100% !important;
}
.full-page.sheet-modal .page-content {
	padding-bottom: var(--paddingBottom) !important;
}
.full-page.sheet-modal .page-content ul {
	/* border-top: 1px solid var(--borderColor); */
	border-bottom: 1px solid var(--borderColor);
}
.sheet-modal {
	max-height: 45%;
}
.sheet-modal.picker .toolbar .toolbar-inner .title {
	width: 100%;
}
.adjustSelectHeight {
    max-height: none !important;
    height: auto !important;
}
.sheet-modal.language {
	height: auto;
}
.sheet-modal.language .sheet-modal-inner {
	width: 550px;
    margin: auto;
    border-radius: 10px;
}
.sheet-modal.smart-select-sheet.modal-in:before {
	content: "";
	width: 100%;
	height: 1000%;
	position: absolute;
	bottom: 0;
	left: 0;
	/* opacity: 0.5; */
	background-color: var(--shadowElements);
}
.sheet-modal .sheet-modal .toolbar + .sheet-modal-inner {
	min-height: 100px;
}
.sheet-modal .toolbar {
	margin: 0;
	-webkit-box-shadow: var(--shadowModalToolbar) !important;
	-moz-box-shadow: var(--shadowModalToolbar) !important;
	box-shadow: var(--shadowModalToolbar) !important;
}
.sheet-modal .toolbar::before {
	content: none;
}
.sheet-modal .toolbar .toolbar-inner {
	animation: none;
	border-radius: 0;
}
.sheet-modal .toolbar .right {
	display: block;
	width: 100%;
}
.sheet-modal .toolbar a.link {
	height: 50px !important;
	border: none !important;
    border-radius: 0 !important;
}
.sheet-modal.full-page .toolbar a.link {
    border-radius: var(--radiusToolbar) !important;
}
.sheet-modal .toolbar + .sheet-modal-inner {
	background: var(--body_background);
}
.sheet-modal label.item-checkbox > .icon-checkbox {
	margin-right: 18px;
}
.sheet-modal .page-content {
	padding-bottom: 0 !important;
}
.sheet-modal-inner .list .item-inner:after {
	content: none;
}
.sheet-modal-inner .list .item-inner {
	padding: 0;
	border-bottom: 1px solid var(--borderColor);
}
.sheet-modal-inner .list .item-inner .item-title {
    padding: 8px 0;
    white-space: normal;
}
.sheet-modal-inner .list li:last-of-type  .item-inner {
	border: none;
}
.sheet-modal.sheet-modal-payment {
    height: 100% !important;
    max-height: 100% !important;
}
.device-ios .sheet-modal.sheet-modal-payment {
	height: calc(100vh - constant(safe-area-inset-top)) !important;
	height: calc(100vh - env(safe-area-inset-top)) !important;
}
.sheet-modal.sheet-modal-payment .toolbar {
    position: absolute;
    bottom: auto;
    top: 20px;
    left: 20px;
    right: auto;
    transform: initial;
	width: 40px;
    height: 40px !important;
	border-radius: var(--radiusCustom);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.sheet-modal.sheet-modal-payment .toolbar-inner {
    height: 40px;
	border-radius: var(--radiusCustom);
}
.sheet-modal.sheet-modal-payment .toolbar-inner a {
    min-width: auto;
    height: 40px !important;
    font-size: 22px !important;
    font-weight: bold !important;
	border-radius: var(--radiusCustom) !important;
}
.sheet-modal.sheet-modal-payment .sheet-modal-inner {
	height: calc(100% - 0px) !important;
    padding-bottom: 0;
    background: #ffffff;
}
.sheet-modal.sheet-modal-payment .sheet-modal-inner .block {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
    /* padding-top: 80px; */
    background: transparent;
}

/* ===[ SOLIF WITH PAGE ]=== */
.sold-with-page .toolbar .toolbar-inner a {
    color: var(--primaryColor) !important;
	border: 1px solid var(--primaryColor) !important;
    background: var(--body_background) !important;
}
.sold-with-page .toolbar .toolbar-inner .routeToCart {
    margin-left: 20px;
	width: var(--heightToolbar);
    min-width: var(--heightToolbar);
    border: none !important;
    background: var(--primaryColor) !important;
}
.sold-with-page .toolbar .toolbar-inner .routeToCart .cartIcon {
	font-size: 26px;
    color: var(--fontColorToolbar)
}
.sold-with-page .toolbar .toolbar-inner .routeToCart .cartIcon .cartNotification {
    top: 0px;
    right: -10px;
}
.sold-with-page .page-content {
	background: var(--body_background) !important;
}
.sold-with-page .page-content .list {
	margin: 0;
}
.sold-with-page .page-content .list:first-of-type .block-title {
	margin: 10px 40px 15px;
}
.sold-with-page .page-content .list .block-title {
	margin: 30px 40px 15px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
    white-space: normal;
	line-height: normal;
	color: var(--primaryColor);
}
.sold-with-page .page-content .list ul:before,
.sold-with-page .page-content .list ul:after,
.sold-with-page .page-content .list .item-inner:after {
	content: none;
}
.sold-with-page .page-content .list ul {
	max-width: 380px;
    padding: 0 8px;
	margin: 0 auto;
}
.sold-with-page .page-content .list ul li {
    display: inline-block;
	position: relative;
    width: calc(50% - 24px);
	height: 240px;
    padding: 0;
	margin: 0 12px 15px;
    border-radius: 20px;
    background: var(--secondColorLite);
	overflow: hidden;
}
.sold-with-page .page-content .list ul .item-content,
.sold-with-page .page-content .list ul .item-media  {
	padding: 0;
}
.sold-with-page .page-content .list ul li .discountProduct {
    position: absolute;
    top: 0;
    left: -75px;
    height: 50px;
    width: 50px;
    z-index: 10;
}
.sold-with-page .page-content .list ul li .discountProduct img {
	width: 100%;
    height: 100%;
}
.sold-with-page .page-content .list ul li .discountProduct span {
    position: absolute;
    top: -11px;
    left: -11px;
    transform: rotate(-45deg);
    font-size: 14px;
    font-weight: bold;
    color: var(--textColorWhite);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sold-with-page .page-content .list ul li .item-content {
	margin: 0;
	padding: 0;
    min-height: 225px;
}
.sold-with-page .page-content .list ul li .item-content .item-inner {
	margin: 0;
	padding: 0;
	min-height: 0;
}
.sold-with-page .page-content .list ul .item-inner .wrapperImg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
	overflow: hidden;
    border-radius: 0 24px 20px 20px;
}
.sold-with-page .page-content .list ul .item-inner .wrapperImg img {
	width: 100%;
	height: 100%;
	object-fit: var(--imageProportionCategory);;
}
.sold-with-page .page-content .list ul .item-inner .infoProduct {
	display: block;
	padding: 10px 8px 15px;
}
.sold-with-page .page-content .list ul .item-inner .infoProduct .title-product {
	height: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
	text-align: center;
	white-space: normal;
	color: var(--textPrimaryColor);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
			line-clamp: 2;
	-webkit-box-orient: vertical;
}
.sold-with-page .page-content .list ul .item-inner .infoProduct .desc-product {
	padding: 5px 0 0;
	font-size: 12px;
	font-weight: 400;
    line-height: 16px;
	text-align: center;
	white-space: normal;
	color: #AAAAAA;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
			line-clamp: 3;
	-webkit-box-orient: vertical;
}
.sold-with-page .page-content .list ul .item-inner .addToCart {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    margin: 0 auto;
	font-size: 10px;
	font-weight: 500;
    text-align: center;
	color: var(--primaryColor);
}
.sold-with-page .page-content .list ul .item-inner .addToCart i {
    margin: 0 8px 0 0;
	font-size: 14px;
	color: var(--primaryColor);
}
.sold-with-page .page-content .list ul .item-inner .infoProduct .wrepperPrice {
    position: absolute;
    top: 0;
    right: 0;
	margin: 0;
    padding: 7px 15px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    border-radius: 0 0 0 20px;
	background: #F9F6FD;
}
.sold-with-page .page-content .list ul .item-inner .infoProduct span.price-product {
    display: block;
    padding: 0;
    font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: normal;
	text-transform: capitalize;
	color: var(--primaryColor);
}
.sold-with-page .page-content .list ul .item-inner .infoProduct span.old-price-product {
	display: block;
    padding: 0;
    font-size: 10px;
    font-weight: 400;
	text-align: center;
	white-space: normal;
	text-transform: capitalize;
    text-decoration: line-through;
	color: var(--primaryColor);
}

/* ===[ GROUP ORDER ]=== */
.group-order-page .page-content {
    background: var(--page_content);
}
.group-order-page .page-content .groupOrderImg {
    display: flex;
    align-items: flex-end;
    justify-content: center;
	position: relative;
	z-index: 1000;
    width: 100%;
    padding: 30px 0 0;
    overflow: hidden;
    border-radius: 0 0 50% 50%;
    background: var(--body_background);
}
.group-order-page .page-content .groupOrderImg img {
    display: block;
    margin: 0 15px;
    height: auto;
    width: auto;
    max-height: 150px;
	animation: fadeIn1 2s;
}
.group-order-page .page-content .groupOrderImg img:first-of-type {
	animation: fadeIn2 2s;
}
.group-order-page .page-content .groupOrderImg img:last-of-type {
	animation: fadeIn3 2s;
}
.group-order-page .page-content .createGroupOrder img,
.group-order-page .page-content .joinGroupOrder img {
	height: 30px;
}
.group-order-page .page-content .wrapperGroupNoauth p {
	margin: 30vh 40px 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: var(--textPrimaryColor);
}
.group-order-page .page-content .wrapperGroupNoauth .link {
    height: var(--heightToolbar);
    width: calc(100% - 40px);
    margin: 0 0 0 20px;
    padding: 0 10px;
    text-align: center;
    font-size: var(--sizeToolbar);
    font-weight: var(--weightToolbar);
    color: var(--fontColorToolbar);
	text-transform: var(--textTransformToolbar);
    border-radius: var(--radiusToolbar);
    background: var(--bgToolbar);
    overflow: hidden;
}
.group-order-page .page-content .wrapperGroupNoauth .link img {
    height: 25px;
    margin-left: 10px;
}
.group-order-page .page-content .wrapperGroup {
	padding: 0;
    margin: 20px auto;
    max-width: 400px;
}
.group-order-page .page-content .wrapperGroup .createGroupOrder,
.group-order-page .page-content .wrapperGroup .joinGroupOrder {
    margin: 0 20px;
    padding: 15px;
	border: 1px solid var(--borderColor);
    border-radius: var(--radiusMiddle);
    background: var(--body_background);
	animation: section1 1s;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder {
    margin: 20px;
	animation: section2 1s;
}
.group-order-page .page-content .wrapperGroup .createGroupOrder  img {
	display: block;
    margin: 10px auto 0;
    height: 40px;
	width: auto;
}
.group-order-page .page-content .wrapperGroup .createGroupOrder .description {
    margin: 20px auto;
    font-size: 14px;
    text-align: center;
}
.group-order-page .page-content .wrapperGroup .createGroupOrder .link,
.group-order-page .page-content .wrapperGroup .joinGroupOrder .link {
    height: var(--heightToolbar);
    width: 100%;
    padding: 0 10px;
    text-align: center;
	font-size: 15px;
	font-weight: var(--weightToolbar);
	color: var(--fontColorToolbar);
    background: var(--bgToolbar);
    border-radius: var(--radiusToolbar);
    overflow: hidden;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation img {
	display: block;
	margin: 0 auto 10px;
    height: 40px;
	width: auto;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .description {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
	color: var(--textPrimaryColor);
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .item-input-wrap {
    position: relative;
	display: block;
	margin: 20px auto;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .item-input-wrap::after {
    content: none;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation input {
    height: var(--heightInput);
    width: 100%;
    padding: 0 45px 0 20px;
    margin: 0 auto;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusInput);
    background: var(--bgInput);
	transition: all .3s;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation input.requiredAlert {
    border: 1px solid var(--alertColor);
	transition: all .3s;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .input-clear-button {
	top: 13px;
    bottom: auto;
    right: 12px;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .preloaderWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    height: var(--heightInput);
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .preloaderWrapper .preloader {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}
.group-order-page .page-content .wrapperGroup .joinGroupOrder .wrapperContent .wrapperValidation .preloaderWrapper .preloader .preloader-inner-half-circle {
    border: 6px solid var(--primaryColor);
}
.group-order-page .page-content .wrapperContent .wrapperSucces .addGif,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .addGif {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 100px;
}
.group-order-page .page-content .wrapperContent .wrapperSucces .confirmTitle,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .confirmTitle {
	display: block;
	padding: 0;
	margin: 20px auto;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.group-order-page .page-content .wrapperContent .wrapperSucces .confirmTitle span,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .confirmTitle span {
    display: inline-flex;
    padding: 4px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: var(--primaryColor);
}
.group-order-page .page-content .wrapperContent .wrapperSucces .groupOrderDetails,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .groupOrderDetails {
    margin: 20px 0;
}
.group-order-page .page-content .wrapperContent .wrapperSucces .groupOrderDetails p,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .groupOrderDetails p {
    display: block;
    margin: 15px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--textPrimaryColor);
}
.group-order-page .page-content .wrapperContent .wrapperSucces .groupOrderDetails p span,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .groupOrderDetails p span {
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 5px 0 0;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--textPrimaryColor);
}
.group-order-page .page-content .wrapperContent .wrapperSucces .groupOrderDetails p img,
.joinGroupOrderPopup .page-content .wrapperContent .wrapperSucces .groupOrderDetails p img {
	width: auto;
    height: 20px;
    margin: 0 10px 0 0;
}
.createGroupOrderPopup.popup,
.joinGroupOrderPopup.popup {
    top: auto !important;
    bottom: 0 !important;
    height: 100% !important;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
}
.createGroupOrderPopup.popup .page,
.joinGroupOrderPopup.popup .page {
    top: auto !important;
    bottom: 0 !important;
    height: fit-content !important;
	max-height: 80vh;
	min-height: 400px;
    border-radius: var(--radiusMiddle) var(--radiusMiddle) 0 0;
	background: var(--body_background);
    overflow: hidden;
    transition: all 1s;
}
.createGroupOrderPopup.popup .navbar .navbar-inner .right,
.joinGroupOrderPopup.popup .navbar .navbar-inner .right {
	right: 0;
}
.createGroupOrderPopup.popup .page-content .wrapperContentChoose p {
    margin: 10vh 35px 0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--textPrimaryColor);
}
.createGroupOrderPopup.popup .page-content .wrapperContent,
.joinGroupOrderPopup.popup .page-content .wrapperContent {
	margin: 0 20px 40px;
}
.createGroupOrderPopup.popup .page-content .wrapperContent .description,
.joinGroupOrderPopup.popup .page-content .wrapperContent .description {
    display: block;
    margin: 0;
    padding: 20px 20px 40px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.createGroupOrderPopup.popup .page-content .wrapperContent textarea {
    margin: 0 auto;
    padding: 10px;
    min-width: 0;
    min-height: 0;
    height: var(--heightInput) !important;
    width: fit-content !important;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
	border: 1px solid var(--borderColor);
	border-radius: var(--radiusCustom);
    background: var(--bgList);
}
.createGroupOrderPopup.popup .page-content .wrapperContent .item-input-wrap::after {
    content: none;
}
.joinGroupOrderPopup.popup .page-content .wrapperContent input {
    height: var(--heightInput);
    width: 100%;
    padding: 0 45px 0 20px;
    margin: 0 auto;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusInput);
    background: var(--bgInput);
}
.joinGroupOrderPopup.popup .page-content .wrapperContent .input-clear-button {
	top: 13px;
    bottom: auto;
    right: 12px;
}
.joinGroupOrderPopup.popup .page-content .wrapperContent .preloaderWrapper .preloader {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}
.joinGroupOrderPopup.popup .page-content .wrapperContent .preloaderWrapper .preloader .preloader-inner-half-circle {
    border: 6px solid var(--primaryColor);
}
@media screen and ( max-height: 800px ) {
	.group-order-page .page-content .groupOrderImg {
		padding: 10px 0 0;
	}
	.group-order-page .page-content .groupOrderImg img {
		max-height: 100px;
	}
}
@keyframes fadeIn1 {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes fadeIn2 {
	from {
		opacity: 0;
		transform: translateY(130%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes fadeIn3 {
	from {
		opacity: 0;
		transform: translateY(180%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

/* ===[ SHOPPING CART ]=== */
.badge.cartNotification {
	right: 7px;
    top: -14px;
    left: auto;
    font-weight: 700;
	border-radius: 25px;
	background: var(--gradientBtnRemove);
	-webkit-box-shadow: var(--shadowBullets) !important;
	-moz-box-shadow: var(--shadowBullets) !important;
	box-shadow: var(--shadowBullets) !important;
}
.shopping-cart-page.page::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45vh;
	z-index: -1;
	background: var(--body_background2) !important;
}
.shopping-cart-page .navbar ~ .page-content .ptr-preloader {
    top: 10px;
    bottom: auto;
}
.shopping-cart-page.cart-empty .navbar .navbar-inner .title {
	margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
}
.emptyCart .empty-list svg {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    height: 230px;
    width: auto;
    margin: auto;
}
.shopping-cart-page .navbar .right .link.icon-only {
	padding: 0 20px;
}
.shopping-cart-page .navbar .right a {
	display: flex;
    align-items: center;
    justify-content: center;
	min-width: auto;
	padding: 0 20px;
}
.shopping-cart-page .navbar .right .button img {
	height: 20px;
}
.shopping-cart-page .navbar .right a.shareBtn {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.shopping-cart-page .navbar .right a.shareBtn img {
    height: 24px;
	width: auto;
}
.shopping-cart-page .navbar .right a i {
	align-self: center;
}
.shopping-cart-page .toolbar .toolbar-inner {
	background: none;
	border-radius: unset;
	animation: none;
	box-shadow: none !important;
}
.shopping-cart-page .toolbar .toolbar-inner a {
	height: var(--heightToolbar) !important;
	transition: opacity .3s;
}
.shopping-cart-page .toolbar a.btn-menu.link.back {
	color: var(--primaryColor) !important;
	background: var(--body_background) !important;
}
.shopping-cart-page .toolbar a.btn-menu.link.back img {
	margin: 0 8px 0 0;
	transform: rotate(180deg);
}
.shopping-cart-page .page-content {
	border-radius: 0 !important;
	background: transparent !important;
}
/* .shopping-cart-page .toolbar .toolbar-inner a.inviteUser {
	color: var(--textPrimaryColor) !important;
	background: transparent !important;
} */
.shopping-cart-page .page-content .pullDown {
	position: relative;
	display: block;
	margin: 0;
	padding: 80px 20px 0;
}
.shopping-cart-page .page-content .pullDown p {
	display: block;
	margin: 0 auto 5px;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .pullDown img {
	display: block;
	margin: 0 auto;
	height: 16px;
}
.shopping-cart-page.emptyCart .page-content .wrapperPage,
.shopping-cart-page.emptyCart .page-content .classicFade,
.shopping-cart-page.emptyCart .page-content .classicFade .list {
	height: 100%;
}
.shopping-cart-page.emptyCart .page-content .wrapperPage {
    overflow: hidden;
}
.shopping-cart-page.emptyCart .page-content .classicFade {
    overflow: hidden;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list {
	margin: 0 10px;
	border-radius: var(--radiusCustom);
}
.shopping-cart-page.emptyCart .page-content .classicFade .list::after {
	content: '';
	position: absolute;
    right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/* background-image: url(../images/icon/emptyFavorites.svg); */
	background-position: right bottom;
	background-repeat: no-repeat;
    background-size: 260px;
	z-index: 10;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list::before {
	content: '';
	position: absolute;
    right: -75px;
    bottom: 90px;
	width: 100%;
    height: 250px;
	/* background-image: url(../images/icon/emptyFavorites.png); */
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 250px;
	z-index: 100;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list ul {
    position: relative;
    top: 12%;
    z-index: 10000;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list ul li {
    border: none;
    background: transparent;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list ul li .item-content {
    padding: 0;
    min-height: 0;
}
.shopping-cart-page.emptyCart .page-content .classicFade .list ul li .item-title {
	font-size: 18px !important;
	font-weight: bold !important;
	color: var(--textPrimaryColor) !important;
	margin-top: 140px !important;
}
.shopping-cart-page .list ul:before,
.shopping-cart-page .list ul:after {
	content: none;
}
.shopping-cart-page .page-content .list.ueserCart {
    margin: 5px 0;
}
.shopping-cart-page .page-content .list.ueserCart ul li {
	margin: 0 25px 15px;
	border-radius: 15px;
	border: 1px solid var(--borderColor);
    background: var(--body_background);
}
.shopping-cart-page .page-content .list.ueserCart ul li:last-of-type {
	margin-bottom: 0;
}
.shopping-cart-page .page-content .list.ueserCart ul li.empty-list {
	border: none;
}
.shopping-cart-page .edit-product .stepper {
	margin: 0 10px;
	height: 45px !important;
	background: none !important;
}
.shopping-cart-page .edit-product .stepper.disabled {
	opacity: 1 !important;
}
.shopping-cart-page .list .item-inner:last-of-type::after {
	content: "";
	height: 0;
}
.shopping-cart-page .item-total.list .item-inner {
	padding: 0;
}
.shopping-cart-page .item-total.list .item-inner .item-footer {
	font-size: 12px;
    font-weight: 400;
    padding-top: 2px;
    color: var(--textColorLight);
}
.shopping-cart-page .list .item-content {
	padding: 0 18px;
}
.shopping-cart-page .accordeonTextarea.accordion-item {
    border: none;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content {
    display: block;
	padding: 10px;
	min-height: 100px;
}
.shopping-cart-page .page-content .list.ueserCart ul li.empty-list .item-content {
    padding: 0;
	min-height: 0;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-media {
	display: flex;
	align-items: center;
	justify-content: center;
    float: left;
    padding: 0;
    margin-right: 10px;
    width: 75px;
    height: 75px;
    border-radius: var(--radiusMiddle);
    overflow: hidden;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner {
    display: block;
    padding: 0;
    margin: 0;
}
.shopping-cart-page .page-content .list.item-total ul li .item-content .item-inner::after,
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner::after {
	content: none;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner .nameProduct {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	white-space: normal;
	color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner .priceProduct {
	font-size: 14px;
	font-weight: bold;
	white-space: normal;
	color: var(--primaryColor);
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner p {
	margin: 0 0 2px;
	font-size: 12px;
	line-height: 16px;
	color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner p.commentProduct,
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner p.extra {
	color: #AAAAAA;
}
.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner p.commentProduct {
	font-style: italic;
}
.shopping-cart-page .page-content .item-total.list {
    padding: 0;
    margin: 10px 0 0 !important;
}
.shopping-cart-page .page-content .item-total.list ul li .item-content {
	min-height: 0;
	padding: 0 25px;
}
.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner {
	padding: 0 20px;
    min-height: 34px;
}
.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner .item-title {
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    white-space: normal;
    color: #120821;
}
.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner .item-after span {
	font-size: 14px;
    font-weight: bold;
    color: var(--primaryColor);
}
.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner .item-footer {
	font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
    color: #AAAAAA;
}
.shopping-cart-page .page-content .item-total.list ul li.total {
    margin-top: 10px;
}
.shopping-cart-page .page-content .item-total.list ul li.total .item-content .item-inner {
    min-height: 50px;
	padding: 0 8px 0 20px;
	border-radius: var(--radiusToolbar);
	background: var(--secondColorLite);
}
.shopping-cart-page .page-content .item-total.list ul li.total .item-content .item-inner .item-title {
	font-size: 16px;
    color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .item-total.list ul li.total .item-content .item-inner .item-after span {
    padding: 6px 12px;
    color: var(--textColorWhite);
    border-radius: var(--radiusToolbar);
	background: var(--primaryColor);
}
.shopping-cart-page .page-content .list.ueserCart ul li .row {
    padding: 10px 0 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .stepper {
    height: 36px !important;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .stepper .stepper-button-minus,
.shopping-cart-page .page-content .list.ueserCart ul li .row .stepper .stepper-button-plus {
	width: 35px;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    min-width: 0;
    padding: 0;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .delete {
    margin: 0 15px;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .delete img {
	height: 20px;
}
.shopping-cart-page .page-content .list.ueserCart ul li .row .edit .icon {
    font-size: 24px;
    color: var(--primaryColorIcon);
}
.shopping-cart-page .ueserCart ul li .freeProduct {
	display: block;
    padding: 0 18px;
	font-size: 15px;
	font-weight: 600;
}
.shopping-cart-page .ueserCart ul li.is_bonus .item-inner {
	padding-bottom: 20px;
    /* padding-right: 0; */
}
.shopping-cart-page .ueserCart ul li.is_bonus .item-inner::after {
	content: none !important;
}
.shopping-cart-page .ueserCart ul li.is_bonus .item-inner .item-after {
	margin-top: 14px;
}
.shopping-cart-page .ueserCart ul li:last-child::after {
	content: none;
}
.shopping-cart-page .ueserCart .block > p:first-child {
	margin-top: 0;
}
.shopping-cart-page .ueserCart .block > p.commentProduct {
	font-style: italic;
}
.shopping-cart-page .promotion {
    margin: 0 !important;
    padding: 20px 25px !important;
}
.shopping-cart-page .promotion {
    margin-bottom: 0;
}
.shopping-cart-page .promotion .promotionCampaign a {
	color: var(--primaryColor);
	text-decoration: underline;
}
.shopping-cart-page .promotion p {
	text-align: center;
    text-transform: inherit;
    margin: 0;
    padding: 10px 18px;
}
.shopping-cart-page .page-content .promotion .cutlery,
.shopping-cart-page .page-content .promotion .phoneNumber {
    position: relative;
    padding: 15px;
	max-width: 600px;
    margin: 14px auto;
    /* max-width: 200px; */
    border: 1px solid var(--textPrimaryColor);
    border-radius: var(--radiusMiddle);
    background: var(--bgList);
}
.shopping-cart-page .page-content .promotion .cutlery{
	max-width: 400px !important;
}
.shopping-cart-page .page-content .promotion .cutlery svg,
.shopping-cart-page .page-content .promotion .phoneNumber svg {
    position: absolute;
	width: 50px;
    height: 50px;
    right: 15px;
    bottom: 15px;
}
.shopping-cart-page .page-content .promotion .cutlery p,
.shopping-cart-page .page-content .promotion .phoneNumber p {
    padding: 0 50px 0 0;
    margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
    color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .promotion .phoneNumber a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 15px;
    height: auto;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
    color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
    overflow: hidden;
}
.shopping-cart-page .page-content .promotion .cutlery .item-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
	background: transparent !important;
}
.shopping-cart-page .page-content .promotion .cutlery .item-checkbox .ripple-wave {
    display: none;
}
.shopping-cart-page .page-content .promotion .cutlery .item-checkbox .icon-checkbox {
    margin-right: 10px;
}
.shopping-cart-page .page-content .promotion .cutlery .item-checkbox span {
	font-size: 14px;
	font-weight: 400;
    color: var(--textPrimaryColor);
}
.shopping-cart-page .promotion textarea {
	min-height: 60px;
	max-height: 150px;
	overflow: auto !important;
	transition: min-height 0.25s ease-out;
}
.shopping-cart-page .promotion textarea.input-focused {
	min-height: 100px;
	transition: min-height 0.25s ease-in;
}
.shopping-cart-page .promotion textarea ~ span.input-clear-button {
	margin: 0;
    top: 15px;
    right: 5px;
}
.shopping-cart-page .promotion a.button {
    display: flex;
    align-items: center;
    justify-content: center;
	height: -moz-max-content !important;
	height: -webkit-max-content !important;
	height: max-content !important;
    min-height: auto;
	max-width: max-content;
	margin: 0 auto 15px !important;
	padding: 0;
    font-size: 16px;
	font-weight: 500;
    line-height: 20px;
	white-space: normal;
    text-transform: unset;
	color: var(--primaryColor) !important;
    background: var(--body_background);
}
.shopping-cart-page .promotion .invoiceInformation {
	max-width: 380px;
    padding: 0 0 15px;
	margin: 15px auto !important;
    z-index: -1;
}
.shopping-cart-page .promotion .invoiceInformation .infoClientToggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.shopping-cart-page .promotion .invoiceInformation .infoClientToggle span {
    text-align: center;
	color: var(--textPrimaryColor);
}
.shopping-cart-page .promotion .invoiceInformation .infoClientToggle .toggle {
    margin: 0 15px;
}
.shopping-cart-page .promotion .invoiceInformation .infoClientToggle ~ p {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 15px 0 0;
	font-weight: 400;
	text-align: center;
	opacity: 0;
	transition: all .3s;
}
.shopping-cart-page .promotion .invoiceInformation .infoClientToggle ~ p.on {
    opacity: 1;
	transition: all .3s;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice {
    position: relative;
    /* display: none; */
	opacity: 0;
    height: 0;
	transition: all .3s;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice.on {
    /* display: block; */
	opacity: 1;
    height: 180px;
	transition: all .3s;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .infoInvoice {
    margin: 0 0 10px;
	font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list {
	position: relative;
	top: 20px;
    margin: 0;
    padding: 10px 10px 0;
	background: var(--bgList);
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list::before,
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list::before {
    height: calc(16px - 6px);
	bottom: 100%;
	background: linear-gradient(-135deg, var(--bgList) 8px, transparent 0) 0 8px, linear-gradient( 135deg, var(--bgList) 8px, transparent 0) 0 8px;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 16px 16px;
    transform: rotate(180deg);
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list::after {
	height: 16px;
	top: 100%;
	background: linear-gradient(-135deg, var(--bgList) 8px, transparent 0) 0 8px, linear-gradient( 135deg, var(--bgList) 8px, transparent 0) 0 8px;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 16px 16px;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li {
	display: block;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li::marker {
	content: none;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content,
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner,
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .item-input-wrap {
    padding: 0;
    min-height: 0;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .input_fill {
    margin-bottom: 10px !important;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .item-input-wrap input {
    height: 30px;
    padding: 0 20px 0 0;
	font-size: 12px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--borderColor);
	background: var(--bgList);
}
/* .shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .item-input-wrap input::placeholder {
    color: var(--textPrimaryColor) !important;
} */
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .item-input-wrap .input-clear-button {
    top: 5px;
    right: 0;
	bottom: auto;
    background: transparent;
}
.shopping-cart-page .promotion .invoiceInformation .wrapperInvoice .list li .item-content .item-inner .item-input-wrap .input-error-message {
    display: none;
}
.shopping-cart-page .margin--0.list ul .item-content {
	min-height: auto;
}
.shopping-cart-page .margin--0.list ul .item-inner {
	padding: 0;
}
.shopping-cart-page .accordion-list {
	margin: 10px 0;
}
.shopping-cart-page .accordion-list.commentClients {
	height: -moz-max-content !important;
	height: -webkit-max-content !important;
	height: max-content !important;
    max-width: 600px;
    padding: 0;
}
.shopping-cart-page .accordeonTextarea .accordion-item-toggle p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: -moz-max-content !important;
	height: -webkit-max-content !important;
	height: max-content !important;
    margin: 0 auto !important;
    padding: 0;
	font-size: 16px;
    font-weight: 500;
    line-height: 20px;
	white-space: normal;
    color: var(--primaryColor) !important;
}
.shopping-cart-page .accordeonTextarea .accordion-item-content textarea {
    margin: 10px 0 15px;
}
.shopping-cart-page .accordion-list.commentClients .accordion-item {
	border-radius: var(--radiusCustom);
	background: transparent;
    margin: 0;
	transition: .3s ease-out;
	box-shadow: none !important;
}
.shopping-cart-page .accordion-list.commentClients .accordion-item-opened {
	border-radius: var(--radiusMiddle);
	transition: .2s ease-in;
	box-shadow: none !important;
}
.shopping-cart-page .accordion-list.commentClients .accordion-item-content {
	margin: 0 16px;
	opacity: 0;
	transition: .3s ease-out;
}
.shopping-cart-page .accordion-list.commentClients .accordion-item-opened .accordion-item-content {
	opacity: 1;
	transition: .3s ease-in;
}
.shopping-cart-page .page-content .closedLocation {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.shopping-cart-page .page-content .closedLocation .wrepper p {
    display: block;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	white-space: normal;
	color: var(--textPrimaryColor);
}
.shopping-cart-page .page-content .closedLocation .wrepper img {
    display: block;
    margin: auto;
    width: auto;
    height: 140px;
}

/* COMANDA DE GRUP */
.shopping-cart-page.groupOrder .navbar ~ .page-content .ptr-preloader {
    top: 80px;
    bottom: auto;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner {
	overflow: initial;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar {
	height: 70px;
	padding: 0;
	background: var(--body_background) !important;
	max-width: 100%;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar:after {
	content: none;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner {
	padding: 0;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar {
	margin: 0 12px 0 0;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar::before {
	content: none;
}
#main-view .shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.cartGroupOrder {
    margin: 0 !important;
    min-width: 80px;
    width: 80px !important;
}
#main-view .shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder {
	margin: 0 !important;
	border-radius: 0;
	border-left: 1px solid var(--borderColor);
	background: var(--body_background);
	overflow: initial;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar .toolbar-inner {
	animation: none;
	border-radius: 0;
	background: var(--body_background);
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner {
    overflow: scroll;
	padding: 0 10px;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.cartGroupOrder .toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar .toolbar-inner a {
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 0;
    font-size: 18px !important;
    font-weight: bold !important;
    color: var(--textColorWhite) !important;
    border: none !important;
    border-radius: 50px !important;
    background: var(--bgToolbar) !important;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
    transition: all 0.3s;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar .toolbar-inner a.tab-link-active {
	-webkit-transform: scale(1);
	transform: scale(1);
    transition: all 0.3s;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner a {
    margin-right: 5px;
	overflow: initial;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner a::before {
    content: none;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner a .ripple-wave {
    display: none !important;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner a.myCart:after {
	content: '';
	position: absolute;
    top: 3px;
    right: 0;
    height: 14px;
    width: 14px;
	border-radius: 50px;
	background: var(--alertColor);
	-webkit-box-shadow: 1px -1px 3px 0px rgb(0 0 0 / 50%) !important;
    -moz-box-shadow: 1px -1px 3px 0px rgb(0 0 0 / 50%) !important;
    box-shadow: 1px -1px 3px 0px rgb(0 0 0 / 50%) !important;
    z-index: 9999999;
}
.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.cartGroupOrder .toolbar-inner .link i {
    height: auto;
    font-size: 25px;
    color: var(--textColorWhite);
}
.shopping-cart-page.groupOrder .page-content .tabs .page-content {
	padding: 0 !important;
}
.shopping-cart-page.groupOrder .page-content .statusGroupOrder {
	display: block;
	margin: 10px auto 20px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.orderHasBeenSent .page-content,
.shopping-cart-page.cancelGroupOrder .page-content {
	display: flex;
    align-items: center;
    justify-content: center;
}
.shopping-cart-page.orderHasBeenSent .page-content .orderHasBeenSentInfo,
.shopping-cart-page.cancelGroupOrder .page-content .cancelGroupOrderInfo {
	display: block;
    margin: 0 auto;
	padding: 0 20px;
    text-align: center;
}
.shopping-cart-page.cancelGroupOrder .page-content .cancelGroupOrderInfo {
    margin: 0 auto 100px;
}
.shopping-cart-page.orderHasBeenSent .page-content .orderHasBeenSentInfo img {
    display: block;
    margin: 0 auto 20px;
    height: 180px;
	width: auto;
}
.shopping-cart-page.cancelGroupOrder .page-content .cancelGroupOrderInfo img {
    display: block;
    margin: 0 auto 50px;
    height: 120px;
	width: auto;
}
.shopping-cart-page.orderHasBeenSent .page-content .orderHasBeenSentInfo p,
.shopping-cart-page.cancelGroupOrder .page-content .cancelGroupOrderInfo p {
	display: block;
    margin: 10px 0;
	font-size: 16px;
    font-weight: 600;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder.freezeOrder .page-content .freezeOrderStatus {
    display: block;
    margin: 10px auto;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: var(--alertColor);
}
.shopping-cart-page.groupOrder .page-content #allPeople .statusGroupOrder span {
	color: var(--alertColor);
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList {
	margin: 0 0 20px;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .media-item {
	margin: 0 25px 15px;
    border-radius: 15px;
    border: 1px solid var(--borderColor);
    background: var(--bgList);
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content {
	min-height: auto;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content .item-inner {
	min-height: auto;
    padding: 10px 0;
    margin-left: 18px;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content .item-inner::after {
	content: none !important;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content .item-title-row .item-title {
    padding-right: 25px;
    font-size: 16px;
	font-weight: 600;
    white-space: nowrap;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content .item-inner .item-subtitle {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list.productsList .item-content .item-inner .item-footer {
    position: relative;
    top: 5px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder .page-content #allPeople .list .item-content .item-inner a.removeBtn {
    position: absolute;
    top: 5px;
    right: -10px;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list .item-content .item-inner a.removeBtn i {
    font-size: 26px;
	color: var(--alertColor);
}
.shopping-cart-page.groupOrder .page-content #allPeople .list .item-media {
	padding: 0;
	min-width: auto;
	align-self: center;
	-webkit-align-self: center;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list .item-media .fa-spinner {
	color: var(--primaryColor);
	animation: spinner 1s linear infinite;
}
.shopping-cart-page.groupOrder .page-content #allPeople .list .item-media .icon {
    font-size: 20px;
	color: var(--primaryColor);
}
@keyframes spinner {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes spinner {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.shopping-cart-page.groupOrder .page-content .tab .user {
    margin: 0;
    padding: 10px 20px 15px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: inherit;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder .page-content .tab .user .tagInitiator {
    margin: 8px auto 0;
    padding: 4px 15px;
    width: fit-content;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}
.shopping-cart-page.groupOrder .page-content .tab .accordion-list {
	margin-bottom: 0;
}
.shopping-cart-page.groupOrder .page-content .tab .item-total {
    margin: 20px 0 0 !important;
}
.shopping-cart-page.groupOrder .page-content .cancelGroupOrderBtn {
	display: flex;
	align-self: center;
	justify-content: center;
	height: 50px;
	margin: 20px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 600;
	color: var(--textColorWhite);
	border-radius: var(--radiusToolbar);
	background: var(--alertBg);
    overflow: hidden;
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li {
    margin: 0 25px 15px;
    border-radius: 15px;
    border: 1px solid var(--borderColor);
    background: var(--body_background);
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li.empty-list {
    border: none;
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li:last-of-type {
    margin: 0 25px;
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li .item-content .item-inner {
	padding-right: 0;
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li .item-content .item-inner .item-title {
    font-size: 12px;
    white-space: normal;
	color: var(--textColorLight);
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li.empty-list .item-content .item-inner .item-title {
    font-size: initial;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li .item-content .item-inner .item-title .item-header {
	margin-bottom: 2px;
    font-size: 16px;
    white-space: normal;
	color: var(--textPrimaryColor);
}
.shopping-cart-page.groupOrder .page-content.friends .user ~ .list.productsList ul li .item-content .item-inner .item-title .item-footer {
	margin-top: 2px;
    font-size: 12px;
    white-space: normal;
	color: var(--textColorLight);
}

/* ===[ SETTINGS-PAGE ]=== */
.settings-page .toolbar::before {
	background: transparent !important;
}
.settings-page .page-content .userProfile {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10000;
    width: calc(100% - 40px);
	padding: 20px;
	border-radius: 0 0 var(--radiusMiddle) var(--radiusMiddle);
	background: var(--body_background);
	border-bottom: 1px solid #eee;
}
.settings-page .page-content .userProfile .login p {
	display: block;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
	text-align: center;
    color: var(--textPrimaryColor);
}
.settings-page .page-content .userProfile .login .link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: normal;
    font-size: var(--sizeToolbar);
    height: var(--heightToolbar);
	font-weight: var(--weightToolbar);
	text-transform: var(--textTransformToolbar);
    color: var(--textPrimaryColor);
    background: var(--page_content);
    border-radius: var(--radiusToolbar);
	border: 1px solid #eee;
	box-shadow: var(--shadow) !important;
}
.settings-page .page-content .userProfile .login .link img {
	height: 22px;
    margin: 0 0 0 10px;
}
.settings-page .page-content .userProfile .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 20px;
}
.settings-page.noAuth .page-content .userProfile .wrapper {
	padding: 0;
}
.settings-page .page-content .userProfile .wrapper .avatarUser {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
    min-width: 74px;
	margin-right: 20px;
    border-radius: 100px;
    background: var(--body_background);
	-webkit-box-shadow: 0px 8px 10px -2px rgb(0 0 0 / 40%) !important;
    -moz-box-shadow: 0px 8px 10px -2px rgb(0 0 0 / 40%) !important;
    box-shadow: 0px 8px 10px -2px rgb(0 0 0 / 40%) !important;
}
.settings-page .page-content .userProfile .wrapper .avatarUser img {
    position: relative;
    bottom: 2px;
	width: 100%;
	height: 100%;
}
.settings-page .page-content .userProfile .wrapper .nameUser p {
	display: block;
	margin: 0 0 4px;
	font-size: 28px;
	font-weight: bold;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.settings-page .page-content .userProfile .wrapper .nameUser span {
	display: inline-block;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.settings-page .page-content .userProfile .wrapper .nameUser span.email {
	display: block;
    font-size: 14px;
    font-weight: 400;
}
.settings-page .page-content .userProfile .loyaltyPoints {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
	padding: 8px 20px;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
	border-radius: var(--radiusCustom);
	background: var(--listBg);
}
.settings-page .page-content .userProfile .loyaltyPoints span {
    display: flex;
    align-items: center;
    justify-content: center; */
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.settings-page .page-content .userProfile .loyaltyPoints span.points {
	margin-right: 30px;
}
.settings-page .page-content .userProfile .loyaltyPoints img {
    display: inline-block;
	position: relative;
	height: 18px;
    margin-right: 8px;
}
.settings-page .page-content .userProfile .userLabeling {
    display: block;
    margin: 10px auto 0;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
}
.settings-page .page-content .userProfile .loyaltyPoints ~ .userLabeling {
    margin: 20px auto 0;
}
.settings-page .page-content .userProfile .userLabeling a {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.settings-page .page-content .userProfile .userLabeling a img {
	height: 18px;
    margin-left: 8px;
}
.settings-page .page-content .listOption .list {
    margin: 25px 0 30px;
}
.settings-page .page-content .listOption .list.infoSettings {
	display: none;
}
.settings-page .page-content .listOption .list .title {
    margin: 0px 20px 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--textPrimaryColor);
}
.settings-page .page-content .listOption .list ul li {
	overflow: hidden;
}
.settings-page .page-content .listOption .list ul li:first-of-type a {
	padding-top: 10px;
}
.settings-page .page-content .listOption .list ul li.notifications:last-of-type,
.settings-page .page-content .listOption .list ul li:last-of-type a {
	padding-bottom: 10px;
}
.settings-page .page-content .listOption .list ul li.anpcImg {
    padding: 10px 0 20px;
}
.settings-page .page-content .listOption .list ul li .item-content {
	padding: 0 20px;
	min-height: 0;
}
.settings-page .page-content .listOption .list ul li .item-content .item-media {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
}
.settings-page .page-content .listOption .list ul li .item-content .item-media i {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 28px;
	color: var(--secondColor);
}
.settings-page .page-content .listOption .list ul li .item-content .item-media i svg,
.settings-page .page-content .listOption .list ul li .item-content .item-media i img {
    max-width: 25px;
    max-height: 28px;
}
.settings-page .page-content .listOption .list ul li .item-content .item-media i svg path {
	fill: var(--primaryColorIcon);
}
.settings-page .page-content .listOption .list ul li .item-content .item-inner {
	margin-left: 20px;
	min-height: 42px;
    padding-right: 20px;
}
.settings-page .page-content .listOption .list ul li .item-content .item-inner::after {
	content: none;
}
.settings-page .page-content .listOption .list ul li.language .item-content .item-inner {
	padding-right: 20px;
}
.settings-page .page-content .listOption .list ul li.notifications .item-content .item-inner {
	padding-right: 10px;
    background-image: none;
}
.settings-page .page-content .listOption .list ul li .item-content .item-inner .item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--textPrimaryColor);
}
.settings-page .page-content .listOption .list ul li.language .item-content .item-inner .item-after {
    font-weight: 600;
	text-transform: uppercase;
    color: var(--textPrimaryColor);
}
.settings-page .page-content .listOption .list ul li.language .item-content .item-inner .icon {
	display: none;
}
.settings-page .page-content .listOption .list.infoSettings ul li.anpcImg .item-content .item-inner {
    margin: 0;
	padding: 0;
}
.settings-page .page-content .listOption .list.infoSettings ul li .item-content .item-inner .link {
    padding: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--textPrimaryColor);
}
.settings-page .page-content .listOption .list.infoSettings ul li.anpcImg .item-content .item-inner .link:first-of-type {
    margin-right: 18px;
}
.settings-page .page-content .listOption .list.infoSettings ul li.anpcImg .item-content .item-inner .link img {
    width: 50%;
}
.settings-page .page-content .listOption .list.logoutUser ul li .item-content .item-inner {
   margin: 0;
   padding-right: 0;
   min-height: 60px;
}
.settings-page .page-content .listOption .list.logoutUser ul li .item-content .item-inner a {
    width: 100%;
	font-family: var(--fontToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	color: var(--alertColor);
	text-transform: uppercase;
}
.settings-page .page-content .listOption .list.logoutUser ul li .item-content .item-inner a img {
	height: 24px;
	margin-left: 15px;
}
.settings-page .page-content .versionApp {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.settings-page .page-content .versionApp span {
    margin-left: 10px;
    font-size: 16px;
	font-weight: bold;
}
.settings-page .page-content .poweredBy {
    display: block;
    margin: 20px auto;
    height: 25px;
}
.terms-of-use-page .page-content h4,
.terms-of-use-page .page-content h6,
.terms-of-use-page .page-content span,
.terms-of-use-page .page-content p,
.terms-of-use-page .page-content a,
.contact-page .page-content h4,
.contact-page .page-content h6,
.contact-page .page-content span,
.contact-page .page-content p,
.contact-page .page-content a,
.privacy-page .page-content h4,
.privacy-page .page-content h6,
.privacy-page .page-content span,
.privacy-page .page-content p,
.privacy-page .page-content a {
	color: var(--textPrimaryColor) !important;
	background: transparent !important;
	font-size: 15px !important;
}
.popover-qrCodeUserId.popover {
    top: 0 !important;
	left: 0 !important;
    margin-top: 0;
	width: 100%;
    border-radius: 0 0 var(--radiusMiddle) var(--radiusMiddle);
    background: var(--bgList);
    overflow: hidden;
	-webkit-transform: scale(1) translateY(-100%);
    transform: scale(1) translateY(-100%);
}
.popover-qrCodeUserId.popover.modal-in {
	-webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.popover-qrCodeUserId.popover.modal-out {
	-webkit-transform: scale(1) translateY(-100%);
    transform: scale(1) translateY(-100%);
}
.popover-qrCodeUserId.popover .popover-inner {
	padding: 20px 0;
    border-radius: 0;
}
.popover-qrCodeUserId.popover .popover-inner p {
    display: block;
    margin: 20px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: var(--textPrimaryColor);
}
.popover-qrCodeUserId.popover .popover-inner span {
    display: block;
	margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: var(--primaryColor);
}
.popover-qrCodeUserId.popover .popover-inner img {
    display: block;
    margin: auto;
    width: 90%;
	max-width: 320px;
}
.popover-qrCodeUserId.popover .popover-inner .refreshQr p {
    margin-top: 0;
	font-size: 16px;
}
.popover-qrCodeUserId.popover .popover-inner .refreshQr a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px;
    line-height: normal;
    color: var(--fontColorToolbar);
    font-size: var(--sizeToolbar);
    height: var(--heightToolbar);
	font-weight: var(--weightToolbar);
	text-transform: var(--textTransformToolbar);
    background: var(--bgToolbar);
    border-radius: var(--radiusToolbar);
	overflow: hidden;
}
.popover-qrCodeUserId.popover .popover-inner .refreshQr a img {
	width: auto;
	height: 20px;
	margin-left: 15px;
}

/* ===[ PERSONAL INFO ]=== */
/* ===[ PERSONAL INFO ]=== */
.personal-info .page-content .inputSection {
	padding: 0;
    margin: 0 0 90px;
}
.personal-info .page-content .inputSection .genderOption {
    position: relative;
	margin: 0;
    padding: 25px 20px 40px;
	text-align: center;
}
.personal-info .page-content .inputSection .genderOption p.title {
	margin: 0 0 15px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
    line-height: normal;
}
.personal-info .page-content .inputSection .genderOption .userGen {
	display: inline-block;
}
.personal-info .page-content .inputSection .genderOption .userGen label {
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 5px 5px 22px;
	margin: 0 10px;
	overflow: initial;
	border-radius: 0;
}
.personal-info .page-content .inputSection .genderOption .userGen label .ripple-wave {
	background: transparent !important;
}
.personal-info .page-content .inputSection .genderOption .userGen label input ~ img {
	height: 28px;
	width: auto;
	margin: 0 0 0 10px;
}
.personal-info .page-content .inputSection .genderOption .userGen label input ~ p {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	margin: 0 !important;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #000;
	transition: all 0.4s;
}
.personal-info .page-content .inputSection .genderOption .userGen label input:checked ~ p {
	color: var(--primaryColor);
	transition: all 0.4s;
}
.personal-info .page-content .inputSection .genderOption .genderError {
    position: absolute;
    bottom: 42px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
	font-size: 12px;
	text-align: center;
	color: var(--alertColor);
	animation: fadeInDown 0.7s;
}
.personal-info .page-content .inputSection .genderOption ~ ul {
	margin: 0 25px;
	z-index: 999999;
}
.personal-info .page-content .inputSection .genderOption ~ ul li.input_fill {
	margin-bottom: 20px !important;
}
.personal-info .page-content .inputSection .genderOption ~ ul li .item-content {
    padding: 0 !important;
}
.personal-info .page-content .inputSection .genderOption ~ ul li.deleteAccount {
	margin: 40px auto 20px;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
}
.personal-info .page-content .inputSection .genderOption ~ ul li.deleteAccount .item-content .item-inner {
	padding-right: 0;
}
.personal-info .page-content .inputSection .genderOption ~ ul li.deleteAccount .item-content .item-inner .item-title {
	padding: 0 20px;
	font-size: 14px;
	font-weight: 500;
	color: var(--alertColor);
	text-decoration: underline;
	cursor: pointer;
}
@media screen and ( min-height: 700px ) {
	.personal-info .country-selector__list {
		max-height: 150px !important;
	}
}

/* ===[ DELIVERY ADDRESS ]=== */
.delivery-address .page-content {
	padding-bottom: 0;
}
.delivery-address .toolbar .toolbar-inner a {
	font-size: 15px !important;
	text-transform: initial !important;
}
.delivery-address .toolbar .toolbar-inner a img {
	width: 24px;
	height: auto;
	margin: 0 10px 0 0;
}
.delivery-address .listAddress {
	margin: 20px;
}
.delivery-address .listAddress ul::after,
.delivery-address .listAddress ul::before,
.delivery-address .listAddress ul li .item-content .item-inner::after {
    content: none;
}
.delivery-address .listAddress ul li.empty-list {
	background: transparent;
}
.delivery-address .listAddress ul li .item-content {
	display: flex;
    align-items: center;
    justify-content: flex-start;
	position: relative;
	width: 100%;
    min-height: 90px;
    padding: 0 15px;
    margin: 0 0 15px;
	border-radius: var(--radiusMiddle);
	border: 1px solid var(--borderColor);
	background: var(--body_background);
	transition: all 0.3s;
	box-shadow: var(--shadow) !important;
}
.delivery-address .listAddress ul li .item-content .item-inner {
    margin: auto;
    padding-right: 30px;
}
.delivery-address .listAddress ul li .item-content .item-inner .item-title {
    display: block;
	font-size: 16px;
	font-weight: 500;
    white-space: normal;
	color: var(--textPrimaryColor);
}
.delivery-address .listAddress ul li.empty-list .item-content .item-inner .item-title {
    display: block;
    padding: 15px 20px;
	font-size: 16px;
	text-align: center;
    white-space: normal;
	color: var(--textPrimaryColor);
}
.delivery-address .listAddress ul li .item-content .item-inner .item-subtitle {
    display: block;
    padding-top: 4px;
	font-size: 14px;
    white-space: normal;
	color: var(--textPrimaryColor);
}
.delivery-address .listAddress ul li .item-content .item-inner .item-footer {
    display: block;
    font-size: 12px;
    padding-top: 4px;
    white-space: normal;
	color: var(--textColorLight);
}
.delivery-address .listAddress ul li .item-content .item-inner .edit {
	position: absolute;
	top: 50%;
    right: 0;
	transform: translateY(-50%);
    z-index: 1000;
	color: var(--textPrimaryColor);
}
.delivery-address .listAddress ul li .item-content .item-inner .edit i {
	font-size: 22px;
	color: var(--primaryColor);
}
.popup-address .navbar .navbar-inner .right .backButton i {
    color: var(--colorClose);
}
.popup-address .toolbar .toolbar-inner .delete {
	background: var(--gradientBtnRemove) !important;
}
.popup-address .page-content textarea {
    background: var(--bgInput);
}

@media screen and ( max-width: 360px ) {
	.delivery-address .page-content a.button {
		padding-left: 35px;
		font-size: 15px;
	}
	.delivery-address .page-content a.button img {
		top: 12px;
		left: 14px;
		max-width: 25px;
		max-height: 25px;
	}
	.delivery-address .page-content .button.scanLocation p {
		font-size: 15px;
	}
	.delivery-address .page-content .button.scanLocation img {
		top: 12px;
		left: 14px;
		max-width: 25px;
		max-height: 25px;
	}
}
/* ===[ CARDS ]=== */
.cards-page .page-content {
	padding-bottom: 0 !important;
}
.cards-page .accordion-list ul {
	border: none;
}
.cards-page .all-cards ul li {
	margin: auto;
	margin-bottom: 30px;
	width: 90%;
	max-width: 350px;
	height: 200px;
	border-radius: 15px;
	border: 1px solid var(--borderColor);
	background: var(--bgCard);
	-webkit-box-shadow: var(--shadowCard) !important;
	-moz-box-shadow: var(--shadowCard) !important;
	box-shadow: var(--shadowCard) !important;
}
.cards-page .all-cards ul li .item-content {
	display: block;
	min-height: 0;
	padding: 0;
	height: 100%;
}
.cards-page .all-cards ul li .item-content .item-inner {
	display: block;
	padding: 0;
	height: 100%;
}
.cards-page .all-cards ul li .item-content .item-inner .card-type-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
	font-size: 40px;
	color: var(--colorIcon);
}
.cards-page .all-cards ul li .item-content .item-inner .item-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
    width: 100%;
    padding: 0;
    font-size: 18px;
	letter-spacing: 1px;
	color: var(--textColorWhite);
}
.cards-page .all-cards ul li .item-content .item-inner .item-title .item-header {
    position: absolute;
	top: 15px;
	right: 20px;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	color: var(--textColorWhite);
}
.cards-page .all-cards ul li .item-content .item-inner .chip-card {
	position: absolute;
	top: calc(50% - 40px/2);
    left: 20px;
	height: 40px;
}
.cards-page .all-cards ul li.empty-list .item-content .item-inner .item-title {
	display: flex;
	width: auto;
	left: unset;
	padding: 0;
	white-space: normal;
	line-height: 25px;
	font-size: var(--fontSizeStandard);
	color: var(--textColorWhite);
}
.cards-page .all-cards ul li .item-content .item-inner a.link {
	position: absolute;
	top: 0;
	left: 0;
    padding: 4px;
	border-radius: 50px;
}
.cards-page .all-cards ul li a.link i {
	font-size: 34px;
	color: var(--textColorWhite);
}
.cards-page .all-cards ul li .item-content .item-inner .block {
	position: absolute;
	bottom: 20px;
	margin: 0;
	padding: 0 20px;
}
.cards-page .all-cards ul li .item-content .item-inner .block span {
	font-size: 14px;
	color: var(--textColorWhite);
}
.cards-page .all-cards .list ul:before,
.cards-page .all-cards .list ul:after,
.cards-page .all-cards .list .item-inner:after {
	content: none;
}

@media screen and ( max-width: 330px ) {
	.cards-page .all-cards ul li .item-content .item-inner .chip-card {
		left: 25px;
	}
	.cards-page .all-cards ul li {
		height: 180px;
	}
}

/* ===[ TUTORIAL ]=== */
.tutorial-page .page-content {
	padding: 0 !important;
}
.tutorial-page .weapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 40px);
	margin: 20px 0 !important;
}
.tutorial-page .weapper .swiper-container {
	min-height: 450px;
	padding: 60px 0 30px;
	border-radius: var(--radiusMiddle);
	/* background-color: var(--listBg); */
}
.tutorial-page .swiper-container img.img-tutorial {
	display: block;
    height: 150px;
    max-width: 220px;
	margin: 20px auto !important;
}
.tutorial-page .swiper-container .title-tutorial,
.tutorial-page .swiper-container .info-tutorial {
	margin: 10px auto !important;
	max-width: 280px;
}
.tutorial-page .swiper-container .info-tutorial {
	min-height: 150px;
}
.tutorial-page .swiper-slide.swiper-slide-active {
    padding-bottom: 50px;
}
.tutorial-page .swiper-container .swiper-pagination {
	display: block;
	height: -moz-max-content;
	height: -webkit-max-content;
	height: max-content;
	top: 20px;
}
.tutorial-page .swiper-button-next {
	top: 92%;
	right: calc(50% - 50px);
	height: 35px;
	width: 100px;
	background-image: none;
}
.tutorial-page .swiper-button-next:after {
	content: 'NEXT';
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	margin: auto;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
}
.tutorial-page .swiper-button-disabled {
	opacity: 0;
	/* transition: all 0.2s ease-out; */
}
.tutorial-page .swiper-button-prev {
	width: 35px;
	height: 35px;
	top: 92%;
	left: 35px;
	border-radius: var(--radiusToolbar);
	background: none;
	background-image: var(--bgToolbar) !important;
	/* transition: all 0.2s ease-in; */
}
.tutorial-page .swiper-button-prev:after {
	content: '\F053';
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 1px;
	right: 1px;
	width: 100%;
	height: 100%;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: #ffffff;
	background-image: none !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.tutorial-page .skip {
	display: none;
	position: absolute;
	top: 92%;
	left: 50%;
	transform: translate(-50%, 0);
	margin-top: -22px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	/* transition: all 0.2s ease-in; */
}
.tutorial-page .skip .btn-skip{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 100px;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: max-content;
	height: 35px !important;
	padding: var(--buttonPadding);
	color: var(--fontColorToolbar) !important;
	font-weight: var(--weightToolbar);
	border: none;
	font-size: 14px;
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar);
	-webkit-box-shadow: var(--shadowToolbar) !important;
	-moz-box-shadow: var(--shadowToolbar) !important;
	box-shadow: var(--shadowToolbar) !important;
}
.tutorial-page .skip-always {
	position: absolute;
	bottom: 12px;
	right: 20px;
	z-index: 9;
}
.tutorial-page .skip-always .btn-skip {
    height: 35px !important;
    padding: var(--buttonPadding);
	font-weight: var(--weightToolbar);
    border: none;
    font-size: 14px;
    color: var(--textPrimaryColor) !important;
	text-decoration: underline;
	text-transform: capitalize;
}
.tutorial-page .skip-always .btn-skip:after {
    content: '\F101';
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 8px);
    right: -2px;
    left: auto;
    width: 18px;
    height: 18px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color: var(--textPrimaryColor);
}
.tutorial-page .swiper-button-next.swiper-button-disabled ~ .skip {
	display: block;
	/* transition: all 0.2s ease-out; */
}
@media screen and ( max-height: 665px ), ( max-width: 350px ) {
	.tutorial-page .weapper {
		margin: 20px 0 !important;
	}
}
@media screen and ( max-height: 540px ) {
	.tutorial-page .weapper {
		display: block;
	}
	.tutorial-page .swiper-container img.img-tutorial {
		max-width: 200px;
	}
	.tutorial-page .weapper .swiper-container {
		min-height: 380px;
	}
}

/* ===[ ORDER HISTORY ]=== */
.favorite-page .page-content .login,
.order-history-page .page-content .login {
	display: flex;
	align-items: center;
	justify-content: center;
    height: 100%;
}
.favorite-page .page-content .login .wrapper,
.order-history-page .page-content .login .wrapper {
    width: 100%;
    margin: 0 20px 50px;
}
.favorite-page .page-content .login .wrapper p,
.order-history-page .page-content .login .wrapper p {
	display: block;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
	text-align: center;
    color: var(--textPrimaryColor);
}
.favorite-page .page-content .login .wrapper .link,
.order-history-page .page-content .login .wrapper .link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
	max-width: 300px;
    margin: auto;
    line-height: normal;
    color: var(--fontColorToolbar);
    font-size: var(--sizeToolbar);
    height: var(--heightToolbar);
	font-weight: var(--weightToolbar);
	text-transform: var(--textTransformToolbar);
    background: var(--bgToolbar);
    border-radius: var(--radiusToolbar);
	overflow: hidden;
}
.favorite-page .page-content .login .wrapper .link img,
.order-history-page .page-content .login .wrapper .link img {
	height: 22px;
    margin: 0 0 0 10px;
}
.order-history-page .page-content .list {
    margin: 0;
}
.order-history-page .page-content .list ul::after,
.order-history-page .page-content .list ul::before,
.order-history-page .page-content .list ul li .item-content .item-inner::after {
	content: none;
}
.order-history-page .page-content .list ul li {
	padding: 20px;
	margin: 0 20px 20px;
	border-radius: var(--radiusMiddle);
	border: 1px solid var(--borderColor);
	background: var(--body_background);
	box-shadow: var(--shadow) !important;
	cursor: pointer;
}
.order-history-page .page-content .list ul li.empty-list {
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
.order-history-page .page-content .list ul li .item-content,
.order-history-page .page-content .list ul li .item-content .item-inner {
    display: block;
	padding: 0;
}
.order-history-page .page-content .list ul li .item-content .item-inner p {
    margin: 0;
}
.order-history-page .page-content .list ul li .item-content .item-inner .deliveryHour {
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	padding: 0;
    margin: 0 auto 15px;
    font-size: 14px;
    font-weight: 600;
}
.order-history-page .page-content .list ul li .item-content .item-inner .deliveryHour span {
	padding: 4px 10px;
    margin: 0 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    color: var(--fontColorToolbar);
	border-radius: var(--radiusMiddle);
    background: var(--bgToolbar);
}
.order-history-page .page-content .list ul li .item-content .item-inner .topOrder {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 0 0 10px;
}
.order-history-page .page-content .list ul li .item-content .item-inner .topOrder .location {
    font-size: 16px;
    font-weight: 600;
}
.order-history-page .page-content .list ul li .item-content .item-inner .topOrder .orderNumber {
    font-size: 18px;
    font-weight: bold;
    color: var(--primaryColor);
}
.order-history-page .page-content .list ul li .item-content .item-inner .topOrder .orderNumber span {
    font-size: 14px;
    font-weight: 400;
    margin-right: 2px;
    color: var(--textPrimaryColor);
}
.order-history-page .page-content .list ul li .item-content .item-inner .orderId {
    font-size: 14px;
    font-weight: 500;
}
.order-history-page .page-content .list ul li .item-content .item-inner .shoppingCartId {
    font-size: 12px;
    font-weight: 400;
	color: var(--textColorLight);
}
.orderDetailsPage .page-content {
	padding-bottom: 20px !important;
}
.orderDetailsPage .toolbar ~ .page-content {
	padding-bottom: var(--paddingBottom) !important;
}
.orderDetailsPage .page-content .orderDeliveryDetails .typeMethod,
.orderDetailsPage .page-content .orderDeliveryDetails .payment,
.order-history-page .page-content .list ul li .item-content .item-inner .typeMethod,
.order-history-page .page-content .list ul li .item-content .item-inner .payment {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 500;
}
.orderDetailsPage .page-content .orderDeliveryDetails .typeMethod img,
.orderDetailsPage .page-content .orderDeliveryDetails .payment img,
.order-history-page .page-content .list ul li .item-content .item-inner .typeMethod img,
.order-history-page .page-content .list ul li .item-content .item-inner .payment img {
	height: 16px;
    max-width: 20px;
	margin-right: 6px;
}
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 10px;
    padding: 12px 0 0px;
	border-top: 1px solid var(--borderColor);
}
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .orderPrice {
    font-size: 16px;
    font-weight: bold;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p {
	display: inline-block;
	margin: 0;
	padding: 4px 10px;
	width: auto;
	font-size: 12px;
	font-weight: 600;
	color: var(--textPrimaryColor);
	border-radius: var(--radiusMiddle);
	background: transparent;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.new,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.new {
    color: #282827;
	background: #F4F1EF;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.loading,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.loading {
    color: #F5AD51;
	background: #FAEDDD;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.taken,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.taken {
    color: #64C1FA;
	background: #EFF9FE;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.delivery,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.delivery {
    color: #1BA68F;
	background: #DEF2EF;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.canceled,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.canceled {
    color: #EA7867;
	background: #FBEEEC;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p.postponed,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p.postponed {
    color: #282827;
	background: #F4F1EF;
}
.orderDetailsPage .page-content .orderDetails .orderStatus p img,
.order-history-page .page-content .list ul li .item-content .item-inner .bottomOrder .statusOrder p img {
	position: relative;
    top: 0px;
    right: 2px;
    height: 8px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .createdOrder,
.order-history-page .page-content .list ul li .item-content .item-inner .createdOrder {
	display: block;
	text-align: center;
    font-size: 10px;
    font-weight: 400;
	color: var(--textColorLight);
}
.orderDetailsPage .page-content .orderDeliveryDetails .createdOrder span,
.order-history-page .page-content .list ul li .item-content .item-inner .createdOrder span {
    margin-left: 5px;
}
.popupHistory {
	overflow: auto;
	background: var(--body_background);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.popupHistory .navbar .right {
	right: 0 !important;
}
.popupHistory .toolbar::before {
	width: 108%;
	left: -4%;
}
.popupHistory .toolbar .toolbar-inner {
	background: none;
}
.popupHistory .toolbar .toolbar-inner a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	height: var(--heightToolbar) !important;
	width: 100%;
	font-family: var(--fontToolbar);
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
	color: var(--fontColorToolbar) !important;
	background: var(--bgToolbar) !important;
}
.popupHistory .toolbar .toolbar-inner a i {
	display: inline-block !important;
	color: var(--fontColorToolbar);
}
.popupHistory .toolbar .toolbar-inner a.followDriver img {
	width: 25px;
	height: 25px;
}
.orderDetailsPage .page-content .orderDetails {
	padding: 15px;
    margin: 10px 20px 20px;
    text-align: center;
	border-radius: var(--radiusMiddle);
	border: 1px solid var(--borderColor);
	background: var(--body_background);
}
.orderDetailsPage .page-content .orderDetails .location {
	margin: 0 auto;
    font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: var(--textPrimaryColor);
}
.orderDetailsPage .page-content .orderDetails .orderStatus {
	margin: 10px 0;
}
.orderDetailsPage .page-content .orderDetails .orderStatus span {
    font-size: 14px;
	font-weight: 500;
}
.orderDetailsPage .page-content .orderDetails .deliveryHour {
	width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    padding: 0;
    margin: 0 auto 15px;
    font-size: 14px;
	font-weight: 500;
}
.orderDetailsPage .page-content .orderDetails .deliveryHour span {
    padding: 4px 10px;
    margin: 0 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    color: var(--fontColorToolbar);
	border-radius: var(--radiusMiddle);
    background: var(--bgToolbar);
}
.orderDetailsPage .page-content .orderDetails .orderCartId {
    font-size: 14px;
	font-weight: 500;
}
.orderDetailsPage .page-content .loyaltyPoints {
    display: block;
    margin: 30px 20px 0;
}
.orderDetailsPage .page-content .loyaltyPoints img {
    display: block;
    height: 40px;
    margin: 0 auto 5px;
}
.orderDetailsPage .page-content .loyaltyPoints p {
    display: block;
    margin: 0;
    font-size: 13px;
	font-weight: 400;
    text-align: center;
}
.orderDetailsPage .page-content .loyaltyPoints p b {
	font-weight: 600;
}
.orderDetailsPage .page-content .loyaltyPoints span {
    display: block;
    margin: 10px 0 0;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    color: var(--textColorLight);
}
.orderDetailsPage .page-content .toolbar.tabbar {
	width: 100%;
    margin: 20px 0 0;
    overflow: initial;
    border-radius: 0;
    background: transparent !important;
}
.orderDetailsPage .page-content .toolbar.tabbar::before {
    content: none;
}
.orderDetailsPage .page-content .toolbar.tabbar .toolbar-inner {
    overflow: scroll;
}
.orderDetailsPage .page-content .toolbar.tabbar .toolbar-inner .tab-link {
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 0;
    font-size: 18px !important;
    font-weight: bold !important;
    color: var(--textColorWhite) !important;
    border: none !important;
    border-radius: 50px !important;
    background: var(--bgToolbar) !important;
    margin-right: 5px;
    overflow: initial;
    transition-duration: 300ms;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.orderDetailsPage .page-content .toolbar.tabbar .toolbar-inner .tab-link.tab-link-active {
    transition-duration: 300ms;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.orderDetailsPage .page-content .toolbar.tabbar .toolbar-inner .tab-link::before {
    content: none;
}
.orderDetailsPage .page-content .orderProducts,
.orderDetailsPage .page-content .orderDeliveryDetails {
	position: relative;
    margin: 40px 20px;
}
.orderDetailsPage .page-content .orderProducts .orderProductsTitle,
.orderDetailsPage .page-content .orderDeliveryDetails .orderDeliveryDetailsTitle {
    font-size: 18px;
	font-weight: 600;
}
.orderDetailsPage .page-content .orderProducts .productCount {
    margin: 0;
}
.orderDetailsPage .page-content .orderProducts .productCount span {
	font-size: 12px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.orderDetailsPage .page-content .orderProducts .productCount span.highlight {
	font-weight: 600;
}
.orderDetailsPage .page-content .orderProducts .list {
    margin: 0;
}
.orderDetailsPage .page-content .orderProducts .list ul::before,
.orderDetailsPage .page-content .orderProducts .list ul::after,
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-inner::after {
    content: none;
}
.orderDetailsPage .page-content .orderProducts .list ul li {
	margin: 15px 0 0;
	background: var(--body_background);
	box-shadow: var(--shadow) !important;
    padding: 0px 10px;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content,
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-inner {
    padding: 0;
	min-height: 0;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-media {
	padding: 0;
    min-width: 0;
    width: 45px;
    height: 45px;
	border-radius: var(--radiusStandard);
    overflow: hidden;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-media img[lazy=loading] {
    width: 30px !important;
    height: 30px !important;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-media ~ .item-inner {
    margin-left: 10px;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-inner .item-title {
    white-space: normal;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-inner .item-title .item-header {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 600;
}
.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-inner .item-after {
    font-weight: 500;
	color: var(--textPrimaryColor);
}
.orderDetailsPage .page-content .orderProducts.tab {
    margin: 0;
    padding-bottom: 0;
}
.orderDetailsPage .page-content .orderProducts.tab .user {
    margin: 0;
	padding: 15px 0 0px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    text-transform: inherit;
    color: var(--textPrimaryColor);
}
.orderDetailsPage .page-content .orderDeliveryDetails .locationAddress,
.orderDetailsPage .page-content .orderDeliveryDetails .deliveryAddress {
	position: relative;
    padding-left: 25px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .locationAddress p,
.orderDetailsPage .page-content .orderDeliveryDetails .deliveryAddress p {
    margin: 15px 0;
	font-size: 14px;
	font-weight: 400;
}
.orderDetailsPage .page-content .orderDeliveryDetails .locationAddress img {
	position: absolute;
    left: 0;
    top: 3px;
    height: 50px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .deliveryAddress p {
    margin-top: 16px;
    margin-bottom: 0;
}
.orderDetailsPage .page-content .orderDeliveryDetails .deliveryAddress p ~ p {
    margin: 5px 0 0;
	font-size: 12px;
	color: var(--textColorLight);
}
.orderDetailsPage .page-content .orderDeliveryDetails .phone {
    margin: 20px 0 0;
}
.orderDetailsPage .page-content .orderDeliveryDetails .phone p {
    margin: 0;
	font-size: 14px;
	font-weight: 400;
}
.orderDetailsPage .page-content .orderDeliveryDetails .phone p span {
    margin: 0 0 0 10px;
	font-size: 14px;
	font-weight: 500;
}
.orderDetailsPage .page-content .orderDeliveryDetails .payment,
.orderDetailsPage .page-content .orderDeliveryDetails .typeMethod {
    margin: 15px 0 0;
}
.orderDetailsPage .page-content .orderDeliveryDetails .payment span,
.orderDetailsPage .page-content .orderDeliveryDetails .typeMethod span {
	font-size: 14px;
	font-weight: 400;
	margin-right: 10px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .orderComments,
.orderDetailsPage .page-content .orderDeliveryDetails .dateHour,
.orderDetailsPage .page-content .orderDeliveryDetails .howMany {
    margin: 10px 0 0;
	font-size: 14px;
	font-weight: 400;
}
.orderDetailsPage .page-content .orderDeliveryDetails .howMany {
    margin: 10px 0 30px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .orderComments span,
.orderDetailsPage .page-content .orderDeliveryDetails .dateHour span,
.orderDetailsPage .page-content .orderDeliveryDetails .howMany span {
	font-size: 14px;
	font-weight: 500;
	margin-left: 10px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list {
    margin: 22px 0;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul::after,
.orderDetailsPage .page-content .orderDeliveryDetails .list ul::before,
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li .item-content .item-inner::after {
    content: none;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li {
	border-bottom: 1px solid var(--borderColor);
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li:first-of-type {
	border-top: 1px solid var(--borderColor);
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li .item-content {
	padding: 0;
	min-height: 0;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li .item-content .item-inner {
	padding: 0;
	min-height: 38px;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li .item-content .item-inner .item-title {
	font-size: 14px;
	font-weight: 400;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li .item-content .item-inner .item-after {
	font-weight: 500;
    color: var(--textPrimaryColor);
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li.total .item-content .item-inner .item-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.orderDetailsPage .page-content .orderDeliveryDetails .list ul li.total .item-content .item-inner .item-after {
	font-size: 16px;
	font-weight: bold;
}

/* ===[ NOTIFICATIONS PAGE ]=== */
.notifications-page .page-content {
	padding-bottom: 0;
}
.notifications-page .page-content .block {
	background: var(--body_background);
}
.notifications-page .page-content .block:first-of-type {
	margin-top: 0;
}
.notifications-page .page-content p {
	word-wrap: break-word;
}
.notifications-page .page-content p,
.notifications-page .page-content span {
	color: var(--textPrimaryColor);
}
.notifications-page .page-content img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	object-fit: cover;
	background-size: cover;
}

/* ===[ Favorite Product Page ]=== */
.favoriteProduct-page .navbar .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    padding: 0 20px;
	color: var(--alertColor)!important;
	background: transparent;
    font-size: 16px;
}
.favoriteProduct-page .navbar .right .button img {
    height: 20px;
}
.favoriteProduct-page .container-inside {
	max-width: 1400px;
    margin: auto;
}
.favoriteProduct-page .list ul {
    max-width: 100%;
}
.favoriteProduct-page .list ul::before,
.favoriteProduct-page .list ul::after {
	content: none;
}
.favoriteProduct-page .list ul li {
	max-width: 100%;
    display: inline-block;
	box-shadow: var(--shadow) !important;
    background: var(--body_background);
    border-radius: var(--radiusCustom);
	border: 1px solid #eee;
	margin: 0 5px;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
}
.favoriteProduct-page .list ul li.empty-list {
    max-width: 100% !important;
    width: 100%;
    text-align: center;
    background: transparent !important;
    box-shadow: none !important;
	border: none !important;
}
.favoriteProduct-page .list ul li .item-content {
	position: relative;
    padding: 0;
    min-height: 150px;
}
.favoriteProduct-page .list ul li .item-content .item-inner {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: var(--radiusCustom);
    background-image: none;
    z-index: 0;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    margin-top: 15px;
	min-height: 100px;
    width: calc(100% - 20px);
    padding-left: 15px;
	margin-bottom: 10px;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct span.title-product {
    height: 100%;
    padding: 0;
    font-family: var(--secondFont) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    white-space: normal;
    color: var(--textPrimaryColor);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct span.desc-product {
    padding: 15px 0px 0px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    white-space: normal;
    color: var(--textPrimaryColor);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
	width: 100%;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct .wrepperPrice {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 7px 15px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    border-radius: 0 0 0 12px;
	background: #f5f5f5;
    z-index: 999;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct span.price-product {
    display: block;
    padding: 10px 0 10px;
    font-size: 18px;
    font-weight: bold;
    white-space: normal;
    text-align: left;
    color: var(--textPrimaryColor);
    text-transform: uppercase;
}
.favoriteProduct-page .list ul li .item-content .item-inner .infoProduct span.old-price-product {
    display: block;
    padding: 10px 0 0;
    font-size: 15px !important;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    text-decoration: line-through;
    color: var(--alertColor);
}
.favoriteProduct-page .list ul li .item-content .item-inner .wrapperImg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 180px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    background: var(--body_background);
    padding-right: 0px;
}
.favoriteProduct-page .list ul li .item-content .item-inner .favorite {
	position: absolute;
    top: 80px;
    right: 0px;
    margin: 20px 15px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    border-radius: 0 0 0 20px;
    background: transparent;
    z-index: 9;
}
.favoriteProduct-page .list ul li .item-content .item-inner .favorite .addFavorite {
	background: #e9a1a7;
    border-radius: 50px;
    padding: 10px;
}
.favoriteProduct-page .list ul li .item-content .item-inner .wrapperImg img {
    width: 100%;
    height: 100%;
    object-fit: var(--imageProportionCategory);
    background-size: var(--imageProportionCategory);
    border-radius: var(--radiusCustom);
    transition: transform 0.3s;
}
.favoriteProduct-page .list ul li .item-content .item-inner .wrapperImg .discountProduct {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
}
.favoriteProduct-page .list ul li .item-content .item-inner .wrapperImg .discountProduct img {
    width: 100% !important;
    height: 100% !important;
}
.favoriteProduct-page .list ul li .item-content .item-inner .wrapperImg .discountProduct span {
    position: absolute;
    top: -7px;
    left: -7px;
    transform: rotate(-45deg);
    font-size: 14px;
    font-weight: bold;
    color: var(--textColorWhite);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ===[ FEEDBACK ]=== */
.feedback-page .toolbar {
	margin-top: 70px;
}
.feedback-page .toolbar .toolbar-inner a {
	opacity: 1 !important;
}
.feedback-page .page-content .suggestion {
	margin: 20px;
    padding: 0 15px;
    line-height: 18px;
    font-style: italic;
    text-align: center;
	font-size: 16px;
}
.feedback-page .page-content .suggestion a {
    display: inline;
	font-weight: 600;
	text-decoration: underline;
	color: var(--textPrimaryColor);
}
.feedback-page .page-content .block {
	margin: auto 20px;
}
.feedback-page .page-content .block textarea {
	background: var(--body_background);
}
.feedback-page .page-content .list.listLocationsFeedback {
    display: block;
    margin: 40px 20px;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations .item-link {
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: var(--radiusCustom);
    background: var(--bgToolbar);
	transition: all .3s;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations.selectedLocation .item-link {
	border-radius: var(--radiusMiddle);
	transition: all .3s;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations .item-link .item-content {
	padding: 0;
    width: 100%;
	min-height: auto;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations .item-link .item-content .item-inner {
	display: block;
    padding: 11px 15px;
	min-height: var(--heightToolbar);
	background-image: url(/static_images/src/images/icon/plusW_9dd.svg?9dd1c0d7ae84131e0c4ec086c73f3f9e);
    background-size: 24px;
    background-position: calc(100% - 10px) 13px !important;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations.selectedLocation .item-link .item-content .item-inner {
	background-image: none;
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations .item-link .item-content .item-inner .item-title {
	position: relative;
    top: 0px;
	display: block;
    text-align: center;
    font-size: var(--sizeToolbar);
    font-weight: var(--weightToolbar);
	color: var(--fontColorToolbar);
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations .item-link .item-content .item-inner .item-after {
	display: block;
    max-width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
	color: var(--fontColorToolbar);
}
.feedback-page .page-content .list.listLocationsFeedback ul li.locations.selectedLocation .item-link .item-content .item-inner .item-after {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    white-space: normal;
    text-overflow: inherit;
}
.feedback-page .page-content .feedbackTypes .block-title {
	font-size: 16px;
	font-weight: 400;
    line-height: normal;
	text-transform: inherit;
	color: var(--textPrimaryColor);
}
.feedback-page .page-content .feedbackTypes ul {
	min-height: 144px;
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
	background: var(--body_background);
	border-radius: var(--radiusCustom);
}
.feedback-page .page-content .feedbackTypes ul li .item-inner {
	border-bottom: 1px solid var(--borderColor);
}
.feedback-page .page-content .feedbackTypes ul li .item-inner::after {
	content: none;
}
.feedback-page .page-content .feedbackTypes ul li:last-of-type .item-inner {
	border-bottom: none;
}
.feedback-page .block.title-message  {
	background-color: transparent;
}
.feedback-page .block.title-message p {
	margin:  0 18px 8px;
	font-size: 16px;
}

/* ===[ CHOOSE LOCATION ]=== */
.chooseLocation-page.groupLocations .navbar::after,
.chooseLocation-page.selectChildGroup .navbar::after {
	content: '' !important;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 180px;
    background: var(--bgList);
    z-index: -1;
}
.chooseLocation-page.groupLocations .navbar,
.chooseLocation-page.selectChildGroup .navbar {
    height: 180px !important;
}
.chooseLocation-page.groupLocations .navbar .left,
.chooseLocation-page.selectChildGroup .navbar .left {
    position: absolute;
    top: 0;
    left: 0;
}
.chooseLocation-page.groupLocations .navbar .left a,
.chooseLocation-page.selectChildGroup .navbar .left a {
	height: 40px;
    width: 40px;
    padding: 0 !important;
    margin: 10px;
    overflow: hidden;
	border-radius: var(--radiusCustom);
	background: var(--body_background);
}
.chooseLocation-page.haveDinamicGroup .navbar .left a span {
	margin-left: 10px;
	font-family: var(--fontNavbar);
	font-size: var(--sizeNavbar);
	color: var(--fontColorNavbar);
	font-weight: var(--weightNavbar);
	text-decoration: underline;
}
.chooseLocation-page.groupLocations .navbar .title {
	top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.chooseLocation-page.selectChildGroup .navbar .title {
    top: 0;
    width: 100%;
    padding: 25px 0;
}
.chooseLocation-page.groupLocations .navbar .title .block-header {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	margin: 0;
    padding: 0;
    background: var(--bgList);
}
.chooseLocation-page.selectChildGroup .navbar .title .block-header {
    margin: 0;
}
.chooseLocation-page.groupLocations .navbar .title .block-header img {
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
	max-height: 100%;
}
.chooseLocation-page.selectChildGroup .navbar .title .block-header .wrapperImg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    background: var(--body_background);
}
.chooseLocation-page.selectChildGroup .navbar .title .block-header .wrapperImg img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.chooseLocation-page.groupLocations .navbar .title .block-header .groupName {
    position: absolute;
    left: 20px;
    bottom: 45px;
    margin: 0;
    width: calc(100% - 40px);
    z-index: 999;
}
.chooseLocation-page.groupLocations .navbar .title .block-header .groupName p.name {
    margin: 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	text-transform: uppercase;
	color: var(--textColorWhite);
    text-shadow: 1px 1px 2px #000000;
}
.chooseLocation-page.groupLocations .navbar .title .block-header .groupName p.description {
    margin: 4px 0 0;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
	color: var(--textColorWhite);
    text-shadow: 1px 1px 2px #000000;
}
.chooseLocation-page.selectChildGroup .navbar .title .block-header p {
    margin: 10px auto;
    font-size: 20px;
    font-weight: bold;
	text-transform: uppercase;
	color: var(--textPrimaryColor);
    z-index: 999;
}
.chooseLocation-page.groupLocations .navbar .title .block-header::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    border-radius: 0;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
}
.chooseLocation-page.groupLocations .page-content,
.chooseLocation-page.selectChildGroup .page-content {
    overflow: auto !important;
    height: calc(100% - 228px);
	padding: 0 !important;
    margin-top: 150px !important;
    border-radius: var(--radiusCustom) var(--radiusCustom) 0 0;
    background: var(--page_content);
    -webkit-box-shadow: 0px -3px 10px -7px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 0px -3px 10px -7px rgba(0,0,0,0.3) !important;
    box-shadow: 0px -3px 10px -7px rgba(0,0,0,0.3) !important;
    z-index: 9999;
}
.chooseLocation-page.haveDinamicGroup .page-content .ptr-preloader {
    top: 16px;
	bottom: auto;
}
.chooseLocation-page.selectChildGroup .page-content .ptr-preloader {
	display: none;
}
.chooseLocation-page.groupLocations .page-content .searchbar {
    padding-top: 20px;
}
.chooseLocation-page.noHaveGroups .page-content .searchbar {
    padding-top: 0;
}
.chooseLocation-page.groupLocations .page-content .searchbar .searchbar-inner {
    margin-top: 20px;
}
.chooseLocation-page.noHaveGroups .page-content .searchbar .searchbar-inner {
    margin-top: 0;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups {
	padding: 10px;
    margin: 0 0 10px;
}
.chooseLocation-page.selectChildGroup .page-content .swiper-container.galleryGroups {
	padding: 10px;
    margin: 10px 0;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper {
    display: flex;
    align-items: center;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .backButton {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    width: 30px;
    height: 30px;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .backButton i {
	color: var(--colorBack);
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide {
    width: 70px;
	padding: 0 12px;
    margin: auto 0;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide .wrapperTitleImg {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    /* border-radius: 50px; */
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide .wrapperTitleImg img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide .wrapperTitle {
	display: block;
	margin: 0 auto;
	padding: 8px 0 0;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide .wrapperTitle p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
    text-align: center;
	color: var(--primaryColor);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	transition: all 0.2s;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups .swiper-wrapper .swiper-slide .wrapperTitle p.description {
	font-size: 12px;
	color: var(--textColorLight);
}
.chooseLocation-page .page-content .swiper-container.galleryGroups.second .swiper-wrapper .swiperChildsThumbs {
    width: calc(50% - 24px);
    min-height: 182px;
    padding: 0;
    margin: 0 12px;
    border-radius: var(--radiusMiddle);
    background: var(--bgList);
}
.chooseLocation-page .page-content .swiper-container.galleryGroups.second .swiper-wrapper .swiperChildsThumbs .wrapperTitleImg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: auto;
    margin: 0 20px;
    padding: 20px 0;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups.second .swiper-wrapper .swiperChildsThumbs .wrapperTitle {
    padding: 0 10px 20px;
}
.chooseLocation-page .page-content .swiper-container.galleryGroups.second .swiper-wrapper .swiperChildsThumbs .wrapperTitle p.name {
    font-size: 18px;
    font-weight: 500;
	color: var(--primaryColor);
}
.chooseLocation-page .page-content .swiper-container.galleryGroups.second .swiper-wrapper .swiperChildsThumbs .wrapperTitle p.description {
    font-size: 14px;
    font-weight: 400;
	color: var(--textColorLight);
}
.chooseLocation-page .listRestaurant {
	padding: 0;
}
.chooseLocation-page .listRestaurant .searchbar {
	position: -webkit-sticky;
	position: sticky;
    top: 0;
	margin: 0;
	padding: 0 20px;
	height: 50px;
    background: linear-gradient(180deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(255, 255, 255,0) 100%);
}
.chooseLocation-page.selectChildGroup .listRestaurant .searchbar {
    padding-top: 20px;
}
.chooseLocation-page.selectChildGroup .swiper-container ~ .listRestaurant .searchbar {
    padding-top: 0;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner {
	height: 50px;
    width: calc(100% - 40px);
    margin: 0 20px;
	padding: 0;
	border-radius: var(--radiusCustom);
    background: var(--listBg);
}
.chooseLocation-page.selectChildGroup .listRestaurant .searchbar .searchbar-inner {
    margin-top: 20px;
}
.chooseLocation-page.selectChildGroup .swiper-container ~ .listRestaurant .searchbar .searchbar-inner {
    margin-top: 0;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner input {
    padding-left: 52px;
    overflow: hidden;
	border-radius: var(--radiusCustom);
	-webkit-box-shadow: 0px 0px 15px 0px rgb(43, 20, 82, 0.05) !important;
	-moz-box-shadow: 0px 0px 15px 0px rgb(43, 20, 82, 0.05) !important;
	box-shadow: 0px 0px 15px 0px rgb(43, 20, 82, 0.05) !important;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner input::placeholder {
	position: relative;
	bottom: 1px;
	font-family: var(--baseFont);
	font-size: 14px !important;
	color: var(--secondColor) !important;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner .searchbar-icon {
    left: 2px;
	background-image: url(/static_images/src/images/icon/search_20e.svg?20e0f8457baec2699a36743ae2273664);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner .input-clear-button {
	background-image: url(/static_images/src/images/icon/close_2e5.svg?2e59fedc7303c9a76044a4be26c96ae3);
	background-size: 14px;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner .input-clear-button::before {
	content: none;
}
.chooseLocation-page .listRestaurant .searchbar .searchbar-inner .searchbar-disable-button {
    left: 2px;
}
.chooseLocation-page .listRestaurant ul::before,
.chooseLocation-page .listRestaurant ul::after,
.chooseLocation-page .listRestaurant ul li .item-content .item-inner::after {
	content: none;
}
.chooseLocation-page .listRestaurant ul li {
	margin-top: 20px;
	cursor: pointer;
}
.chooseLocation-page .listRestaurant ul li .item-content {
	display: block;
    padding: 0 20px;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media,
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 125px;
    overflow: hidden;
    border-radius: var(--radiusMiddle);
	background: var(--body_background);
}
.chooseLocation-page .listRestaurant ul li.preorder .item-content .item-media .wrapperImg::after,
.chooseLocation-page .listRestaurant ul li.closedLocation .item-content .item-media .wrapperImg::after {
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.chooseLocation-page .listRestaurant ul li.noRestaurantsItems .item-content .item-media,
.chooseLocation-page .listRestaurant ul li.noRestaurantsItems .item-content .item-media .wrapperImg {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 30px 0 0 !important;
    border-radius: 0;
    background: transparent;
}
.chooseLocation-page .listRestaurant ul li.noRestaurantsItems .item-content .item-media img {
    width: auto;
    height: 100px;
    object-fit: contain;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg .preorderInfo,
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg .closed {
	display: none;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.chooseLocation-page .listRestaurant ul li.preorder .item-content .item-media .wrapperImg .preorderInfo,
.chooseLocation-page .listRestaurant ul li.closedLocation .item-content .item-media .wrapperImg .closed {
	display: block;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg .preorderInfo p {
    margin: 0 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: var(--textColorWhite);
	text-shadow: 2px 2px 2px #000000;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg .closed p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: var(--textColorWhite);
	text-shadow: 2px 2px 2px #000000;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg .closed p:first-of-type {
    margin: 0 0 5px;
    font-size: 20px;
    text-transform: uppercase;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .banner {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-media .banner ~ .logo {
	position: absolute;
    padding: 5px;
	left: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
    object-fit: cover;
	border-radius: var(--radiusMiddle);
	background: var(--body_background);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner {
	padding-right: 0;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .item-header {
    padding-bottom: 10px;
	color: var(--alertColor);
	font-style: italic;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner {
    margin: 0;
	padding: 0;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .item-title-row {
    display: none;
}
.chooseLocation-page .listRestaurant ul li.noRestaurantsItems .item-content .item-inner .item-title-row {
    display: block;
}
.chooseLocation-page .listRestaurant ul li.noRestaurantsItems .item-content .item-inner .item-title-row .item-title {
    padding: 20px;
    margin: 0 auto;
    text-shadow: none;
    text-align: center;
    font-weight: 500;
    color: var(--textPrimaryColor);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo {
	padding: 15px 0;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .name {
	display: block;
	margin: 0;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	white-space: normal;
	color: var(--textPrimaryColor);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .addressLocation {
	display: block;
    margin: 0;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	white-space: normal;
    color: var(--primaryColor);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .orderDetails {
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    position: relative;
    margin: 15px 10px 0 0;
    padding: 6px 10px;
	border-radius: var(--radiusCustom);
	background: var(--body_background);
	-webkit-box-shadow: var(--shadow) !important;
	-moz-box-shadow: var(--shadow) !important;
	box-shadow: var(--shadow) !important;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details:last-of-type:after {
	content: none;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .transportValue.details.info {
    width: calc(100% - 20px);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details img {
    height: 16px;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details p {
    margin: 0;
    padding: 0 0 0 5px;
	font-size: 12px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details:last-of-type p {
    padding-right: 10px;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .transportValue.details.info p {
    padding: 0;
    font-size: 14px;
	font-weight: 700;
    text-align: center;
    color: var(--alertColor);
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details span {
    font-size: 12px;
    margin-right: 2px;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .methodInfo {
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    display: flex;
	justify-content: flex-end;
    margin: 15px 0 0;
    padding: 7px 10px;
	border-radius: var(--radiusCustom);
	background: var(--body_background);
	-webkit-box-shadow: var(--shadow) !important;
	-moz-box-shadow: var(--shadow) !important;
	box-shadow: var(--shadow) !important;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .chip {
    width: auto;
    height: auto;
    padding: 0 5px;
	border: none;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .chip .chip-media {
    width: auto;
    height: auto;
    margin-left: 0;
}
.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .chip .chip-media img {
    height: 16px;
}
.chooseLocation-page.closedApp .page-content .contentClosedApp {
	display: flex;
	align-items: center;
	justify-content: center;
    /* height: 100%; */
}
.chooseLocation-page.closedApp .page-content .contentClosedApp .wrapperClosedApp {
	margin: 0 20px;
}
.chooseLocation-page.closedApp .page-content .contentClosedApp .wrapperClosedApp p {
	display: block;
	margin: 0;
    font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: var(--textPrimaryColor);
}
.chooseLocation-page.closedApp .page-content .contentClosedApp .wrapperClosedApp p:first-of-type {
	margin: 0 0 15px;
    font-size: 18px;
	font-weight: 400;
}
.chooseLocation-page.closedApp .page-content .contentClosedApp .wrapperClosedApp img {
    display: block;
    max-width: 80%;
    max-height: 350px;
    margin: 50px auto 0;
}
.popover.popover-notificationWarningAddress {
	top: 70px !important;
	left: 20px !important;
	width: calc(100% - 40px);
	overflow: hidden;
	border-radius: var(--radiusStandard);
	background: var(--body_background);
	-webkit-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
	box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
}
.device-ios .popover.popover-notificationWarningAddress {
    top: calc(70px + constant(safe-area-inset-top)) !important;
    top: calc(70px + env(safe-area-inset-top)) !important;
}
.popover.popover-notificationWarningAddress .popover-inner {
	position: relative;
	margin: 0;
    padding: 20px 20px 5px;
}
.popover.popover-notificationWarningAddress .popover-inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--primaryColor);
	-webkit-animation: loadingWidth 7s;
	animation: loadingWidth 7s;
	transition-timing-function: unset;
}
.popover.popover-notificationWarningAddress .popover-inner .list p {
	display: block;
    margin: 0;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: var(--textPrimaryColor);
}
.popover.popover-notificationWarningAddress .popover-inner .link {
	padding: 10px;
    float: right;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	color: var(--textPrimaryColor);
}
.popover.popover-notificationWarningAddress.notificationNoAddress .popover-inner .link {
	display: block;
    float: none;
    width: fit-content;
    margin: 15px auto 10px;
    padding: 10px 20px;
	text-align: center;
    text-transform: initial;
    font-size: var(--sizeToolbar);
    font-weight: var(--weightToolbar);
    color: var(--fontColorToolbar);
	border-radius: var(--radiusToolbar);
    background: var(--bgToolbar);
	overflow: hidden;
}

/* ===[ GROUP LOCATIONS ]=== */
.group-locations-page .navbar {
    height: 250px !important;
	border-radius: 0 0 20px 20px;
	background-color: var(--page_content) !important;
	/* background-image: url(../images/illustration/bgGroup.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important; */
}
.group-locations-page.fewGroups .navbar {
    height: 90px !important;
}
.group-locations-page .navbar::before {
    top: 0;
    right: -25px;
    height: 240px;
}
.group-locations-page.fewGroups .navbar::before {
    height: 190px;
}
.group-locations-page .navbar .navbar-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.group-locations-page .navbar .navbar-inner .left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.group-locations-page .navbar .navbar-inner .title {
	display: flex;
    align-items: center;
    height: 56px;
    margin: 0 !important;
    color: var(--textColorWhite) !important;
}
.group-locations-page .navbar .navbar-inner img {
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
    transform: translate(-50%, -50%);
	height: 72px;
    margin: 0;
}
.group-locations-page.fewGroups .navbar .navbar-inner img {
    top: calc(50% - 0px);
}
.group-locations-page .navbar .searchRestaurant.subnavbar {
	height: 50px;
    position: absolute;
    top: auto;
    bottom: 20px;
	left: 0;
	background: transparent !important;
}
.group-locations-page .navbar .searchRestaurant.subnavbar::after {
	content: none;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .subnavbar-inner {
	padding: 0 20px;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner,
.group-locations-page .navbar .searchRestaurant.subnavbar .subnavbar-inner .searchbar {
	height: 50px;
    overflow: hidden;
	border-radius: var(--radiusCustom);
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner input {
	height: 50px;
    padding-left: 52px;
	border: 1px solid var(--borderColor);
	border-radius: var(--radiusCustom);
	background: var(--bgList);
    overflow: hidden;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner input::placeholder {
	position: relative;
	bottom: 1px;
	font-family: var(--baseFont);
	font-size: 14px !important;
	color: var(--secondColor) !important;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner .searchbar-icon {
	background-image: url(/static_images/src/images/icon/search_20e.svg?20e0f8457baec2699a36743ae2273664);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner .input-clear-button {
	background-image: url(/static_images/src/images/icon/close_2e5.svg?2e59fedc7303c9a76044a4be26c96ae3);
	background-size: 14px;
}
.group-locations-page .navbar .searchRestaurant.subnavbar .searchbar-inner .input-clear-button::before {
	content: none;
}
.group-locations-page .page-content {
    overflow: auto !important;
}
.group-locations-page .navbar ~ .page-content {
	height: 100% !important;
	margin-top: 0 !important;
    padding-top: 250px !important;
}
.group-locations-page.fewGroups .navbar ~ .page-content {
	padding-top: 90px !important;
}
.group-locations-page .page-content .ptr-preloader {
    top: 150px;
}
.group-locations-page.fewGroups .page-content .ptr-preloader {
    top: 150px;
}
.group-locations-page .page-content .listGroupLocations ul::before,
.group-locations-page .page-content .listGroupLocations ul::after,
.group-locations-page .page-content .listGroupLocations ul li .item-inner::after {
    content: none;
}
.group-locations-page .page-content .listGroupLocations ul {
    margin: 0 auto;
    padding: 20px 10px 60px;
    max-width: 400px;
}
.group-locations-page .page-content .listGroupLocations ul li {
    display: inline-block;
	margin: 0 10px 12px;
    width: calc(50% - 20px);
    height: 150px;
	border-radius: 20px;
	background: var(--bgList);
	overflow: hidden;
	cursor: pointer;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems,
.group-locations-page .page-content .listGroupLocations ul li:first-of-type {
	border-top: none;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems {
    width: 100%;
    height: auto;
    margin: 30px 0 0 !important;
    border-radius: 0;
    background: transparent;
}
.group-locations-page .page-content .listGroupLocations ul li .item-content,
.group-locations-page .page-content .listGroupLocations ul li .item-inner {
	padding: 0;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-content {
    display: block;
}
.group-locations-page .page-content .listGroupLocations ul li .item-media {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    height: 170px;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-media {
	height: auto;
}
.group-locations-page .page-content .listGroupLocations ul li .item-media::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-media::after {
	content: none;
}
.group-locations-page .page-content .listGroupLocations ul li .item-media img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-media img {
    width: auto;
	height: 100px;
	object-fit: contain;
}
.group-locations-page .page-content .listGroupLocations ul li .item-inner {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 9999;
	height: 100%;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-inner {
    position: initial;
}
.group-locations-page .page-content .listGroupLocations ul li .item-inner .item-title {
	display: block;
    width: 100%;
    margin: 0;
    padding: 10px 15px 2px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    text-transform: initial;
    color: var(--textColorWhite);
    text-shadow: 1px 1px 2px #000000;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.group-locations-page .page-content .listGroupLocations ul li.noRestaurantsItems .item-inner .item-title {
    padding: 20px;
    margin: 0 auto;
    text-shadow: none;
    text-align: center;
    font-weight: 500;
    color: var(--textPrimaryColor);
}
.group-locations-page .page-content .listGroupLocations ul li .item-inner .item-subtitle {
	display: block;
	margin: 0;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--textColorWhite);
    text-shadow: 1px 1px 2px #000000;
	white-space: inherit;
}
.group-locations-page .page-content .listGroupLocations ul li .item-inner .logoLocations img {
    position: absolute;
    bottom: 20px;
    left: 10px;
    background: #fff !important;
    padding: 5px;
    border-radius: 4px;
    max-width: 120px;
}
/* ===[ DELIVERY ~ RESERVE TABLE ~ PICKUP ~ HALF-WAY ]=== */
.methodPage .toolbar ~ .page-content {
	padding-bottom: var(--paddingBottom) !important;
}
.methodPage .page-content .imgMethod {
	display: block;
	height: 120px;
	margin: 0 auto;
    padding: 20px;
}
.methodPage .page-content .imgMethod img,
.methodPage .page-content .imgMethod svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.methodPage .page-content .imgMethod svg path,
.methodPage .page-content .imgMethod svg line,
.methodPage .page-content .imgMethod svg circle,
.methodPage .page-content .imgMethod svg rect {
	stroke: var(--primaryColorIlustration);
}
.methodPage .page-content .block-title {
	display: block;
	margin: 0 20px 20px;
    text-align: center;
	line-height: normal;
	white-space: normal;
	font-size: 20px;
    font-weight: 600;
	font-family: var(--secondFont);
	color: var(--textPrimaryColor);
}
.methodPage .page-content .checkoutDetails {
	padding: 0;
    margin: 20px;
}
.methodPage .page-content .checkoutDetails .details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 40px;
	margin: 0 0 15px;
    padding: 10px 40px 10px 10px;
	overflow: hidden;
}
.methodPage .page-content .checkoutDetails .details.addressDetails,
.methodPage .page-content .checkoutDetails .details.restaurantDetails {
    padding: 10px;
}
.methodPage .page-content .checkoutDetails .details.red .title {
    color: var(--alertColor);
}
.methodPage .page-content .checkoutDetails .details.link {
    border-radius: var(--radiusStandard);
    background: var(--body_background);
	border: 1px solid #eee;
}
.methodPage .page-content .checkoutDetails .details.link.red {
    border: 1px solid var(--alertColor);
}
.methodPage .page-content .checkoutDetails .details img {
    width: 24px;
	margin: 10px 15px 10px 0;
}
.methodPage .page-content .checkoutDetails .details .title {
    display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: var(--textPrimaryColor);
}
.methodPage .page-content .checkoutDetails .details.addressDetails .title,
.methodPage .page-content .checkoutDetails .details.restaurantDetails .title {
    margin-bottom: 6px;
    font-size: 18px;
}
.methodPage .page-content .checkoutDetails .details p {
    display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: var(--textPrimaryColor);
}
.methodPage .page-content .checkoutDetails .details p.infoValidationPhone {
    margin: 5px 0 0;
	font-size: 12px;
    font-weight: 400;
    color: var(--alertColor);
}
.methodPage .page-content .checkoutDetails .details.addressDetails p,
.methodPage .page-content .checkoutDetails .details.restaurantDetails p {
    font-size: 16px;
}
.methodPage .page-content .checkoutDetails .details span {
    display: block;
	margin: 0;
	padding: 2px 0 0;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: var(--textColorLight);
}
.methodPage .page-content .checkoutDetails .details span span {
    padding: 0;
	font-size: 12px;
	font-weight: 600;
}
.methodPage .page-content .checkoutDetails .details .edit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
	font-size: 20px;
	color: var(--primaryColor);
	z-index: 100;
}
.methodPage .page-content .checkoutDetails .details.link.red .edit {
	color: var(--alertColor);
}
.methodPage .page-content .checkoutDetails .details.link .stepper {
    display: flex;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    margin: 10px 0 0;
    background: var(--body_background);
}
.methodPage .page-content .checkoutDetails .methodInfo {
    display: block;
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 40px;
    margin: 0 0 15px;
    padding: 10px 40px 10px 50px;
    border-radius: var(--radiusStandard);
    background: var(--body_background);
}
.methodPage .page-content .checkoutDetails .methodInfo.red .item-link {
    border: 1px solid var(--alertColor);
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link .item-content {
    width: 100%;
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link .item-content .item-title {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--textPrimaryColor);
}
.methodPage .page-content .checkoutDetails .methodInfo.red .item-link .item-content .item-title {
    color: var(--alertColor);
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link .item-content .item-after {
    display: block;
    margin: 0;
    padding: 2px 0 0;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: var(--textColorLight);
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link .item-content img {
	position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    margin: 0;
}
.methodPage .page-content .checkoutDetails .methodInfo .item-link .item-content .edit {
	position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--primaryColor);
    z-index: 100;
}
.methodPage .page-content .checkoutDetails .methodInfo.red .item-link .item-content .edit {
    color: var(--alertColor);
}
.methodPage .page-content .checkoutDetails .infoHour {
    display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

.popup-address .list ul:before,
.popup-address .list ul::after,
.pickup-phone .list ul:before,
.pickup-phone .list ul:after,
.popup-delivery .choose-restaurant.list .item-inner:last-of-type::after {
	content: none;
}
.popup-delivery .padding-b .page-content {
	padding-bottom: 0 !important;
}
.popup-delivery ul {
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
}
.popup-delivery .page-content .calendar--block .calendar .toolbar-inner {
	box-shadow: none !important;
}
.popup-delivery .page-content .calendar--block .calendar .toolbar-inner a {
	background: transparent !important;
}
.popup-delivery li .item-content .item-inner::after,
.popup-delivery .list ul:before,
.popup-delivery .list ul:after {
	content: none !important;
}
.popup-delivery .row {
	padding: 0 18px;
}
.popup-delivery .row li .item-content {
	padding: 0 !important;
}
.popup-delivery li .item-content .item-inner {
	border-top: 1px solid var(--borderColor);
}
.popup-delivery li:first-of-type .item-content .item-inner {
	border-top: none;
}
.popup-delivery .pickup-phone li .item-content .item-inner,
.popup-delivery .pickup-phone ul {
	border: none;
}
.popup-delivery .pickup-phone ul {
    margin: 0 25px;
	z-index: 999;
}
.popup-delivery .pickup-phone ul .input_fill {
    margin-bottom: 30px !important;
}
.popup-delivery .pickup-phone ul .item-content,
.popup-delivery .pickup-phone ul .item-inner {
    padding: 0 !important;
}
.popup-delivery .pickup-phone ul .item-inner .country-selector__list {
    max-height: 200px !important;
}
.popup-delivery .pickup-phone .checkbox {
	display: block;
    margin: 0 40px;
	text-align: center;
}
.popup-delivery .pickup-phone .checkbox.active-state {
	background: transparent;
}
.popup-delivery .pickup-phone .checkbox .ripple-wave {
	display: none;
}
.popup-delivery .pickup-phone .checkbox .icon-checkbox {
	position: relative;
    top: 3px;
    display: inline-block;
    margin: 0 10px 0 0;
}
.popup-delivery .pickup-phone .infoValidationPhone {
    display: block;
    max-width: 260px;
    padding: 0 20px;
    margin: 20px auto;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--alertColor) !important;
    animation: fadeInDown 0.4s;
}
.popup-delivery .media-list .item-inner {
	padding: 10px 0 !important;
}
.popup-delivery .media-list .item-title {
	margin-bottom: 6px;
	font-weight: 600;
	white-space: normal;
}
.popup-delivery .media-list .item-subtitle {
	white-space: normal;
}
.popup-delivery li .item-content .item-inner .item-title-row ~ p {
	font-size: 13px;
    margin: 4px 0 0;
}
.popup-delivery.popup-methodInfo li .item-content .item-inner {
	display: block;
	padding: 0;
}
.popup-delivery.popup-methodInfo li.question .item-title {
	padding: 15px 0;
	font-weight: 500;
}
.popup-delivery.popup-methodInfo li .options .item-content {
	padding: 0;
}
.popup-delivery.popup-methodInfo li .options .item-content .item-inner {
	display: flex;
	border-top: none;
	border-bottom: 1px solid var(--borderColor);
}
.popup-delivery.popup-methodInfo li .options:first-of-type .item-content .item-inner {
	border-top: 1px solid var(--borderColor);
}
.popup-delivery.popup-methodInfo li .options:last-of-type .item-content .item-inner {
	border-bottom: none;
}
.popup-delivery.popup-methodInfo li .options .item-content .item-inner .item-title {
	padding: 10px 0;
	font-weight: 400;
}
.select-address #item_content {
	margin-top: 0;
}
.select-address .button.scanLocation {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px !important;
    max-width: 400px;
    min-width: auto;
    margin: 20px auto 0;
	padding: 0 18px;
	border-radius: var(--radiusToolbar);
	background: var(--bgToolbar) !important;
}
.select-address .button.scanLocation p {
	margin-left: 10px;
	line-height: normal;
	font-family: var(--primaryFont);
	letter-spacing: var(--letterSpacing);
	color: var(--fontColorToolbar) !important;
	font-size: var(--sizeToolbar);
	font-weight: var(--weightToolbar);
    text-transform: none;
}
.select-address .button.scanLocation img {
    position: absolute;
    top: 10px;
    left: 12px;
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    height: 100%;
}
.calendar-day.calendar-day-today .calendar-day-number {
	color: var(--colorIcon) !important;
}
.calendar-row .calendar-day.calendar-day-selected .calendar-day-number {
	background: var(--primaryColor) !important;
	color: var(--fontColorToolbar) !important;
}
.calendar-day.calendar-day-today .calendar-day-number {
	color: var(--alertColor) !important;
}
.calendar .toolbar::before {
	content: none;
}
.sheet-modal.methodInfoSelect {
	height: 100%;
    max-height: 100%;
}
.device-ios .sheet-modal.methodInfoSelect {
    height: calc(100% - constant(safe-area-inset-top));
    height: calc(100% - env(safe-area-inset-top));
}
.sheet-modal.methodInfoSelect::before {
	content: none !important;
}
.sheet-modal.methodInfoSelect .toolbar {
    position: absolute;
	top: auto;
	bottom: 0;
	width: calc(100% - 36px);
    height: var(--heightToolbar) !important;
    text-align: center;
    margin-left: 18px;
    margin-bottom: 20px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.sheet-modal.methodInfoSelect .toolbar a.link {
    height: var(--heightToolbar) !important;
    border-radius: var(--radiusToolbar) !important;
}
/* .sheet-modal.methodInfoSelect .navbar .left {
    position: absolute;
	top: 0;
	right: 0;
} */
/* .sheet-modal.methodInfoSelect .navbar .left i {
	background-size: 14px;
    background-image: url(../images/icon/close.svg);
} */
.sheet-modal.methodInfoSelect .toolbar + .sheet-modal-inner {
	height: 100%;
}
.sheet-modal.methodInfoSelect .sheet-modal-inner .page-content {
    padding: 20px 0 var(--paddingBottom) !important;
}
.sheet-modal.methodInfoSelect .sheet-modal-inner .page-content .list {
    margin: 0 0 20px !important;
}

#item_content {
	padding: 0;
    margin: 20px 0;
}
#item_content .title {
	display: block;
    text-align: center;
    margin: 30px 0 10px;
}
#item_content .choose_save_item ul::before,
#item_content .choose_save_item ul::after,
#item_content .choose_save_item .item-inner::after {
	content: none;
}
#item_content .choose_save_item ul {
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
}
#item_content .choose_save_item li .item-inner {
	padding: 10px 0;
	border-top: 1px solid var(--borderColor);
}
#item_content .choose_save_item li:first-of-type .item-inner {
	border: none;
}
#item_content .choose_save_item .item-inner .item-title-row {
	font-weight: 600;
}
#item_content .choose_save_item .item-inner .item-title {
	margin-bottom: 0px;
    white-space: normal;
}
#item_content .choose_save_item .item-inner .item-subtitle {
	margin-top: 4px;
    white-space: normal;
}
#item_content .choose_save_item .item-inner .item-footer {
	margin-top: 3px;
    white-space: normal;
    line-height: 15px;
}
#item_content .add_new_item {
    padding: 30px 20px 20px;
    margin: auto;
    max-width: 400px;
}
#item_content.saveLocation .add_new_item {
    padding: 20px;
}
#item_content .add_new_item ul::after {
	content: none;
}
#item_content .add_new_item ul {
	border: 1px solid var(--borderColor);
	border-radius: 25px;
}
#item_content .add_new_item ul li {
	border: none;
}
#item_content .add_new_item ul li textarea {
    background-color: var(--bgInput);
}
#item_content .add_new_item ul li .item-link {
	border-radius: 25px;
}
#item_content .add_new_item ul li .item-link .item-inner {
	padding: 0;
}
#item_content .add_new_item ul li .item-link .item-inner .item-title {
	width: 100%;
	text-align: center;
}
#item_content .add_new_item ul li .item-link ~ .accordion-item-content {
	background-image: var(--gradientAcordionOpen);
}
#item_content .add_new_item ul li .item-link ~ img {
    position: absolute;
    top: 9px;
    left: 12px;
	max-width: 30px;
	max-height: 30px;
    width: 100%;
    height: 100%;
}
#item_content .add_new_item ul li .accordion-item-content .first {
	padding-top: 10px;
}
#item_content .add_new_item .item-content .item-content {
	padding: 0;
}
#item_content .add_new_item .btn_add_new_item {
	height: 35px !important;
    width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    margin: 20px auto;
    padding: 0 18px;
    border-radius: 25px;
    background: var(--bgToolbar);
}
#item_content .add_new_item .btn_add_new_item .link {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0;
    padding: 0;
    height: 100%;
    color: var(--fontColorToolbar);
	font-weight: 600;
    font-size: 15px;
}
@media screen and ( max-width: 360px ) {
	#item_content .add_new_item ul li .item-link ~ img {
		top: 11px;
		left: 14px;
		max-width: 25px;
		max-height: 25px;
	}
}
@media screen and ( max-width: 1500px ) {
	.store-working-hours p,
	.store-phone-number a {
		font-size: 14px !important;
	}
	.md .navbar-inner.container .right a.link {
		min-width: auto !important;
	}
}
@media screen and ( max-width: 1200px ) {
	.md a.backButton span,
	.md .edit span,
	.md .delete span,
	.md .singleOrder.shopping-cart-page .navbar .right span{
		display: none;
	}
}
@media screen and ( max-width: 1100px ) {
	.menu-list-page .menu-list-items .item-content .item-inner .wrapperImg {
		width: calc(100% - 100px);
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .row .col {
		width: 30%;
	}
	.menu-list-page .page-content {
		padding-top: 0px !important;
	}
}
@media screen and ( max-width: 991px ) {
	.chooseLocation-page.selectChildGroup .navbar .left a span {
		display: none;
	}
	.menu-list-page .specialOffer img.imgBg {
		object-fit: cover;
		background-size: cover;
		object-position: right;
	}
	.favoriteProduct-page .list ul li {
		width: calc(100% - 10px)
	}
	.favoriteProduct-page .navbar .right a span {
		display: none;
	}
	.productPagePopup #double_toolbar .toolbar-inner a.btn-add-fav {
		margin-top: 0px;
	}
	.productPagePopup #double_toolbar .toolbar-inner a {
		width: 70%;
	}
}
@media screen and ( max-width: 767px ) {
	div#checkBrowserPopup.popupWithImage {
		height: 550px !important;
	}
	div#checkBrowserPopup .page-content .box-link.popupWithImageButton {
		display: block;
	}
	div#checkBrowserPopup .page-content .box .popup-image img {
		max-width: 250px;
	}
}
@media screen and ( max-width: 600px ) {
	.menu-list-page .specialOffer .swiper-slide a.link.patrat {
		min-height: 400px;
	}
	.settings-page .page-content .listOption .list.infoSettings {
		display: block;
	}
	.login-page .page-content .logoImage {
		margin-top: 0px;
	}
	/* .menu-list-page .navbar.topCategoryNavbar,
	.menu-swiper-page .navbar.menuSwiper {
		display: none;
	} */
	.top-navbar {
		background: var(--page_content);
	}
	.md .top-navbar .store-phone-number,
	.md .top-navbar .store-working-hours {
		display: block !important;
	}
	.top-navbar .store-phone-number {
		margin: 10px 1em;
		padding: 7px 10px;
		border-radius: var(--radiusCustom);
		background: var(--body_background);
		-webkit-box-shadow: var(--shadow) !important;
		-moz-box-shadow: var(--shadow) !important;
		box-shadow: var(--shadow) !important;
	}
	.top-navbar .store-phone-number a,
	.top-navbar .store-working-hours p {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top-navbar .store-phone-number a img,
	.top-navbar .store-working-hours p img {
		margin-right: 10px;
	}
	.top-navbar .store-phone-number a,
	.top-navbar .store-working-hours p {
		font-weight: bold;
		white-space: normal;
		color: var(--textHeaderPrimaryColor);
	}
	.top-navbar .store-working-hours p {
		margin: 10px 1rem;
		padding: 7px 10px;
		border-radius: var(--radiusCustom);
		background: var(--body_background);
		-webkit-box-shadow: var(--shadow) !important;
		-moz-box-shadow: var(--shadow) !important;
		box-shadow: var(--shadow) !important;
	}
	.navbar {
		background:var(--page_content) !important;
	}
	.product-page .wrapper-img {
		position: relative;
	}
	.group-locations-page .page-content .listGroupLocations ul li {
		width: calc(100% - 20px);
		height: 170px;
	}
	.toolbar.generalToolbar {
		background: var(--body_background) !important;
	}
	.fidelity-page .page-content .list ul li {
		width: calc(100% - 20px) !important;
	}
	.menu-swiper-page .page-content .swiper-container-autoheight .swiper-slide {
		height: calc(100vh - var(--heightGeneralToolbar) - var(--heightNavbar) - 99px);
		height: calc(100vh - 0px - 156px - 0px) !important;
	}
	/* .menu-swiper-page .page-content .content-swiper .wrapper-slider {
		margin-top: 120px;
	} */
	.menu-list-page .deliveryInformationPanel .wrapperDetails .subtitle, .popupMethod .wrapperDetails .subtitle {
		font-size: 11px;
	}
	.menu-swiper-page .page-content .swiper-slide .block-title {
		margin-bottom: 0px;
	}
	.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod {
		background: var(--body_background);
	}
	.menu-list-page .deliveryInformationPanel .link.selectRestaurant .title span {
		display: none;
	}
	.toolbar, .toolbar::before, .delivery-address #double_toolbar::before, .payment-page #double_toolbar::before {
		background: var(--page_content)!important;
	}
	.menu-list-page .menu-list-items .item-content .item-inner .wrapperImg {
		width: 100%;
	}
	.menu-list-page .menu-list-items .item-content .item-inner .title {
		text-align: center;
		margin-top: 10px;
	}
	.menu-list-page .deliveryInformationPanel {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		min-height: 60px;
		background: var(--page_content);
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .row .col {
		width: 33%;
	}
	.menu-list-page .deliveryInformationPanel .methodOption .selectMethod.link .wrapperDetails .title b {
		display: none;
	}
	.menu-list-page .deliveryInformationPanel .wrapperDetails .title,
	.popupMethod .wrapperDetails .title {
		font-size: 13px;
	}
	.menu-list-page .page-content {
		padding-top: 0px !important;
	}
	.menu-list-page .block-title.chooseProduct {
		margin-top: 30px;
	}
	.login-page .page-content .registerButton .link,
	.login-page .page-content .registerButton span {
		font-size: 18px;
	}
	.menu-swiper-page .page-content .swiperThumbs .wrapperTitle p {
		font-size: 14px;
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .change,
	.menu-list-page .deliveryInformationPanel .addressDetails .change,
	.menu-list-page .deliveryInformationPanel .methodOption span.changeMethod {
		display: none;
	}
	.menu-list-page .deliveryInformationPanel .row.chosenMethodDelivery::after {
		top: 20%;
    	height: 30%;
	}
	.toolbar.generalToolbar {
		border-top: 1px solid #eeee;
	}
	.popover-timetable.popover {
		width: 100% !important;
	}
	.menu-swiper-page .page-content .swiperThumbs.swiper-slide {
		width: auto !important;
	}
	.menu-swiper-page .page-content .swiperThumbs.swiper-slide.activeSlider .wrapperTitle p {
		padding: 0 14px;
	}
}

/* ===[ MAP PAGE ]=== */
.isScanLocation .navbar {
	background: rgba(255,255,255,0.3)!important;
	-webkit-backdrop-filter: blur(4px);
	-moz-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.isScanLocation .navbar ~ .page-content {
	padding-top: 0;
}
.isScanLocation .page-content {
	padding-bottom: 0;
}
.isScanLocation .page-content #mapPage {
    height: 50vh;
}
.isScanLocation .page-content .block-title {
	margin: 20px 18px 15px;
    color: var(--textPrimaryColor);
    font-size: 18px;
    line-height: normal;
}
.isScanLocation #current-location-block textarea {
    background-color: var(--bgInput);
}
#current-location-block .wrapper-current-location {
	margin: 20px 18px 0;
}
#current-location-block .wrapper-current-location .list {
	margin: 0;
}
#current-location-block .wrapper-current-location .row li {
	display: block;
	text-decoration: none;
}
#current-location-block .wrapper-current-location .list li .item-content,
#current-location-block .wrapper-current-location .list li .item-content .item-inner {
	padding: 0;
}
#current-location-block .wrapper-current-location .list li .item-content .item-inner::after {
	content: none;
}
#mapPage .ol-attribution.ol-unselectable.ol-control.ol-uncollapsible,
#mapPage .ol-rotate.ol-unselectable.ol-control,
#mapPage .ol-zoom.ol-unselectable.ol-control {
    display: none;
}
.map-page .wrapper-current-location .block {
    padding: 0 !important;
    margin: 0 !important;
}

/* ===[ PAYMENT ]=== */
.device-ios div.paylike.overlay div.payment {
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
}
.payment-page .page-content ul::before,
.payment-page .page-content ul::after,
.payment-page .page-content ul li .item-inner::after {
	content: none !important;
}
.payment-page .page-content .choosePayment {
	margin: 20px 0 !important;
}
.payment-page .page-content .choosePayment ul li .item-content {
	min-height: 0;
	padding: 0 25px;
}
.payment-page .page-content .choosePayment ul li .item-content .icon-radio {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	margin-right: 0 !important;
}
.payment-page .page-content .choosePayment ul li .item-content .item-media {
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0;
    min-width: 24px;
}
.payment-page .page-content .choosePayment ul li .item-content .item-media img {
    max-width: 24px;
    max-height: 20px;
}
.payment-page .page-content .choosePayment ul li .item-content .item-inner {
    min-height: 36px;
    padding: 0 30px 0 0;
}
.payment-page .page-content .choosePayment ul li .item-content .item-inner .item-title {
	white-space: normal;
	font-size: 14px;
}
.payment-page .page-content .addNewCard {
	display: none;
}
.payment-page .page-content .addNewCard ul li .item-content {
    position: relative;
}
.payment-page .page-content .addNewCard ul li .item-content .icon-radio {
	position: absolute;
    top: 15px;
    left: 16px;
}
.payment-page .page-content .addNewCard ul li .item-content .item-inner {
	display: block;
    padding: 15px 0;
}
.payment-page .page-content .addNewCard ul li .item-content .item-inner .item-title {
    padding-left: 35px;
}
.payment-page .page-content .addNewCard ul li .item-content .item-inner .checkbox {
	display: flex;
	align-items: center;
    margin-top: 15px;
    overflow: hidden;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
}
.payment-page .page-content .addNewCard ul li .item-content .item-inner .checkbox .ripple-wave {
	opacity: 0 !important;
}
.payment-page .page-content .addNewCard ul li .item-content .item-inner .checkbox .icon-checkbox {
    margin-right: 15px;
	margin-left: 1px;
}
.payment-page .page-content .choosePayment ~ .block .block-title {
    display: block;
    margin: 30px 20px 20px;
    font-size: 16px;
    font-weight: 400;
	text-align: center;
	line-height: normal;
	white-space: normal;
	color: var(--textPrimaryColor);
}
.payment-page .page-content .saveCards {
	margin: 0;
}
.payment-page .page-content .saveCards ul li {
    margin: 0 20px 10px;
	height: var(--heightToolbar);
	border-radius: var(--radiusCustom);
	background: var(--body_background);
}
.payment-page .page-content .saveCards ul li .item-content {
	min-height: var(--heightToolbar);
	padding: 0 15px;
}
.payment-page .page-content .saveCards ul li .item-content .item-inner {
	min-height: 0;
	padding: 0;
}
.payment-page .page-content .saveCards ul li .item-content .cardsImg {
	margin: 0;
}
.payment-page .page-content .saveCards ul li .item-content .cardsImg img {
    max-width: 28px;
	max-height: 16px;
}
.payment-page .page-content .saveCards ul li .item-content .icon-radio {
    margin-right: 0 !important;
}
.payment-page .page-content .saveCards ul li .item-content .item-inner .item-title {
    padding: 0 10px;
	font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.payment-page .page-content #item_content {
	margin-top: 0;
}
.payment-page .page-content #item_content .accordion-item .item-label {
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
    padding: 0 20px 4px;
	font-size: 12px;
	color: var(--textPrimaryColor);
}
.payment-page .page-content #item_content .accordion-item .row .item-label {
    padding: 0 10px 4px;
}
.payment-page .page-content #item_content .accordion-item .first input {
	letter-spacing: 1px;
}
.payment-page .page-content #item_content .accordion-item .row {
	padding: 0 18px;
}
.payment-page .page-content #item_content .accordion-item .row .item-content {
	padding: 0;
}
.payment-page .page-content #item_content .accordion-item .row .item-content .item-inner::after {
	content: none;
}
.payment-page .page-content #item_content .accordion-item .row .item-content .item-title {
	left: 8px;
}
.payment-page .page-content #item_content .accordion-item .row .item-content input[type="tel"] {
	padding: 0 40px 0 10px;
}
.payment-page .page-content #item_content .accordion-item .row .item-content select {
	padding: 0 10px;
    height: var(--heightInput);
    border-radius: var(--radiusInput);
    background: var(--bgInput);
    transition: border-color 0.7s;
}
.device-ios .payment-page .page-content #item_content .accordion-item .row .col-30:first-of-type .item-content select {
	color: transparent;
}
.device-ios .payment-page .page-content #item_content .accordion-item .row .col-30:first-of-type .input-with-value .item-content.item-input-with-value select {
	color: initial;
}
.payment-page .page-content #item_content .accordion-item .row ~ .save-data {
	margin-bottom: 20px;
}

/* ===[ THANK YOU ]=== */
.thank-you-page .toolbar::before {
	background: linear-gradient(to bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,0) -5%,rgba(250,250,250,0.85) 19%,rgba(250,250,250,1) 20%,rgba(250,250,250,1) 100%);
}
.thank-you-page .rating-section {
	padding: var(--leftRightSpace);
    margin: 0 0 50px;
}
.thank-you-page .rating-section img {
	height: 150px;
}
.thank-you-page .rating-section .block-title {
	margin: 0;
	line-height: 25px;
	white-space: normal;
	text-align: center;
	color: var(--textPrimaryColor);
}
.thank-you-page .rating-section .textThankYou {
    margin: 30px 0 20px;
    font-size: 35px;
    font-weight: bold;
    line-height: normal;
    color: var(--primaryColor);
}
.thank-you-page .rating-section .textOrder {
	font-size: 12px;
	font-weight: 400;
	color: var(--secondColor);
    margin: 0 20px 20px;
}
.thank-you-page.orderReseveTable .rating-section .textOrder {
    margin: 10px 18px 40px;
}
.thank-you-page .rating-section .textInfoLoyalty {
    margin: 0 20px 30px;
	font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: var(--secondColor);
}
.thank-you-page .page-content .rating-section .link {
    width: 100%;
    margin: 10px 0 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--textPrimaryColor);
	height: var(--heightToolbar);
	border-radius: var(--radiusToolbar);
	background: var(--body_background);
	box-shadow: var(--shadow) !important;
	overflow: hidden;
}
.thank-you-page .page-content .rating-section .link.addFavorite {
    padding-right: 40px;
}
.thank-you-page .page-content .rating-section .link i {
    font-size: 26px;
    margin-right: 14px;
	color: var(--alertColor);
}
.thank-you-page .page-content .rating-section .link i.red {
	color: var(--primaryColor) !important;
	-webkit-animation: bounceIn 0.75s;
	animation: bounceIn 0.75s;
}

@media screen and ( max-height: 600px ) {
	.thank-you-page .rating-section {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
/* @media screen and ( min-height: 550px ) {
	.thank-you-page .page-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
} */

/* ===[ ABOUT ]=== */
.about-page .page-content {
	padding-bottom: 0;
}
.about-page .page-content .block {
	padding: 0 20px;
}
.about-page .page-content .block-title {
	margin: 10px 20px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	color: var(--textPrimaryColor);
}
.about-page .page-content .block p {
	margin: 0;
	padding: 1em 0;
}
.about-page .page-content .list ul:before,
.about-page .page-content .list ul:after,
.about-page .page-content .list .item-inner:after {
	content: none;
}
.about-page .page-content .list:last-of-type {
	margin-bottom: 0 !important;
}
.about-page .page-content .list ul {
	border-bottom: 1px solid var(--borderColor);
}
.about-page .page-content .list ul li .item-content {
	padding-left: 0;
}
.about-page .page-content .list ul li .item-inner {
	margin-left: 18px !important;
	padding-right: 0;
	font-size: 14px;
	border-bottom: 1px solid var(--borderColor);
}
.about-page .page-content .block .list:last-of-type ul li:last-of-type .item-inner,
.about-page .page-content .list ul:last-of-type  {
	border-bottom: none;
}
.about-page .page-content .list .item-media {
	min-width: auto;
}
.about-page .page-content .item-media .fa-circle {
	color: var(--primaryColor);
	font-size: 6px;
}
.about-page .page-content .link {
	font-weight: 600;
    font-style: italic;
    text-decoration: underline;
	color: var(--textPrimaryColor);
}
.about-page .page-content .block .linkAbout {
    padding-bottom: 1em;
}

/* ===[ UPLOAD RECEIPT ]=== */
.upload-receipt ul:before,
.upload-receipt ul:after {
	content: none !important;
}
.upload-receipt ul {
	max-width: 400px;
	margin: auto;
}
.upload-receipt .requiredAmount {
	position: relative;
	bottom: 20px;
	padding: 0 36px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: var(--alertColor);
	animation: fadeInDown 0.7s;
}
.upload-receipt .input_fill {
	margin-bottom: 30px !important;
}

/* ===[ USER LABELING ]=== */
.userLabeling-page .page-content .classicFade img {
	width: calc(100% - 60px);
	margin: 20px 30px;
}
.userLabeling-page .page-content .block-title {
    margin: 20px 20px 10px;
    text-align: center;
}
.userLabeling-page .page-content .userLevelCards p,
.userLabeling-page .page-content .myUserLevelCards p {
    margin: 6px 0;
}
.userLabeling-page .page-content .userLevelCards ul::before,
.userLabeling-page .page-content .myUserLevelCards ul::before,
.userLabeling-page .page-content .userLevelCards ul::after,
.userLabeling-page .page-content .myUserLevelCards ul::after,
.userLabeling-page .page-content .userLevelCards li .item-inner::after {
    content: none;
}
.userLabeling-page .page-content .myUserLevelCards .item-inner .item-title {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.userLabeling-page .page-content .userLevelCards li,
.userLabeling-page .page-content .myUserLevelCards li {
	margin: 0 20px 20px;
    border-radius: var(--radiusStandard);
    border: 1px solid var(--borderColor);
	background: var(--body_background);
	-webkit-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
	box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.5) !important;
}
.userLabeling-page .page-content .userLevelCards li .item-content {
    padding: 0 20px 15px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner,
.userLabeling-page .page-content .myUserLevelCards .item-inner {
    padding: 0 !important;
}
.userLabeling-page .page-content .myUserLevelCards .item-inner {
    padding: 8px 0 10px !important;
}
.userLabeling-page .page-content .myUserLevelCards .item-inner .mylabelingName {
	margin: 0;
	text-align: center;
    /* font-size: 14px; */
}
.userLabeling-page .page-content .myUserLevelCards .item-inner .mylabelingName ~ span {
    display: block;
    padding: 6px 0 4px;
	text-align: center;
    font-weight: 600;
}
.userLabeling-page .page-content .myUserLevelCards .item-inner .myOrdersNumber,
.userLabeling-page .page-content .myUserLevelCards .item-inner .myOrderValue {
    font-size: 14px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .item-title {
    padding: 15px 0 6px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .orderNumbers,
.userLabeling-page .page-content .userLevelCards li .item-inner .orderValue  {
    margin: 0;
    font-size: 14px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .orderNumbers ~ .orderValue {
    margin-top: 10px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .beneficial {
    margin-top: 0;
    padding: 6px 0;
	text-align: center;
    font-weight: 500;
	border-bottom: 1px solid var(--borderColor);
}
.userLabeling-page .page-content .userLevelCards li .item-inner .coupon {
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .coupon ~ span {
	padding-left: 10px;
	font-weight: 500;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct {
	margin: 10px 0;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .coupon ~ .userLevelProduct {
    padding: 6px 0;
    margin-top: 6px;
	border-top: 1px solid var(--borderColor);
}
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct .details {
	margin: 0;
    font-size: 14px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct .name,
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct .description {
	padding: 0;
	margin: 0;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct .name {
	font-weight: 500;
    font-size: 15px;
    padding: 5px 0 2px;
}
.userLabeling-page .page-content .userLevelCards li .item-inner .userLevelProduct .description {
    font-size: 12px;
	color: var(--textColorLight);
}
.userLabeling-page .page-content .linkFidelityPromotions {
    margin: 10px auto;
    padding: 0 20px;
	max-width: 300px;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}
.userLabeling-page .page-content .linkFidelityPromotions a {
	font-weight: 500;
    color: var(--textPrimaryColor);
	text-decoration: underline;
	text-transform: uppercase;
}

/* ===[ 404 PAGE ]=== */
.not-found-page .page-content {
	display: flex;
    align-items: center;
    justify-content: center;
}
.not-found-page .page-content .block {
	width: 100%;
	padding: 20px;
	margin-bottom: 100px;
}
.not-found-page .page-content .block p {
	text-align: center;
    font-size: 20px;
    line-height: 26px;
}
.not-found-page .page-content .block p:first-of-type {
	text-transform: uppercase;
}
.not-found-page .page-content .block .btn-menu {
	margin-top: 30px;
	max-width: 450px;
}
.not-found-page .page-content .block .btn-menu a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    line-height: normal !important;
    font-family: var(--primaryFont) !important;
    letter-spacing: var(--letterSpacing) !important;
    color: var(--fontColorToolbar) !important;
    font-size: var(--sizeToolbar) !important;
    font-weight: var(--weightToolbar) !important;
    text-transform: var(--textTransformToolbar) !important;
    border-radius: var(--radiusToolbar) !important;
    background: var(--bgToolbar) !important;
}
.not-found-page .page-content .block .btn-menu i {
	position: absolute;
    left: 10px;
    top: calc(50% - 14px);
}

/* ===[ ABOUT ]=== */
.fidelity-page .page-content .list ul::before,
.fidelity-page .page-content .list ul::after,
.fidelity-page .page-content .list ul li .item-content .item-inner::after {
	content: none;
}
.fidelity-page .page-content .list {
	margin: 20px;
	padding: 0;
}
.fidelity-page .page-content .list ul {
	display: flex;
    justify-content: center;
}
.fidelity-page .page-content .list ul li {
	max-width: 580px;
	width: 580px;
    display: inline-block;
	margin: 0 20px;
}
.fidelity-page .page-content .list ul li .item-content {
	padding: 0;
	margin: 20px 0;
	border-radius: var(--radiusMiddle);
	border: 1px solid var(--borderColor);
	background: var(--body_background);
	overflow: hidden;
}
.fidelity-page .page-content .list ul li .item-content .item-inner {
	padding: 0;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .item-title-row {
    padding: 10px 20px 0px 20px;
	justify-content: center;
    align-items: center;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .item-title-row .item-title {
	font-size: 20px;
	font-weight: 700;
    white-space: normal;
    color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .item-title-row .item-after {
	font-size: 12px;
	font-weight: 500;
    color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .loyalty p {
	color: #E1705D;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .imgCampaign {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
	margin: 20px 0px;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .imgCampaign img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .descFidelityCamp {
    display: block;
	text-align: center;
	margin: 10px 20px 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .validity {
	display: block;
	text-align: center;
    margin: 0;
    padding: 10px 20px;
    font-size: 12px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .loyaltyPoints {
	margin: 35px 0px;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .wrapperImgPoints {
    margin: 25px auto 10px;
	padding: 0 10px;
    display: block;
	text-align: center;
    align-items: center;
    justify-content: center;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .wrapperImgPoints img {
    max-height: 87px;
	max-width: 107px;
	height: 100%;
	width: 100%;
    margin: 5px 10px;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .points {
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .congratulations {
	display: block;
	text-align: center;
    margin: 0;
	padding: 0 20px 10px;
	font-size: 20px;
	font-weight: 600;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .congratulations span {
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 13px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .payProduct {
	display: block;
	text-align: left;
	margin: 10px 20px 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .disabled-item + .requiredLocation {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 220px;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: var(--Black);
	border-radius: var(--radiusCustom);
	border: 2px solid var(--borderColor);
	-webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.fidelity-page .page-content .list.productCampaign ul {
	padding: 0px;
}
.fidelity-page .page-content .list.productCampaign ul li {
	margin: 14px 0 30px;
}
.fidelity-page .page-content .list.productCampaign ul li .item-content {
	height: 110px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: var(--body_background);
    -webkit-box-shadow: -2px 2px 7px -5px rgba(0,0,0,0.7) !important;
    -moz-box-shadow: -2px 2px 7px -5px rgba(0,0,0,0.7) !important;
    box-shadow: -2px 2px 7px -5px rgba(0,0,0,0.7) !important;
}
.fidelity-page .page-content .list.productCampaign ul li .item-content .item-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 130px;
	padding: 0px !important;
}
.fidelity-page .page-content .list.productCampaign ul li .item-content .item-media img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.fidelity-page .page-content .list.productCampaign ul li .item-content .item-inner {
	margin: 0;
    padding: 0;
}
.fidelity-page .page-content .list.productCampaign ul .item-inner .infoProduct {
    /* display: block; */
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 10px 0 15px;
}
.fidelity-page .page-content .list.productCampaign ul .item-inner .infoProduct .title-product {
    /* padding: 10px 0 0; */
    color: var(--textPrimaryColor);
    font-size: 16px;
    font-weight: 500;
    white-space: normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.fidelity-page .page-content .list.productCampaign ul .item-inner .infoProduct .desc-product {
    color: var(--textColorLight);
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    padding: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fidelity-page .page-content .list ul li .item-content .item-inner .validity {
	display: block;
	text-align: center;
    margin: 0;
    padding: 0px 20px 25px;
    font-size: 12px;
	font-weight: 400;
	color: var(--textPrimaryColor);
}
.fidelity-page .page-content .list ul li .item-content .item-inner .validity span {
	display: block;
	font-weight: 600;
}
.fidelity-page .page-content .list ul li.empty-list {
    margin: 50px 0;
    background: transparent;
}
.fidelity-page .page-content .list ul li.empty-list .item-content {
	border: none;
    border-radius: 0;
    background: transparent;
}
.fidelity-page .page-content .list ul li.empty-list .item-content .item-inner .item-title-row {
	background: transparent;
}
.fidelity-page .page-content .list ul li.empty-list .item-content .item-inner .item-title-row .item-title {
    color: var(--textPrimaryColor);
}

.fidelityCampaignPopup.popup .page-content .block {
	margin: 0;
    padding: 0 20px
}
.fidelityCampaignPopup.popup .page-content .block .block-title {
	color: var(--textPrimaryColor);
    margin: 10px 10px 20px;
    line-height: 18px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
	white-space: normal;
}
.fidelityCampaignPopup.popup .page-content .block .list {
	margin: 0 0 20px;
	border-radius: var(--radiusMiddle);
	border: 1px solid var(--borderColor);
	overflow: hidden;
}
.fidelityCampaignPopup.popup .page-content .block .list .campaignTitle {
    margin: 0;
    padding: 13px 15px;
	font-size: 16px;
    font-weight: 500;
	color: var(--textPrimaryColor);
	background: var(--bgList);
}
.fidelityCampaignPopup.popup .page-content .block .list ul::before,
.fidelityCampaignPopup.popup .page-content .block .list ul::after,
.fidelityCampaignPopup.popup .page-content .block .list ul li .item-content .item-inner::after {
	content: none;
}
.fidelityCampaignPopup.popup .page-content .block .list ul li .item-content {
	padding: 0 15px;
}
/* .fidelityCampaignPopup.popup .page-content .block .list ul li:last-of-type .item-content {
	border-top: none;
} */

.openCamera #main-view,
.openCamera .popup-backdrop {
	opacity: 0 !important;
	transition: all 0.5s ease-in;
}
.openCamera body,
.openCamera .scannerPopup,
.openCamera .scannerPopup .page,
.openCamera .scannerPopup .page .toolbar,
.openCamera .scannerPopup .page .toolbar::before {
	background: transparent !important;
	transition: all 0.5s ease-in;
}
.scannerPopup .page-content .wrepperOptions {
	position: absolute;
	top: auto;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	height: 40px;
	width: fit-content;
}
.scannerPopup .page-content .wrepperOptions .flipCamera,
.scannerPopup .page-content .wrepperOptions .flashCamera {
	height: 40px;
	width: 40px;
	border-radius: 100px;
	background: white;
    overflow: hidden;
}
.scannerPopup .page-content .wrepperOptions .flipCamera {
	margin-left: 20px;
}
.scannerPopup .page-content .wrepperOptions .flipCamera img,
.scannerPopup .page-content .wrepperOptions .flashCamera img {
	max-width: 20px;
    max-height: 20px;
}
.scannerPopup .page-content .frameScan {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0.8;
}
.scannerPopup .page-content .frameScan img {
	width: 100%;
    height: 100%;
}
.scannerPopup .page-content .frameScan.scanQrCodeProcessing {
	opacity: 1;
}
.scannerPopup .page-content .frameScan.scanQrCodeProcessing::before {
	content: '';
	position: absolute;
    top: 0;
    left: -20px;
    height: 20px;
    width: calc(100% + 40px);
    border-radius: 50px;
    background: #ffffff;
	-webkit-animation: scanQr 1s;
	animation: scanQr 1s;
	z-index: 1000;
}

/* ===[ ANIMATION GENERAL ]=== */
.input-clear-button {
	-webkit-animation: rotation 1.5s;
	animation: rotation 1.5s;
	transition-timing-function: cubic-bezier(0,0,0.58,1);
}
  .icon-radio {
	-webkit-animation: zoomIn;
	animation: zoomIn;
}
  .bounceIn {
	-webkit-animation: bounceIn 0.75s;
	animation: bounceIn 0.75s;
}
  .popover-pattern-wapper {
	-webkit-animation: bounceIn 0.75s;
	animation: bounceIn 0.75s;
}
  .fa-info-circle {
	-webkit-animation: bounceIn 1s;
	animation: bounceIn 1s;
}
.fadeInRight {
	-webkit-animation: fadeInRight 0.7s;
	animation: fadeInRight 0.7s;
}
.fadeInDown,
.input-error-message {
	-webkit-animation: fadeInDown 0.7s;
	animation: fadeInDown 0.7s;
}
.badge.cartNotification {
	-webkit-animation: bounceIn 0.7s;
	animation: bounceIn 0.7s;
}
.btn_shine::before {
	-webkit-animation: btn_shine 8s infinite;
	animation: btn_shine 8s infinite;
	animation-delay: 1s;
}
.focus-in {
	-webkit-animation: focus-in 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: focus-in 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.navbarFade {
	-webkit-animation: navbarFade .2s ease-in-out;
	        animation: navbarFade .2s ease-in-out;
}
.toolbarFade {
	-webkit-animation: toolbarFade .2s ease-in-out;
	        animation: toolbarFade .2s ease-in-out;
}
.toolbarFadeSecond {
	-webkit-animation: toolbarFadeSecond .4s ease-in-out;
	        animation: toolbarFadeSecond .4s ease-in-out;
}
.generalToolbarFade {
	-webkit-animation: generalToolbarFade .4s ease-in-out;
					animation: generalToolbarFade .4s ease-in-out;
}
.classicFade {
	-webkit-animation: classicFade .2s;
	        animation: classicFade .2s;
}

/* ===[ classicFade ]=== */
@-webkit-keyframes scanQr {
	0% {
	  	top: 0;
	}
	100% {
		top: 100%;
	}
}
@keyframes scanQr {
	0% {
	  	top: 0;
	}
	100% {
		top: 100%;
	}
}
/* ===[ classicFade ]=== */
@-webkit-keyframes classicFade {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}
@keyframes classicFade {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}
/* ===[ navbarFade ]=== */
@-webkit-keyframes navbarFade {
	0% {
	  opacity: 0.3;
	}
	100% {
	  opacity: 1;
	}
}
@keyframes navbarFade {
	0% {
	  opacity: 0.3;
	}
	100% {
	  opacity: 1;
	}
}
/* ===[ toolbarFade ]=== */
@-webkit-keyframes toolbarFade {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
@keyframes toolbarFade {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
/* ===[ toolbarFadeSecond ]=== */
@-webkit-keyframes toolbarFadeSecond {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
@keyframes toolbarFadeSecond {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
/* ===[ generalToolbarFade ]=== */
@-webkit-keyframes generalToolbarFade {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes generalToolbarFade {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
/* ===[ section1 ]=== */
@-webkit-keyframes section1 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes section1 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
/* ===[ section2 ]=== */
@-webkit-keyframes section2 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	10% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes section2 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	10% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
/* ===[ section3 ]=== */
@-webkit-keyframes section3 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes section3 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
/* ===[ section4 ]=== */
@-webkit-keyframes section4 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	30% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes section4 {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	30% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
/* ===[ section5 ]=== */
@-webkit-keyframes section5 {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
@keyframes section5 {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
/* ===[ section6 ]=== */
@-webkit-keyframes section6 {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
@keyframes section6 {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}

/* ===[ popup ]=== */
@-webkit-keyframes popup {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	25% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}
@keyframes popup {
	0% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	25% {
	  -webkit-transform: translateY(20px);
		transform: translateY(20px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0px);
		transform: translateY(0px);
	  opacity: 1;
	}
}

/* ===[ loadingWidth ]=== */
@-webkit-keyframes loadingWidth {
	0% {
	  width: 0%;
	}
	100% {
	  width: 100%;
	}
}
@keyframes loadingWidth {
	0% {
	  width: 0%;
	}
	100% {
	  width: 100%;
	}
}

/* ===[ focus-in ]=== */
@-webkit-keyframes focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 0;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
  }
  @keyframes focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 0;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
  }

/* ===[ btn_shine ]=== */
  @-webkit-keyframes btn_shine {
	0% {
	  left: -100%;
	}
	5%,
	10%,
	20%,
	30%,
	40%,
	50%,
	60%,
	70%,
	80%,
	90%,
	100% {
	  left: 100%
		}
  }
  @keyframes btn_shine {
	0% {
	  left: -100%;
	}
	5%,
	10%,
	20%,
	30%,
	40%,
	50%,
	60%,
	70%,
	80%,
	90%,
	100% {
	  left: 100%
		}
  }
  .shake-vertical {
	  -webkit-animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
		animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
  }

/* ===[ ROTATION ]=== */
  @-webkit-keyframes rotation{
		0%{
			transform: rotate(0deg) scale(0);
		}
		100%{
			transform: rotate(720deg) scale(1);
		}
  }
  @keyframes rotation{
		0%{
			transform: rotate(0deg) scale(0);
		}
		100%{
			transform: rotate(720deg) scale(1);
		}
  }

/* ===[ PULL DOWN ]=== */
@-webkit-keyframes pull-down {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	5% {
	  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
	}
	10% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	15% {
	  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
	}
	20% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
}
@keyframes pull-down {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	5% {
	  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
	}
	10% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	15% {
	  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
	}
	20% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
}
.pullDown img {
	-webkit-animation: pull-down 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
	        animation: pull-down 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
			animation-delay: 2s;
}

  /* ===[ ZOOM IN ]=== */
  @-webkit-keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
	  opacity: 1;
	}
  }
  @keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
	  opacity: 1;
	}
  }

  /* ===[ DISPLAY OFF / ON ]=== */
  @-webkit-keyframes display {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  @keyframes display {
	from {
	  opacity: 0;
	}

	to {
	  opacity: 1;
	}
  }

  /* ===[ FADE IN RIGHT ]=== */
  @-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	 }
	 100% {
		opacity: 1;
		transform: translateX(0);
	 }
  }
  @keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	 }
	 100% {
		opacity: 1;
		transform: translateX(0);
	 }
  }

  /* ===[ FADE IN DOWN ]=== */
  @-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -0.5rem, 0);
		transform: translate3d(0, -0.5rem, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -0.5rem, 0);
		transform: translate3d(0, -0.5rem, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
  }
  /* ===[ BOUNCE ]=== */
  @-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
  }
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
  }
  /* ===[ BOUNCE IN ]=== */
  @-webkit-keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
	  -webkit-transform: scale3d(0.97, 0.97, 0.97);
	  transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  @keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
	  -webkit-transform: scale3d(0.97, 0.97, 0.97);
	  transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}

/* ===[ SLIDE LEFT ]=== */
@-webkit-keyframes slide-left {
	0% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
	  }
	  100% {
		-webkit-transform: translateX(-40px);
			  transform: translateX(-40px);
	  }
}
@keyframes slide-left {
	0% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	100% {
	  -webkit-transform: translateX(-40px);
			transform: translateX(-40px);
	}
}
.slide-left {
	-webkit-animation: slide-left 0.6s ease-in 2s 8 alternate forwards;
	animation: slide-left 0.6s ease-in 2s 8 alternate forwards;
}

/* ===[ ADD TO CART TOOLBAR ]=== */
@-webkit-keyframes atcToolbar {
	0% {
		width: 92%;
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	20% {
		width: var(--heightToolbar);
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	80% {
		width: var(--heightToolbar);
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	100% {
		width: 92%;
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
}
@keyframes atcToolbar {
	0% {
		width: 92%;
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	20% {
		width: var(--heightToolbar);
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	80% {
		width: var(--heightToolbar);
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
	100% {
		width: 92%;
		left: 0;
		right: 0;
		margin: 0 auto 20px;
	}
}
/* ===[ ADD TO CART TOOLBAR P ]=== */
@-webkit-keyframes atcToolbarP {
	0% {
		width: auto;
    	overflow: unset;
		opacity: 1;
	}
	1% {
    	overflow: hidden;
	}
	18% {
		width: auto;
		opacity: 0;
	}
	20% {
		width: 0;
	}
	80% {
		width: 0;
	}
	82% {
		width: auto;
		opacity: 0;
	}
	99% {
    	overflow: hidden;
	}
	100% {
		width: auto;
    	overflow: unset;
		opacity: 1;
	}
}
@keyframes atcToolbarP {
	0% {
		width: auto;
    	overflow: unset;
		opacity: 1;
	}
	1% {
    	overflow: hidden;
	}
	15% {
		width: auto;
		opacity: 1;
	}
	18% {
		width: 0;
		opacity: 0;
	}
	82% {
		width: 0;
		opacity: 0;
	}
	85% {
		width: auto;
		opacity: 1;
	}
	99% {
    	overflow: hidden;
	}
	100% {
		width: auto;
    	overflow: unset;
		opacity: 1;
	}
}
/* ===[ ADD TO CART TOOLBAR ICON ]=== */
@-webkit-keyframes atcToolbarIcon {
	0% {
		margin-left: 10px;
	}
	16% {
		margin-left: 2px;
	}
	84% {
		margin-left: 2px;
	}
	100% {
		margin-left: 10px;
	}
}
@keyframes atcToolbarIcon {
	0% {
		margin-left: 10px;
	}
	16% {
		margin-left: 2px;
	}
	84% {
		margin-left: 2px;
	}
	100% {
		margin-left: 10px;
	}
}
a.successfullyAdded {
  -webkit-animation: atcToolbar 2s ease-in-out;
	animation: atcToolbar 2s ease-in-out;
}
a.successfullyAdded p {
  -webkit-animation: atcToolbarP 2s ease-in-out;
	animation: atcToolbarP 2s ease-in-out;
}
a.successfullyAdded i {
  -webkit-animation: atcToolbarIcon 2s ease-in-out;
	animation: atcToolbarIcon 2s ease-in-out;
}

/* ===[ ALERT CLOASE RESTAURANT ]=== */
@-webkit-keyframes alertCloseRestaurant {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes alertCloseRestaurant {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
.notification.alertCloseRestaurant {
  -webkit-animation: alertCloseRestaurant 2s ease-in-out;
	animation: alertCloseRestaurant 2s ease-in-out;
}

@media screen and ( min-width: 1200px ){
	.chooseLocation-page.groupLocations .navbar .left a, .chooseLocation-page.selectChildGroup .navbar .left a {
		width: auto;
		padding-right: 10px !important;
	}
	.product-page .infoMessage {
		font-size: 18px;
	}
	.favoriteProduct-page .list ul li {
		max-width: 340px;
		width: 340px;
	}
	.navbar .left {
		color: var(--textPrimaryColor);
	}
	.store-phone-number {
		margin: 0 40px;
		color: var(--textHeaderPrimaryColor);
		font-weight: bold;
		white-space: normal;
		font-size: 16px;
	}
	.store-working-hours {
		color: var(--textHeaderPrimaryColor);
		font-weight: bold;
		white-space: normal;
		font-size: 16px;
	}
	.store-phone-number a{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.store-working-hours p {
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--textHeaderPrimaryColor);
	}
	.settings-page .toolbarUserId{
		display: none;
	}
	.isScanLocation .page-content {
		padding-bottom: 300px !important;
	}
	.md .isScanLocation .toolbarFade {
		bottom: 100px!important;
	}
	.shopping-cart-page .page-content {
		padding-top: 120px !important;
	}
	.shopping-cart-page .container {
		padding-bottom: 70px;
	}
	.menu-swiper-page .page-content .content-swiper .box-product .infoProduct span.desc-product {
		-webkit-line-clamp: 4;
				line-clamp: 4;
	}
	.group-locations-page .page-content .listGroupLocations ul li .item-inner .item-title {
		text-align: center;
		font-size: 20px;
	}
	.group-locations-page .page-content .listGroupLocations ul li .item-inner .item-subtitle {
		text-align: center;
		font-size: 16px;
	}
	.group-locations-page .page-content .listGroupLocations ul li .item-inner .logoLocations img {
		left: 0px;
		right: 0px;
		margin: auto;
	}
	#double_toolbar {
		bottom:0!important;
   }
	#double_toolbar::before {
		background:var(--bgDoubleToolbarBefore)!important;
   }
	.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details img,
	.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .chip .chip-media img {
		height:30px;
   }
	.chooseLocation-page .listRestaurant ul li .item-content .item-media,
	.chooseLocation-page .listRestaurant ul li .item-content .item-media .wrapperImg,
	.group-locations-page .page-content .listGroupLocations ul li .item-media {
		height:250px;
   }
	.chooseLocation-page .navbar {
		background:#f8f8f8!important;
		margin-top:0!important;
		padding-top:15px!important;
   }
	.container {
		box-sizing:border-box;
		left:0;
		margin:0 auto!important;
		max-width:var(--maxWidthContainer);
		padding:0;
		position:relative;
		right:0;
		width:100%;
   }
	.container-inside {
		box-sizing:border-box;
		left:0;
		margin-left:auto!important;
		margin-right:auto!important;
		max-width:var(--maxWidthContainerInside);
		padding:0;
		position:relative;
		right:0;
		width:100%;
   }
	.createGroupOrderPopup.popup .page,
	.joinGroupOrderPopup.popup .page {
		left:0;
		margin:auto;
		right:0;
		width:650px;
   }
	.delivery-address #double_toolbar {
		bottom:20px!important;
   }
	.empty-list .item-title {
		font-size: 18px;
		font-weight:700!important;
   }
	.generalToolbar.generalToolbarDesktop {
		bottom:0px!important;
		display:block!important;
		height:40px!important;
   }
	.generalToolbarDesktop .list .item-content {
		align-items:center;
		display:flex;
		justify-content:center;
		min-height:0;
		padding:0 20px;
   }
	.generalToolbarDesktop .list .item-content .item-inner {
		margin-left:20px;
		min-height:42px;
		padding-right:20px;
   }
	.generalToolbarDesktop .list .item-content .item-inner .item-title {
		color:var(--textPrimaryColor);
		font-size:16px;
		font-weight:500;
		line-height:normal;
   }
	.generalToolbarDesktop .list .item-content .item-media {
		align-items:center;
		display:flex;
		justify-content:center;
		min-width:28px;
   }
	.generalToolbarDesktop .list .item-content .item-media i {
		align-items:center;
		display:flex;
		justify-content:center;
		max-width:28px;
   }
	.generalToolbarDesktop .list .item-content .item-media i img {
		max-height:28px;
		max-width:25px;
   }
	.generalToolbarDesktop.toolbar .toolbar-inner a {
		background:var(--body_background)!important;
		color:var(--textPrimaryColor)!important;
   }
	.group-locations-page .navbar {
		background-size:auto!important;
   }
	.group-locations-page .page-content .listGroupLocations ul {
		align-items:center;
		display:flex;
		justify-content:center;
		flex-flow: wrap;
		margin:auto;
		max-width:1600px;
   }
	.group-locations-page .page-content .listGroupLocations ul li {
		height:250px;
		width:450px;
   }
	.group-order-page .page-content {
		padding-top:55px!important;
   }
	.group-order-page .page-content .wrapperGroupNoauth .link {
		max-width:400px;
   }
	.group-order-page .wrapperGroupNoauth {
		align-items:center;
		display:flex;
		flex-direction:column;
		justify-content:center;
   }
	.groupOrder #allPeople .block-title {
		color:var(--textPrimaryColor);
		font-size:19px;
		font-weight:700;
		text-align:center;
   }
	.login-page .container .loginContent {
		margin-bottom:30px;
   }
	.login-page .container .logo {
		margin-bottom:90px;
   }
	.login-page .container .registerButton .link {
		margin-top:30px;
   }
	.login-page .page-content .titlePage {
		font-size:24px;
		margin-bottom:4rem;
   }
	.login-page .toolbar a {
		padding:11px!important;
		width:400px!important;
   }
	.login-page .toolbar-inner,.generalToolbar.generalToolbarDesktop .toolbar-inner {
		align-items:center;
		justify-content:center;
   }
	.md .dialog {
		margin-left:-230px;
		width:460px;
   }
	.md .generalNavbar {
		/* border:1px solid #eee; */
		display:block!important;
   }
    .md .top-navbar,
	.md .generalNavbar .store-phone-number,
	.md .generalNavbar .store-working-hours {
		display:block!important;
	}
	.md .generalNavbar.navbar {
		height:110px!important;
   }
	.md .generalNavbar.navbar .badge.cartNotification {
		height:20px;
		line-height:19px;
		width:20px;
   }
	.md .generalNavbar.navbar .logo,
	.menu-list-page .deliveryInformationPanel .row.chosenMethodDelivery {
		align-items:center;
		display:flex;
		justify-content:center;
   }
	.md .generalNavbar.navbar .logo img {
		max-width:140px;
		max-height: 95px;
	}
	.md .generalNavbar.navbar svg,
	.md .generalNavbar.navbar img {
		padding-right:8px;
	}
	.md .navbar-inner.container {
		max-width:1800px;
   }
	.md .navbar-inner.container .right {
		color:var(--textHeaderPrimaryColor);
		font-size:16px;
   }
	.md .navbar-inner.container .right a.link {
		font-size:17px;
		min-width:150px;
   }
	.md .searchbar input[type="search"],.md .searchbar input[type="text"] {
		background:var(--body_background);
   }
	.md .toolbar-bottom-md,.md .messagebar {
		bottom:20px!important;
		top:auto!important;
   }
	.menu-list-page .block-title.chooseProduct {
		font-size:22px;
		margin-top:20px;
   }
	.menu-list-page .deliveryInformationPanel {
		min-height:45px;
		background: var(--page_content);
		border-bottom: 1px solid #eeee;
		border-top: 1px solid #eeee;
   }
	.menu-list-page .deliveryInformationPanel .methodOption {
		margin-top:0;
   }
	.menu-list-page .deliveryInformationPanel .methodOption .swiper-container .selectMethod.link {
		height:40px;
   }
	.menu-list-page .deliveryInformationPanel .panelContent {
		border-radius:0;
		max-width:100%;
		padding:5px 0;
   }
	.menu-list-page .deliveryInformationPanel .restaurantDetails .change,.menu-list-page .deliveryInformationPanel .addressDetails .change {
		color:var(--textPrimaryColor);
		font-size:16px;
		margin:0;
   }
	.menu-list-page .deliveryInformationPanel .userLocation .selectUserLocation .editIcon {
		right:10%;
   }
	.menu-list-page .deliveryInformationPanel .userLocation .selectUserLocation .subtitle,
	.menu-list-page .deliveryInformationPanel .restaurantDetails .selectRestaurant .subtitle,
	.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .addressLocation,
	.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .details p {
		font-size:14px;
   }
	.menu-list-page .deliveryInformationPanel .userLocation .selectUserLocation .title,
	.menu-list-page .deliveryInformationPanel .restaurantDetails .selectRestaurant .title {
		margin:0;
   }
   .menu-list-page .list-menu {
		max-width: 1400px;
		margin: auto;
		padding-bottom: 20px;
    }
	.menu-list-page .list-menu ul {
		max-width:100%;
   }
	.menu-list-page .list-menu ul li {
		display:inline-block;
		max-width:330px;
   }
	.menu-list-page .menu-list-items .item-content .item-inner .title {
		margin-top:10px;
		text-align:center;
   }
	.menu-list-page .page-content {
		padding-top:0!important;
   }
	.menu-list-page .page-content .groupOrder.link,.menu-list-page .page-content .utils {
		margin-left:auto;
		margin-right:auto;
		max-width:600px;
   }
	.menu-list-page .specialOffer {
		min-height: 300px;
		margin-bottom:40px;
	}
	.menu-list-page .specialOffer .swiper-slide a.link {
		min-height: 300px;
	}
   .popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo ~ p {
		font-size: 18px;
   }
   .menu-list-page .deliveryInformationPanel .wrapperDetails .subtitle,
   .popupMethod .wrapperDetails .subtitle {
	font-size: 16px;
   }
   .popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .timetable img,
   .popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .waitingTime img,
   .popupMethod .page-content .infoRestaurant .wrapperMethod .wrapperMethodInfo .transportValue img {
	height: 25px;
   }
   .menu-list-page .deliveryInformationPanel .noMethodsRestaurants {
		font-size: 18px;
   }
	.menu-list-page .specialOffer .special-offer-image,.sold-with-page .page-content .list ul {
		max-width:800px;
   }
   .menu-list-page footer.space {
		height: 990px !important;
   }
   .menu-list-page footer {
		height: 750px !important;
	}
   .chooseLocation-page footer.space {
   		height: 800px;
   }
   .product-page .price span {
		font-size:22px;
   }
   .menu-swiper-page .page-content .swiper-slide .block-title {
		text-align: left !important;
		justify-content: left;
		padding: 40px 0px;
		font-size: 24px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
   }
	.menu-swiper-page .page-content .swiperThumbs .wrapperTitleImg,
	.menu-swiper-page .page-content .swiperThumbs .wrapperTitleImg .img {
		height: 70px;
		width: 70px;
   }
	.menu-swiper-page .page-content .swiperThumbs.swiper-slide {
		cursor:pointer;
		width: auto !important;
		margin: 0 40px;
   }
   .menu-swiper-page .page-content .content-swiper .wrapper-slider .container-inside{
		max-width: 1400px;
		margin: auto;
		margin-bottom: 180px;
	}
	.menu-swiper-page .page-content .gallery-thumbs.center-swiper .swiper-wrapper {
		justify-content: center;
	}
	.menu-swiper-page .page-content .center-swiper .swiperThumbs.swiper-slide:first-child {
		margin-left: 0px;
	}
	.menu-swiper-page .swiper-content.page {
		height:calc(100vh-var(--heightNavbar));
   }
	.menu-swiper-page .swiper-content.page .page-content,
	.productPagePopup #double_toolbar ~ .page-content,
	.popup-delivery .page-content {
		overflow:hidden;
   }
	.navbarFade.container.navbar {
		background:var(--page_content)!important;
		margin-top:0!important;
		padding-top:15px!important;
		max-width: 100%;
   }
   .navbarFade.container.navbar .navbar-inner.sliding {
		margin: 0px 60px;
		width: calc(100% - 120px);
   }
	.order-history-page .page-content .list ul li {
		display:inline-block;
		max-width:550px;
		width:400px;
   }
	.order-history-page .page-content .list ul li.empty-list {
		align-items:center;
		display:flex;
		justify-content:center;
		margin:auto;
		text-align:center;
		margin-bottom: 50px;
   }
   .empty-list {
		margin-bottom: 50px;
   }
	.orderDetailsPage .page-content .orderDeliveryDetails .createdOrder,
	.order-history-page .page-content .list ul li .item-content .item-inner .createdOrder,
	.product-page .page-content .productOption .categoryOption .categoryDetails .conditionOption span,
	.menu-swiper-page .page-content .content-swiper .box-product .infoProduct span.old-price-product {
		font-size:13px;
   }
	.orderDetailsPage .page-content .orderDeliveryDetails .list {
		margin:42px 0;
   }
	.orderDetailsPage .page-content .orderProducts .list ul li .item-content .item-media {
		height:100px;
		width:100px;
   }
	.payment-page .page-content {
		padding-top:5rem!important;
   }
	.popover-selectOption.popover {
		bottom:0;
		height:250px;
		left:0!important;
		margin:auto;
		right:0!important;
		top:0!important;
		width:calc(100%-1200px);
   }
	.popup .page-content {
		background:var(--body_background);
		border-radius:15px!important;
   }
	.popup-delivery .wrapper-content,.productPagePopup .classicFade {
		height:100%;
		overflow:auto;
   }
	.popupHistory .toolbar::before {
		left:-7%;
   }
	.popupProduct .navbar {
		border-top-left-radius:var(--radiusCustom);
		border-top-right-radius:var(--radiusCustom);
   }
	.product--image {
		background-size:var(--imageProportionProduct);
		height:530px;
		object-fit:var(--imageProportionProduct);
   }
	.product-page .wrapper-img {
		height: 530px;
   }
	.productPagePopup #double_toolbar .toolbar-inner a,.toolbar .toolbar-inner a {
		margin:auto;
		max-width:450px;
		/* margin-bottom: 10px; */
   }
	.productPagePopup .product-page,.soldWithPagePopup .sold-with-page,
	.soldWithPagePopup .navbar,
	.popup-delivery .popup-method,
	.popup-delivery .navbar,
	.popup-address .page,
	.popup-address .navbar,
	.popupMethod .navbar,
	.fidelityCampaignPopup .navbar,
	.custopPagePopup .navbar,
	.popup.smart-select-popup .navbar,
	.popup-info-slider-banner.popup .navbar {
		border-radius:var(--radiusCustom)!important;
   }
	.productPagePopup,
	.soldWithPagePopup,
	.popupHistory,
	.popup-delivery,
	.popup-address,
	.popupMethod,
	.popover-timetablePickup,
	.fidelityCampaignPopup.popup,
	.custopPagePopup.popup,
	.popup.smart-select-popup,
	.popup-info-slider-banner.popup {
		border-radius:var(--radiusCustom)!important;
		bottom:50%!important;
		height:90%!important;
		left:0!important;
		margin:5vh auto!important;
		max-width:var(--maxWidthContainerPopup);
		min-width:1000px;
		position:absolute;
		right:0!important;
		width:var(--widthContainerPopup)!important;
   }
   .popupMethod .page,
   .fidelityCampaignPopup .page,
   .custopPagePopup .page,
   .popup.smart-select-popup .page,
   .popup-info-slider-banner.popup .page {
		border-radius:var(--radiusCustom)!important;
   }
    .popupMethod.popup {
		max-width: 600px !important;
    }
	.popupMethod .page-content .infoRestaurant .wrapperMethod .selectMethod {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.register-page .container-inside,
	.reset-page .container-inside,
	.change-pass .container-inside,
	.personal-info .container-inside,
	.feedback-page .container-inside,
	.payment-page .container-inside,
	.login-page .container-inside {
		max-width:var(--maxWidthContainerCustomPage);
   }
	.settings-page .page-content .userProfile .login .link {
		margin:auto;
		max-width:400px;
   }
	.shopping-cart-page .container {
		max-width:1360px;
   }
	.shopping-cart-page .container.toolbar {
		bottom:60px!important;
		left:0;
		max-width:450px;
		right:0;
   }
	.shopping-cart-page .navbar .right a {
		color:var(--alertColor)!important;
		font-size: 16px;
   }
	.shopping-cart-page .navbar .right a.shareBtn {
		color:var(--textPrimaryColor)!important;
   }
	.shopping-cart-page .navbar .right a.shareBtn img {
		margin-right:10px;
   }
	.shopping-cart-page .navbarFade.container.navbar {
		background:var(--body_background)!important;
		margin-top:0!important;
		padding-top:15px!important;
   }
	.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner .item-after span,
	.md .navbar a.link,
	.product-page .page-content .productOption .categoryOption .categoryDetails p,
	.menu-swiper-page .page-content .content-swiper .box-product .infoProduct span.price-product {
		font-size:18px;
   }
	.shopping-cart-page .page-content .item-total.list ul li .item-content .item-inner .item-title {
		font-size:17px;
		font-weight:600;
   }
	.shopping-cart-page .page-content .item-total.list ul li.total .item-content .item-inner .item-title,
	.navbar .title {
		font-size:22px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .item-content {
		min-height:180px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner .nameProduct,
	.login-page .page-content .registerButton .link,
	.login-page .page-content .registerButton span,
	.menu-list-page .deliveryInformationPanel .userLocation .selectUserLocation .title span,
	.sold-with-page .page-content .list ul .item-inner .infoProduct span.price-product {
		font-size:18px;
   }
   .menu-list-page .deliveryInformationPanel .restaurantDetails .selectRestaurant .title span {
		font-size: 16px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner .priceProduct,
	.shopping-cart-page .promotion .invoiceInformation .infoClientToggle,
	.payment-page .page-content .choosePayment ul li .item-content .item-inner .item-title,
	.menu-list-page .deliveryInformationPanel .methodOption .swiper-container .selectMethod.link p,
	.product-page .page-content .productOption .categoryOption .options label,
	.sold-with-page .page-content .list ul .item-inner .addToCart {
		font-size:16px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-inner p {
		font-size:14px;
		margin:0 0 20px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .item-content .item-media {
		height:160px;
		width:170px;
   }
	.shopping-cart-page .page-content .list.ueserCart ul li .row .button {
		color:var(--textPrimaryColor);
		width:120px!important;
   }
	.shopping-cart-page .promotion .invoiceInformation {
		max-width:980px;
   }
	.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner {
		justify-content:center;
   }
	.shopping-cart-page.groupOrder .navbar .navbar-inner .subnavbar .subnavbar-inner .toolbar.userGroupOrder .toolbar-inner a {
		margin:10px;
   }
	.shopping-cart-page.groupOrder .page-content .cancelGroupOrderBtn {
		margin-left:auto;
		margin-right:auto;
		max-width:400px;
   }
	.sold-with-page .page-content .list ul .item-inner .infoProduct .title-product {
		font-size:16px;
		margin-bottom:18px;
   }
	.sold-with-page .page-content .list ul .item-inner .wrapperImg {
		height:200px;
   }
	.sold-with-page .page-content .list ul li {
		cursor:pointer;
		height:270px;
   }
	.thank-you-page .rating-section img {
		width:350px;
   }
	.toolbar,.toolbar::before,
	.delivery-address #double_toolbar::before,
	.payment-page #double_toolbar::before {
		background:transparent!important;
   }
	.toolbar.generalToolbar,
	.login-page .page-content .logoImage,
	.menu-list-page .deliveryInformationPanel .infoRestaurantMethod {
		display:none;
   }
	::-webkit-scrollbar {
		width:10px;
   }
	::-webkit-scrollbar-thumb {
		background-color:var(--primaryColor);
		border-radius:5px;
   }
	::-webkit-scrollbar-track {
		background-color:#f1f1f1;
   }
   .whatsapp {
		display: block !important;
   }
   footer {
		display: block !important;
		margin-top: 60px;
   }
   footer .download-app {
		background: var(--primaryColor);
		border-top: 1px solid #eee;
   }
   footer .footer-info {
		background: var(--body_background);
		border: 1px solid #eee;
		padding: 80px 0px;
		padding-bottom: 70px;
   }
   footer .download-app .container {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom right;
		height: 240px;
		background-image: url(/static_images/src/images/toolbar/qr-bg_1c7.svg?1c74d1de2f47aca4b45cde4a3abcb56a);
		max-width: 1450px !important;
   }
   footer .download-app .container .qr-app {
		background-image: url(/static_images/src/images/toolbar/gr-frame_725.svg?725805ac83cd07aede9289efa6e8e1b5);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;
		height: 220px;
   }
   footer .desktop-view {
		display: flex;
		-webkit-box-align: center!important;
		align-items: center!important;
		height: 100%;
   }
   footer img.logoImage {
		display: block !important;
		position: absolute;
		right: 240px;
		top: 90px;
		width: 108px !important;
    	margin: 0px !important;
		height: auto !important;
   }
   footer .qr-app-desc {
    	margin-left: 30px;
   }
   footer .download-app .container .qr-app img {
		height: 150px;
		margin: 35px;
		border-radius: 10px;
		width: auto;
   }
   footer .qr-app-desc h2 {
		color: var(--textColorWhite);
   }
   footer .qr-app-desc p {
    	font-size: 18px;
		color: var(--textColorWhite) !important;
   }
   footer .container {
		max-width: 1800px !important;
   }
   footer .row {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
   }
   footer .col-md-4 {
		width: 20%;
		flex: 0 0 20%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
   }
   footer .title p {
		line-height: 25px;
   }
   footer .row.powered-by .footer {
		/* display: flex;
		justify-content: center;
		align-items: center; */
		margin-top: 20px;
		font-size: 13px;
		font-weight: 600;
   }
   footer .copyright {
		margin-top: 10px;
   }
   footer .row.powered-by .footer img {
		margin: 0 15px;
   }
   footer .badge-web {
		display: flex;
		align-items: center;
   }
   footer .title-badge {
    	display: inline-block;
		margin-right: 30px;
   }
   footer .image-badge {
    	display: inline-block;
   }
   footer .image-badge img {
    	margin: 5px;
   }
   footer .image-badge a {
		display: inline-block;
   }
   footer .anpc-footer {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 240px;
		position: relative;
		right: 140px;
   }
   footer .row.powered-by {
    	padding-top: 40px;
   }
   footer .anpc-footer img {
		max-width: 200px;
		border-radius: 4px;
		margin: 0 5px;
    }
    footer li {
		list-style: none;
		margin: 10px 0px;
	}
	footer a.item-link {
    	color: #000;
	}
	@keyframes pulse {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.1);
		}
		100% {
			transform: scale(1);
		}
	}
	.whatsapp .float {
		position: absolute;
		width: 60px;
		height: 60px;
		bottom: 40px;
		right: 70px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		box-shadow: var(--shadow) !important;
		z-index: 9999999;
		animation: pulse 2s infinite;
	}
	.whatsapp .float img {
		max-width: 55px;
	}
	.whatsapp .my-float {
		margin-top: 16px;
	}
	.generalToolbar ~ #main-view .methodPage .toolbar,
	.generalToolbar ~ #main-view .delivery-address .toolbar,
	.generalToolbar ~ #main-view .register-page .toolbar,
	.generalToolbar ~ #main-view .reset-page .toolbar,
	.generalToolbar ~ #main-view .change-pass .toolbar,
	.generalToolbar ~ #main-view .payment-page .toolbar {
		margin-bottom: 20px !important;
    	margin-top: 100px;
	}
	.thank-you-page .page-content .rating-section .link {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 400px;
	}
	.accordion-gradient .accordion_open a.button {
		max-width: 250px;
	}
	.chooseLocation-page.groupLocations .navbar, .chooseLocation-page.selectChildGroup .navbar {
		height: 170px !important;
	}
	.chooseLocation-page.groupLocations .navbar .title .block-header img {
		height: 170px;
	}
	.chooseLocation-page.groupLocations .page-content, .chooseLocation-page.selectChildGroup .page-content {
		margin-top: 140px !important;
	}
	.popupMethod .page-content .infoRestaurant {
		max-width: 600px;
		margin: auto;
	}
	.popupMethod .userLocation {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 40px;
	}
	.popupMethod .userLocation > .title {
		font-size: 17px !important;
		padding: 0 10px;
		font-weight: 600;
		color: var(--textPrimaryColor);
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .row .groupOrder.col {
		width: 230px !important;
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .row .col {
		width: auto !important;
		padding: 8px 20px;
		background: var(--body_background);
		border-radius: var(--radiusCustom);
		border: 1px solid #eee;
		box-shadow: var(--shadow) !important;
		margin: 0 5px;
		border: 1px solid var(--primaryColor);
        border-right: 1px solid var(--primaryColor) !important;
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .fav.col,
	.menu-list-page .deliveryInformationPanel .restaurantDetails .groupOrder.col,
	.popupMethod .addressOption {
		display: block;
	}
	.menu-list-page .deliveryInformationPanel .restaurantDetails .row .address.col {
		display: none !important;
	}
	.chooseLocation-page .listRestaurant ul {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-flow: wrap;
	}
	.chooseLocation-page .listRestaurant ul li {
		width: 650px;
	}
	.group-order-page .page-content .wrapperGroup {
		max-width: 1200px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.group-order-page .page-content .wrapperGroup .createGroupOrder,
	.group-order-page .page-content .wrapperGroup .joinGroupOrder {
		min-height: 250px;
	}
	.group-order-page .page-content .wrapperGroup .createGroupOrder .description {
		font-size: 16px;
		min-height: 94px;
	}
	.chip-media i img {
		max-width: 22px;
	}
	.md .dialog .dialog-inner .dialog-text {
		font-size: 18px;
	}
	.menu-list-page .block-title.topCategoryName {
		background: var(--page_content);
		font-size: 22px;
		font-weight: bold;
		text-align: left;
		padding-top: 40px;
		max-width: 1350px;
		margin: auto;
	}
	.chooseLocation-page .listRestaurant ul li .item-content .item-inner .locationInfo .name {
		font-size: 18px;
	}
	.settings-page .page-content .listOption .list.logoutUser ul {
		background: transparent;
		box-shadow: none !important;
	}
	.settings-page .page-content .listOption .list ul {
		background: var(--body_background);
		border-radius: var(--radiusCustom);
		box-shadow: var(--shadow) !important;
	}
	.commentClients {
		max-width: 700px;
	}
	.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
		height: 100vh !important;
	}
	.shopping-cart-page .promotion .promotionCampaign {
		font-size: 18px;
	}
	/* ===[ MENU-SWIPER CLASS BOX STYLE API]=== */
	.menu-swiper-page .box .box-product .cards-product {
		flex-direction: column-reverse;
		padding-bottom: 30px;
		box-shadow: var(--shadow) !important;
	}
	.menu-swiper-page .box .box-product .infoProduct {
		width: calc(100% - 60px);
		min-height: 130px;
	}
	.menu-swiper-page .box .cards-product .wrapperImg {
		width: 100%;
		height: 250px;
		margin-top: 0px;
	}
	.menu-swiper-page .box .cards-product:hover .wrapperImg img {
		transform: initial;
	}
	.menu-swiper-page .page-content .content-swiper .box .box-product .infoProduct .wrepperPrice {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 7px 15px;
		width: -moz-max-content;
		width: -webkit-max-content;
		width: max-content;
		border-radius: 0 0 0 20px;
		background: var(--body_background);
		z-index: 999;
	}
	.product-page .content_product {
		background-color: var(--body_background);
		max-width: 100%;
	}
	.product-page .info-product .item-title {
		padding-top: 20px;
	}
	.payment-page .page-content .choosePayment {
		margin: 120px 0 !important;
	}
	.menu-swiper-page .page-content .content-swiper .wrapper-slider.activeImage {
		height: calc(100% - 120px) !important;
	}
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/fonts/node_modules/font-awesome/fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(/fonts/node_modules/font-awesome/fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713?#iefix&v=4.7.0) format('embedded-opentype'), url(/fonts/node_modules/font-awesome/fonts/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format('woff2'), url(/fonts/node_modules/font-awesome/fonts/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format('woff'), url(/fonts/node_modules/font-awesome/fonts/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format('truetype'), url(/static_images/node_modules/font-awesome/fonts/fontawesome-webfont_912.svg?912ec66d7572ff821749319396470bde#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}































/* Stiluri pentru mesajul din pagină */
.text-center[data-v-45028368] {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 20px;
}
.image-container[data-v-45028368] {
  display: flex;
  justify-content: center; /* Centrează imaginea orizontal */
  align-items: center; /* Centrează imaginea vertical */
  height: 300px; /* Setează o înălțime pentru containerul imaginii */
}
.image-container img[data-v-45028368] {
  max-width: 100%; /* Face imaginea să ocupe toată lățimea disponibilă */
  max-height: 100%; /* Asigură-te că imaginea nu va depăși dimensiunile containerului */
}
































/* Stiluri pentru mesajul din pagină */
.text-center[data-v-577f6a26] {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 20px;
}


.project-description[data-v-6c441ce6] {
  line-height: 1.6;
  font-size: 16px;
  color: #333;
}
.project-description h2[data-v-6c441ce6] {
  color: #003366;
  font-size: 22px;
  margin-bottom: 15px;
}
.project-description a[data-v-6c441ce6] {
  color: #0066cc;
  text-decoration: underline;
}
.project-description ul[data-v-6c441ce6],
.project-description ol[data-v-6c441ce6] {
  margin-left: 20px;
  margin-bottom: 10px;
}
.eu-logos-header[data-v-6c441ce6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 25px;
}
.eu-logos-header img[data-v-6c441ce6] {
  height: 60px;
  object-fit: contain;
}
.eu-slogan[data-v-6c441ce6] {
  text-align: center;
  margin-top: 40px;
}
.eu-slogan img[data-v-6c441ce6] {
  max-width: 250px;
}
.signature[data-v-6c441ce6] {
  margin-top: 25px;
  font-style: italic;
}

/**
 * VueLayers
 * Web map Vue components with the power of OpenLayers
 *
 * @package vuelayers
 * @author Vladimir Vershinin <ghettovoice@gmail.com>
 * @version 0.11.17
 * @license MIT
 * @copyright (c) 2017-2019, Vladimir Vershinin <ghettovoice@gmail.com>
 */
/* include OpenLayers styles */
.ol-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid blue; }
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute; }
.ol-scale-line {
  background: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute; }
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width; }
.ol-overlay-container {
  will-change: left,right,top,bottom; }
.ol-unsupported {
  display: none; }
.ol-viewport, .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing; }
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }
.ol-control {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  padding: 2px; }
.ol-control:hover {
  background-color: rgba(255, 255, 255, 0.6); }
.ol-zoom {
  top: .5em;
  left: .5em; }
.ol-rotate {
  top: .5em;
  right: .5em;
  -webkit-transition: opacity .25s linear, visibility 0s linear;
  transition: opacity .25s linear, visibility 0s linear; }
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .25s linear, visibility 0s linear .25s;
  transition: opacity .25s linear, visibility 0s linear .25s; }
.ol-zoom-extent {
  top: 4.643em;
  left: .5em; }
.ol-full-screen {
  right: .5em;
  top: .5em; }
@media print {
  .ol-control {
    display: none; } }
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: rgba(0, 60, 136, 0.5);
  border: none;
  border-radius: 2px; }
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0; }
.ol-zoom-extent button {
  line-height: 1.4em; }
.ol-compass {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  will-change: transform; }
.ol-touch .ol-control button {
  font-size: 1.5em; }
.ol-touch .ol-zoom-extent {
  top: 5.5em; }
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: rgba(0, 60, 136, 0.7); }
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0; }
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px; }
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em); }
.ol-attribution ul {
  margin: 0;
  padding: 0 .5em;
  font-size: .7rem;
  line-height: 1.375em;
  color: #000;
  text-shadow: 0 0 2px #fff; }
.ol-attribution li {
  display: inline;
  list-style: none;
  line-height: inherit; }
.ol-attribution li:not(:last-child):after {
  content: " "; }
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle; }
.ol-attribution ul, .ol-attribution button {
  display: inline-block; }
.ol-attribution.ol-collapsed ul {
  display: none; }
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8); }
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
  height: 1.1em;
  line-height: 1em; }
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em; }
.ol-attribution.ol-uncollapsible button {
  display: none; }
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px; }
.ol-zoomslider button {
  position: relative;
  height: 10px; }
.ol-touch .ol-zoomslider {
  top: 5.5em; }
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em; }
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0; }
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: inline-block; }
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px; }
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 2px;
  position: absolute; }
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none; }
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8); }
.ol-overviewmap-box {
  border: 2px dotted rgba(0, 60, 136, 0.7); }
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move; }
/* VueLayers base styles */
.vl-map {
  width: 100%;
  height: 100%; }
.vl-overlay {
  position: relative;
  visibility: hidden; }
.vl-overlay.visible {
    visibility: visible; }
.bg-primary-after[data-v-e59be3b4]:after,.bg-primary-before[data-v-e59be3b4]:before,.bg-primary[data-v-e59be3b4]{background-color:#1e90ff}.bg-primary-after-transparency[data-v-e59be3b4]:after,.bg-primary-before-transparency[data-v-e59be3b4]:before,.bg-primary-transparency[data-v-e59be3b4]{background-color:rgba(30,144,255,.5)}.bg-secondary-after[data-v-e59be3b4]:after,.bg-secondary-before[data-v-e59be3b4]:before,.bg-secondary[data-v-e59be3b4]{background-color:#747474}.bg-secondary-after-transparency[data-v-e59be3b4]:after,.bg-secondary-before-transparency[data-v-e59be3b4]:before,.bg-secondary-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,45.5%,.5)}.bg-third-after[data-v-e59be3b4]:after,.bg-third-before[data-v-e59be3b4]:before,.bg-third[data-v-e59be3b4]{background-color:#ccc}.bg-third-after-transparency[data-v-e59be3b4]:after,.bg-third-before-transparency[data-v-e59be3b4]:before,.bg-third-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,80%,.5)}.bg-success-after[data-v-e59be3b4]:after,.bg-success-before[data-v-e59be3b4]:before,.bg-success[data-v-e59be3b4]{background-color:#9acd32}.bg-success-after-transparency[data-v-e59be3b4]:after,.bg-success-before-transparency[data-v-e59be3b4]:before,.bg-success-transparency[data-v-e59be3b4]{background-color:rgba(154,205,50,.5)}.bg-danger-after[data-v-e59be3b4]:after,.bg-danger-before[data-v-e59be3b4]:before,.bg-danger[data-v-e59be3b4]{background-color:#ff4500}.bg-danger-after-transparency[data-v-e59be3b4]:after,.bg-danger-before-transparency[data-v-e59be3b4]:before,.bg-danger-transparency[data-v-e59be3b4]{background-color:rgba(255,69,0,.5)}.bg-grey-after[data-v-e59be3b4]:after,.bg-grey-before[data-v-e59be3b4]:before,.bg-grey[data-v-e59be3b4]{background-color:#999}.bg-grey-after-transparency[data-v-e59be3b4]:after,.bg-grey-before-transparency[data-v-e59be3b4]:before,.bg-grey-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,60%,.5)}.bg-info-after[data-v-e59be3b4]:after,.bg-info-before[data-v-e59be3b4]:before,.bg-info[data-v-e59be3b4]{background-color:#17a2b8}.bg-info-after-transparency[data-v-e59be3b4]:after,.bg-info-before-transparency[data-v-e59be3b4]:before,.bg-info-transparency[data-v-e59be3b4]{background-color:rgba(23,162,184,.5)}.bg-warning-after[data-v-e59be3b4]:after,.bg-warning-before[data-v-e59be3b4]:before,.bg-warning[data-v-e59be3b4]{background-color:#ffa300}.bg-warning-after-transparency[data-v-e59be3b4]:after,.bg-warning-before-transparency[data-v-e59be3b4]:before,.bg-warning-transparency[data-v-e59be3b4]{background-color:rgba(255,163,0,.5)}.bg-light-after[data-v-e59be3b4]:after,.bg-light-before[data-v-e59be3b4]:before,.bg-light[data-v-e59be3b4]{background-color:#f5f5f5}.bg-light-after-transparency[data-v-e59be3b4]:after,.bg-light-before-transparency[data-v-e59be3b4]:before,.bg-light-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,96.1%,.5)}.bg-dark-after[data-v-e59be3b4]:after,.bg-dark-before[data-v-e59be3b4]:before,.bg-dark[data-v-e59be3b4]{background-color:#24292e}.bg-dark-after-transparency[data-v-e59be3b4]:after,.bg-dark-before-transparency[data-v-e59be3b4]:before,.bg-dark-transparency[data-v-e59be3b4]{background-color:rgba(36,41,46,.5)}.bg-default-after[data-v-e59be3b4]:after,.bg-default-before[data-v-e59be3b4]:before,.bg-default[data-v-e59be3b4]{background-color:#ccc}.bg-default-after-transparency[data-v-e59be3b4]:after,.bg-default-before-transparency[data-v-e59be3b4]:before,.bg-default-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,80%,.5)}.bg-white-after[data-v-e59be3b4]:after,.bg-white-before[data-v-e59be3b4]:before,.bg-white[data-v-e59be3b4]{background-color:#fff}.bg-white-after-transparency[data-v-e59be3b4]:after,.bg-white-before-transparency[data-v-e59be3b4]:before,.bg-white-transparency[data-v-e59be3b4]{background-color:hsla(0,0%,100%,.5)}.bg-black-after[data-v-e59be3b4]:after,.bg-black-before[data-v-e59be3b4]:before,.bg-black[data-v-e59be3b4]{background-color:#000}.bg-black-after-transparency[data-v-e59be3b4]:after,.bg-black-before-transparency[data-v-e59be3b4]:before,.bg-black-transparency[data-v-e59be3b4]{background-color:rgba(0,0,0,.5)}.fill-primary path[data-v-e59be3b4]{fill:#1e90ff}.fill-secondary path[data-v-e59be3b4]{fill:#747474}.fill-third path[data-v-e59be3b4]{fill:#ccc}.fill-success path[data-v-e59be3b4]{fill:#9acd32}.fill-danger path[data-v-e59be3b4]{fill:#ff4500}.fill-grey path[data-v-e59be3b4]{fill:#999}.fill-info path[data-v-e59be3b4]{fill:#17a2b8}.fill-warning path[data-v-e59be3b4]{fill:#ffa300}.fill-light path[data-v-e59be3b4]{fill:#f5f5f5}.fill-dark path[data-v-e59be3b4]{fill:#24292e}.fill-default path[data-v-e59be3b4]{fill:#ccc}.fill-white path[data-v-e59be3b4]{fill:#fff}.fill-black path[data-v-e59be3b4]{fill:#000}.label[data-v-e59be3b4]{border-radius:2px;padding:2px 4px;color:#fff;font-size:.714em}.label-primary[data-v-e59be3b4],.label[data-v-e59be3b4]{background-color:#1e90ff}.label-primary-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.label-secondary[data-v-e59be3b4]{background-color:#747474}.label-secondary-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #747474;color:#747474}.label-third[data-v-e59be3b4]{background-color:#ccc}.label-third-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-success[data-v-e59be3b4]{background-color:#9acd32}.label-success-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.label-danger[data-v-e59be3b4]{background-color:#ff4500}.label-danger-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.label-grey[data-v-e59be3b4]{background-color:#999}.label-grey-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #999;color:#999}.label-info[data-v-e59be3b4]{background-color:#17a2b8}.label-info-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.label-warning[data-v-e59be3b4]{background-color:#ffa300}.label-warning-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.label-light[data-v-e59be3b4]{background-color:#f5f5f5}.label-light-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.label-dark[data-v-e59be3b4]{background-color:#24292e}.label-dark-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #24292e;color:#24292e}.label-default[data-v-e59be3b4]{background-color:#ccc}.label-default-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-white[data-v-e59be3b4]{background-color:#fff}.label-white-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #fff;color:#fff}.label-black[data-v-e59be3b4]{background-color:#000}.label-black-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #000;color:#000}.dot[data-v-e59be3b4]{width:6px;height:6px;border-radius:6px}.dot-primary[data-v-e59be3b4],.dot[data-v-e59be3b4]{background-color:#1e90ff}.dot-primary-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.dot-secondary[data-v-e59be3b4]{background-color:#747474}.dot-secondary-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #747474;color:#747474}.dot-third[data-v-e59be3b4]{background-color:#ccc}.dot-third-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-success[data-v-e59be3b4]{background-color:#9acd32}.dot-success-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.dot-danger[data-v-e59be3b4]{background-color:#ff4500}.dot-danger-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.dot-grey[data-v-e59be3b4]{background-color:#999}.dot-grey-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #999;color:#999}.dot-info[data-v-e59be3b4]{background-color:#17a2b8}.dot-info-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.dot-warning[data-v-e59be3b4]{background-color:#ffa300}.dot-warning-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.dot-light[data-v-e59be3b4]{background-color:#f5f5f5}.dot-light-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.dot-dark[data-v-e59be3b4]{background-color:#24292e}.dot-dark-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #24292e;color:#24292e}.dot-default[data-v-e59be3b4]{background-color:#ccc}.dot-default-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-white[data-v-e59be3b4]{background-color:#fff}.dot-white-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #fff;color:#fff}.dot-black[data-v-e59be3b4]{background-color:#000}.dot-black-outline[data-v-e59be3b4]{background-color:transparent;border:1px solid #000;color:#000}a[data-v-e59be3b4]{color:#1e90ff;text-decoration:none}a[data-v-e59be3b4]:focus,a[data-v-e59be3b4]:hover{text-decoration:underline}.btn[data-v-e59be3b4]{border:1px solid transparent;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;display:inline-block;border-radius:8px;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 20px;font-size:1em;font-weight:inherit;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;overflow:visible;-webkit-font-smoothing:inherit;text-decoration:none;-moz-osx-font-smoothing:inherit}.btn[data-v-e59be3b4]:focus,.btn[data-v-e59be3b4]:hover{background-color:#0077ea}.btn.active[data-v-e59be3b4]{background-color:#1e90ff}.btn.active[data-v-e59be3b4],.btn[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn.active[data-v-e59be3b4],.btn[data-v-e59be3b4]:focus,.btn[data-v-e59be3b4]:hover{text-decoration:none}.btn--rounded[data-v-e59be3b4]{border-radius:50px}.btn--block[data-v-e59be3b4]{width:100%}.btn--lg[data-v-e59be3b4]{padding:16px 22px;font-size:1.143em}.btn--md[data-v-e59be3b4]{padding:10px 20px;font-size:1em}.btn--sm[data-v-e59be3b4]{padding:9px 15px;font-size:.857em}.btn--mini[data-v-e59be3b4]{padding:7px 15px;font-size:.857em}.btn--fab[data-v-e59be3b4]{border-radius:50%;padding:0;height:40px;width:40px}.btn--fab.btn--lg[data-v-e59be3b4]{height:50px;width:50px}.btn--fab.btn--md[data-v-e59be3b4]{height:36px;width:36px}.btn--fab.btn--sm[data-v-e59be3b4]{height:32px;width:32px}.btn--fab.btn--mini[data-v-e59be3b4]{height:28px;width:28px}.btn--light[data-v-e59be3b4],.btn--white[data-v-e59be3b4]{color:#747474}.btn--primary[data-v-e59be3b4]{background-color:#1e90ff}.btn--primary[data-v-e59be3b4]:focus,.btn--primary[data-v-e59be3b4]:hover{background-color:#0077ea}.btn--primary.active[data-v-e59be3b4]{background-color:#1e90ff}.btn--primary.active[data-v-e59be3b4],.btn--primary[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--primary--outline[data-v-e59be3b4]{background-color:rgba(30,144,255,.05);border:1px solid #1e90ff;color:#1e90ff}.btn--primary--outline.active[data-v-e59be3b4],.btn--primary--outline[data-v-e59be3b4]:focus,.btn--primary--outline[data-v-e59be3b4]:hover{background-color:#1e90ff;color:#fff}.btn--primary--outline.active[data-v-e59be3b4],.btn--primary--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--secondary[data-v-e59be3b4]{background-color:#747474}.btn--secondary[data-v-e59be3b4]:focus,.btn--secondary[data-v-e59be3b4]:hover{background-color:#5b5b5b}.btn--secondary.active[data-v-e59be3b4]{background-color:#747474}.btn--secondary.active[data-v-e59be3b4],.btn--secondary[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--secondary--outline[data-v-e59be3b4]{background-color:hsla(0,0%,45.5%,.05);border:1px solid #747474;color:#747474}.btn--secondary--outline.active[data-v-e59be3b4],.btn--secondary--outline[data-v-e59be3b4]:focus,.btn--secondary--outline[data-v-e59be3b4]:hover{background-color:#747474;color:#fff}.btn--secondary--outline.active[data-v-e59be3b4],.btn--secondary--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--third[data-v-e59be3b4]{background-color:#ccc}.btn--third[data-v-e59be3b4]:focus,.btn--third[data-v-e59be3b4]:hover{background-color:#b3b3b3}.btn--third.active[data-v-e59be3b4]{background-color:#ccc}.btn--third.active[data-v-e59be3b4],.btn--third[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--third--outline[data-v-e59be3b4]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--third--outline.active[data-v-e59be3b4],.btn--third--outline[data-v-e59be3b4]:focus,.btn--third--outline[data-v-e59be3b4]:hover{background-color:#ccc;color:#fff}.btn--third--outline.active[data-v-e59be3b4],.btn--third--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--success[data-v-e59be3b4]{background-color:#9acd32}.btn--success[data-v-e59be3b4]:focus,.btn--success[data-v-e59be3b4]:hover{background-color:#7ba428}.btn--success.active[data-v-e59be3b4]{background-color:#9acd32}.btn--success.active[data-v-e59be3b4],.btn--success[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--success--outline[data-v-e59be3b4]{background-color:rgba(154,205,50,.05);border:1px solid #9acd32;color:#9acd32}.btn--success--outline.active[data-v-e59be3b4],.btn--success--outline[data-v-e59be3b4]:focus,.btn--success--outline[data-v-e59be3b4]:hover{background-color:#9acd32;color:#fff}.btn--success--outline.active[data-v-e59be3b4],.btn--success--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--danger[data-v-e59be3b4]{background-color:#ff4500}.btn--danger[data-v-e59be3b4]:focus,.btn--danger[data-v-e59be3b4]:hover{background-color:#cc3700}.btn--danger.active[data-v-e59be3b4]{background-color:#ff4500}.btn--danger.active[data-v-e59be3b4],.btn--danger[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--danger--outline[data-v-e59be3b4]{background-color:rgba(255,69,0,.05);border:1px solid #ff4500;color:#ff4500}.btn--danger--outline.active[data-v-e59be3b4],.btn--danger--outline[data-v-e59be3b4]:focus,.btn--danger--outline[data-v-e59be3b4]:hover{background-color:#ff4500;color:#fff}.btn--danger--outline.active[data-v-e59be3b4],.btn--danger--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--grey[data-v-e59be3b4]{background-color:#999}.btn--grey[data-v-e59be3b4]:focus,.btn--grey[data-v-e59be3b4]:hover{background-color:grey}.btn--grey.active[data-v-e59be3b4]{background-color:#999}.btn--grey.active[data-v-e59be3b4],.btn--grey[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--grey--outline[data-v-e59be3b4]{background-color:hsla(0,0%,60%,.05);border:1px solid #999;color:#999}.btn--grey--outline.active[data-v-e59be3b4],.btn--grey--outline[data-v-e59be3b4]:focus,.btn--grey--outline[data-v-e59be3b4]:hover{background-color:#999;color:#fff}.btn--grey--outline.active[data-v-e59be3b4],.btn--grey--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--info[data-v-e59be3b4]{background-color:#17a2b8}.btn--info[data-v-e59be3b4]:focus,.btn--info[data-v-e59be3b4]:hover{background-color:#117a8b}.btn--info.active[data-v-e59be3b4]{background-color:#17a2b8}.btn--info.active[data-v-e59be3b4],.btn--info[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--info--outline[data-v-e59be3b4]{background-color:rgba(23,162,184,.05);border:1px solid #17a2b8;color:#17a2b8}.btn--info--outline.active[data-v-e59be3b4],.btn--info--outline[data-v-e59be3b4]:focus,.btn--info--outline[data-v-e59be3b4]:hover{background-color:#17a2b8;color:#fff}.btn--info--outline.active[data-v-e59be3b4],.btn--info--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--warning[data-v-e59be3b4]{background-color:#ffa300}.btn--warning[data-v-e59be3b4]:focus,.btn--warning[data-v-e59be3b4]:hover{background-color:#cc8200}.btn--warning.active[data-v-e59be3b4]{background-color:#ffa300}.btn--warning.active[data-v-e59be3b4],.btn--warning[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--warning--outline[data-v-e59be3b4]{background-color:rgba(255,163,0,.05);border:1px solid #ffa300;color:#ffa300}.btn--warning--outline.active[data-v-e59be3b4],.btn--warning--outline[data-v-e59be3b4]:focus,.btn--warning--outline[data-v-e59be3b4]:hover{background-color:#ffa300;color:#fff}.btn--warning--outline.active[data-v-e59be3b4],.btn--warning--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--light[data-v-e59be3b4]{background-color:#f5f5f5}.btn--light[data-v-e59be3b4]:focus,.btn--light[data-v-e59be3b4]:hover{background-color:#dcdcdc}.btn--light.active[data-v-e59be3b4]{background-color:#f5f5f5}.btn--light.active[data-v-e59be3b4],.btn--light[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--light--outline[data-v-e59be3b4]{background-color:hsla(0,0%,96.1%,.05);border:1px solid #f5f5f5;color:#f5f5f5}.btn--light--outline.active[data-v-e59be3b4],.btn--light--outline[data-v-e59be3b4]:focus,.btn--light--outline[data-v-e59be3b4]:hover{background-color:#f5f5f5;color:#fff}.btn--light--outline.active[data-v-e59be3b4],.btn--light--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--dark[data-v-e59be3b4]{background-color:#24292e}.btn--dark[data-v-e59be3b4]:focus,.btn--dark[data-v-e59be3b4]:hover{background-color:#0e1011}.btn--dark.active[data-v-e59be3b4]{background-color:#24292e}.btn--dark.active[data-v-e59be3b4],.btn--dark[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--dark--outline[data-v-e59be3b4]{background-color:rgba(36,41,46,.05);border:1px solid #24292e;color:#24292e}.btn--dark--outline.active[data-v-e59be3b4],.btn--dark--outline[data-v-e59be3b4]:focus,.btn--dark--outline[data-v-e59be3b4]:hover{background-color:#24292e;color:#fff}.btn--dark--outline.active[data-v-e59be3b4],.btn--dark--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--default[data-v-e59be3b4]{background-color:#ccc}.btn--default[data-v-e59be3b4]:focus,.btn--default[data-v-e59be3b4]:hover{background-color:#b3b3b3}.btn--default.active[data-v-e59be3b4]{background-color:#ccc}.btn--default.active[data-v-e59be3b4],.btn--default[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--default--outline[data-v-e59be3b4]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--default--outline.active[data-v-e59be3b4],.btn--default--outline[data-v-e59be3b4]:focus,.btn--default--outline[data-v-e59be3b4]:hover{background-color:#ccc;color:#fff}.btn--default--outline.active[data-v-e59be3b4],.btn--default--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--white[data-v-e59be3b4]{background-color:#fff}.btn--white[data-v-e59be3b4]:focus,.btn--white[data-v-e59be3b4]:hover{background-color:#e6e6e6}.btn--white.active[data-v-e59be3b4]{background-color:#fff}.btn--white.active[data-v-e59be3b4],.btn--white[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--white--outline[data-v-e59be3b4]{background-color:hsla(0,0%,100%,.05);border:1px solid #fff;color:#fff}.btn--white--outline.active[data-v-e59be3b4],.btn--white--outline[data-v-e59be3b4]:focus,.btn--white--outline[data-v-e59be3b4]:hover{background-color:#fff;color:#fff}.btn--white--outline.active[data-v-e59be3b4],.btn--white--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--black.active[data-v-e59be3b4],.btn--black[data-v-e59be3b4],.btn--black[data-v-e59be3b4]:focus,.btn--black[data-v-e59be3b4]:hover{background-color:#000}.btn--black.active[data-v-e59be3b4],.btn--black[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--black--outline[data-v-e59be3b4]{background-color:rgba(0,0,0,.05);border:1px solid #000;color:#000}.btn--black--outline.active[data-v-e59be3b4],.btn--black--outline[data-v-e59be3b4]:focus,.btn--black--outline[data-v-e59be3b4]:hover{background-color:#000;color:#fff}.btn--black--outline.active[data-v-e59be3b4],.btn--black--outline[data-v-e59be3b4]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--default--outline[data-v-e59be3b4]{color:#747474}.btn--disabled[data-v-e59be3b4]:disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#ccc;border:1px solid #ccc;color:#fff;cursor:not-allowed}.badge[data-v-e59be3b4]{background:#999;height:22px;line-height:22px;border-radius:22px;padding:0 5px;font-size:.857em;color:#888;font-weight:500}.badge-primary[data-v-e59be3b4]{background-color:#1e90ff;color:#fff}.badge-secondary[data-v-e59be3b4]{background-color:#747474;color:#fff}.badge-third[data-v-e59be3b4]{background-color:#ccc;color:#fff}.badge-success[data-v-e59be3b4]{background-color:#9acd32;color:#fff}.badge-danger[data-v-e59be3b4]{background-color:#ff4500;color:#fff}.badge-grey[data-v-e59be3b4]{background-color:#999;color:#fff}.badge-info[data-v-e59be3b4]{background-color:#17a2b8;color:#fff}.badge-warning[data-v-e59be3b4]{background-color:#ffa300;color:#fff}.badge-light[data-v-e59be3b4]{background-color:#f5f5f5;color:#fff}.badge-dark[data-v-e59be3b4]{background-color:#24292e;color:#fff}.badge-default[data-v-e59be3b4]{background-color:#ccc;color:#fff}.badge-white[data-v-e59be3b4]{background-color:#fff;color:#fff}.badge-black[data-v-e59be3b4]{background-color:#000;color:#fff}table.md[data-v-e59be3b4]{border-spacing:0;border-radius:8px;border-collapse:collapse;width:100%;table-layout:fixed;overflow-wrap:break-word;overflow:hidden;word-break:break-all;margin-top:0;margin-bottom:16px;font-size:1em;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2)}table.md tr[data-v-e59be3b4]{background-color:#fff;width:100%}table.md tr td[data-v-e59be3b4],table.md tr th[data-v-e59be3b4]{padding:6px 13px;text-align:left}table.md tr[data-v-e59be3b4]:nth-child(2n){background-color:#f2f2f2}.is-dark table.md[data-v-e59be3b4]{color:#f2f2f2}.is-dark table.md tr[data-v-e59be3b4]{background-color:#21222e}.is-dark table.md tr[data-v-e59be3b4]:nth-child(2n){background-color:#2e2f40}.is-dark table.md tr td.text-muted[data-v-e59be3b4]{color:hsla(0,0%,100%,.3)}.slide-enter-active[data-v-e59be3b4],.slide-leave-active[data-v-e59be3b4]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-e59be3b4],.slide-leave-to[data-v-e59be3b4]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tags-enter-active[data-v-e59be3b4],.tags-leave-active[data-v-e59be3b4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;position:absolute;-webkit-transform:translateY(0);transform:translateY(0)}.tags-enter[data-v-e59be3b4],.tags-leave-to[data-v-e59be3b4]{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slideinvert-enter-active[data-v-e59be3b4],.slideinvert-leave-active[data-v-e59be3b4]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-e59be3b4],.slideinvert-leave-to[data-v-e59be3b4]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-e59be3b4],.slidenext-leave-active[data-v-e59be3b4],.slideprev-enter-active[data-v-e59be3b4],.slideprev-leave-active[data-v-e59be3b4]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidenext-enter[data-v-e59be3b4],.slideprev-leave-to[data-v-e59be3b4]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-e59be3b4],.slideprev-enter[data-v-e59be3b4]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-e59be3b4],.slidevnext-leave-active[data-v-e59be3b4],.slidevprev-enter-active[data-v-e59be3b4],.slidevprev-leave-active[data-v-e59be3b4]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidevnext-enter[data-v-e59be3b4],.slidevprev-leave-to[data-v-e59be3b4]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-e59be3b4],.slidevprev-enter[data-v-e59be3b4]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-e59be3b4],.slide-leave-active[data-v-e59be3b4],.slideinvert-enter-active[data-v-e59be3b4],.slideinvert-leave-active[data-v-e59be3b4]{-webkit-transition:all 0s;transition:all 0s}}.spinner-anim[data-v-e59be3b4]{-webkit-animation:spin-data-v-e59be3b4 .6s linear infinite;animation:spin-data-v-e59be3b4 .6s linear infinite}@-webkit-keyframes spin-data-v-e59be3b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-e59be3b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dialog-fade-enter-active .dialog-animation[data-v-e59be3b4]{-webkit-animation:dialog-fade-in-data-v-e59be3b4 .4s;animation:dialog-fade-in-data-v-e59be3b4 .4s}.dialog-fade-leave-active .dialog-animation[data-v-e59be3b4]{-webkit-animation:dialog-fade-out-data-v-e59be3b4 .4s;animation:dialog-fade-out-data-v-e59be3b4 .4s}@-webkit-keyframes dialog-fade-in-data-v-e59be3b4{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in-data-v-e59be3b4{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out-data-v-e59be3b4{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}@keyframes dialog-fade-out-data-v-e59be3b4{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}.expand-enter-active[data-v-e59be3b4],.expand-leave-active[data-v-e59be3b4]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height;overflow:hidden}.expand-enter[data-v-e59be3b4],.expand-leave-to[data-v-e59be3b4]{height:0;opacity:0}.scale-enter-active[data-v-e59be3b4],.scale-leave-active[data-v-e59be3b4]{opacity:1;z-index:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9)}.scale-enter[data-v-e59be3b4],.scale-leave-to[data-v-e59be3b4]{opacity:.4;z-index:1;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes loading-data-v-e59be3b4{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}.flip-list-move[data-v-e59be3b4]{-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.over-hid[data-v-e59be3b4]{overflow:hidden}.pos-r[data-v-e59be3b4]{position:relative}.pos-a[data-v-e59be3b4]{position:absolute}.flex[data-v-e59be3b4]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex.fluid[data-v-e59be3b4]{width:100%}.flex.direction-column[data-v-e59be3b4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex.direction-column-reverse[data-v-e59be3b4]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex.direction-row[data-v-e59be3b4]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex.direction-row-reverse[data-v-e59be3b4]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex.align-center[data-v-e59be3b4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.align-start[data-v-e59be3b4]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex.align-end[data-v-e59be3b4]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex.justify-start[data-v-e59be3b4]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex.justify-end[data-v-e59be3b4]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex.justify-center[data-v-e59be3b4]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex.space-between[data-v-e59be3b4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex.space-around[data-v-e59be3b4]{-ms-flex-pack:distribute;justify-content:space-around}.flex.flex-center[data-v-e59be3b4]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.flex--wrap[data-v-e59be3b4]{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.flex--grow[data-v-e59be3b4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-fill[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-fixed[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex-1[data-v-e59be3b4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-100[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.flex-75[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}.flex-50[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.flex-33[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 33.33%;flex:0 1 33.33%}.flex-25[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.flex-20[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}.flex-16[data-v-e59be3b4]{-webkit-box-flex:0;-ms-flex:0 1 16.66%;flex:0 1 16.66%}.text-muted-white[data-v-e59be3b4]{color:hsla(0,0%,100%,.54)}.text-muted[data-v-e59be3b4]{color:rgba(0,0,0,.54)}.is-dark .text-muted[data-v-e59be3b4]{color:hsla(0,0%,100%,.54)}.text-strong[data-v-e59be3b4]{font-weight:500}.text-center[data-v-e59be3b4]{text-align:center}.text-left[data-v-e59be3b4]{text-align:left}.text-right[data-v-e59be3b4]{text-align:right}.text-primary[data-v-e59be3b4]{color:#1e90ff}.text-secondary[data-v-e59be3b4]{color:#747474}.text-third[data-v-e59be3b4]{color:#ccc}.text-success[data-v-e59be3b4]{color:#9acd32}.text-danger[data-v-e59be3b4]{color:#ff4500}.text-grey[data-v-e59be3b4]{color:#999}.text-info[data-v-e59be3b4]{color:#17a2b8}.text-warning[data-v-e59be3b4]{color:#ffa300}.text-light[data-v-e59be3b4]{color:#f5f5f5}.text-dark[data-v-e59be3b4]{color:#24292e}.text-default[data-v-e59be3b4]{color:#ccc}.text-white[data-v-e59be3b4]{color:#fff}.text-black[data-v-e59be3b4]{color:#000}.dots-text[data-v-e59be3b4]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dots-text-3[data-v-e59be3b4]{overflow:hidden;position:relative;line-height:1.3em;max-height:3.9em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-3[data-v-e59be3b4]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-3[data-v-e59be3b4]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.dots-text-2[data-v-e59be3b4]{overflow:hidden;position:relative;line-height:1.3em;max-height:2.6em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-2[data-v-e59be3b4]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-2[data-v-e59be3b4]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.container[data-v-e59be3b4]{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:768px){.container[data-v-e59be3b4]{max-width:100%}}@media (min-width:768px){.container[data-v-e59be3b4]{max-width:768px}}@media (min-width:1024px){.container[data-v-e59be3b4]{max-width:1024px}}@media (min-width:1440px){.container[data-v-e59be3b4]{max-width:1440px}}@media (min-width:2560px){.container[data-v-e59be3b4]{max-width:2560px}}.pr-0[data-v-e59be3b4]{padding-right:0}.pt-0[data-v-e59be3b4]{padding-top:0}.pb-0[data-v-e59be3b4]{padding-bottom:0}.pl-0[data-v-e59be3b4]{padding-left:0}.px-0[data-v-e59be3b4]{padding-left:0;padding-right:0}.py-0[data-v-e59be3b4]{padding-top:0;padding-bottom:0}.p-0[data-v-e59be3b4]{padding:0}.pr-1[data-v-e59be3b4]{padding-right:.25rem}.pt-1[data-v-e59be3b4]{padding-top:.25rem}.pb-1[data-v-e59be3b4]{padding-bottom:.25rem}.pl-1[data-v-e59be3b4]{padding-left:.25rem}.px-1[data-v-e59be3b4]{padding-left:.25rem;padding-right:.25rem}.py-1[data-v-e59be3b4]{padding-top:.25rem;padding-bottom:.25rem}.p-1[data-v-e59be3b4]{padding:.25rem}.pr-2[data-v-e59be3b4]{padding-right:.5rem}.pt-2[data-v-e59be3b4]{padding-top:.5rem}.pb-2[data-v-e59be3b4]{padding-bottom:.5rem}.pl-2[data-v-e59be3b4]{padding-left:.5rem}.px-2[data-v-e59be3b4]{padding-left:.5rem;padding-right:.5rem}.py-2[data-v-e59be3b4]{padding-top:.5rem;padding-bottom:.5rem}.p-2[data-v-e59be3b4]{padding:.5rem}.pr-3[data-v-e59be3b4]{padding-right:1rem}.pt-3[data-v-e59be3b4]{padding-top:1rem}.pb-3[data-v-e59be3b4]{padding-bottom:1rem}.pl-3[data-v-e59be3b4]{padding-left:1rem}.px-3[data-v-e59be3b4]{padding-left:1rem;padding-right:1rem}.py-3[data-v-e59be3b4]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-e59be3b4]{padding:1rem}.pr-4[data-v-e59be3b4]{padding-right:1.5rem}.pt-4[data-v-e59be3b4]{padding-top:1.5rem}.pb-4[data-v-e59be3b4]{padding-bottom:1.5rem}.pl-4[data-v-e59be3b4]{padding-left:1.5rem}.px-4[data-v-e59be3b4]{padding-left:1.5rem;padding-right:1.5rem}.py-4[data-v-e59be3b4]{padding-top:1.5rem;padding-bottom:1.5rem}.p-4[data-v-e59be3b4]{padding:1.5rem}.pr-5[data-v-e59be3b4]{padding-right:3rem}.pt-5[data-v-e59be3b4]{padding-top:3rem}.pb-5[data-v-e59be3b4]{padding-bottom:3rem}.pl-5[data-v-e59be3b4]{padding-left:3rem}.px-5[data-v-e59be3b4]{padding-left:3rem;padding-right:3rem}.py-5[data-v-e59be3b4]{padding-top:3rem;padding-bottom:3rem}.p-5[data-v-e59be3b4]{padding:3rem}.mr-0[data-v-e59be3b4]{margin-right:0}.mt-0[data-v-e59be3b4]{margin-top:0}.mb-0[data-v-e59be3b4]{margin-bottom:0}.ml-0[data-v-e59be3b4]{margin-left:0}.mx-0[data-v-e59be3b4]{margin-left:0;margin-right:0}.my-0[data-v-e59be3b4]{margin-top:0;margin-bottom:0}.m-0[data-v-e59be3b4]{margin:0}.mr-1[data-v-e59be3b4]{margin-right:.25rem}.mt-1[data-v-e59be3b4]{margin-top:.25rem}.mb-1[data-v-e59be3b4]{margin-bottom:.25rem}.ml-1[data-v-e59be3b4]{margin-left:.25rem}.mx-1[data-v-e59be3b4]{margin-left:.25rem;margin-right:.25rem}.my-1[data-v-e59be3b4]{margin-top:.25rem;margin-bottom:.25rem}.m-1[data-v-e59be3b4]{margin:.25rem}.mr-2[data-v-e59be3b4]{margin-right:.5rem}.mt-2[data-v-e59be3b4]{margin-top:.5rem}.mb-2[data-v-e59be3b4]{margin-bottom:.5rem}.ml-2[data-v-e59be3b4]{margin-left:.5rem}.mx-2[data-v-e59be3b4]{margin-left:.5rem;margin-right:.5rem}.my-2[data-v-e59be3b4]{margin-top:.5rem;margin-bottom:.5rem}.m-2[data-v-e59be3b4]{margin:.5rem}.mr-3[data-v-e59be3b4]{margin-right:1rem}.mt-3[data-v-e59be3b4]{margin-top:1rem}.mb-3[data-v-e59be3b4]{margin-bottom:1rem}.ml-3[data-v-e59be3b4]{margin-left:1rem}.mx-3[data-v-e59be3b4]{margin-left:1rem;margin-right:1rem}.my-3[data-v-e59be3b4]{margin-top:1rem;margin-bottom:1rem}.m-3[data-v-e59be3b4]{margin:1rem}.mr-4[data-v-e59be3b4]{margin-right:1.5rem}.mt-4[data-v-e59be3b4]{margin-top:1.5rem}.mb-4[data-v-e59be3b4]{margin-bottom:1.5rem}.ml-4[data-v-e59be3b4]{margin-left:1.5rem}.mx-4[data-v-e59be3b4]{margin-left:1.5rem;margin-right:1.5rem}.my-4[data-v-e59be3b4]{margin-top:1.5rem;margin-bottom:1.5rem}.m-4[data-v-e59be3b4]{margin:1.5rem}.mr-5[data-v-e59be3b4]{margin-right:3rem}.mt-5[data-v-e59be3b4]{margin-top:3rem}.mb-5[data-v-e59be3b4]{margin-bottom:3rem}.ml-5[data-v-e59be3b4]{margin-left:3rem}.mx-5[data-v-e59be3b4]{margin-left:3rem;margin-right:3rem}.my-5[data-v-e59be3b4]{margin-top:3rem;margin-bottom:3rem}.m-5[data-v-e59be3b4]{margin:3rem}.h-100[data-v-e59be3b4]{height:100%}.mh-100[data-v-e59be3b4]{max-height:100%}.w-100[data-v-e59be3b4]{width:100%}.mw-100[data-v-e59be3b4]{max-width:100%}.m-h-0[data-v-e59be3b4]{min-height:0}.m-h-100[data-v-e59be3b4]{min-height:100%}.m-w-0[data-v-e59be3b4]{min-width:0}.m-w-100[data-v-e59be3b4]{min-width:100%}.br-0[data-v-e59be3b4]{border-radius:0}.brt-0[data-v-e59be3b4]{border-top-left-radius:0;border-top-right-radius:0}.brb-0[data-v-e59be3b4]{border-bottom-right-radius:0;border-bottom-left-radius:0}.br-2[data-v-e59be3b4]{border-radius:2px}.brt-2[data-v-e59be3b4]{border-top-left-radius:2px;border-top-right-radius:2px}.brb-2[data-v-e59be3b4]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.br-4[data-v-e59be3b4]{border-radius:4px}.brt-4[data-v-e59be3b4]{border-top-left-radius:4px;border-top-right-radius:4px}.brb-4[data-v-e59be3b4]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.br-8[data-v-e59be3b4]{border-radius:8px}.brt-8[data-v-e59be3b4]{border-top-left-radius:8px;border-top-right-radius:8px}.brb-8[data-v-e59be3b4]{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.fs-12[data-v-e59be3b4]{font-size:12px}.fs-14[data-v-e59be3b4]{font-size:14px}.fs-16[data-v-e59be3b4]{font-size:16px}.fs-18[data-v-e59be3b4]{font-size:18px}.fs-20[data-v-e59be3b4]{font-size:20px}.fs-22[data-v-e59be3b4]{font-size:22px}.fs-26[data-v-e59be3b4]{font-size:26px}.fw-300[data-v-e59be3b4]{font-weight:300}.fw-400[data-v-e59be3b4]{font-weight:400}.fw-500[data-v-e59be3b4]{font-weight:500}@media only screen and (max-width:2560px){.hidden-4k[data-v-e59be3b4]{display:none}}@media only screen and (max-width:1440px){.hidden-laptop[data-v-e59be3b4]{display:none}}@media only screen and (max-width:1024px){.hidden-laptop-s[data-v-e59be3b4]{display:none}}@media only screen and (max-width:768px){.hidden-tablet[data-v-e59be3b4]{display:none}}@media only screen and (max-width:425px){.hidden-mobile[data-v-e59be3b4]{display:none}}@media only screen and (max-width:375px){.hidden-mobile-m[data-v-e59be3b4]{display:none}}@media only screen and (max-width:320px){.hidden-mobile-s[data-v-e59be3b4]{display:none}}.show-4k[data-v-e59be3b4]{display:none}@media only screen and (max-width:2560px){.show-4k[data-v-e59be3b4]{display:inherit}}.show-laptop[data-v-e59be3b4]{display:none}@media only screen and (max-width:1440px){.show-laptop[data-v-e59be3b4]{display:inherit}}.show-laptop-s[data-v-e59be3b4]{display:none}@media only screen and (max-width:1024px){.show-laptop-s[data-v-e59be3b4]{display:inherit}}.show-tablet[data-v-e59be3b4]{display:none}@media only screen and (max-width:768px){.show-tablet[data-v-e59be3b4]{display:inherit}}.show-mobile[data-v-e59be3b4]{display:none}@media only screen and (max-width:425px){.show-mobile[data-v-e59be3b4]{display:inherit}}.show-mobile-m[data-v-e59be3b4]{display:none}@media only screen and (max-width:375px){.show-mobile-m[data-v-e59be3b4]{display:inherit}}.show-mobile-s[data-v-e59be3b4]{display:none}@media only screen and (max-width:320px){.show-mobile-s[data-v-e59be3b4]{display:inherit}}[data-v-e59be3b4],[data-v-e59be3b4]:after,[data-v-e59be3b4]:before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote[data-v-e59be3b4],body[data-v-e59be3b4],dd[data-v-e59be3b4],dl[data-v-e59be3b4],figure[data-v-e59be3b4],h1[data-v-e59be3b4],h2[data-v-e59be3b4],h3[data-v-e59be3b4],h4[data-v-e59be3b4],h5[data-v-e59be3b4],h6[data-v-e59be3b4],hr[data-v-e59be3b4],ol[data-v-e59be3b4],p[data-v-e59be3b4],pre[data-v-e59be3b4],ul[data-v-e59be3b4]{margin:0;padding:0}#app[data-v-e59be3b4],body[data-v-e59be3b4],button[data-v-e59be3b4],html[data-v-e59be3b4],input[data-v-e59be3b4]{font:400 14px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;-webkit-font-kerning:normal;font-kerning:normal}.input-tel[data-v-e59be3b4]{position:relative;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:40px;min-height:40px}.input-tel__label[data-v-e59be3b4]{position:absolute;top:4px;cursor:pointer;left:13px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:#747474}.input-tel__input[data-v-e59be3b4]{cursor:pointer;background-color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;position:relative;width:100%;padding:0 12px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid #ccc;font-size:14px;z-index:0;margin-left:-1px;height:40px;min-height:40px}.input-tel__input[data-v-e59be3b4]:hover{border-color:#1e90ff}.input-tel__input[data-v-e59be3b4]:not(.no-country-selector){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.input-tel__input[data-v-e59be3b4]::-webkit-input-placeholder{color:#747474}.input-tel__input[data-v-e59be3b4]::-moz-placeholder{color:#747474}.input-tel__input[data-v-e59be3b4]:-ms-input-placeholder{color:#747474}.input-tel__input[data-v-e59be3b4]::-ms-input-placeholder{color:#747474}.input-tel__input[data-v-e59be3b4]::placeholder{color:#747474}.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:#747474!important}.input-tel__clear[data-v-e59be3b4]{position:absolute;top:0;bottom:0;right:8px;margin:auto 0;width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#747474;border-radius:24px;cursor:pointer;font-size:12px}.input-tel__clear[data-v-e59be3b4]:focus{outline:none}.input-tel__clear>span[data-v-e59be3b4]:not(.input-tel__clear__effect){position:relative;top:1px}.input-tel__clear__effect[data-v-e59be3b4]{position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:24px;background-color:#747474;border-radius:24px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.input-tel__clear[data-v-e59be3b4]:hover{color:#fff}.input-tel__clear:hover .input-tel__clear__effect[data-v-e59be3b4]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::-moz-placeholder{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__input[data-v-e59be3b4]:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::placeholder{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #21222e inset!important;box-shadow:inset 0 0 0 1000px #21222e!important;-webkit-text-fill-color:hsla(0,0%,100%,.7)!important}.input-tel.is-dark .input-tel__clear[data-v-e59be3b4]{color:hsla(0,0%,100%,.7)}.input-tel.is-dark .input-tel__clear__effect[data-v-e59be3b4]{background-color:hsla(0,0%,100%,.3)}.input-tel.is-dark .input-tel__clear[data-v-e59be3b4]:hover{color:#fff}.input-tel.is-focused[data-v-e59be3b4]{z-index:1}.input-tel.is-focused .input-tel__input[data-v-e59be3b4]{border-color:#1e90ff;-webkit-box-shadow:0 0 0 .125rem rgba(30,144,255,.7);box-shadow:0 0 0 .125rem rgba(30,144,255,.7)}.input-tel.is-focused .input-tel__label[data-v-e59be3b4]{color:#1e90ff}.input-tel.is-focused.has-error .input-tel__input[data-v-e59be3b4]{-webkit-box-shadow:0 0 0 .125rem rgba(255,69,0,.7);box-shadow:0 0 0 .125rem rgba(255,69,0,.7)}.input-tel.is-focused.is-valid .input-tel__input[data-v-e59be3b4]{border-color:#9acd32;-webkit-box-shadow:0 0 0 .125rem rgba(154,205,50,.7);box-shadow:0 0 0 .125rem rgba(154,205,50,.7)}.input-tel.has-value .input-tel__label[data-v-e59be3b4]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.input-tel.has-value .input-tel__input[data-v-e59be3b4]{padding-top:14px}.input-tel.has-hint .input-tel__label[data-v-e59be3b4],.input-tel.has-value .input-tel__label[data-v-e59be3b4]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.input-tel.has-hint .input-tel__input[data-v-e59be3b4],.input-tel.has-value .input-tel__input[data-v-e59be3b4]{padding-top:14px}.input-tel.is-valid .input-tel__input[data-v-e59be3b4],.input-tel.is-valid .input-tel__input[data-v-e59be3b4]:hover{border-color:#9acd32}.input-tel.is-valid .input-tel__label[data-v-e59be3b4]{color:#9acd32}.input-tel.has-error:not(.is-valid) .input-tel__input[data-v-e59be3b4]{border-color:#ff4500}.input-tel.has-error:not(.is-valid) .input-tel__label[data-v-e59be3b4]{color:#ff4500}.input-tel.is-disabled[data-v-e59be3b4]{cursor:not-allowed}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]{border-color:#ccc;background-color:#f2f2f2;color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::-webkit-input-placeholder{color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::-moz-placeholder{color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]:-ms-input-placeholder{color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::-ms-input-placeholder{color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::placeholder{color:#ccc}.input-tel.is-disabled .input-tel__input[data-v-e59be3b4],.input-tel.is-disabled .input-tel__label[data-v-e59be3b4],.input-tel.is-disabled .input-tel__toggle__arrow[data-v-e59be3b4]{cursor:not-allowed;color:#ccc}.input-tel.sm[data-v-e59be3b4]{height:36px;min-height:36px}.input-tel.sm .input-tel__input[data-v-e59be3b4]{font-size:12px;height:36px;min-height:36px}.input-tel.sm .input-tel__label[data-v-e59be3b4]{font-size:10px}.input-tel.sm.has-value .input-tel__input[data-v-e59be3b4]{padding-top:12px}.input-tel.lg[data-v-e59be3b4]{height:48px;min-height:48px}.input-tel.lg .input-tel__input[data-v-e59be3b4]{font-size:14px;height:48px;min-height:48px}.input-tel.lg .input-tel__label[data-v-e59be3b4]{font-size:14px}.input-tel.lg.has-value .input-tel__input[data-v-e59be3b4]{padding-top:16px}.input-tel__loader[data-v-e59be3b4]{bottom:0;height:2px;left:0;width:calc(100% - 8px);position:absolute;overflow:hidden;border-radius:8px}.input-tel__loader__progress-bar[data-v-e59be3b4]{background-color:#1e90ff;display:block;position:absolute;content:"";left:-200px;width:200px;height:2px;-webkit-animation:loading-data-v-e59be3b4 2s linear infinite;animation:loading-data-v-e59be3b4 2s linear infinite}@keyframes loading-data-v-e59be3b4{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:14px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{width:20px;height:15px;background-image:url(/static_images/node_modules/vue-phone-number-input/dist/img/flags.9c96e0ed_9c9.png?9c96e0ed7093c095fd33870329282962);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.iti-flag{background-image:url(/static_images/node_modules/vue-phone-number-input/dist/img/flags.9c96e0ed_9c9.png?9c96e0ed7093c095fd33870329282962)}}.iti-flag.np{background-color:transparent}.bg-primary-after[data-v-46e105de]:after,.bg-primary-before[data-v-46e105de]:before,.bg-primary[data-v-46e105de]{background-color:#1e90ff}.bg-primary-after-transparency[data-v-46e105de]:after,.bg-primary-before-transparency[data-v-46e105de]:before,.bg-primary-transparency[data-v-46e105de]{background-color:rgba(30,144,255,.5)}.bg-secondary-after[data-v-46e105de]:after,.bg-secondary-before[data-v-46e105de]:before,.bg-secondary[data-v-46e105de]{background-color:#747474}.bg-secondary-after-transparency[data-v-46e105de]:after,.bg-secondary-before-transparency[data-v-46e105de]:before,.bg-secondary-transparency[data-v-46e105de]{background-color:hsla(0,0%,45.5%,.5)}.bg-third-after[data-v-46e105de]:after,.bg-third-before[data-v-46e105de]:before,.bg-third[data-v-46e105de]{background-color:#ccc}.bg-third-after-transparency[data-v-46e105de]:after,.bg-third-before-transparency[data-v-46e105de]:before,.bg-third-transparency[data-v-46e105de]{background-color:hsla(0,0%,80%,.5)}.bg-success-after[data-v-46e105de]:after,.bg-success-before[data-v-46e105de]:before,.bg-success[data-v-46e105de]{background-color:#9acd32}.bg-success-after-transparency[data-v-46e105de]:after,.bg-success-before-transparency[data-v-46e105de]:before,.bg-success-transparency[data-v-46e105de]{background-color:rgba(154,205,50,.5)}.bg-danger-after[data-v-46e105de]:after,.bg-danger-before[data-v-46e105de]:before,.bg-danger[data-v-46e105de]{background-color:#ff4500}.bg-danger-after-transparency[data-v-46e105de]:after,.bg-danger-before-transparency[data-v-46e105de]:before,.bg-danger-transparency[data-v-46e105de]{background-color:rgba(255,69,0,.5)}.bg-grey-after[data-v-46e105de]:after,.bg-grey-before[data-v-46e105de]:before,.bg-grey[data-v-46e105de]{background-color:#999}.bg-grey-after-transparency[data-v-46e105de]:after,.bg-grey-before-transparency[data-v-46e105de]:before,.bg-grey-transparency[data-v-46e105de]{background-color:hsla(0,0%,60%,.5)}.bg-info-after[data-v-46e105de]:after,.bg-info-before[data-v-46e105de]:before,.bg-info[data-v-46e105de]{background-color:#17a2b8}.bg-info-after-transparency[data-v-46e105de]:after,.bg-info-before-transparency[data-v-46e105de]:before,.bg-info-transparency[data-v-46e105de]{background-color:rgba(23,162,184,.5)}.bg-warning-after[data-v-46e105de]:after,.bg-warning-before[data-v-46e105de]:before,.bg-warning[data-v-46e105de]{background-color:#ffa300}.bg-warning-after-transparency[data-v-46e105de]:after,.bg-warning-before-transparency[data-v-46e105de]:before,.bg-warning-transparency[data-v-46e105de]{background-color:rgba(255,163,0,.5)}.bg-light-after[data-v-46e105de]:after,.bg-light-before[data-v-46e105de]:before,.bg-light[data-v-46e105de]{background-color:#f5f5f5}.bg-light-after-transparency[data-v-46e105de]:after,.bg-light-before-transparency[data-v-46e105de]:before,.bg-light-transparency[data-v-46e105de]{background-color:hsla(0,0%,96.1%,.5)}.bg-dark-after[data-v-46e105de]:after,.bg-dark-before[data-v-46e105de]:before,.bg-dark[data-v-46e105de]{background-color:#24292e}.bg-dark-after-transparency[data-v-46e105de]:after,.bg-dark-before-transparency[data-v-46e105de]:before,.bg-dark-transparency[data-v-46e105de]{background-color:rgba(36,41,46,.5)}.bg-default-after[data-v-46e105de]:after,.bg-default-before[data-v-46e105de]:before,.bg-default[data-v-46e105de]{background-color:#ccc}.bg-default-after-transparency[data-v-46e105de]:after,.bg-default-before-transparency[data-v-46e105de]:before,.bg-default-transparency[data-v-46e105de]{background-color:hsla(0,0%,80%,.5)}.bg-white-after[data-v-46e105de]:after,.bg-white-before[data-v-46e105de]:before,.bg-white[data-v-46e105de]{background-color:#fff}.bg-white-after-transparency[data-v-46e105de]:after,.bg-white-before-transparency[data-v-46e105de]:before,.bg-white-transparency[data-v-46e105de]{background-color:hsla(0,0%,100%,.5)}.bg-black-after[data-v-46e105de]:after,.bg-black-before[data-v-46e105de]:before,.bg-black[data-v-46e105de]{background-color:#000}.bg-black-after-transparency[data-v-46e105de]:after,.bg-black-before-transparency[data-v-46e105de]:before,.bg-black-transparency[data-v-46e105de]{background-color:rgba(0,0,0,.5)}.fill-primary path[data-v-46e105de]{fill:#1e90ff}.fill-secondary path[data-v-46e105de]{fill:#747474}.fill-third path[data-v-46e105de]{fill:#ccc}.fill-success path[data-v-46e105de]{fill:#9acd32}.fill-danger path[data-v-46e105de]{fill:#ff4500}.fill-grey path[data-v-46e105de]{fill:#999}.fill-info path[data-v-46e105de]{fill:#17a2b8}.fill-warning path[data-v-46e105de]{fill:#ffa300}.fill-light path[data-v-46e105de]{fill:#f5f5f5}.fill-dark path[data-v-46e105de]{fill:#24292e}.fill-default path[data-v-46e105de]{fill:#ccc}.fill-white path[data-v-46e105de]{fill:#fff}.fill-black path[data-v-46e105de]{fill:#000}.label[data-v-46e105de]{border-radius:2px;padding:2px 4px;color:#fff;font-size:.714em}.label-primary[data-v-46e105de],.label[data-v-46e105de]{background-color:#1e90ff}.label-primary-outline[data-v-46e105de]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.label-secondary[data-v-46e105de]{background-color:#747474}.label-secondary-outline[data-v-46e105de]{background-color:transparent;border:1px solid #747474;color:#747474}.label-third[data-v-46e105de]{background-color:#ccc}.label-third-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-success[data-v-46e105de]{background-color:#9acd32}.label-success-outline[data-v-46e105de]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.label-danger[data-v-46e105de]{background-color:#ff4500}.label-danger-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.label-grey[data-v-46e105de]{background-color:#999}.label-grey-outline[data-v-46e105de]{background-color:transparent;border:1px solid #999;color:#999}.label-info[data-v-46e105de]{background-color:#17a2b8}.label-info-outline[data-v-46e105de]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.label-warning[data-v-46e105de]{background-color:#ffa300}.label-warning-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.label-light[data-v-46e105de]{background-color:#f5f5f5}.label-light-outline[data-v-46e105de]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.label-dark[data-v-46e105de]{background-color:#24292e}.label-dark-outline[data-v-46e105de]{background-color:transparent;border:1px solid #24292e;color:#24292e}.label-default[data-v-46e105de]{background-color:#ccc}.label-default-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-white[data-v-46e105de]{background-color:#fff}.label-white-outline[data-v-46e105de]{background-color:transparent;border:1px solid #fff;color:#fff}.label-black[data-v-46e105de]{background-color:#000}.label-black-outline[data-v-46e105de]{background-color:transparent;border:1px solid #000;color:#000}.dot[data-v-46e105de]{width:6px;height:6px;border-radius:6px}.dot-primary[data-v-46e105de],.dot[data-v-46e105de]{background-color:#1e90ff}.dot-primary-outline[data-v-46e105de]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.dot-secondary[data-v-46e105de]{background-color:#747474}.dot-secondary-outline[data-v-46e105de]{background-color:transparent;border:1px solid #747474;color:#747474}.dot-third[data-v-46e105de]{background-color:#ccc}.dot-third-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-success[data-v-46e105de]{background-color:#9acd32}.dot-success-outline[data-v-46e105de]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.dot-danger[data-v-46e105de]{background-color:#ff4500}.dot-danger-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.dot-grey[data-v-46e105de]{background-color:#999}.dot-grey-outline[data-v-46e105de]{background-color:transparent;border:1px solid #999;color:#999}.dot-info[data-v-46e105de]{background-color:#17a2b8}.dot-info-outline[data-v-46e105de]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.dot-warning[data-v-46e105de]{background-color:#ffa300}.dot-warning-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.dot-light[data-v-46e105de]{background-color:#f5f5f5}.dot-light-outline[data-v-46e105de]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.dot-dark[data-v-46e105de]{background-color:#24292e}.dot-dark-outline[data-v-46e105de]{background-color:transparent;border:1px solid #24292e;color:#24292e}.dot-default[data-v-46e105de]{background-color:#ccc}.dot-default-outline[data-v-46e105de]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-white[data-v-46e105de]{background-color:#fff}.dot-white-outline[data-v-46e105de]{background-color:transparent;border:1px solid #fff;color:#fff}.dot-black[data-v-46e105de]{background-color:#000}.dot-black-outline[data-v-46e105de]{background-color:transparent;border:1px solid #000;color:#000}a[data-v-46e105de]{color:#1e90ff;text-decoration:none}a[data-v-46e105de]:focus,a[data-v-46e105de]:hover{text-decoration:underline}.btn[data-v-46e105de]{border:1px solid transparent;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;display:inline-block;border-radius:8px;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 20px;font-size:1em;font-weight:inherit;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;overflow:visible;-webkit-font-smoothing:inherit;text-decoration:none;-moz-osx-font-smoothing:inherit}.btn[data-v-46e105de]:focus,.btn[data-v-46e105de]:hover{background-color:#0077ea}.btn.active[data-v-46e105de]{background-color:#1e90ff}.btn.active[data-v-46e105de],.btn[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn.active[data-v-46e105de],.btn[data-v-46e105de]:focus,.btn[data-v-46e105de]:hover{text-decoration:none}.btn--rounded[data-v-46e105de]{border-radius:50px}.btn--block[data-v-46e105de]{width:100%}.btn--lg[data-v-46e105de]{padding:16px 22px;font-size:1.143em}.btn--md[data-v-46e105de]{padding:10px 20px;font-size:1em}.btn--sm[data-v-46e105de]{padding:9px 15px;font-size:.857em}.btn--mini[data-v-46e105de]{padding:7px 15px;font-size:.857em}.btn--fab[data-v-46e105de]{border-radius:50%;padding:0;height:40px;width:40px}.btn--fab.btn--lg[data-v-46e105de]{height:50px;width:50px}.btn--fab.btn--md[data-v-46e105de]{height:36px;width:36px}.btn--fab.btn--sm[data-v-46e105de]{height:32px;width:32px}.btn--fab.btn--mini[data-v-46e105de]{height:28px;width:28px}.btn--light[data-v-46e105de],.btn--white[data-v-46e105de]{color:#747474}.btn--primary[data-v-46e105de]{background-color:#1e90ff}.btn--primary[data-v-46e105de]:focus,.btn--primary[data-v-46e105de]:hover{background-color:#0077ea}.btn--primary.active[data-v-46e105de]{background-color:#1e90ff}.btn--primary.active[data-v-46e105de],.btn--primary[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--primary--outline[data-v-46e105de]{background-color:rgba(30,144,255,.05);border:1px solid #1e90ff;color:#1e90ff}.btn--primary--outline.active[data-v-46e105de],.btn--primary--outline[data-v-46e105de]:focus,.btn--primary--outline[data-v-46e105de]:hover{background-color:#1e90ff;color:#fff}.btn--primary--outline.active[data-v-46e105de],.btn--primary--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--secondary[data-v-46e105de]{background-color:#747474}.btn--secondary[data-v-46e105de]:focus,.btn--secondary[data-v-46e105de]:hover{background-color:#5b5b5b}.btn--secondary.active[data-v-46e105de]{background-color:#747474}.btn--secondary.active[data-v-46e105de],.btn--secondary[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--secondary--outline[data-v-46e105de]{background-color:hsla(0,0%,45.5%,.05);border:1px solid #747474;color:#747474}.btn--secondary--outline.active[data-v-46e105de],.btn--secondary--outline[data-v-46e105de]:focus,.btn--secondary--outline[data-v-46e105de]:hover{background-color:#747474;color:#fff}.btn--secondary--outline.active[data-v-46e105de],.btn--secondary--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--third[data-v-46e105de]{background-color:#ccc}.btn--third[data-v-46e105de]:focus,.btn--third[data-v-46e105de]:hover{background-color:#b3b3b3}.btn--third.active[data-v-46e105de]{background-color:#ccc}.btn--third.active[data-v-46e105de],.btn--third[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--third--outline[data-v-46e105de]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--third--outline.active[data-v-46e105de],.btn--third--outline[data-v-46e105de]:focus,.btn--third--outline[data-v-46e105de]:hover{background-color:#ccc;color:#fff}.btn--third--outline.active[data-v-46e105de],.btn--third--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--success[data-v-46e105de]{background-color:#9acd32}.btn--success[data-v-46e105de]:focus,.btn--success[data-v-46e105de]:hover{background-color:#7ba428}.btn--success.active[data-v-46e105de]{background-color:#9acd32}.btn--success.active[data-v-46e105de],.btn--success[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--success--outline[data-v-46e105de]{background-color:rgba(154,205,50,.05);border:1px solid #9acd32;color:#9acd32}.btn--success--outline.active[data-v-46e105de],.btn--success--outline[data-v-46e105de]:focus,.btn--success--outline[data-v-46e105de]:hover{background-color:#9acd32;color:#fff}.btn--success--outline.active[data-v-46e105de],.btn--success--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--danger[data-v-46e105de]{background-color:#ff4500}.btn--danger[data-v-46e105de]:focus,.btn--danger[data-v-46e105de]:hover{background-color:#cc3700}.btn--danger.active[data-v-46e105de]{background-color:#ff4500}.btn--danger.active[data-v-46e105de],.btn--danger[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--danger--outline[data-v-46e105de]{background-color:rgba(255,69,0,.05);border:1px solid #ff4500;color:#ff4500}.btn--danger--outline.active[data-v-46e105de],.btn--danger--outline[data-v-46e105de]:focus,.btn--danger--outline[data-v-46e105de]:hover{background-color:#ff4500;color:#fff}.btn--danger--outline.active[data-v-46e105de],.btn--danger--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--grey[data-v-46e105de]{background-color:#999}.btn--grey[data-v-46e105de]:focus,.btn--grey[data-v-46e105de]:hover{background-color:grey}.btn--grey.active[data-v-46e105de]{background-color:#999}.btn--grey.active[data-v-46e105de],.btn--grey[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--grey--outline[data-v-46e105de]{background-color:hsla(0,0%,60%,.05);border:1px solid #999;color:#999}.btn--grey--outline.active[data-v-46e105de],.btn--grey--outline[data-v-46e105de]:focus,.btn--grey--outline[data-v-46e105de]:hover{background-color:#999;color:#fff}.btn--grey--outline.active[data-v-46e105de],.btn--grey--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--info[data-v-46e105de]{background-color:#17a2b8}.btn--info[data-v-46e105de]:focus,.btn--info[data-v-46e105de]:hover{background-color:#117a8b}.btn--info.active[data-v-46e105de]{background-color:#17a2b8}.btn--info.active[data-v-46e105de],.btn--info[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--info--outline[data-v-46e105de]{background-color:rgba(23,162,184,.05);border:1px solid #17a2b8;color:#17a2b8}.btn--info--outline.active[data-v-46e105de],.btn--info--outline[data-v-46e105de]:focus,.btn--info--outline[data-v-46e105de]:hover{background-color:#17a2b8;color:#fff}.btn--info--outline.active[data-v-46e105de],.btn--info--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--warning[data-v-46e105de]{background-color:#ffa300}.btn--warning[data-v-46e105de]:focus,.btn--warning[data-v-46e105de]:hover{background-color:#cc8200}.btn--warning.active[data-v-46e105de]{background-color:#ffa300}.btn--warning.active[data-v-46e105de],.btn--warning[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--warning--outline[data-v-46e105de]{background-color:rgba(255,163,0,.05);border:1px solid #ffa300;color:#ffa300}.btn--warning--outline.active[data-v-46e105de],.btn--warning--outline[data-v-46e105de]:focus,.btn--warning--outline[data-v-46e105de]:hover{background-color:#ffa300;color:#fff}.btn--warning--outline.active[data-v-46e105de],.btn--warning--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--light[data-v-46e105de]{background-color:#f5f5f5}.btn--light[data-v-46e105de]:focus,.btn--light[data-v-46e105de]:hover{background-color:#dcdcdc}.btn--light.active[data-v-46e105de]{background-color:#f5f5f5}.btn--light.active[data-v-46e105de],.btn--light[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--light--outline[data-v-46e105de]{background-color:hsla(0,0%,96.1%,.05);border:1px solid #f5f5f5;color:#f5f5f5}.btn--light--outline.active[data-v-46e105de],.btn--light--outline[data-v-46e105de]:focus,.btn--light--outline[data-v-46e105de]:hover{background-color:#f5f5f5;color:#fff}.btn--light--outline.active[data-v-46e105de],.btn--light--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--dark[data-v-46e105de]{background-color:#24292e}.btn--dark[data-v-46e105de]:focus,.btn--dark[data-v-46e105de]:hover{background-color:#0e1011}.btn--dark.active[data-v-46e105de]{background-color:#24292e}.btn--dark.active[data-v-46e105de],.btn--dark[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--dark--outline[data-v-46e105de]{background-color:rgba(36,41,46,.05);border:1px solid #24292e;color:#24292e}.btn--dark--outline.active[data-v-46e105de],.btn--dark--outline[data-v-46e105de]:focus,.btn--dark--outline[data-v-46e105de]:hover{background-color:#24292e;color:#fff}.btn--dark--outline.active[data-v-46e105de],.btn--dark--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--default[data-v-46e105de]{background-color:#ccc}.btn--default[data-v-46e105de]:focus,.btn--default[data-v-46e105de]:hover{background-color:#b3b3b3}.btn--default.active[data-v-46e105de]{background-color:#ccc}.btn--default.active[data-v-46e105de],.btn--default[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--default--outline[data-v-46e105de]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--default--outline.active[data-v-46e105de],.btn--default--outline[data-v-46e105de]:focus,.btn--default--outline[data-v-46e105de]:hover{background-color:#ccc;color:#fff}.btn--default--outline.active[data-v-46e105de],.btn--default--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--white[data-v-46e105de]{background-color:#fff}.btn--white[data-v-46e105de]:focus,.btn--white[data-v-46e105de]:hover{background-color:#e6e6e6}.btn--white.active[data-v-46e105de]{background-color:#fff}.btn--white.active[data-v-46e105de],.btn--white[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--white--outline[data-v-46e105de]{background-color:hsla(0,0%,100%,.05);border:1px solid #fff;color:#fff}.btn--white--outline.active[data-v-46e105de],.btn--white--outline[data-v-46e105de]:focus,.btn--white--outline[data-v-46e105de]:hover{background-color:#fff;color:#fff}.btn--white--outline.active[data-v-46e105de],.btn--white--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--black.active[data-v-46e105de],.btn--black[data-v-46e105de],.btn--black[data-v-46e105de]:focus,.btn--black[data-v-46e105de]:hover{background-color:#000}.btn--black.active[data-v-46e105de],.btn--black[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--black--outline[data-v-46e105de]{background-color:rgba(0,0,0,.05);border:1px solid #000;color:#000}.btn--black--outline.active[data-v-46e105de],.btn--black--outline[data-v-46e105de]:focus,.btn--black--outline[data-v-46e105de]:hover{background-color:#000;color:#fff}.btn--black--outline.active[data-v-46e105de],.btn--black--outline[data-v-46e105de]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--default--outline[data-v-46e105de]{color:#747474}.btn--disabled[data-v-46e105de]:disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#ccc;border:1px solid #ccc;color:#fff;cursor:not-allowed}.badge[data-v-46e105de]{background:#999;height:22px;line-height:22px;border-radius:22px;padding:0 5px;font-size:.857em;color:#888;font-weight:500}.badge-primary[data-v-46e105de]{background-color:#1e90ff;color:#fff}.badge-secondary[data-v-46e105de]{background-color:#747474;color:#fff}.badge-third[data-v-46e105de]{background-color:#ccc;color:#fff}.badge-success[data-v-46e105de]{background-color:#9acd32;color:#fff}.badge-danger[data-v-46e105de]{background-color:#ff4500;color:#fff}.badge-grey[data-v-46e105de]{background-color:#999;color:#fff}.badge-info[data-v-46e105de]{background-color:#17a2b8;color:#fff}.badge-warning[data-v-46e105de]{background-color:#ffa300;color:#fff}.badge-light[data-v-46e105de]{background-color:#f5f5f5;color:#fff}.badge-dark[data-v-46e105de]{background-color:#24292e;color:#fff}.badge-default[data-v-46e105de]{background-color:#ccc;color:#fff}.badge-white[data-v-46e105de]{background-color:#fff;color:#fff}.badge-black[data-v-46e105de]{background-color:#000;color:#fff}table.md[data-v-46e105de]{border-spacing:0;border-radius:8px;border-collapse:collapse;width:100%;table-layout:fixed;overflow-wrap:break-word;overflow:hidden;word-break:break-all;margin-top:0;margin-bottom:16px;font-size:1em;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2)}table.md tr[data-v-46e105de]{background-color:#fff;width:100%}table.md tr td[data-v-46e105de],table.md tr th[data-v-46e105de]{padding:6px 13px;text-align:left}table.md tr[data-v-46e105de]:nth-child(2n){background-color:#f2f2f2}.is-dark table.md[data-v-46e105de]{color:#f2f2f2}.is-dark table.md tr[data-v-46e105de]{background-color:#21222e}.is-dark table.md tr[data-v-46e105de]:nth-child(2n){background-color:#2e2f40}.is-dark table.md tr td.text-muted[data-v-46e105de]{color:hsla(0,0%,100%,.3)}.slide-enter-active[data-v-46e105de],.slide-leave-active[data-v-46e105de]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-46e105de],.slide-leave-to[data-v-46e105de]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tags-enter-active[data-v-46e105de],.tags-leave-active[data-v-46e105de]{opacity:1;-webkit-transition:all .3s;transition:all .3s;position:absolute;-webkit-transform:translateY(0);transform:translateY(0)}.tags-enter[data-v-46e105de],.tags-leave-to[data-v-46e105de]{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slideinvert-enter-active[data-v-46e105de],.slideinvert-leave-active[data-v-46e105de]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-46e105de],.slideinvert-leave-to[data-v-46e105de]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-46e105de],.slidenext-leave-active[data-v-46e105de],.slideprev-enter-active[data-v-46e105de],.slideprev-leave-active[data-v-46e105de]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidenext-enter[data-v-46e105de],.slideprev-leave-to[data-v-46e105de]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-46e105de],.slideprev-enter[data-v-46e105de]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-46e105de],.slidevnext-leave-active[data-v-46e105de],.slidevprev-enter-active[data-v-46e105de],.slidevprev-leave-active[data-v-46e105de]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidevnext-enter[data-v-46e105de],.slidevprev-leave-to[data-v-46e105de]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-46e105de],.slidevprev-enter[data-v-46e105de]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-46e105de],.slide-leave-active[data-v-46e105de],.slideinvert-enter-active[data-v-46e105de],.slideinvert-leave-active[data-v-46e105de]{-webkit-transition:all 0s;transition:all 0s}}.spinner-anim[data-v-46e105de]{-webkit-animation:spin-data-v-46e105de .6s linear infinite;animation:spin-data-v-46e105de .6s linear infinite}@-webkit-keyframes spin-data-v-46e105de{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-46e105de{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dialog-fade-enter-active .dialog-animation[data-v-46e105de]{-webkit-animation:dialog-fade-in-data-v-46e105de .4s;animation:dialog-fade-in-data-v-46e105de .4s}.dialog-fade-leave-active .dialog-animation[data-v-46e105de]{-webkit-animation:dialog-fade-out-data-v-46e105de .4s;animation:dialog-fade-out-data-v-46e105de .4s}@-webkit-keyframes dialog-fade-in-data-v-46e105de{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in-data-v-46e105de{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out-data-v-46e105de{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}@keyframes dialog-fade-out-data-v-46e105de{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}.expand-enter-active[data-v-46e105de],.expand-leave-active[data-v-46e105de]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height;overflow:hidden}.expand-enter[data-v-46e105de],.expand-leave-to[data-v-46e105de]{height:0;opacity:0}.scale-enter-active[data-v-46e105de],.scale-leave-active[data-v-46e105de]{opacity:1;z-index:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9)}.scale-enter[data-v-46e105de],.scale-leave-to[data-v-46e105de]{opacity:.4;z-index:1;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes loading-data-v-46e105de{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@keyframes loading-data-v-46e105de{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}.flip-list-move[data-v-46e105de]{-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.over-hid[data-v-46e105de]{overflow:hidden}.pos-r[data-v-46e105de]{position:relative}.pos-a[data-v-46e105de]{position:absolute}.flex[data-v-46e105de]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex.fluid[data-v-46e105de]{width:100%}.flex.direction-column[data-v-46e105de]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex.direction-column-reverse[data-v-46e105de]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex.direction-row[data-v-46e105de]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex.direction-row-reverse[data-v-46e105de]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex.align-center[data-v-46e105de]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.align-start[data-v-46e105de]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex.align-end[data-v-46e105de]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex.justify-start[data-v-46e105de]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex.justify-end[data-v-46e105de]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex.justify-center[data-v-46e105de]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex.space-between[data-v-46e105de]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex.space-around[data-v-46e105de]{-ms-flex-pack:distribute;justify-content:space-around}.flex.flex-center[data-v-46e105de]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.flex--wrap[data-v-46e105de]{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.flex--grow[data-v-46e105de]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-fill[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-fixed[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex-1[data-v-46e105de]{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-100[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.flex-75[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}.flex-50[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.flex-33[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 33.33%;flex:0 1 33.33%}.flex-25[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.flex-20[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}.flex-16[data-v-46e105de]{-webkit-box-flex:0;-ms-flex:0 1 16.66%;flex:0 1 16.66%}.text-muted-white[data-v-46e105de]{color:hsla(0,0%,100%,.54)}.text-muted[data-v-46e105de]{color:rgba(0,0,0,.54)}.is-dark .text-muted[data-v-46e105de]{color:hsla(0,0%,100%,.54)}.text-strong[data-v-46e105de]{font-weight:500}.text-center[data-v-46e105de]{text-align:center}.text-left[data-v-46e105de]{text-align:left}.text-right[data-v-46e105de]{text-align:right}.text-primary[data-v-46e105de]{color:#1e90ff}.text-secondary[data-v-46e105de]{color:#747474}.text-third[data-v-46e105de]{color:#ccc}.text-success[data-v-46e105de]{color:#9acd32}.text-danger[data-v-46e105de]{color:#ff4500}.text-grey[data-v-46e105de]{color:#999}.text-info[data-v-46e105de]{color:#17a2b8}.text-warning[data-v-46e105de]{color:#ffa300}.text-light[data-v-46e105de]{color:#f5f5f5}.text-dark[data-v-46e105de]{color:#24292e}.text-default[data-v-46e105de]{color:#ccc}.text-white[data-v-46e105de]{color:#fff}.text-black[data-v-46e105de]{color:#000}.dots-text[data-v-46e105de]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dots-text-3[data-v-46e105de]{overflow:hidden;position:relative;line-height:1.3em;max-height:3.9em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-3[data-v-46e105de]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-3[data-v-46e105de]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.dots-text-2[data-v-46e105de]{overflow:hidden;position:relative;line-height:1.3em;max-height:2.6em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-2[data-v-46e105de]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-2[data-v-46e105de]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.container[data-v-46e105de]{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:768px){.container[data-v-46e105de]{max-width:100%}}@media (min-width:768px){.container[data-v-46e105de]{max-width:768px}}@media (min-width:1024px){.container[data-v-46e105de]{max-width:1024px}}@media (min-width:1440px){.container[data-v-46e105de]{max-width:1440px}}@media (min-width:2560px){.container[data-v-46e105de]{max-width:2560px}}.pr-0[data-v-46e105de]{padding-right:0}.pt-0[data-v-46e105de]{padding-top:0}.pb-0[data-v-46e105de]{padding-bottom:0}.pl-0[data-v-46e105de]{padding-left:0}.px-0[data-v-46e105de]{padding-left:0;padding-right:0}.py-0[data-v-46e105de]{padding-top:0;padding-bottom:0}.p-0[data-v-46e105de]{padding:0}.pr-1[data-v-46e105de]{padding-right:.25rem}.pt-1[data-v-46e105de]{padding-top:.25rem}.pb-1[data-v-46e105de]{padding-bottom:.25rem}.pl-1[data-v-46e105de]{padding-left:.25rem}.px-1[data-v-46e105de]{padding-left:.25rem;padding-right:.25rem}.py-1[data-v-46e105de]{padding-top:.25rem;padding-bottom:.25rem}.p-1[data-v-46e105de]{padding:.25rem}.pr-2[data-v-46e105de]{padding-right:.5rem}.pt-2[data-v-46e105de]{padding-top:.5rem}.pb-2[data-v-46e105de]{padding-bottom:.5rem}.pl-2[data-v-46e105de]{padding-left:.5rem}.px-2[data-v-46e105de]{padding-left:.5rem;padding-right:.5rem}.py-2[data-v-46e105de]{padding-top:.5rem;padding-bottom:.5rem}.p-2[data-v-46e105de]{padding:.5rem}.pr-3[data-v-46e105de]{padding-right:1rem}.pt-3[data-v-46e105de]{padding-top:1rem}.pb-3[data-v-46e105de]{padding-bottom:1rem}.pl-3[data-v-46e105de]{padding-left:1rem}.px-3[data-v-46e105de]{padding-left:1rem;padding-right:1rem}.py-3[data-v-46e105de]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-46e105de]{padding:1rem}.pr-4[data-v-46e105de]{padding-right:1.5rem}.pt-4[data-v-46e105de]{padding-top:1.5rem}.pb-4[data-v-46e105de]{padding-bottom:1.5rem}.pl-4[data-v-46e105de]{padding-left:1.5rem}.px-4[data-v-46e105de]{padding-left:1.5rem;padding-right:1.5rem}.py-4[data-v-46e105de]{padding-top:1.5rem;padding-bottom:1.5rem}.p-4[data-v-46e105de]{padding:1.5rem}.pr-5[data-v-46e105de]{padding-right:3rem}.pt-5[data-v-46e105de]{padding-top:3rem}.pb-5[data-v-46e105de]{padding-bottom:3rem}.pl-5[data-v-46e105de]{padding-left:3rem}.px-5[data-v-46e105de]{padding-left:3rem;padding-right:3rem}.py-5[data-v-46e105de]{padding-top:3rem;padding-bottom:3rem}.p-5[data-v-46e105de]{padding:3rem}.mr-0[data-v-46e105de]{margin-right:0}.mt-0[data-v-46e105de]{margin-top:0}.mb-0[data-v-46e105de]{margin-bottom:0}.ml-0[data-v-46e105de]{margin-left:0}.mx-0[data-v-46e105de]{margin-left:0;margin-right:0}.my-0[data-v-46e105de]{margin-top:0;margin-bottom:0}.m-0[data-v-46e105de]{margin:0}.mr-1[data-v-46e105de]{margin-right:.25rem}.mt-1[data-v-46e105de]{margin-top:.25rem}.mb-1[data-v-46e105de]{margin-bottom:.25rem}.ml-1[data-v-46e105de]{margin-left:.25rem}.mx-1[data-v-46e105de]{margin-left:.25rem;margin-right:.25rem}.my-1[data-v-46e105de]{margin-top:.25rem;margin-bottom:.25rem}.m-1[data-v-46e105de]{margin:.25rem}.mr-2[data-v-46e105de]{margin-right:.5rem}.mt-2[data-v-46e105de]{margin-top:.5rem}.mb-2[data-v-46e105de]{margin-bottom:.5rem}.ml-2[data-v-46e105de]{margin-left:.5rem}.mx-2[data-v-46e105de]{margin-left:.5rem;margin-right:.5rem}.my-2[data-v-46e105de]{margin-top:.5rem;margin-bottom:.5rem}.m-2[data-v-46e105de]{margin:.5rem}.mr-3[data-v-46e105de]{margin-right:1rem}.mt-3[data-v-46e105de]{margin-top:1rem}.mb-3[data-v-46e105de]{margin-bottom:1rem}.ml-3[data-v-46e105de]{margin-left:1rem}.mx-3[data-v-46e105de]{margin-left:1rem;margin-right:1rem}.my-3[data-v-46e105de]{margin-top:1rem;margin-bottom:1rem}.m-3[data-v-46e105de]{margin:1rem}.mr-4[data-v-46e105de]{margin-right:1.5rem}.mt-4[data-v-46e105de]{margin-top:1.5rem}.mb-4[data-v-46e105de]{margin-bottom:1.5rem}.ml-4[data-v-46e105de]{margin-left:1.5rem}.mx-4[data-v-46e105de]{margin-left:1.5rem;margin-right:1.5rem}.my-4[data-v-46e105de]{margin-top:1.5rem;margin-bottom:1.5rem}.m-4[data-v-46e105de]{margin:1.5rem}.mr-5[data-v-46e105de]{margin-right:3rem}.mt-5[data-v-46e105de]{margin-top:3rem}.mb-5[data-v-46e105de]{margin-bottom:3rem}.ml-5[data-v-46e105de]{margin-left:3rem}.mx-5[data-v-46e105de]{margin-left:3rem;margin-right:3rem}.my-5[data-v-46e105de]{margin-top:3rem;margin-bottom:3rem}.m-5[data-v-46e105de]{margin:3rem}.h-100[data-v-46e105de]{height:100%}.mh-100[data-v-46e105de]{max-height:100%}.w-100[data-v-46e105de]{width:100%}.mw-100[data-v-46e105de]{max-width:100%}.m-h-0[data-v-46e105de]{min-height:0}.m-h-100[data-v-46e105de]{min-height:100%}.m-w-0[data-v-46e105de]{min-width:0}.m-w-100[data-v-46e105de]{min-width:100%}.br-0[data-v-46e105de]{border-radius:0}.brt-0[data-v-46e105de]{border-top-left-radius:0;border-top-right-radius:0}.brb-0[data-v-46e105de]{border-bottom-right-radius:0;border-bottom-left-radius:0}.br-2[data-v-46e105de]{border-radius:2px}.brt-2[data-v-46e105de]{border-top-left-radius:2px;border-top-right-radius:2px}.brb-2[data-v-46e105de]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.br-4[data-v-46e105de]{border-radius:4px}.brt-4[data-v-46e105de]{border-top-left-radius:4px;border-top-right-radius:4px}.brb-4[data-v-46e105de]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.br-8[data-v-46e105de]{border-radius:8px}.brt-8[data-v-46e105de]{border-top-left-radius:8px;border-top-right-radius:8px}.brb-8[data-v-46e105de]{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.fs-12[data-v-46e105de]{font-size:12px}.fs-14[data-v-46e105de]{font-size:14px}.fs-16[data-v-46e105de]{font-size:16px}.fs-18[data-v-46e105de]{font-size:18px}.fs-20[data-v-46e105de]{font-size:20px}.fs-22[data-v-46e105de]{font-size:22px}.fs-26[data-v-46e105de]{font-size:26px}.fw-300[data-v-46e105de]{font-weight:300}.fw-400[data-v-46e105de]{font-weight:400}.fw-500[data-v-46e105de]{font-weight:500}@media only screen and (max-width:2560px){.hidden-4k[data-v-46e105de]{display:none}}@media only screen and (max-width:1440px){.hidden-laptop[data-v-46e105de]{display:none}}@media only screen and (max-width:1024px){.hidden-laptop-s[data-v-46e105de]{display:none}}@media only screen and (max-width:768px){.hidden-tablet[data-v-46e105de]{display:none}}@media only screen and (max-width:425px){.hidden-mobile[data-v-46e105de]{display:none}}@media only screen and (max-width:375px){.hidden-mobile-m[data-v-46e105de]{display:none}}@media only screen and (max-width:320px){.hidden-mobile-s[data-v-46e105de]{display:none}}.show-4k[data-v-46e105de]{display:none}@media only screen and (max-width:2560px){.show-4k[data-v-46e105de]{display:inherit}}.show-laptop[data-v-46e105de]{display:none}@media only screen and (max-width:1440px){.show-laptop[data-v-46e105de]{display:inherit}}.show-laptop-s[data-v-46e105de]{display:none}@media only screen and (max-width:1024px){.show-laptop-s[data-v-46e105de]{display:inherit}}.show-tablet[data-v-46e105de]{display:none}@media only screen and (max-width:768px){.show-tablet[data-v-46e105de]{display:inherit}}.show-mobile[data-v-46e105de]{display:none}@media only screen and (max-width:425px){.show-mobile[data-v-46e105de]{display:inherit}}.show-mobile-m[data-v-46e105de]{display:none}@media only screen and (max-width:375px){.show-mobile-m[data-v-46e105de]{display:inherit}}.show-mobile-s[data-v-46e105de]{display:none}@media only screen and (max-width:320px){.show-mobile-s[data-v-46e105de]{display:inherit}}[data-v-46e105de],[data-v-46e105de]:after,[data-v-46e105de]:before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote[data-v-46e105de],body[data-v-46e105de],dd[data-v-46e105de],dl[data-v-46e105de],figure[data-v-46e105de],h1[data-v-46e105de],h2[data-v-46e105de],h3[data-v-46e105de],h4[data-v-46e105de],h5[data-v-46e105de],h6[data-v-46e105de],hr[data-v-46e105de],ol[data-v-46e105de],p[data-v-46e105de],pre[data-v-46e105de],ul[data-v-46e105de]{margin:0;padding:0}#app[data-v-46e105de],body[data-v-46e105de],button[data-v-46e105de],html[data-v-46e105de],input[data-v-46e105de]{font:400 14px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;-webkit-font-kerning:normal;font-kerning:normal}.country-selector[data-v-46e105de]{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;height:40px;min-height:40px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.country-selector[data-v-46e105de]:hover{z-index:1}.country-selector__label[data-v-46e105de]{position:absolute;top:3px;cursor:pointer;left:11px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:#747474}.country-selector__input[data-v-46e105de]{cursor:pointer;background-color:#fff;position:relative;width:100%;height:40px;min-height:40px;padding-right:22px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid #ccc;font-size:13px;z-index:0;padding-left:8px;color:#000}.country-selector__toggle[data-v-46e105de]{position:absolute;right:5px;top:calc(50% - 10px);-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);text-align:center;display:inline-block;cursor:pointer;height:24px}.country-selector__toggle__arrow[data-v-46e105de]{color:#747474}.country-selector__toggle__arrow path.arrow[data-v-46e105de]{fill:#747474}.country-selector__country-flag[data-v-46e105de]{margin:auto 0;position:absolute;top:21px;left:11px;z-index:1;cursor:pointer}.country-selector__country-flag img[data-v-46e105de]{position:absolute}.country-selector__list[data-v-46e105de]{max-width:100%;top:100%;width:100%;min-width:230px;position:absolute;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);z-index:9;list-style:none;overflow-y:auto;overflow-x:hidden;padding:0;margin:0}.country-selector__list.has-calling-code[data-v-46e105de]{min-width:270px}.country-selector__list__item[data-v-46e105de]{padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;cursor:pointer;background-color:transparent;width:100%;border:0;outline:none}.country-selector__list__item__flag-container[data-v-46e105de]{margin-right:10px}.country-selector__list__item__calling-code[data-v-46e105de]{width:45px;color:#747474}.country-selector__list__item.hover[data-v-46e105de],.country-selector__list__item.keyboard-selected[data-v-46e105de]{background-color:#f2f2f2}.country-selector__list__item.selected[data-v-46e105de]{color:#fff;font-weight:600}.country-selector__list__item.selected .country-selector__list__item__calling-code[data-v-46e105de]{color:#fff}.country-selector.is-dark .country-selector__input[data-v-46e105de]{cursor:pointer;color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__input[data-v-46e105de]::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__input[data-v-46e105de]::-moz-placeholder{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__input[data-v-46e105de]:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__input[data-v-46e105de]::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__input[data-v-46e105de]::placeholder{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__toggle__arrow[data-v-46e105de]{color:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__toggle__arrow path.arrow[data-v-46e105de]{fill:hsla(0,0%,100%,.7)}.country-selector.is-dark .country-selector__list__item[data-v-46e105de]{color:#f2f2f2}.country-selector.is-dark .country-selector__list__item.keyboard-selected[data-v-46e105de],.country-selector.is-dark .country-selector__list__item[data-v-46e105de]:hover{background-color:#43455e}.country-selector.is-dark .country-selector__list__calling-code[data-v-46e105de]{color:hsla(0,0%,100%,.3)}.country-selector.is-dark .country-selector__input[data-v-46e105de],.country-selector.is-dark .country-selector__list[data-v-46e105de]{color:hsla(0,0%,100%,.7)}.country-selector.has-list-open[data-v-46e105de]{z-index:1}.country-selector.has-list-open .country-selector__toggle[data-v-46e105de]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.country-selector.is-focused[data-v-46e105de]{z-index:1}.country-selector.has-error .country-selector__input[data-v-46e105de]{border-color:#ff4500}.country-selector.has-error .country-selector__label[data-v-46e105de]{color:#ff4500}.country-selector.has-value .country-selector__input[data-v-46e105de]{padding-left:40px}.country-selector.has-hint .country-selector__label[data-v-46e105de],.country-selector.has-value .country-selector__label[data-v-46e105de]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.country-selector.has-hint .country-selector__input[data-v-46e105de],.country-selector.has-value .country-selector__input[data-v-46e105de]{padding-top:14px}.country-selector.is-disabled .country-selector[data-v-46e105de]{cursor:not-allowed}.country-selector.is-disabled .country-selector__input[data-v-46e105de]{border-color:#ccc;background-color:#f2f2f2;color:#ccc}.country-selector.is-disabled .country-selector__input[data-v-46e105de]::-webkit-input-placeholder{color:#ccc}.country-selector.is-disabled .country-selector__input[data-v-46e105de]::-moz-placeholder{color:#ccc}.country-selector.is-disabled .country-selector__input[data-v-46e105de]:-ms-input-placeholder{color:#ccc}.country-selector.is-disabled .country-selector__input[data-v-46e105de]::-ms-input-placeholder{color:#ccc}.country-selector.is-disabled .country-selector__input[data-v-46e105de]::placeholder{color:#ccc}.country-selector.is-disabled .country-selector__country-flag>div[data-v-46e105de],.country-selector.is-disabled .country-selector__country-flag[data-v-46e105de],.country-selector.is-disabled .country-selector__input[data-v-46e105de],.country-selector.is-disabled .country-selector__label[data-v-46e105de],.country-selector.is-disabled .country-selector__toggle__arrow[data-v-46e105de]{cursor:not-allowed;color:#ccc}.country-selector.no-flags .country-selector__input[data-v-46e105de]{padding-left:10px}.country-selector.sm[data-v-46e105de]{height:36px;min-height:36px}.country-selector.sm .country-selector__input[data-v-46e105de]{height:36px;min-height:36px;font-size:12px}.country-selector.sm .country-selector__label[data-v-46e105de]{font-size:10px}.country-selector.sm .country-selector__country-flag[data-v-46e105de]{top:16px}.country-selector.sm .country-selector__country-flag img[data-v-46e105de]{zoom:.3;color:red;-moz-transform:scale(.3);-moz-transform-origin:0 0}.country-selector.sm.has-value .country-selector__input[data-v-46e105de]{padding-top:12px}.country-selector.lg[data-v-46e105de]{height:48px;min-height:48px}.country-selector.lg .country-selector__input[data-v-46e105de]{height:48px;min-height:48px;font-size:14px}.country-selector.lg .country-selector__label[data-v-46e105de]{font-size:14px}.country-selector.lg .country-selector__country-flag[data-v-46e105de]{top:25px}.country-selector.lg .country-selector__country-flag img[data-v-46e105de]{zoom:.45;-moz-transform:scale(.45);-moz-transform-origin:0 0}.country-selector.lg.has-value .country-selector__input[data-v-46e105de]{padding-top:18px}.country-selector .slide-enter-active[data-v-46e105de],.country-selector .slide-leave-active[data-v-46e105de]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.country-selector .slide-enter[data-v-46e105de],.country-selector .slide-leave-to[data-v-46e105de]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.bg-primary-after[data-v-19c9a1c7]:after,.bg-primary-before[data-v-19c9a1c7]:before,.bg-primary[data-v-19c9a1c7]{background-color:#1e90ff}.bg-primary-after-transparency[data-v-19c9a1c7]:after,.bg-primary-before-transparency[data-v-19c9a1c7]:before,.bg-primary-transparency[data-v-19c9a1c7]{background-color:rgba(30,144,255,.5)}.bg-secondary-after[data-v-19c9a1c7]:after,.bg-secondary-before[data-v-19c9a1c7]:before,.bg-secondary[data-v-19c9a1c7]{background-color:#747474}.bg-secondary-after-transparency[data-v-19c9a1c7]:after,.bg-secondary-before-transparency[data-v-19c9a1c7]:before,.bg-secondary-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,45.5%,.5)}.bg-third-after[data-v-19c9a1c7]:after,.bg-third-before[data-v-19c9a1c7]:before,.bg-third[data-v-19c9a1c7]{background-color:#ccc}.bg-third-after-transparency[data-v-19c9a1c7]:after,.bg-third-before-transparency[data-v-19c9a1c7]:before,.bg-third-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,80%,.5)}.bg-success-after[data-v-19c9a1c7]:after,.bg-success-before[data-v-19c9a1c7]:before,.bg-success[data-v-19c9a1c7]{background-color:#9acd32}.bg-success-after-transparency[data-v-19c9a1c7]:after,.bg-success-before-transparency[data-v-19c9a1c7]:before,.bg-success-transparency[data-v-19c9a1c7]{background-color:rgba(154,205,50,.5)}.bg-danger-after[data-v-19c9a1c7]:after,.bg-danger-before[data-v-19c9a1c7]:before,.bg-danger[data-v-19c9a1c7]{background-color:#ff4500}.bg-danger-after-transparency[data-v-19c9a1c7]:after,.bg-danger-before-transparency[data-v-19c9a1c7]:before,.bg-danger-transparency[data-v-19c9a1c7]{background-color:rgba(255,69,0,.5)}.bg-grey-after[data-v-19c9a1c7]:after,.bg-grey-before[data-v-19c9a1c7]:before,.bg-grey[data-v-19c9a1c7]{background-color:#999}.bg-grey-after-transparency[data-v-19c9a1c7]:after,.bg-grey-before-transparency[data-v-19c9a1c7]:before,.bg-grey-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,60%,.5)}.bg-info-after[data-v-19c9a1c7]:after,.bg-info-before[data-v-19c9a1c7]:before,.bg-info[data-v-19c9a1c7]{background-color:#17a2b8}.bg-info-after-transparency[data-v-19c9a1c7]:after,.bg-info-before-transparency[data-v-19c9a1c7]:before,.bg-info-transparency[data-v-19c9a1c7]{background-color:rgba(23,162,184,.5)}.bg-warning-after[data-v-19c9a1c7]:after,.bg-warning-before[data-v-19c9a1c7]:before,.bg-warning[data-v-19c9a1c7]{background-color:#ffa300}.bg-warning-after-transparency[data-v-19c9a1c7]:after,.bg-warning-before-transparency[data-v-19c9a1c7]:before,.bg-warning-transparency[data-v-19c9a1c7]{background-color:rgba(255,163,0,.5)}.bg-light-after[data-v-19c9a1c7]:after,.bg-light-before[data-v-19c9a1c7]:before,.bg-light[data-v-19c9a1c7]{background-color:#f5f5f5}.bg-light-after-transparency[data-v-19c9a1c7]:after,.bg-light-before-transparency[data-v-19c9a1c7]:before,.bg-light-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,96.1%,.5)}.bg-dark-after[data-v-19c9a1c7]:after,.bg-dark-before[data-v-19c9a1c7]:before,.bg-dark[data-v-19c9a1c7]{background-color:#24292e}.bg-dark-after-transparency[data-v-19c9a1c7]:after,.bg-dark-before-transparency[data-v-19c9a1c7]:before,.bg-dark-transparency[data-v-19c9a1c7]{background-color:rgba(36,41,46,.5)}.bg-default-after[data-v-19c9a1c7]:after,.bg-default-before[data-v-19c9a1c7]:before,.bg-default[data-v-19c9a1c7]{background-color:#ccc}.bg-default-after-transparency[data-v-19c9a1c7]:after,.bg-default-before-transparency[data-v-19c9a1c7]:before,.bg-default-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,80%,.5)}.bg-white-after[data-v-19c9a1c7]:after,.bg-white-before[data-v-19c9a1c7]:before,.bg-white[data-v-19c9a1c7]{background-color:#fff}.bg-white-after-transparency[data-v-19c9a1c7]:after,.bg-white-before-transparency[data-v-19c9a1c7]:before,.bg-white-transparency[data-v-19c9a1c7]{background-color:hsla(0,0%,100%,.5)}.bg-black-after[data-v-19c9a1c7]:after,.bg-black-before[data-v-19c9a1c7]:before,.bg-black[data-v-19c9a1c7]{background-color:#000}.bg-black-after-transparency[data-v-19c9a1c7]:after,.bg-black-before-transparency[data-v-19c9a1c7]:before,.bg-black-transparency[data-v-19c9a1c7]{background-color:rgba(0,0,0,.5)}.fill-primary path[data-v-19c9a1c7]{fill:#1e90ff}.fill-secondary path[data-v-19c9a1c7]{fill:#747474}.fill-third path[data-v-19c9a1c7]{fill:#ccc}.fill-success path[data-v-19c9a1c7]{fill:#9acd32}.fill-danger path[data-v-19c9a1c7]{fill:#ff4500}.fill-grey path[data-v-19c9a1c7]{fill:#999}.fill-info path[data-v-19c9a1c7]{fill:#17a2b8}.fill-warning path[data-v-19c9a1c7]{fill:#ffa300}.fill-light path[data-v-19c9a1c7]{fill:#f5f5f5}.fill-dark path[data-v-19c9a1c7]{fill:#24292e}.fill-default path[data-v-19c9a1c7]{fill:#ccc}.fill-white path[data-v-19c9a1c7]{fill:#fff}.fill-black path[data-v-19c9a1c7]{fill:#000}.label[data-v-19c9a1c7]{border-radius:2px;padding:2px 4px;color:#fff;font-size:.714em}.label-primary[data-v-19c9a1c7],.label[data-v-19c9a1c7]{background-color:#1e90ff}.label-primary-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.label-secondary[data-v-19c9a1c7]{background-color:#747474}.label-secondary-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #747474;color:#747474}.label-third[data-v-19c9a1c7]{background-color:#ccc}.label-third-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-success[data-v-19c9a1c7]{background-color:#9acd32}.label-success-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.label-danger[data-v-19c9a1c7]{background-color:#ff4500}.label-danger-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.label-grey[data-v-19c9a1c7]{background-color:#999}.label-grey-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #999;color:#999}.label-info[data-v-19c9a1c7]{background-color:#17a2b8}.label-info-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.label-warning[data-v-19c9a1c7]{background-color:#ffa300}.label-warning-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.label-light[data-v-19c9a1c7]{background-color:#f5f5f5}.label-light-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.label-dark[data-v-19c9a1c7]{background-color:#24292e}.label-dark-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #24292e;color:#24292e}.label-default[data-v-19c9a1c7]{background-color:#ccc}.label-default-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-white[data-v-19c9a1c7]{background-color:#fff}.label-white-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #fff;color:#fff}.label-black[data-v-19c9a1c7]{background-color:#000}.label-black-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #000;color:#000}.dot[data-v-19c9a1c7]{width:6px;height:6px;border-radius:6px}.dot-primary[data-v-19c9a1c7],.dot[data-v-19c9a1c7]{background-color:#1e90ff}.dot-primary-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.dot-secondary[data-v-19c9a1c7]{background-color:#747474}.dot-secondary-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #747474;color:#747474}.dot-third[data-v-19c9a1c7]{background-color:#ccc}.dot-third-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-success[data-v-19c9a1c7]{background-color:#9acd32}.dot-success-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.dot-danger[data-v-19c9a1c7]{background-color:#ff4500}.dot-danger-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.dot-grey[data-v-19c9a1c7]{background-color:#999}.dot-grey-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #999;color:#999}.dot-info[data-v-19c9a1c7]{background-color:#17a2b8}.dot-info-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.dot-warning[data-v-19c9a1c7]{background-color:#ffa300}.dot-warning-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.dot-light[data-v-19c9a1c7]{background-color:#f5f5f5}.dot-light-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.dot-dark[data-v-19c9a1c7]{background-color:#24292e}.dot-dark-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #24292e;color:#24292e}.dot-default[data-v-19c9a1c7]{background-color:#ccc}.dot-default-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-white[data-v-19c9a1c7]{background-color:#fff}.dot-white-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #fff;color:#fff}.dot-black[data-v-19c9a1c7]{background-color:#000}.dot-black-outline[data-v-19c9a1c7]{background-color:transparent;border:1px solid #000;color:#000}a[data-v-19c9a1c7]{color:#1e90ff;text-decoration:none}a[data-v-19c9a1c7]:focus,a[data-v-19c9a1c7]:hover{text-decoration:underline}.btn[data-v-19c9a1c7]{border:1px solid transparent;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;display:inline-block;border-radius:8px;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 20px;font-size:1em;font-weight:inherit;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;overflow:visible;-webkit-font-smoothing:inherit;text-decoration:none;-moz-osx-font-smoothing:inherit}.btn[data-v-19c9a1c7]:focus,.btn[data-v-19c9a1c7]:hover{background-color:#0077ea}.btn.active[data-v-19c9a1c7]{background-color:#1e90ff}.btn.active[data-v-19c9a1c7],.btn[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn.active[data-v-19c9a1c7],.btn[data-v-19c9a1c7]:focus,.btn[data-v-19c9a1c7]:hover{text-decoration:none}.btn--rounded[data-v-19c9a1c7]{border-radius:50px}.btn--block[data-v-19c9a1c7]{width:100%}.btn--lg[data-v-19c9a1c7]{padding:16px 22px;font-size:1.143em}.btn--md[data-v-19c9a1c7]{padding:10px 20px;font-size:1em}.btn--sm[data-v-19c9a1c7]{padding:9px 15px;font-size:.857em}.btn--mini[data-v-19c9a1c7]{padding:7px 15px;font-size:.857em}.btn--fab[data-v-19c9a1c7]{border-radius:50%;padding:0;height:40px;width:40px}.btn--fab.btn--lg[data-v-19c9a1c7]{height:50px;width:50px}.btn--fab.btn--md[data-v-19c9a1c7]{height:36px;width:36px}.btn--fab.btn--sm[data-v-19c9a1c7]{height:32px;width:32px}.btn--fab.btn--mini[data-v-19c9a1c7]{height:28px;width:28px}.btn--light[data-v-19c9a1c7],.btn--white[data-v-19c9a1c7]{color:#747474}.btn--primary[data-v-19c9a1c7]{background-color:#1e90ff}.btn--primary[data-v-19c9a1c7]:focus,.btn--primary[data-v-19c9a1c7]:hover{background-color:#0077ea}.btn--primary.active[data-v-19c9a1c7]{background-color:#1e90ff}.btn--primary.active[data-v-19c9a1c7],.btn--primary[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--primary--outline[data-v-19c9a1c7]{background-color:rgba(30,144,255,.05);border:1px solid #1e90ff;color:#1e90ff}.btn--primary--outline.active[data-v-19c9a1c7],.btn--primary--outline[data-v-19c9a1c7]:focus,.btn--primary--outline[data-v-19c9a1c7]:hover{background-color:#1e90ff;color:#fff}.btn--primary--outline.active[data-v-19c9a1c7],.btn--primary--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(30,144,255,.5);box-shadow:0 0 0 .143rem rgba(30,144,255,.5)}.btn--secondary[data-v-19c9a1c7]{background-color:#747474}.btn--secondary[data-v-19c9a1c7]:focus,.btn--secondary[data-v-19c9a1c7]:hover{background-color:#5b5b5b}.btn--secondary.active[data-v-19c9a1c7]{background-color:#747474}.btn--secondary.active[data-v-19c9a1c7],.btn--secondary[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--secondary--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,45.5%,.05);border:1px solid #747474;color:#747474}.btn--secondary--outline.active[data-v-19c9a1c7],.btn--secondary--outline[data-v-19c9a1c7]:focus,.btn--secondary--outline[data-v-19c9a1c7]:hover{background-color:#747474;color:#fff}.btn--secondary--outline.active[data-v-19c9a1c7],.btn--secondary--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,45.5%,.5)}.btn--third[data-v-19c9a1c7]{background-color:#ccc}.btn--third[data-v-19c9a1c7]:focus,.btn--third[data-v-19c9a1c7]:hover{background-color:#b3b3b3}.btn--third.active[data-v-19c9a1c7]{background-color:#ccc}.btn--third.active[data-v-19c9a1c7],.btn--third[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--third--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--third--outline.active[data-v-19c9a1c7],.btn--third--outline[data-v-19c9a1c7]:focus,.btn--third--outline[data-v-19c9a1c7]:hover{background-color:#ccc;color:#fff}.btn--third--outline.active[data-v-19c9a1c7],.btn--third--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--success[data-v-19c9a1c7]{background-color:#9acd32}.btn--success[data-v-19c9a1c7]:focus,.btn--success[data-v-19c9a1c7]:hover{background-color:#7ba428}.btn--success.active[data-v-19c9a1c7]{background-color:#9acd32}.btn--success.active[data-v-19c9a1c7],.btn--success[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--success--outline[data-v-19c9a1c7]{background-color:rgba(154,205,50,.05);border:1px solid #9acd32;color:#9acd32}.btn--success--outline.active[data-v-19c9a1c7],.btn--success--outline[data-v-19c9a1c7]:focus,.btn--success--outline[data-v-19c9a1c7]:hover{background-color:#9acd32;color:#fff}.btn--success--outline.active[data-v-19c9a1c7],.btn--success--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(154,205,50,.5);box-shadow:0 0 0 .143rem rgba(154,205,50,.5)}.btn--danger[data-v-19c9a1c7]{background-color:#ff4500}.btn--danger[data-v-19c9a1c7]:focus,.btn--danger[data-v-19c9a1c7]:hover{background-color:#cc3700}.btn--danger.active[data-v-19c9a1c7]{background-color:#ff4500}.btn--danger.active[data-v-19c9a1c7],.btn--danger[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--danger--outline[data-v-19c9a1c7]{background-color:rgba(255,69,0,.05);border:1px solid #ff4500;color:#ff4500}.btn--danger--outline.active[data-v-19c9a1c7],.btn--danger--outline[data-v-19c9a1c7]:focus,.btn--danger--outline[data-v-19c9a1c7]:hover{background-color:#ff4500;color:#fff}.btn--danger--outline.active[data-v-19c9a1c7],.btn--danger--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,69,0,.5);box-shadow:0 0 0 .143rem rgba(255,69,0,.5)}.btn--grey[data-v-19c9a1c7]{background-color:#999}.btn--grey[data-v-19c9a1c7]:focus,.btn--grey[data-v-19c9a1c7]:hover{background-color:grey}.btn--grey.active[data-v-19c9a1c7]{background-color:#999}.btn--grey.active[data-v-19c9a1c7],.btn--grey[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--grey--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,60%,.05);border:1px solid #999;color:#999}.btn--grey--outline.active[data-v-19c9a1c7],.btn--grey--outline[data-v-19c9a1c7]:focus,.btn--grey--outline[data-v-19c9a1c7]:hover{background-color:#999;color:#fff}.btn--grey--outline.active[data-v-19c9a1c7],.btn--grey--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,60%,.5)}.btn--info[data-v-19c9a1c7]{background-color:#17a2b8}.btn--info[data-v-19c9a1c7]:focus,.btn--info[data-v-19c9a1c7]:hover{background-color:#117a8b}.btn--info.active[data-v-19c9a1c7]{background-color:#17a2b8}.btn--info.active[data-v-19c9a1c7],.btn--info[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--info--outline[data-v-19c9a1c7]{background-color:rgba(23,162,184,.05);border:1px solid #17a2b8;color:#17a2b8}.btn--info--outline.active[data-v-19c9a1c7],.btn--info--outline[data-v-19c9a1c7]:focus,.btn--info--outline[data-v-19c9a1c7]:hover{background-color:#17a2b8;color:#fff}.btn--info--outline.active[data-v-19c9a1c7],.btn--info--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(23,162,184,.5);box-shadow:0 0 0 .143rem rgba(23,162,184,.5)}.btn--warning[data-v-19c9a1c7]{background-color:#ffa300}.btn--warning[data-v-19c9a1c7]:focus,.btn--warning[data-v-19c9a1c7]:hover{background-color:#cc8200}.btn--warning.active[data-v-19c9a1c7]{background-color:#ffa300}.btn--warning.active[data-v-19c9a1c7],.btn--warning[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--warning--outline[data-v-19c9a1c7]{background-color:rgba(255,163,0,.05);border:1px solid #ffa300;color:#ffa300}.btn--warning--outline.active[data-v-19c9a1c7],.btn--warning--outline[data-v-19c9a1c7]:focus,.btn--warning--outline[data-v-19c9a1c7]:hover{background-color:#ffa300;color:#fff}.btn--warning--outline.active[data-v-19c9a1c7],.btn--warning--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(255,163,0,.5);box-shadow:0 0 0 .143rem rgba(255,163,0,.5)}.btn--light[data-v-19c9a1c7]{background-color:#f5f5f5}.btn--light[data-v-19c9a1c7]:focus,.btn--light[data-v-19c9a1c7]:hover{background-color:#dcdcdc}.btn--light.active[data-v-19c9a1c7]{background-color:#f5f5f5}.btn--light.active[data-v-19c9a1c7],.btn--light[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--light--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,96.1%,.05);border:1px solid #f5f5f5;color:#f5f5f5}.btn--light--outline.active[data-v-19c9a1c7],.btn--light--outline[data-v-19c9a1c7]:focus,.btn--light--outline[data-v-19c9a1c7]:hover{background-color:#f5f5f5;color:#fff}.btn--light--outline.active[data-v-19c9a1c7],.btn--light--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,96.1%,.5)}.btn--dark[data-v-19c9a1c7]{background-color:#24292e}.btn--dark[data-v-19c9a1c7]:focus,.btn--dark[data-v-19c9a1c7]:hover{background-color:#0e1011}.btn--dark.active[data-v-19c9a1c7]{background-color:#24292e}.btn--dark.active[data-v-19c9a1c7],.btn--dark[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--dark--outline[data-v-19c9a1c7]{background-color:rgba(36,41,46,.05);border:1px solid #24292e;color:#24292e}.btn--dark--outline.active[data-v-19c9a1c7],.btn--dark--outline[data-v-19c9a1c7]:focus,.btn--dark--outline[data-v-19c9a1c7]:hover{background-color:#24292e;color:#fff}.btn--dark--outline.active[data-v-19c9a1c7],.btn--dark--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(36,41,46,.5);box-shadow:0 0 0 .143rem rgba(36,41,46,.5)}.btn--default[data-v-19c9a1c7]{background-color:#ccc}.btn--default[data-v-19c9a1c7]:focus,.btn--default[data-v-19c9a1c7]:hover{background-color:#b3b3b3}.btn--default.active[data-v-19c9a1c7]{background-color:#ccc}.btn--default.active[data-v-19c9a1c7],.btn--default[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--default--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,80%,.05);border:1px solid #ccc;color:#ccc}.btn--default--outline.active[data-v-19c9a1c7],.btn--default--outline[data-v-19c9a1c7]:focus,.btn--default--outline[data-v-19c9a1c7]:hover{background-color:#ccc;color:#fff}.btn--default--outline.active[data-v-19c9a1c7],.btn--default--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,80%,.5)}.btn--white[data-v-19c9a1c7]{background-color:#fff}.btn--white[data-v-19c9a1c7]:focus,.btn--white[data-v-19c9a1c7]:hover{background-color:#e6e6e6}.btn--white.active[data-v-19c9a1c7]{background-color:#fff}.btn--white.active[data-v-19c9a1c7],.btn--white[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--white--outline[data-v-19c9a1c7]{background-color:hsla(0,0%,100%,.05);border:1px solid #fff;color:#fff}.btn--white--outline.active[data-v-19c9a1c7],.btn--white--outline[data-v-19c9a1c7]:focus,.btn--white--outline[data-v-19c9a1c7]:hover{background-color:#fff;color:#fff}.btn--white--outline.active[data-v-19c9a1c7],.btn--white--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .143rem hsla(0,0%,100%,.5)}.btn--black.active[data-v-19c9a1c7],.btn--black[data-v-19c9a1c7],.btn--black[data-v-19c9a1c7]:focus,.btn--black[data-v-19c9a1c7]:hover{background-color:#000}.btn--black.active[data-v-19c9a1c7],.btn--black[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--black--outline[data-v-19c9a1c7]{background-color:rgba(0,0,0,.05);border:1px solid #000;color:#000}.btn--black--outline.active[data-v-19c9a1c7],.btn--black--outline[data-v-19c9a1c7]:focus,.btn--black--outline[data-v-19c9a1c7]:hover{background-color:#000;color:#fff}.btn--black--outline.active[data-v-19c9a1c7],.btn--black--outline[data-v-19c9a1c7]:focus{-webkit-box-shadow:0 0 0 .143rem rgba(0,0,0,.5);box-shadow:0 0 0 .143rem rgba(0,0,0,.5)}.btn--default--outline[data-v-19c9a1c7]{color:#747474}.btn--disabled[data-v-19c9a1c7]:disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#ccc;border:1px solid #ccc;color:#fff;cursor:not-allowed}.badge[data-v-19c9a1c7]{background:#999;height:22px;line-height:22px;border-radius:22px;padding:0 5px;font-size:.857em;color:#888;font-weight:500}.badge-primary[data-v-19c9a1c7]{background-color:#1e90ff;color:#fff}.badge-secondary[data-v-19c9a1c7]{background-color:#747474;color:#fff}.badge-third[data-v-19c9a1c7]{background-color:#ccc;color:#fff}.badge-success[data-v-19c9a1c7]{background-color:#9acd32;color:#fff}.badge-danger[data-v-19c9a1c7]{background-color:#ff4500;color:#fff}.badge-grey[data-v-19c9a1c7]{background-color:#999;color:#fff}.badge-info[data-v-19c9a1c7]{background-color:#17a2b8;color:#fff}.badge-warning[data-v-19c9a1c7]{background-color:#ffa300;color:#fff}.badge-light[data-v-19c9a1c7]{background-color:#f5f5f5;color:#fff}.badge-dark[data-v-19c9a1c7]{background-color:#24292e;color:#fff}.badge-default[data-v-19c9a1c7]{background-color:#ccc;color:#fff}.badge-white[data-v-19c9a1c7]{background-color:#fff;color:#fff}.badge-black[data-v-19c9a1c7]{background-color:#000;color:#fff}table.md[data-v-19c9a1c7]{border-spacing:0;border-radius:8px;border-collapse:collapse;width:100%;table-layout:fixed;overflow-wrap:break-word;overflow:hidden;word-break:break-all;margin-top:0;margin-bottom:16px;font-size:1em;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2)}table.md tr[data-v-19c9a1c7]{background-color:#fff;width:100%}table.md tr td[data-v-19c9a1c7],table.md tr th[data-v-19c9a1c7]{padding:6px 13px;text-align:left}table.md tr[data-v-19c9a1c7]:nth-child(2n){background-color:#f2f2f2}.is-dark table.md[data-v-19c9a1c7]{color:#f2f2f2}.is-dark table.md tr[data-v-19c9a1c7]{background-color:#21222e}.is-dark table.md tr[data-v-19c9a1c7]:nth-child(2n){background-color:#2e2f40}.is-dark table.md tr td.text-muted[data-v-19c9a1c7]{color:hsla(0,0%,100%,.3)}.slide-enter-active[data-v-19c9a1c7],.slide-leave-active[data-v-19c9a1c7]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-19c9a1c7],.slide-leave-to[data-v-19c9a1c7]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tags-enter-active[data-v-19c9a1c7],.tags-leave-active[data-v-19c9a1c7]{opacity:1;-webkit-transition:all .3s;transition:all .3s;position:absolute;-webkit-transform:translateY(0);transform:translateY(0)}.tags-enter[data-v-19c9a1c7],.tags-leave-to[data-v-19c9a1c7]{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slideinvert-enter-active[data-v-19c9a1c7],.slideinvert-leave-active[data-v-19c9a1c7]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-19c9a1c7],.slideinvert-leave-to[data-v-19c9a1c7]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-19c9a1c7],.slidenext-leave-active[data-v-19c9a1c7],.slideprev-enter-active[data-v-19c9a1c7],.slideprev-leave-active[data-v-19c9a1c7]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidenext-enter[data-v-19c9a1c7],.slideprev-leave-to[data-v-19c9a1c7]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-19c9a1c7],.slideprev-enter[data-v-19c9a1c7]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-19c9a1c7],.slidevnext-leave-active[data-v-19c9a1c7],.slidevprev-enter-active[data-v-19c9a1c7],.slidevprev-leave-active[data-v-19c9a1c7]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidevnext-enter[data-v-19c9a1c7],.slidevprev-leave-to[data-v-19c9a1c7]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-19c9a1c7],.slidevprev-enter[data-v-19c9a1c7]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-19c9a1c7],.slide-leave-active[data-v-19c9a1c7],.slideinvert-enter-active[data-v-19c9a1c7],.slideinvert-leave-active[data-v-19c9a1c7]{-webkit-transition:all 0s;transition:all 0s}}.spinner-anim[data-v-19c9a1c7]{-webkit-animation:spin-data-v-19c9a1c7 .6s linear infinite;animation:spin-data-v-19c9a1c7 .6s linear infinite}@-webkit-keyframes spin-data-v-19c9a1c7{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-19c9a1c7{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dialog-fade-enter-active .dialog-animation[data-v-19c9a1c7]{-webkit-animation:dialog-fade-in-data-v-19c9a1c7 .4s;animation:dialog-fade-in-data-v-19c9a1c7 .4s}.dialog-fade-leave-active .dialog-animation[data-v-19c9a1c7]{-webkit-animation:dialog-fade-out-data-v-19c9a1c7 .4s;animation:dialog-fade-out-data-v-19c9a1c7 .4s}@-webkit-keyframes dialog-fade-in-data-v-19c9a1c7{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in-data-v-19c9a1c7{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out-data-v-19c9a1c7{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}@keyframes dialog-fade-out-data-v-19c9a1c7{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);opacity:0}}.expand-enter-active[data-v-19c9a1c7],.expand-leave-active[data-v-19c9a1c7]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height;overflow:hidden}.expand-enter[data-v-19c9a1c7],.expand-leave-to[data-v-19c9a1c7]{height:0;opacity:0}.scale-enter-active[data-v-19c9a1c7],.scale-leave-active[data-v-19c9a1c7]{opacity:1;z-index:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9)}.scale-enter[data-v-19c9a1c7],.scale-leave-to[data-v-19c9a1c7]{opacity:.4;z-index:1;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes loading-data-v-19c9a1c7{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@keyframes loading-data-v-19c9a1c7{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}.flip-list-move[data-v-19c9a1c7]{-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.over-hid[data-v-19c9a1c7]{overflow:hidden}.pos-r[data-v-19c9a1c7]{position:relative}.pos-a[data-v-19c9a1c7]{position:absolute}.flex[data-v-19c9a1c7]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex.fluid[data-v-19c9a1c7]{width:100%}.flex.direction-column[data-v-19c9a1c7]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex.direction-column-reverse[data-v-19c9a1c7]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex.direction-row[data-v-19c9a1c7]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex.direction-row-reverse[data-v-19c9a1c7]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex.align-center[data-v-19c9a1c7]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.align-start[data-v-19c9a1c7]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex.align-end[data-v-19c9a1c7]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex.justify-start[data-v-19c9a1c7]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex.justify-end[data-v-19c9a1c7]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex.justify-center[data-v-19c9a1c7]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex.space-between[data-v-19c9a1c7]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex.space-around[data-v-19c9a1c7]{-ms-flex-pack:distribute;justify-content:space-around}.flex.flex-center[data-v-19c9a1c7]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.flex--wrap[data-v-19c9a1c7]{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.flex--grow[data-v-19c9a1c7]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-fill[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-fixed[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex-1[data-v-19c9a1c7]{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-100[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.flex-75[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%}.flex-50[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.flex-33[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 33.33%;flex:0 1 33.33%}.flex-25[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.flex-20[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}.flex-16[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 1 16.66%;flex:0 1 16.66%}.text-muted-white[data-v-19c9a1c7]{color:hsla(0,0%,100%,.54)}.text-muted[data-v-19c9a1c7]{color:rgba(0,0,0,.54)}.is-dark .text-muted[data-v-19c9a1c7]{color:hsla(0,0%,100%,.54)}.text-strong[data-v-19c9a1c7]{font-weight:500}.text-center[data-v-19c9a1c7]{text-align:center}.text-left[data-v-19c9a1c7]{text-align:left}.text-right[data-v-19c9a1c7]{text-align:right}.text-primary[data-v-19c9a1c7]{color:#1e90ff}.text-secondary[data-v-19c9a1c7]{color:#747474}.text-third[data-v-19c9a1c7]{color:#ccc}.text-success[data-v-19c9a1c7]{color:#9acd32}.text-danger[data-v-19c9a1c7]{color:#ff4500}.text-grey[data-v-19c9a1c7]{color:#999}.text-info[data-v-19c9a1c7]{color:#17a2b8}.text-warning[data-v-19c9a1c7]{color:#ffa300}.text-light[data-v-19c9a1c7]{color:#f5f5f5}.text-dark[data-v-19c9a1c7]{color:#24292e}.text-default[data-v-19c9a1c7]{color:#ccc}.text-white[data-v-19c9a1c7]{color:#fff}.text-black[data-v-19c9a1c7]{color:#000}.dots-text[data-v-19c9a1c7]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dots-text-3[data-v-19c9a1c7]{overflow:hidden;position:relative;line-height:1.3em;max-height:3.9em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-3[data-v-19c9a1c7]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-3[data-v-19c9a1c7]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.dots-text-2[data-v-19c9a1c7]{overflow:hidden;position:relative;line-height:1.3em;max-height:2.6em;text-align:justify;margin-right:-1em;padding-right:1em}.dots-text-2[data-v-19c9a1c7]:before{content:"...";position:absolute;right:3px;bottom:2px}.dots-text-2[data-v-19c9a1c7]:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.container[data-v-19c9a1c7]{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:768px){.container[data-v-19c9a1c7]{max-width:100%}}@media (min-width:768px){.container[data-v-19c9a1c7]{max-width:768px}}@media (min-width:1024px){.container[data-v-19c9a1c7]{max-width:1024px}}@media (min-width:1440px){.container[data-v-19c9a1c7]{max-width:1440px}}@media (min-width:2560px){.container[data-v-19c9a1c7]{max-width:2560px}}.pr-0[data-v-19c9a1c7]{padding-right:0}.pt-0[data-v-19c9a1c7]{padding-top:0}.pb-0[data-v-19c9a1c7]{padding-bottom:0}.pl-0[data-v-19c9a1c7]{padding-left:0}.px-0[data-v-19c9a1c7]{padding-left:0;padding-right:0}.py-0[data-v-19c9a1c7]{padding-top:0;padding-bottom:0}.p-0[data-v-19c9a1c7]{padding:0}.pr-1[data-v-19c9a1c7]{padding-right:.25rem}.pt-1[data-v-19c9a1c7]{padding-top:.25rem}.pb-1[data-v-19c9a1c7]{padding-bottom:.25rem}.pl-1[data-v-19c9a1c7]{padding-left:.25rem}.px-1[data-v-19c9a1c7]{padding-left:.25rem;padding-right:.25rem}.py-1[data-v-19c9a1c7]{padding-top:.25rem;padding-bottom:.25rem}.p-1[data-v-19c9a1c7]{padding:.25rem}.pr-2[data-v-19c9a1c7]{padding-right:.5rem}.pt-2[data-v-19c9a1c7]{padding-top:.5rem}.pb-2[data-v-19c9a1c7]{padding-bottom:.5rem}.pl-2[data-v-19c9a1c7]{padding-left:.5rem}.px-2[data-v-19c9a1c7]{padding-left:.5rem;padding-right:.5rem}.py-2[data-v-19c9a1c7]{padding-top:.5rem;padding-bottom:.5rem}.p-2[data-v-19c9a1c7]{padding:.5rem}.pr-3[data-v-19c9a1c7]{padding-right:1rem}.pt-3[data-v-19c9a1c7]{padding-top:1rem}.pb-3[data-v-19c9a1c7]{padding-bottom:1rem}.pl-3[data-v-19c9a1c7]{padding-left:1rem}.px-3[data-v-19c9a1c7]{padding-left:1rem;padding-right:1rem}.py-3[data-v-19c9a1c7]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-19c9a1c7]{padding:1rem}.pr-4[data-v-19c9a1c7]{padding-right:1.5rem}.pt-4[data-v-19c9a1c7]{padding-top:1.5rem}.pb-4[data-v-19c9a1c7]{padding-bottom:1.5rem}.pl-4[data-v-19c9a1c7]{padding-left:1.5rem}.px-4[data-v-19c9a1c7]{padding-left:1.5rem;padding-right:1.5rem}.py-4[data-v-19c9a1c7]{padding-top:1.5rem;padding-bottom:1.5rem}.p-4[data-v-19c9a1c7]{padding:1.5rem}.pr-5[data-v-19c9a1c7]{padding-right:3rem}.pt-5[data-v-19c9a1c7]{padding-top:3rem}.pb-5[data-v-19c9a1c7]{padding-bottom:3rem}.pl-5[data-v-19c9a1c7]{padding-left:3rem}.px-5[data-v-19c9a1c7]{padding-left:3rem;padding-right:3rem}.py-5[data-v-19c9a1c7]{padding-top:3rem;padding-bottom:3rem}.p-5[data-v-19c9a1c7]{padding:3rem}.mr-0[data-v-19c9a1c7]{margin-right:0}.mt-0[data-v-19c9a1c7]{margin-top:0}.mb-0[data-v-19c9a1c7]{margin-bottom:0}.ml-0[data-v-19c9a1c7]{margin-left:0}.mx-0[data-v-19c9a1c7]{margin-left:0;margin-right:0}.my-0[data-v-19c9a1c7]{margin-top:0;margin-bottom:0}.m-0[data-v-19c9a1c7]{margin:0}.mr-1[data-v-19c9a1c7]{margin-right:.25rem}.mt-1[data-v-19c9a1c7]{margin-top:.25rem}.mb-1[data-v-19c9a1c7]{margin-bottom:.25rem}.ml-1[data-v-19c9a1c7]{margin-left:.25rem}.mx-1[data-v-19c9a1c7]{margin-left:.25rem;margin-right:.25rem}.my-1[data-v-19c9a1c7]{margin-top:.25rem;margin-bottom:.25rem}.m-1[data-v-19c9a1c7]{margin:.25rem}.mr-2[data-v-19c9a1c7]{margin-right:.5rem}.mt-2[data-v-19c9a1c7]{margin-top:.5rem}.mb-2[data-v-19c9a1c7]{margin-bottom:.5rem}.ml-2[data-v-19c9a1c7]{margin-left:.5rem}.mx-2[data-v-19c9a1c7]{margin-left:.5rem;margin-right:.5rem}.my-2[data-v-19c9a1c7]{margin-top:.5rem;margin-bottom:.5rem}.m-2[data-v-19c9a1c7]{margin:.5rem}.mr-3[data-v-19c9a1c7]{margin-right:1rem}.mt-3[data-v-19c9a1c7]{margin-top:1rem}.mb-3[data-v-19c9a1c7]{margin-bottom:1rem}.ml-3[data-v-19c9a1c7]{margin-left:1rem}.mx-3[data-v-19c9a1c7]{margin-left:1rem;margin-right:1rem}.my-3[data-v-19c9a1c7]{margin-top:1rem;margin-bottom:1rem}.m-3[data-v-19c9a1c7]{margin:1rem}.mr-4[data-v-19c9a1c7]{margin-right:1.5rem}.mt-4[data-v-19c9a1c7]{margin-top:1.5rem}.mb-4[data-v-19c9a1c7]{margin-bottom:1.5rem}.ml-4[data-v-19c9a1c7]{margin-left:1.5rem}.mx-4[data-v-19c9a1c7]{margin-left:1.5rem;margin-right:1.5rem}.my-4[data-v-19c9a1c7]{margin-top:1.5rem;margin-bottom:1.5rem}.m-4[data-v-19c9a1c7]{margin:1.5rem}.mr-5[data-v-19c9a1c7]{margin-right:3rem}.mt-5[data-v-19c9a1c7]{margin-top:3rem}.mb-5[data-v-19c9a1c7]{margin-bottom:3rem}.ml-5[data-v-19c9a1c7]{margin-left:3rem}.mx-5[data-v-19c9a1c7]{margin-left:3rem;margin-right:3rem}.my-5[data-v-19c9a1c7]{margin-top:3rem;margin-bottom:3rem}.m-5[data-v-19c9a1c7]{margin:3rem}.h-100[data-v-19c9a1c7]{height:100%}.mh-100[data-v-19c9a1c7]{max-height:100%}.w-100[data-v-19c9a1c7]{width:100%}.mw-100[data-v-19c9a1c7]{max-width:100%}.m-h-0[data-v-19c9a1c7]{min-height:0}.m-h-100[data-v-19c9a1c7]{min-height:100%}.m-w-0[data-v-19c9a1c7]{min-width:0}.m-w-100[data-v-19c9a1c7]{min-width:100%}.br-0[data-v-19c9a1c7]{border-radius:0}.brt-0[data-v-19c9a1c7]{border-top-left-radius:0;border-top-right-radius:0}.brb-0[data-v-19c9a1c7]{border-bottom-right-radius:0;border-bottom-left-radius:0}.br-2[data-v-19c9a1c7]{border-radius:2px}.brt-2[data-v-19c9a1c7]{border-top-left-radius:2px;border-top-right-radius:2px}.brb-2[data-v-19c9a1c7]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.br-4[data-v-19c9a1c7]{border-radius:4px}.brt-4[data-v-19c9a1c7]{border-top-left-radius:4px;border-top-right-radius:4px}.brb-4[data-v-19c9a1c7]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.br-8[data-v-19c9a1c7]{border-radius:8px}.brt-8[data-v-19c9a1c7]{border-top-left-radius:8px;border-top-right-radius:8px}.brb-8[data-v-19c9a1c7]{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.fs-12[data-v-19c9a1c7]{font-size:12px}.fs-14[data-v-19c9a1c7]{font-size:14px}.fs-16[data-v-19c9a1c7]{font-size:16px}.fs-18[data-v-19c9a1c7]{font-size:18px}.fs-20[data-v-19c9a1c7]{font-size:20px}.fs-22[data-v-19c9a1c7]{font-size:22px}.fs-26[data-v-19c9a1c7]{font-size:26px}.fw-300[data-v-19c9a1c7]{font-weight:300}.fw-400[data-v-19c9a1c7]{font-weight:400}.fw-500[data-v-19c9a1c7]{font-weight:500}@media only screen and (max-width:2560px){.hidden-4k[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:1440px){.hidden-laptop[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:1024px){.hidden-laptop-s[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:768px){.hidden-tablet[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:425px){.hidden-mobile[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:375px){.hidden-mobile-m[data-v-19c9a1c7]{display:none}}@media only screen and (max-width:320px){.hidden-mobile-s[data-v-19c9a1c7]{display:none}}.show-4k[data-v-19c9a1c7]{display:none}@media only screen and (max-width:2560px){.show-4k[data-v-19c9a1c7]{display:inherit}}.show-laptop[data-v-19c9a1c7]{display:none}@media only screen and (max-width:1440px){.show-laptop[data-v-19c9a1c7]{display:inherit}}.show-laptop-s[data-v-19c9a1c7]{display:none}@media only screen and (max-width:1024px){.show-laptop-s[data-v-19c9a1c7]{display:inherit}}.show-tablet[data-v-19c9a1c7]{display:none}@media only screen and (max-width:768px){.show-tablet[data-v-19c9a1c7]{display:inherit}}.show-mobile[data-v-19c9a1c7]{display:none}@media only screen and (max-width:425px){.show-mobile[data-v-19c9a1c7]{display:inherit}}.show-mobile-m[data-v-19c9a1c7]{display:none}@media only screen and (max-width:375px){.show-mobile-m[data-v-19c9a1c7]{display:inherit}}.show-mobile-s[data-v-19c9a1c7]{display:none}@media only screen and (max-width:320px){.show-mobile-s[data-v-19c9a1c7]{display:inherit}}[data-v-19c9a1c7],[data-v-19c9a1c7]:after,[data-v-19c9a1c7]:before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote[data-v-19c9a1c7],body[data-v-19c9a1c7],dd[data-v-19c9a1c7],dl[data-v-19c9a1c7],figure[data-v-19c9a1c7],h1[data-v-19c9a1c7],h2[data-v-19c9a1c7],h3[data-v-19c9a1c7],h4[data-v-19c9a1c7],h5[data-v-19c9a1c7],h6[data-v-19c9a1c7],hr[data-v-19c9a1c7],ol[data-v-19c9a1c7],p[data-v-19c9a1c7],pre[data-v-19c9a1c7],ul[data-v-19c9a1c7]{margin:0;padding:0}#app[data-v-19c9a1c7],body[data-v-19c9a1c7],button[data-v-19c9a1c7],html[data-v-19c9a1c7],input[data-v-19c9a1c7]{font:400 14px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;-webkit-font-kerning:normal;font-kerning:normal}.vue-phone-number-input .select-country-container[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px;width:120px;min-width:120px;max-width:120px}.vue-phone-number-input.sm .select-country-container[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 0 110px;flex:0 0 110px;width:110px;min-width:110px;max-width:110px}.vue-phone-number-input.lg .select-country-container[data-v-19c9a1c7]{-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px;width:130px;min-width:130px;max-width:130px}