/**
 * 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: 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: 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: 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: 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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-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: -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;
  -ms-flex-negative: 10;
  flex-shrink: 10;
  font-weight: 500;
  display: inline-block;
}
.navbar .subtitle {
  display: block;
}
.navbar .left,
.navbar .right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -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: -ms-flexbox;
  display: flex;
  -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 {
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 44px;
  height: 44px;
}
.ios .navbar a.icon-only {
  width: 44px;
  margin: 0;
  -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 {
  -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: 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 {
  -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: 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;
  -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 {
  -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;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toolbar a.link {
  display: -ms-flexbox;
  display: flex;
}
.toolbar i.icon {
  display: block;
}
.toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tabbar-labels a.tab-link,
.tabbar-labels a.link {
  height: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: 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 {
    -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 {
  -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: 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 {
  -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: 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;
  -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: 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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.subnavbar .title {
  position: relative;
  overflow: hidden;
  text-overflow: ellpsis;
  white-space: nowrap;
}
.subnavbar .left,
.subnavbar .right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}
.subnavbar .right:first-child {
  position: absolute;
  height: 100%;
}
.subnavbar-inner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -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;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ios .subnavbar a.icon-only {
  min-width: 44px;
  -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: 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;
  -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: 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 {
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.list .item-title {
  min-width: 0;
  -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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list .item-title-row .item-after {
  -ms-flex-item-align: center;
  align-self: center;
}
.list .item-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list .item-cell {
  display: block;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -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;
  -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 {
  -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: 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 {
  -ms-flex-item-align: center;
  align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.segmented .button,
.segmented button {
  width: 100%;
  -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: -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;
  -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;
  -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::-moz-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: -ms-flexbox;
  display: flex;
}
.actions-button-media {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.actions-button-text {
  width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.actions-label {
  line-height: 1.3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.actions-grid .actions-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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;
  -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;
  -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;
  -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;
  -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) {
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toast .toast-text {
  line-height: 20px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.toast .toast-button {
  -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: 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: -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.timeline-item-date {
  -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;
  -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;
  -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: -ms-flexbox;
  display: flex;
}
.timeline-horizontal .timeline-item {
  display: block;
  width: 33.33333333vw;
  margin: 0;
  padding: 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: -ms-flexbox;
  display: flex;
  -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: 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) {
  -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 {
  -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) {
    -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 {
    -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) {
  -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 {
  -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) {
    -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 {
    -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: 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: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.tabs-animated-wrap > .tabs > .tab {
  width: 100%;
  display: block;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.card-header[valign="top"],
.card-footer[valign="top"] {
  -ms-flex-align: start;
  align-items: flex-start;
}
.card-header[valign="bottom"],
.card-footer[valign="bottom"] {
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: 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: -ms-flexbox;
  display: flex;
  -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: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -ms-flex-align: center;
  align-items: center;
  margin: 2px 0;
}
.chip-media {
  border-radius: 50%;
  text-align: center;
  color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: 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;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.chip-delete {
  text-align: center;
  cursor: pointer;
  -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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.list .item-input-wrap {
  width: 100%;
  -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 {
  -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: -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;
  -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"]::-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"]::-moz-placeholder, .md .list input[type="password"]::-moz-placeholder, .md .list input[type="search"]::-moz-placeholder, .md .list input[type="email"]::-moz-placeholder, .md .list input[type="tel"]::-moz-placeholder, .md .list input[type="url"]::-moz-placeholder, .md .list input[type="date"]::-moz-placeholder, .md .list input[type="datetime-local"]::-moz-placeholder, .md .list input[type="time"]::-moz-placeholder, .md .list input[type="number"]::-moz-placeholder, .md .list select::-moz-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::-moz-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::-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::-moz-placeholder, .md .item-floating-label ~ .item-input-wrap textarea::-moz-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;
  -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;
  -webkit-transition-duration: 100ms;
  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::-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::-moz-placeholder, .md .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-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;
  -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;
  -webkit-transition-duration: 300ms;
  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 {
  -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 {
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 14px;
}
.md .inline-labels .item-inner,
.md .inline-label .item-inner {
  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;
  -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"]::-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"]::-moz-placeholder, .md .theme-dark input[type="password"]::-moz-placeholder, .md .theme-dark input[type="search"]::-moz-placeholder, .md .theme-dark input[type="email"]::-moz-placeholder, .md .theme-dark input[type="tel"]::-moz-placeholder, .md .theme-dark input[type="url"]::-moz-placeholder, .md .theme-dark input[type="date"]::-moz-placeholder, .md .theme-dark input[type="datetime-local"]::-moz-placeholder, .md .theme-dark input[type="time"]::-moz-placeholder, .md .theme-dark input[type="number"]::-moz-placeholder, .md .theme-dark select::-moz-placeholder, .md .theme-dark textarea::-moz-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 {
  -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 {
  -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 {
  -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 {
  -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 {
  -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 {
  -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;
  -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;
  -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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.stepper-button,
.stepper-button-minus,
.stepper-button-plus {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stepper-input-wrap,
.stepper-value {
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.calendar.modal-in {
  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: -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: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 11px;
}
.calendar-week-header .calendar-week-day {
  -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;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
.calendar-months-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.calendar-month {
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.calendar-day {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: 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: -ms-flexbox;
  display: flex;
  left: 0;
  width: 100%;
  top: 100%;
  -ms-flex-align: center;
  align-items: 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 {
  -ms-flex-align: stretch;
  align-items: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.calendar-month-selector,
.calendar-year-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  max-width: 200px;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
.calendar-month-selector .calendar-day-number,
.calendar-year-selector .calendar-day-number {
  -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -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: 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: 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: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
}
.data-table .data-table-actions {
  margin-left: auto;
  -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;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.data-table .data-table-header,
.data-table .data-table-header-selected {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -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: -ms-flexbox;
  display: flex;
}
.data-table .data-table-title-selected {
  font-size: 14px;
}
.data-table .data-table-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  overflow: hidden;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.data-table .data-table-rows-select,
.data-table .data-table-pagination {
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -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;
    -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: 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: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: 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: -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;
  -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;
  -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;
  -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 {
  -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: -ms-flexbox;
  display: flex;
  -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"]::-webkit-input-placeholder, .ios .searchbar input[type="text"]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1;
}
.ios .searchbar input[type="search"]::-moz-placeholder, .ios .searchbar input[type="text"]::-moz-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;
  -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"]::-webkit-input-placeholder, .md .searchbar input[type="text"]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1;
}
.md .searchbar input[type="search"]::-moz-placeholder, .md .searchbar input[type="text"]::-moz-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: 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: 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: 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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -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;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.message-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -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;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.message-received {
  -ms-flex-direction: row;
  flex-direction: row;
}
.message-received .message-content {
  -ms-flex-align: start;
  align-items: flex-start;
}
.message-sent .message-content {
  -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%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
}
.toolbar.messagebar textarea {
  width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.toolbar.messagebar a.link {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  -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: 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: 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 {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  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 {
  -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 {
  -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 {
  -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: 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: 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: 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: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -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: -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -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: 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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: 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: -ms-flexbox !important;
  display: flex !important;
}
.display-block {
  display: block !important;
}
.display-inline-flex {
  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 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.flex-shrink-2 {
  -ms-flex-negative: 2 !important;
  flex-shrink: 2 !important;
}
.flex-shrink-3 {
  -ms-flex-negative: 3 !important;
  flex-shrink: 3 !important;
}
.flex-shrink-4 {
  -ms-flex-negative: 4 !important;
  flex-shrink: 4 !important;
}
.flex-shrink-5 {
  -ms-flex-negative: 5 !important;
  flex-shrink: 5 !important;
}
.flex-shrink-6 {
  -ms-flex-negative: 6 !important;
  flex-shrink: 6 !important;
}
.flex-shrink-7 {
  -ms-flex-negative: 7 !important;
  flex-shrink: 7 !important;
}
.flex-shrink-8 {
  -ms-flex-negative: 8 !important;
  flex-shrink: 8 !important;
}
.flex-shrink-9 {
  -ms-flex-negative: 9 !important;
  flex-shrink: 9 !important;
}
.flex-shrink-10 {
  -ms-flex-negative: 10 !important;
  flex-shrink: 10 !important;
}
.justify-content-flex-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-flex-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-space-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-space-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.justify-content-space-evenly {
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}
.justify-content-stretch {
  -ms-flex-pack: stretch !important;
  justify-content: stretch !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: end !important;
}
.justify-content-left {
  -ms-flex-pack: left !important;
  justify-content: left !important;
}
.justify-content-right {
  -ms-flex-pack: right !important;
  justify-content: right !important;
}
.align-content-flex-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-flex-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-space-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-space-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-items-flex-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-flex-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-self-flex-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-flex-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-stretch {
  -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;
}
.xdsoft_datetimepicker{-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;-webkit-box-shadow:none;box-shadow:none}.xdsoft_datetimepicker *{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;-webkit-box-shadow:#178fe5 0 1px 3px 0 inset;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;-webkit-box-shadow:#ffb871 0 1px 4px 0 inset;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;-webkit-box-shadow:#00dd1c 0 1px 4px 0 inset;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;-webkit-box-shadow:#178fe5 0 1px 3px 0 inset;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;-webkit-box-shadow:#178fe5 0 1px 3px 0 inset !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;-webkit-box-shadow:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{-webkit-box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;-webkit-box-shadow:#b03e00 0 1px 3px 0 inset;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;-webkit-box-shadow:#ffb871 0 1px 4px 0 inset;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;-webkit-box-shadow:#00dd1c 0 1px 4px 0 inset;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;-webkit-box-shadow:#b03e00 0 1px 3px 0 inset;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #fff),color-stop(73%, #f4f8fa));background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #f4f8fa),color-stop(73%, #FFF));background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}

/*
Trix 1.3.1
Copyright © 2020 Basecamp, LLC
http://trix-editor.org/*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }
trix-toolbar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
trix-toolbar .trix-button-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow-x: auto; }
trix-toolbar .trix-button-group {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }
trix-toolbar .trix-button-group-spacer {
  -ms-flex-positive: 1;
      flex-grow: 1; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%; }
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-dialogs {
  position: relative; }
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  -webkit-box-shadow: 0 0.3em 1em #ccc;
          box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    -webkit-box-shadow: #F00 0px 0px 1.5px 1px;
            box-shadow: #F00 0px 0px 1.5px 1px; }
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }
trix-toolbar .trix-dialog--link {
  max-width: 600px; }
trix-toolbar .trix-dialog__link-fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    -ms-flex: 1;
        flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    -ms-flex: 0 0 content;
        flex: 0 0 content;
    margin: 0; }
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight; }
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  -webkit-box-shadow: 0 0 0 2px highlight;
          box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }
trix-editor [data-trix-mutable].attachment img {
  -webkit-box-shadow: 0 0 0 2px highlight;
          box-shadow: 0 0 0 2px highlight; }
trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }
trix-editor .trix-button-group {
  display: -ms-inline-flexbox;
  display: inline-flex; }
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }
trix-editor .attachment__metadata-container {
  position: relative; }
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }
@charset "UTF-8";
.trix-content {
  line-height: 1.5; }
  .trix-content * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' · '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      -ms-flex: 1 0 33%;
          flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-webkit-transition:opacity 0s, -webkit-transform 0s;transition:opacity 0s, -webkit-transform 0s;transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s, -webkit-transform 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float:left}
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{-webkit-box-sizing:border-box;box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444));background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:-webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}
.dropzone,.dropzone *{-webkit-box-sizing:border-box;box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;-webkit-transform-origin:center top;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;-webkit-transform-origin:center bottom;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;-webkit-transform-origin:center left;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;-webkit-transform-origin:center right;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.54,1.5,.38,1.11);transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-box.fr-basic{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-basic .fr-element{font-family:sans-serif;color:#414141;font-size:14px;line-height:1.6;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;min-height:60px;text-align:left}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:transparent;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable="true"]{outline:0 solid transparent}.fr-box a.fr-floating-btn{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:40px;width:40px;text-align:center;background:#FFF;color:#333333;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;outline:none;left:0;top:0;line-height:40px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:none}.fr-box a.fr-floating-btn svg{-webkit-transition:transform 0.2s ease 0s;-moz-transition:transform 0.2s ease 0s;-ms-transition:transform 0.2s ease 0s;-o-transition:transform 0.2s ease 0s;fill:#333333}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#333333}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:none;position:relative;display:block;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:14px;color:#AAA;font-family:sans-serif;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block;white-space:nowrap;text-overflow:ellipsis}.fr-wrapper ::-moz-selection{background:rgba(181,214,253,0.8);color:#000}.fr-wrapper ::selection{background:rgba(181,214,253,0.8);color:#000}.fr-box.fr-basic .fr-wrapper{background:#FFF;border:1px solid #CCCCCC;border-bottom-color:#efefef;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}@media (min-width: 992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#efefef}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm !important;padding:1cm 2cm;overflow:visible;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#efefef;height:1cm;outline:none;border:none}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#222222;color:#FFF;font-size:11px;line-height:22px;font-family:Arial, Helvetica, sans-serif;-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{float:left;white-space:nowrap;position:relative}.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{display:none}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{background:transparent;color:#333333;-moz-outline:0;outline:none;border:0;line-height:1;cursor:pointer;text-align:left;margin:4px 2px;padding:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;height:40px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-modal .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{display:block;text-align:center;float:none;margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{height:24px}.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;fill:#333333}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span,.fr-modal .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:30px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:bold;padding:0 4px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:normal}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{margin-left:3px;margin-right:11px}.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333333;right:2px;top:18px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;content:""}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{fill:#333333;background:#d6d6d6;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:#ebebeb;fill:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{border-top-color:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{border-top:0;border-bottom:4px solid #222222}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{margin:0;width:46px;height:40px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{background:#FFF}.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{height:27px}.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{margin:8px 11px;width:24px;height:24px}.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:#0098f7}.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{color:#bdbdbd;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{float:right}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{float:left}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{float:right}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:-ms-inline-flexbox;display:inline-flex;float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#333333}.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#333333}.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{color:#333333;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{background:#ebebeb}.fr-desktop .fr-command.fr-active:active{background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:transparent}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:transparent}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:#d6d6d6}.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #FAFAFA;-webkit-transition:border-left 0s, background-color 0.5s;-moz-transition:border-left 0s, background-color 0.5s;-ms-transition:border-left 0s, background-color 0.5s;-o-transition:border-left 0s, background-color 0.5s}.fr-command.fr-btn+.fr-dropdown-menu{background:#FFF;display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{padding:0;margin:auto;display:inline-block;text-align:left;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;margin-top:0;float:left;height:0;margin-top:0 !important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{position:relative}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:8px 0;min-width:72px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 20px;line-height:200%;display:-ms-flexbox;display:flex;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{width:24px;height:24px;margin:3px 4px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{fill:#333333}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{margin-left:20px;font-weight:bold;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right !important}body.fr-prevent-scroll{overflow:hidden}body.fr-prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222222;font-family:Arial, Helvetica, sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#FFF;min-width:300px;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;overflow:hidden;width:90%;position:relative}@media (min-width: 768px) and (max-width: 991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width: 992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#FFF;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:2147483639}ol.decimal_type{counter-reset:item}ol.decimal_type>li{display:block}ol.decimal_type>li:before{content:counters(item,".") ". ";counter-increment:item}.fr-popup{position:absolute;display:none;color:#222222;background:#FFF;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);font-family:Arial, Helvetica, sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-popup .fr-icon{text-align:center;vertical-align:middle;font-size:20px;line-height:1;cursor:pointer;font-weight:400;-webkit-box-sizing:content-box;box-sizing:content-box;padding:6px}.fr-popup .fr-icon-container{padding:20px;max-height:200px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container{grid-template-columns:repeat(auto-fill, minmax(36px, 36px));display:grid}}@media (min-width: 768px){.fr-popup .fr-icon-container{min-width:276px}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.fr-popup .fr-icon-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap}}@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){.fr-popup .fr-icon-container{width:236px}}.fr-popup .fr-input-focus{background:whitesmoke}.fr-popup.fr-above{margin-top:-10px;border-top:0}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-popup.fr-empty{display:none !important}.fr-popup .fr-hs{display:block !important}.fr-popup .fr-hs.fr-hidden{display:none !important}.fr-popup .fr-input-line{position:relative;padding:15px 0}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{width:100%;margin-bottom:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #999999;color:#222222;font-size:14px;background:#FFF;position:relative;z-index:2;padding:4px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border 0.5s, padding 0.5s;-moz-transition:border 0.5s, padding 0.5s;-ms-transition:border 0.5s, padding 0.5s;-o-transition:border 0.5s, padding 0.5s}.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{border:solid 1px #515151}.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{border:solid 2px #0098f7;padding:3px 11px}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{height:46px}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:29px;left:12px;font-size:14px;color:grey;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index:3;display:block;background:#FFF;padding:0;cursor:text}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray;width:auto;left:4px;padding:0 4px;font-size:11px;top:9px}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{white-space:nowrap;line-height:0}.fr-popup .fr-buttons .fr-btn{margin-left:4px;margin-right:4px;display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-buttons.fr-tabs{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;overflow:hidden}@media (max-width: 768px){.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{overflow:scroll;overflow-y:hidden;width:276px}}.fr-popup .fr-buttons:not(.fr-tabs){padding:5px}.fr-popup .fr-layer{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:195px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px;display:none}@media (min-width: 768px){.fr-popup .fr-layer{width:260px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:18px;height:18px;padding:10px;border-radius:100%;line-height:1;-webkit-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:18px;height:18px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px;top:7px;left:7px}.fr-popup .fr-checkbox input:not(:checked)+span{border:solid 2px #999999}.fr-popup .fr-checkbox input:not(:checked):active+span{background-color:#f5f5f5}.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{border-color:#515151}.fr-popup .fr-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:checked:active+span{background-color:#EcF5Ff}.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block !important}.fr-toolbar{color:#222222;background:#FFF;position:relative;font-family:Arial, Helvetica, sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border:1px solid #CCCCCC;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;padding-bottom:0;-webkit-transition:padding-bottom 0.5s;-moz-transition:padding-bottom 0.5s;-ms-transition:padding-bottom 0.5s;-o-transition:padding-bottom 0.5s}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar::after{height:0}.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:#efefef;height:1px;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s}.fr-toolbar.fr-toolbar-open .fr-newline{height:0}.fr-toolbar .fr-float-right{float:right}.fr-toolbar .fr-float-left{float:left}.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;height:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.fr-toolbar .fr-more-toolbar.fr-expanded{height:48px}.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:4px;margin-right:4px}.fr-toolbar .fr-btn-grp{display:inline-block;margin:0 17px 0 12px}@media (max-width: 768px){.fr-toolbar .fr-btn-grp{margin:0 7px 0 6px}}.fr-toolbar .fr-command.fr-btn.fr-open{margin-top:10px;margin-bottom:-1px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){background:#f5f5f5}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;white-space:nowrap;position:absolute;margin-top:5px;z-index:2147483630}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;border-top:0}.fr-toolbar.fr-inline .fr-newline{height:0}.fr-toolbar.fr-top{top:0;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom{bottom:0;border-top:0;padding-bottom:0;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom .fr-newline{padding-top:0;-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;-ms-transition:padding-top 0.5s;-o-transition:padding-top 0.5s}.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{padding-top:48px;background:#FFF}.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{margin-top:-1px;margin-bottom:10px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:32px;width:1px;margin:8px 4px}.fr-separator.fr-hs{clear:both;width:calc(100% - (2 * 4px));margin:0 4px;height:1px}.fr-separator.fr-hidden{display:none !important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-second-toolbar{border:1px solid #CCCCCC;border-top:0;background:#FFF;line-height:1.4;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-second-toolbar::after{clear:both;display:block;content:"";height:0}.fr-second-toolbar:empty{min-height:calc(10px);position:relative;margin-top:calc(-1px);z-index:2}#fr-logo{float:left;outline:none}#fr-logo>span{display:inline-block;float:left;font-family:sans-serif;padding:11px 5px 10px 15px;font-size:12px;font-weight:500;color:#b1b2b7;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s}#fr-logo>svg{height:20px;width:47px;margin:7px 0;cursor:pointer}#fr-logo>svg *{-webkit-transition:fill 0.3s;-moz-transition:fill 0.3s;-ms-transition:fill 0.3s;-o-transition:fill 0.3s}#fr-logo:hover>span,#fr-logo:focus>span{color:#0098f7}#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{fill:#0098f7}.fr-visibility-helper{display:none;margin-left:0 !important}@media (min-width: 768px){.fr-visibility-helper{margin-left:1px !important}}@media (min-width: 992px){.fr-visibility-helper{margin-left:2px !important}}@media (min-width: 1200px){.fr-visibility-helper{margin-left:3px !important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:fixed;z-index:10}.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto !important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){background-color:#f3eec3;opacity:0.5}.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{border-color:#f3eec3}.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{border-color:#dc3545}.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{opacity:0.5;background-color:#dc3545}.fr-view .fr-tracking-deleted{background-color:#dc3545;text-decoration:line-through;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1}.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{padding:10px !important}.fr-tracking-deleted img,.fr-highlight-change img{border:2px solid #f3eec3}.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){opacity:0.5;background-color:#f3eec3}.fr-highlight-change #isPasted>table td{opacity:0.5;border-color:#f3eec3}.fr-track-hide{display:none}.fr-track-hide-mobile{width:0;height:0;overflow:hidden;position:absolute}.fr-ios-mobile-disable-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-bottom-extended{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.position-relative{position:relative !important}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-box .fr-counter{padding:10px;float:right;color:#999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222}.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element .fr-embedly{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative}.fr-element .fr-embedly::after{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}.fr-element .fr-embedly>*{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-box .fr-embedly-resizer{position:absolute;z-index:2;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-embedly-resizer.fr-active{display:block}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s,background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}.fr-show-tags .fr-modal-more svg path{fill:#0098f7}div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s,filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s,color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s,color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s,color 0.2s ease 0s;-o-transition:background 0.2s ease 0s,color 0.2s ease 0s;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}img.fr-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;-webkit-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}.fr-popup .fr-special-character{width:24px;height:24px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}
/*!
 * froala_editor v4.0.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}.fr-element .fr-video.fr-active>*{z-index:2;position:relative}.fr-element .fr-video>*{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-video-resizer.fr-active{display:block}.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box}.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-autoplay-margin{margin-top:0px !important}
@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *







*/
/*

















*/
/* stylelint-disable-next-line value-keyword-case */
/* line 1, app/assets/stylesheets/utils/_layout.scss */
.mt-0 {
  margin-top: 0 !important;
}

/* line 5, app/assets/stylesheets/utils/_layout.scss */
.mt-1 {
  margin-top: 0.25rem;
}

/* line 9, app/assets/stylesheets/utils/_layout.scss */
.mt-2 {
  margin-top: 0.5rem !important;
}

/* line 13, app/assets/stylesheets/utils/_layout.scss */
.mt-4 {
  margin-top: 1rem !important;
}

/* line 17, app/assets/stylesheets/utils/_layout.scss */
.mt-6 {
  margin-top: 1.5rem;
}

/* line 21, app/assets/stylesheets/utils/_layout.scss */
.mt-12-bang {
  margin-top: 3rem;
}

/* line 25, app/assets/stylesheets/utils/_layout.scss */
.mb-0 {
  margin-bottom: 0 !important;
}

/* line 29, app/assets/stylesheets/utils/_layout.scss */
.mb-1 {
  margin-bottom: 0.25rem;
}

/* line 33, app/assets/stylesheets/utils/_layout.scss */
.mb-2 {
  margin-bottom: 0.5rem !important;
}

/* line 37, app/assets/stylesheets/utils/_layout.scss */
.mb-4 {
  margin-bottom: 1rem !important;
}

/* line 41, app/assets/stylesheets/utils/_layout.scss */
.mb-6 {
  margin-bottom: 1.5rem;
}

/* line 45, app/assets/stylesheets/utils/_layout.scss */
.mb-12 {
  margin-bottom: 3rem;
}

/* line 49, app/assets/stylesheets/utils/_layout.scss */
.mr-1 {
  margin-right: 0.25rem;
}

/* line 53, app/assets/stylesheets/utils/_layout.scss */
.mr-2 {
  margin-right: 0.5rem;
}

/* line 57, app/assets/stylesheets/utils/_layout.scss */
.mr-4 {
  margin-right: 1rem;
}

/* line 61, app/assets/stylesheets/utils/_layout.scss */
.ml-1 {
  margin-left: 0.25rem;
}

/* line 65, app/assets/stylesheets/utils/_layout.scss */
.ml-4 {
  margin-left: 1rem;
}

/* line 69, app/assets/stylesheets/utils/_layout.scss */
.sticky {
  position: sticky;
  overflow: auto;
  z-index: 10000;
}

/* line 75, app/assets/stylesheets/utils/_layout.scss */
.sticky__navbar {
  top: 44px;
}

@media all and (min-width: 1000px) {
  /* line 75, app/assets/stylesheets/utils/_layout.scss */
  .sticky__navbar {
    top: 85px;
  }
}

/* line 83, app/assets/stylesheets/utils/_layout.scss */
.flex {
  display: -ms-flexbox;
  display: flex;
}

/* line 87, app/assets/stylesheets/utils/_layout.scss */
.inline-block {
  display: inline-block !important;
}

/* line 91, app/assets/stylesheets/utils/_layout.scss */
.self-center {
  -ms-flex-item-align: center;
      align-self: center;
}

/* line 1, app/assets/stylesheets/utils/_text.scss */
.text-small {
  font-size: 0.85rem;
}

/* line 5, app/assets/stylesheets/utils/_text.scss */
.text-strong {
  font-weight: 800 !important;
}

/* line 9, app/assets/stylesheets/utils/_text.scss */
.text-center {
  text-align: center;
}

/* line 13, app/assets/stylesheets/utils/_text.scss */
.text-right {
  text-align: right;
}

/* line 17, app/assets/stylesheets/utils/_text.scss */
.text-left {
  text-align: left !important;
}

/* line 21, app/assets/stylesheets/utils/_text.scss */
.color-gray {
  color: #484848 !important;
}

/* line 25, app/assets/stylesheets/utils/_text.scss */
.color-light-gray {
  color: #6d6d72 !important;
}

/* line 29, app/assets/stylesheets/utils/_text.scss */
.color-white {
  color: #fff !important;
}

/* line 33, app/assets/stylesheets/utils/_text.scss */
.keep-all {
  word-break: keep-all;
}

/* line 1, app/assets/stylesheets/tailwindcss/_overrides.scss */
img {
  display: initial;
}

/* line 5, app/assets/stylesheets/tailwindcss/_overrides.scss */
svg {
  display: initial;
  vertical-align: initial;
}

/* line 10, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-400 {
  color: rgba(156, 163, 175, var(--tw-text-opacity)) !important;
}

/* line 14, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-500 {
  color: rgba(107, 114, 128, var(--tw-text-opacity)) !important;
}

/* line 18, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-900 {
  color: rgba(17, 24, 39, var(--tx-text-opacity)) !important;
}

/* line 22, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-dark {
  color: rgba(66, 66, 66, var(--tx-text-opacity)) !important;
}

/* line 26, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-white {
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

/* line 30, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-red-600 {
  color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
}

/* line 34, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-red-700 {
  color: rgba(255, 45, 85, var(--tw-text-opacity)) !important;
}

/* line 38, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-initial {
  border: initial !important;
}

/* line 42, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-radius-initial {
  border-radius: initial !important;
}

/* line 46, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-top-0 {
  border-top: 0 !important;
}

/* line 50, app/assets/stylesheets/tailwindcss/_overrides.scss */
.padding-0 {
  padding: 0 !important;
}

/* line 54, app/assets/stylesheets/tailwindcss/_overrides.scss */
.pl-zero {
  padding-left: 0 !important;
}

/* line 58, app/assets/stylesheets/tailwindcss/_overrides.scss */
.margin-top-74 {
  margin-top: 74px !important;
}

/* line 62, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-zero {
  margin: 0 !important;
}

/* line 66, app/assets/stylesheets/tailwindcss/_overrides.scss */
.mb-zero {
  margin-bottom: 0 !important;
}

/* line 70, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-w-100 {
  min-width: 100px;
}

/* line 74, app/assets/stylesheets/tailwindcss/_overrides.scss */
.line-70 {
  line-height: 78px;
}

/* line 78, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-0-auto {
  margin: 0 auto !important;
}

/* line 82, app/assets/stylesheets/tailwindcss/_overrides.scss */
.min-w-360 {
  min-width: 360px;
}

@media (max-width: 1000px) {
  /* line 87, app/assets/stylesheets/tailwindcss/_overrides.scss */
  .desktop-only {
    display: none !important;
  }
}

/* line 1, app/assets/stylesheets/tailwindcss/box_alignment/_align_items.scss */
.items-center {
  -ms-flex-align: center;
      align-items: center;
}

/* line 1, app/assets/stylesheets/tailwindcss/box_alignment/_justify_content.scss */
.justify-start {
  -ms-flex-pack: start !important;
      justify-content: flex-start !important;
}

/* line 5, app/assets/stylesheets/tailwindcss/box_alignment/_justify_content.scss */
.justify-end {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important;
}

/* line 9, app/assets/stylesheets/tailwindcss/box_alignment/_justify_content.scss */
.justify-center {
  -ms-flex-pack: center !important;
      justify-content: center !important;
}

/* line 13, app/assets/stylesheets/tailwindcss/box_alignment/_justify_content.scss */
.justify-between {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}

/* line 1, app/assets/stylesheets/tailwindcss/grid/_grid_auto_flow.scss */
.grid-flow-col {
  grid-auto-flow: column;
}

/* line 1, app/assets/stylesheets/tailwindcss/layout/_display.scss */
.flex {
  display: -ms-flexbox;
  display: flex;
}

/* line 76, app/assets/stylesheets/tailwindcss/typography/_fontsize.scss */
.text-xxs {
  font-size: 11px;
  line-height: 1rem;
}

/* line 2, app/assets/stylesheets/components/_badge.scss */
.ios .badge {
  font-size: 12px;
}

/* line 4, app/assets/stylesheets/components/_block.scss */
.list_new .item-inner {
  padding-right: 0 !important;
}

/* line 8, app/assets/stylesheets/components/_block.scss */
.list_new .item-title {
  color: #8e8e93 !important;
}

/* line 12, app/assets/stylesheets/components/_block.scss */
.list_new .item-after {
  color: #222222 !important;
}

/* line 17, app/assets/stylesheets/components/_block.scss */
.list-button--active {
  background: #f2f2f2 !important;
  font-weight: 700 !important;
  color: #222222 !important;
}

/* line 24, app/assets/stylesheets/components/_block.scss */
.ios .block {
  color: #484848;
}

/* line 28, app/assets/stylesheets/components/_block.scss */
.ios .block-title {
  color: #484848;
}

/* line 31, app/assets/stylesheets/components/_block.scss */
.ios .block-title.strong-title {
  margin-top: 45px;
  font-size: 23px;
  line-height: 25px;
  font-weight: bold;
  color: #000;
}

/* line 39, app/assets/stylesheets/components/_block.scss */
.ios .block-title.inset {
  margin-left: 30px;
  margin-right: 30px;
}

@media all and (min-width: 1000px) {
  /* line 47, app/assets/stylesheets/components/_block.scss */
  .ios .block-title.strong-title {
    font-size: 27px;
    line-height: 29px;
  }
}

/* line 54, app/assets/stylesheets/components/_block.scss */
.ios .list {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* line 57, app/assets/stylesheets/components/_block.scss */
.ios .list.inset-with-hairlines {
  margin-left: 30px;
  margin-right: 30px;
}

/* line 61, app/assets/stylesheets/components/_block.scss */
.ios .list.inset-with-hairlines .item-content {
  padding-left: 0;
}

/* line 65, app/assets/stylesheets/components/_block.scss */
.ios .list.inset-with-hairlines .item-inner {
  padding-right: 0;
}

/* line 71, app/assets/stylesheets/components/_block.scss */
.ios .block-strong {
  color: #222222;
}

/* line 76, app/assets/stylesheets/components/_block.scss */
.block-footer {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.42;
}

/* line 82, app/assets/stylesheets/components/_block.scss */
.item-title--untruncated {
  white-space: initial !important;
}

/* line 85, app/assets/stylesheets/components/_block.scss */
.item-title--untruncated p {
  margin: 0.25rem 0;
}

/* line 90, app/assets/stylesheets/components/_block.scss */
.segmented--flex-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 10px !important;
}

/* line 94, app/assets/stylesheets/components/_block.scss */
.segmented--flex-start .button {
  width: auto !important;
}

/* line 99, app/assets/stylesheets/components/_block.scss */
.block-footer__input {
  margin-top: -12px !important;
  margin-bottom: 1rem !important;
  word-break: keep-all;
}

/* line 106, app/assets/stylesheets/components/_block.scss */
.block-footer__list ul {
  padding: 0;
  list-style: none;
}

/* line 2, app/assets/stylesheets/components/_button.scss */
.ios .button {
  font-weight: 600;
}

/* line 5, app/assets/stylesheets/components/_button.scss */
.ios .button.button-inline {
  display: inline-block;
  padding: 0 30px;
}

/* line 10, app/assets/stylesheets/components/_button.scss */
.ios .button.button-big {
  font-size: 16px;
  font-weight: 700;
}

/* line 15, app/assets/stylesheets/components/_button.scss */
.ios .button.button-flat {
  border: none;
}

/* line 19, app/assets/stylesheets/components/_button.scss */
.ios .button.button-x-big {
  font-size: 16px;
  font-weight: 700;
}

/* line 24, app/assets/stylesheets/components/_button.scss */
.ios .button.button-light-gray {
  background: #f2f2f2;
  color: #484848;
  border: none;
}

/* line 32, app/assets/stylesheets/components/_button.scss */
.fab > a,
.fab-buttons a {
  font-weight: bold;
}

/* line 2, app/assets/stylesheets/components/_card.scss */
.ios .card-header {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* line 6, app/assets/stylesheets/components/_card.scss */
.ios .card {
  margin: 15px;
  margin-top: 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}

/* line 14, app/assets/stylesheets/components/_card.scss */
.ios .card + .block-footer {
  margin-top: -10px;
}

/* line 1, app/assets/stylesheets/components/_callout.scss */
.callout {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 1rem;
  background: #f2f2f2;
  word-break: keep-all;
  color: #484848;
}

/* line 10, app/assets/stylesheets/components/_callout.scss */
.callout--danger {
  background: #ff2d55;
  color: white;
  font-weight: 700;
}

/* line 17, app/assets/stylesheets/components/_callout.scss */
.callout--gray {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

/* line 3, app/assets/stylesheets/components/_chip.scss */
.ios .chip.no-border-radius {
  border-radius: 0;
}

/* line 7, app/assets/stylesheets/components/_chip.scss */
.ios .chip.mentor-index {
  height: 28px;
  padding: 0 8px;
}

/* line 13, app/assets/stylesheets/components/_chip.scss */
.ios .chip-outline {
  color: #222222;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

/* line 20, app/assets/stylesheets/components/_chip.scss */
.chip-label {
  font-size: 12px;
}

/* line 1, app/assets/stylesheets/components/_dropzone.scss */
.dropzone {
  border: 2px solid #f2f2f2;
  color: #484848;
  padding: 1rem;
  min-height: initial;
}

/* line 8, app/assets/stylesheets/components/_dropzone.scss */
.dropzone-msg {
  margin: 1rem 0 !important;
}

/* line 12, app/assets/stylesheets/components/_dropzone.scss */
.dz-error-message {
  margin-top: 1rem !important;
}

/* line 1, app/assets/stylesheets/components/_grid.scss */
.display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  margin-top: 1rem;
}

/* line 1, app/assets/stylesheets/components/_feather-icon.scss */
.feather {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* line 10, app/assets/stylesheets/components/_feather-icon.scss */
.feather--bold {
  stroke-width: 3;
}

/* line 14, app/assets/stylesheets/components/_feather-icon.scss */
.feather--xs {
  width: 12px !important;
  height: 12px !important;
}

/* line 19, app/assets/stylesheets/components/_feather-icon.scss */
.feather--sm {
  width: 14px !important;
  height: 14px !important;
}

/* line 24, app/assets/stylesheets/components/_feather-icon.scss */
.feather--lg {
  width: 18px !important;
  height: 18px !important;
}

/* line 29, app/assets/stylesheets/components/_feather-icon.scss */
.feather--2xl {
  width: 24px !important;
  height: 24px !important;
}

/* line 34, app/assets/stylesheets/components/_feather-icon.scss */
.feather--5xl {
  width: 48px !important;
  height: 48px !important;
}

/* line 39, app/assets/stylesheets/components/_feather-icon.scss */
.feather--10xl {
  width: 68px !important;
  height: 51px !important;
}

/* line 44, app/assets/stylesheets/components/_feather-icon.scss */
.feather--kakao {
  width: 68px !important;
  height: 28px !important;
  margin: 13px 0 0 10px !important;
}

/* line 3, app/assets/stylesheets/components/_form.scss */
.ios .list input,
.ios .list textarea {
  font-size: 14px !important;
}

/* line 8, app/assets/stylesheets/components/_form.scss */
.ios .list textarea {
  height: 150px;
}

/* line 12, app/assets/stylesheets/components/_form.scss */
.ios .list select {
  font-size: 14px;
}

/* line 17, app/assets/stylesheets/components/_form.scss */
.ios .list.inset .block-footer {
  padding: 0;
}

/* line 23, app/assets/stylesheets/components/_form.scss */
.ios abbr[title="required"] {
  color: #ff2d55;
  font-weight: bold;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/components/_form.scss */
.ios .item-label,
.ios .item-floating-label {
  font-size: 14px !important;
}

/* line 35, app/assets/stylesheets/components/_form.scss */
.ios .item-input-info.error {
  font-size: 13px;
  font-weight: bold;
  color: #ff2d55;
}

/* line 44, app/assets/stylesheets/components/_form.scss */
.list.form-list .label-title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.42;
}

/* line 50, app/assets/stylesheets/components/_form.scss */
.list.form-list .item-content {
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

/* line 55, app/assets/stylesheets/components/_form.scss */
.list.form-list .item-content:last-child {
  margin-bottom: 0;
}

/* line 60, app/assets/stylesheets/components/_form.scss */
.list.form-list .item-content .item-inner::after {
  display: none;
}

/* line 66, app/assets/stylesheets/components/_form.scss */
.list.form-list .row.horizontal {
  margin-bottom: 12px;
}

/* line 73, app/assets/stylesheets/components/_form.scss */
.item-inner.no-padding-right textarea {
  padding-right: 1rem;
}

/* line 79, app/assets/stylesheets/components/_form.scss */
.item__hint {
  margin-top: -6px;
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 1.42;
  color: #484848;
}

/* line 87, app/assets/stylesheets/components/_form.scss */
.textarea--long {
  height: 200px !important;
}

/* line 3, app/assets/stylesheets/components/_notification.scss */
.notification .notification-header .notification-icon {
  color: #ff2d55;
}

/* line 1, app/assets/stylesheets/components/_pagination.scss */
.pagination {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 6, app/assets/stylesheets/components/_pagination.scss */
.pagination li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  height: 25px;
}

/* line 12, app/assets/stylesheets/components/_pagination.scss */
.pagination li a {
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  color: #484848;
}

/* line 21, app/assets/stylesheets/components/_pagination.scss */
.pagination li.active {
  background-color: #ff2d55;
}

/* line 24, app/assets/stylesheets/components/_pagination.scss */
.pagination li.active a {
  color: #fff;
}

/* line 29, app/assets/stylesheets/components/_pagination.scss */
.pagination li.disabled a {
  cursor: default;
  color: #999;
}

/* line 34, app/assets/stylesheets/components/_pagination.scss */
.pagination li i {
  font-size: 2rem;
}

/* line 39, app/assets/stylesheets/components/_pagination.scss */
.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

/* line 45, app/assets/stylesheets/components/_pagination.scss */
.paginator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 2rem;
  padding: 0 1rem;
}

/* line 56, app/assets/stylesheets/components/_pagination.scss */
.paginator__page-entries-info {
  display: none;
}

/* line 65, app/assets/stylesheets/components/_pagination.scss */
.pagination__block .pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 69, app/assets/stylesheets/components/_pagination.scss */
.pagination__block .pagination .first,
.pagination__block .pagination .last,
.pagination__block .pagination .disabled {
  display: none;
}

/* line 76, app/assets/stylesheets/components/_pagination.scss */
.pagination__block .page-entries-info {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 1rem;
  text-align: center;
}

/* line 1, app/assets/stylesheets/components/_web.scss */
html {
  height: initial;
  width: initial;
  overflow-x: initial;
}

/* line 7, app/assets/stylesheets/components/_web.scss */
body {
  overflow: initial;
}

/* line 11, app/assets/stylesheets/components/_web.scss */
.framework7-root {
  overflow: initial;
}

/* line 15, app/assets/stylesheets/components/_web.scss */
.view-main {
  min-height: 75vh;
}

@media all and (min-width: 768px) {
  /* line 15, app/assets/stylesheets/components/_web.scss */
  .view-main {
    min-height: 88vh;
  }
}

@media all and (min-width: 1000px) {
  /* line 15, app/assets/stylesheets/components/_web.scss */
  .view-main {
    min-height: 82vh;
  }
}

/* line 28, app/assets/stylesheets/components/_web.scss */
.ios .page {
  position: relative;
  height: initial;
  background: white;
}

@media (min-width: 840px) {
  /* line 34, app/assets/stylesheets/components/_web.scss */
  .ios .page .page-content {
    padding-top: 109px !important;
  }
}

/* line 40, app/assets/stylesheets/components/_web.scss */
.ios .navbar {
  background: white;
}

@media all and (min-width: 1000px) {
  /* line 40, app/assets/stylesheets/components/_web.scss */
  .ios .navbar {
    position: fixed;
    height: 81px;
  }
  /* line 47, app/assets/stylesheets/components/_web.scss */
  .ios .navbar::after {
    background-color: #ebebeb;
  }
}

/* line 53, app/assets/stylesheets/components/_web.scss */
.ios .panel {
  position: fixed;
  height: 100vh;
}

/* line 59, app/assets/stylesheets/components/_web.scss */
.toast {
  position: fixed;
}

/* line 1, app/assets/stylesheets/components/_rating-star.scss */
.rating-stars {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* line 8, app/assets/stylesheets/components/_rating-star.scss */
.rating-star .feather {
  stroke: transparent;
  fill: #ccc;
}

/* line 16, app/assets/stylesheets/components/_rating-star.scss */
.rating-star--selected .feather,
.rating-star--hover .feather {
  fill: #ff2d55;
}

/* line 2, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar {
  background: transparent;
}

/* line 3, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar::after {
  background-color: transparent;
}

/* line 9, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar input[type="search"],
.ios .searchbar .searchbar input[type="text"] {
  font-size: 17px;
  border-radius: 4px;
  background-color: white;
}

/* line 17, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar-input-wrap {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* line 20, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar-input-wrap .autocomplete-dropdown {
  background: #fafafa;
}

/* line 21, app/assets/stylesheets/components/_searchbar.scss */
.ios .searchbar-input-wrap .autocomplete-dropdown .list {
  font-size: 17px;
}

@media all and (min-width: 1000px) {
  /* line 17, app/assets/stylesheets/components/_searchbar.scss */
  .ios .searchbar-input-wrap {
    height: 48px !important;
  }
}

/* line 3, app/assets/stylesheets/components/_toast.scss */
.toast .f7-icons.active {
  color: #ff2d55;
}

/* line 2, app/assets/stylesheets/components/_toolbar.scss */
.ios .toolbar {
  font-size: 14px;
}

/* line 7, app/assets/stylesheets/components/_toolbar.scss */
.tab-link-active {
  border-bottom: 2px solid #ff2d55;
}

/* line 1, app/assets/stylesheets/components/_typo.scss */
body {
  font-family: Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  letter-spacing: 0;
  font-size: 100%;
  line-height: 1.5 !important;
  color: #222222 !important;
  -webkit-font-smoothing: antialiased;
}

/* line 10, app/assets/stylesheets/components/_typo.scss */
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 18.5px;
  border-left: 4px solid #eee;
  color: #6d6d72;
}

/* line 19, app/assets/stylesheets/components/_typo.scss */
img.responsive {
  max-width: 100%;
  display: block;
  height: auto;
}

/* line 26, app/assets/stylesheets/components/_typo.scss */
.strong {
  font-weight: bold;
}

/* line 30, app/assets/stylesheets/components/_typo.scss */
.highlight {
  color: #ff2d55 !important;
}

/* line 34, app/assets/stylesheets/components/_typo.scss */
.text-decoration-underline {
  display: inline-block;
  position: relative;
}

/* line 38, app/assets/stylesheets/components/_typo.scss */
.text-decoration-underline::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4.5px;
}

/* line 1, app/assets/stylesheets/components/_trix.scss */
.trix-content {
  font-size: 17px;
  line-height: 1.6;
  color: #484848 !important;
  overflow-wrap: break-word;
  /* em { */
  /*   display: inline-block; */
  /*   font-size: 13px; */
  /*   font-style: normal; */
  /*   line-height: 1.5; */
  /*   color: $font-gray-light; */
  /* } */
}

/* line 7, app/assets/stylesheets/components/_trix.scss */
.trix-content p {
  margin: 0;
}

/* line 10, app/assets/stylesheets/components/_trix.scss */
.trix-content p span {
  color: #484848 !important;
  line-height: 1.6 !important;
}

/* line 17, app/assets/stylesheets/components/_trix.scss */
.trix-content h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #484848;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.3;
  word-break: keep-all;
}

@media all and (min-width: 1000px) {
  /* line 17, app/assets/stylesheets/components/_trix.scss */
  .trix-content h1 {
    font-size: 2rem;
  }
}

/* line 31, app/assets/stylesheets/components/_trix.scss */
.trix-content figure {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  margin-left: -25px;
  margin-right: -25px;
}

@media all and (min-width: 1000px) {
  /* line 31, app/assets/stylesheets/components/_trix.scss */
  .trix-content figure {
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 44, app/assets/stylesheets/components/_trix.scss */
.trix-content figure img {
  width: 100%;
  height: 100%;
}

/* line 49, app/assets/stylesheets/components/_trix.scss */
.trix-content figure figcaption {
  text-align: center;
  color: #6d6d72;
  font-size: 13px;
}

/* line 56, app/assets/stylesheets/components/_trix.scss */
.trix-content ul,
.trix-content ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}

/* line 63, app/assets/stylesheets/components/_trix.scss */
.trix-content blockquote {
  margin-bottom: 0;
}

/* line 82, app/assets/stylesheets/components/_trix.scss */
.trix-content--paragraph {
  margin-bottom: 1rem !important;
}

/* line 85, app/assets/stylesheets/components/_trix.scss */
.trix-content--paragraph:last-child {
  margin-bottom: 0 !important;
}

/* line 89, app/assets/stylesheets/components/_trix.scss */
.trix-content--paragraph p {
  margin-bottom: 1rem !important;
}

/* line 92, app/assets/stylesheets/components/_trix.scss */
.trix-content--paragraph p:last-child {
  margin-bottom: 0 !important;
}

/* line 1, app/assets/stylesheets/components/_tippy.scss */
.tippy-box {
  color: inherit !important;
  background-color: white !important;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* line 7, app/assets/stylesheets/components/_tippy.scss */
.tippy-content {
  padding: 5px 0;
}

/* line 11, app/assets/stylesheets/components/_tippy.scss */
.tippy__list {
  pointer-events: auto !important;
  width: 210px;
}

/* line 18, app/assets/stylesheets/components/_tippy.scss */
.tippy__list .menu-list .list:last-child ul::after {
  display: none;
}

/* line 1, app/assets/stylesheets/components/_sort-tippy.scss */
.sort-tippy {
  height: 30px !important;
  padding: 3px 10px;
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #484848 !important;
  border: 1px solid #8e8e93 !important;
  font-weight: 400 !important;
}

/* line 14, app/assets/stylesheets/components/_sort-tippy.scss */
#tippy-container .tippy-box {
  border: 1px solid #8e8e93;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 1px 0 2px;
}

/* line 21, app/assets/stylesheets/components/_sort-tippy.scss */
.sort-tippy__list {
  pointer-events: auto !important;
}

/* line 26, app/assets/stylesheets/components/_sort-tippy.scss */
.sort-tippy__list .menu-list .list ul {
  padding: 0;
}

/* line 29, app/assets/stylesheets/components/_sort-tippy.scss */
.sort-tippy__list .menu-list .list ul a {
  font-size: 14px !important;
  padding: 0 0 0 8px;
  width: 74px;
  height: 28px;
}

/* line 40, app/assets/stylesheets/components/_sort-tippy.scss */
.sort-tippy__list .menu-list .list:last-child ul::after {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 9px 3px;
          box-shadow: rgba(0, 0, 0, 0.05) 0 3px 9px 3px;
  z-index: 5;
  z-index: 500000;
  border-top: 1px solid #ebebeb;
  -webkit-transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
  padding: 10px 0;
}

/* line 15, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.button-sticky-button--mobile-only {
  display: block;
}

@media all and (min-width: 1000px) {
  /* line 15, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
  .button-sticky-button--mobile-only {
    display: none;
  }
}

/* line 23, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 1rem;
}

@media all and (min-width: 1000px) {
  /* line 23, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
  .bottom-sticky-button__inner {
    max-width: 1216px;
    margin: 0 auto;
  }
}

/* line 34, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__left {
  margin-right: 0.5rem;
}

/* line 38, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__title {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  color: #484848;
}

/* line 45, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__text {
  font-size: 0.75rem;
  color: #484848;
}

/* line 50, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 55, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__price {
  margin-right: 1rem;
  color: #484848;
  line-height: 1.2;
  text-align: right;
}

/* line 62, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__small-text {
  font-size: 11px;
  font-weight: 400;
  color: #484848;
}

/* line 68, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__button {
  display: inline-block !important;
  height: initial !important;
  line-height: initial !important;
  padding: 0.7rem 1.5rem !important;
  font-weight: 800 !important;
  border-width: 2px !important;
  font-size: 15px !important;
}

/* line 78, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__avatar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 83, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
.bottom-sticky-button__image {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 83, app/assets/stylesheets/modules/_bottom_sticky_button.scss */
  .bottom-sticky-button__image {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card {
  position: relative;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  border: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}

/* line 11, app/assets/stylesheets/modules/_classes_card.scss */
.classes__cover-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 133.333%;
  /* 3:4 Ratio */
  overflow: hidden;
  border-radius: 12px;
}

/* line 24, app/assets/stylesheets/modules/_classes_card.scss */
.classes__cover-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
}

/* line 32, app/assets/stylesheets/modules/_classes_card.scss */
.classes__cover-inner::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

/* line 43, app/assets/stylesheets/modules/_classes_card.scss */
.classes__cover-inner:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.1s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
}

/* line 50, app/assets/stylesheets/modules/_classes_card.scss */
.classes__cover-inner--dark::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
}

/* line 55, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
}

/* line 63, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__top {
  position: absolute;
  top: 8px;
}

/* line 68, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__top-left {
  left: 8px;
}

/* line 72, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__top-right {
  right: 8px;
}

/* line 76, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 85, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__gradient {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 8px;
  font-weight: 800;
  line-height: 1.25;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 97, app/assets/stylesheets/modules/_classes_card.scss */
.classes__detail {
  margin-top: 0.5rem;
}

@media all and (min-width: 1000px) {
  /* line 97, app/assets/stylesheets/modules/_classes_card.scss */
  .classes__detail {
    margin-top: 10px;
  }
}

/* line 105, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.5rem;
  font-size: 11px;
}

/* line 113, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__remain_time {
  font-size: 11px;
}

/* line 117, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip-label {
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 125, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 4px;
  line-height: 1.3;
  overflow-wrap: break-word;
}

/* line 133, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__time {
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 600;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 133, app/assets/stylesheets/modules/_classes_card.scss */
  .classes-card__time {
    margin-bottom: 4px;
  }
}

/* line 144, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__rating {
  margin-top: 2px;
  font-weight: 600;
}

/* line 149, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip {
  margin-right: 2px;
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 800;
  border-radius: 4px;
}

/* line 158, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--small {
  font-size: 10px;
}

/* line 162, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--gray {
  background-color: #262626 !important;
  color: white;
}

/* line 167, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--lightgray {
  background-color: #f8f8f9 !important;
  color: #858a8d;
}

/* line 173, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--white {
  background: white;
  color: black;
}

/* line 178, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--end {
  background: black;
  color: white;
}

/* line 183, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--theme {
  background: #ff2d55;
  color: white;
}

/* line 188, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__chip--outline {
  border: 1px solid #ff2d55;
}

/* line 193, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card--dark {
  background: initial !important;
}

/* line 196, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card--dark .classes__detail {
  color: white !important;
}

/* line 201, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__icon-wrap {
  width: 28px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 209, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__icon-wrap:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* line 214, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__icon--active {
  color: #ff2d55;
  fill: #ff2d55;
}

/* line 219, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__icon--inactive {
  color: white;
}

/* line 223, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__icon {
  width: 20px !important;
  display: -ms-flexbox;
  display: flex;
}

/* line 228, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__divider {
  margin: 10px 0 !important;
  -webkit-box-shadow: #f8f8f9 0 -1px 0 inset;
          box-shadow: #f8f8f9 0 -1px 0 inset;
  border: none;
  height: 1px;
}

/* line 235, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__original-chip-wrapper {
  top: 12px;
  left: 12px;
}

/* line 240, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__original-chip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 2px;
  padding-right: 5px;
  border-radius: 4px;
}

/* line 248, app/assets/stylesheets/modules/_classes_card.scss */
.classes-card__original-logo {
  width: 18px;
  height: 22px;
}

/* line 253, app/assets/stylesheets/modules/_classes_card.scss */
.classes-mentor-card__icon-wrap {
  width: 28px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 261, app/assets/stylesheets/modules/_classes_card.scss */
.classes-mentor-card__icon-wrap:hover {
  fill: rgba(255, 45, 85, 0.4);
}

/* line 266, app/assets/stylesheets/modules/_classes_card.scss */
.classes-mentor-card__icon--active {
  color: #ff2d55;
  fill: #ff2d55;
}

/* line 271, app/assets/stylesheets/modules/_classes_card.scss */
.classes-mentor-card__icon--inactive {
  color: #ff2d55;
  fill: white;
}

/* line 276, app/assets/stylesheets/modules/_classes_card.scss */
.classes-mentor-card__icon {
  width: 20px !important;
  display: -ms-flexbox;
  display: flex;
}

/* line 1, app/assets/stylesheets/modules/_client_card.scss */
.client-card {
  position: relative;
  margin: 0.5rem !important;
  border: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}

/* line 8, app/assets/stylesheets/modules/_client_card.scss */
.client__cover-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 62.5%;
  /* 16:10 Ratio */
  overflow: hidden;
  border-radius: 12px;
}

/* line 21, app/assets/stylesheets/modules/_client_card.scss */
.client__cover-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
}

/* line 29, app/assets/stylesheets/modules/_client_card.scss */
.client__cover-inner::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

/* line 40, app/assets/stylesheets/modules/_client_card.scss */
.client__cover-inner:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.1s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.1s linear 0s, -webkit-transform 0.3s ease 0s;
}

/* line 46, app/assets/stylesheets/modules/_client_card.scss */
.client-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
}

/* line 1, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card {
  margin: 0 !important;
  margin-bottom: 15px !important;
}

/* line 5, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header {
  padding: 15px 15px;
  padding-bottom: 5px;
}

/* line 9, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header::after {
  display: none;
}

/* line 13, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header .mentor-image {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

/* line 19, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header .mentor-image img {
  border-radius: 50%;
}

/* line 24, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header .mentor-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 14px;
  line-height: 1.2;
}

/* line 31, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header .mentor-info small {
  color: rgba(0, 0, 0, 0.54);
}

/* line 36, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header .created-at {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

/* line 42, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-header:hover a {
  color: #ff2d55;
}

/* line 48, app/assets/stylesheets/modules/_comment_card.scss */
.comment-card .card-content {
  font-size: 15.5px;
  line-height: 1.6;
}

/* line 1, app/assets/stylesheets/modules/_google_slide.scss */
.google-slides-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 Ratio */
  padding-bottom: 62.5%;
  /* 16:10 Ratio */
}

/* line 9, app/assets/stylesheets/modules/_google_slide.scss */
.google-slides-container iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1, app/assets/stylesheets/modules/_img.scss */
.img-gradient {
  position: relative;
}

/* line 4, app/assets/stylesheets/modules/_img.scss */
.img-gradient::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

/* line 15, app/assets/stylesheets/modules/_img.scss */
.img-gradient img {
  display: block;
  width: 100%;
}

/* line 22, app/assets/stylesheets/modules/_img.scss */
.img-gradient--dark::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

/* line 28, app/assets/stylesheets/modules/_img.scss */
.img-circle img {
  border-radius: 50%;
  -webkit-box-shadow: #dbdbdb 0 0 0 2px;
          box-shadow: #dbdbdb 0 0 0 2px;
}

/* line 34, app/assets/stylesheets/modules/_img.scss */
.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 1, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner {
  background-color: #a7d6fb;
  padding: 2rem;
}

/* line 6, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner--25 {
  background-color: #a7d6fb;
}

/* line 10, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner--27 {
  background-color: #fd8d8d42;
}

@media all and (min-width: 1000px) {
  /* line 14, app/assets/stylesheets/modules/_main_banner.scss */
  .tns-outer {
    width: 1170px;
    margin: auto;
  }
}

/* line 21, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__image {
  width: 100%;
}

/* line 25, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  background-color: #fff;
}

/* line 33, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__content {
  padding: 1rem;
}

@media all and (min-width: 1000px) {
  /* line 33, app/assets/stylesheets/modules/_main_banner.scss */
  .main-banner__content {
    padding: 3rem;
  }
}

/* line 41, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
}

@media all and (min-width: 1000px) {
  /* line 41, app/assets/stylesheets/modules/_main_banner.scss */
  .main-banner__title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

/* line 56, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__description {
  word-break: break-all;
  color: #fff;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/modules/_main_banner.scss */
  .main-banner__description {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

/* line 66, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__button {
  margin-top: 1.5rem;
  padding: 0.5rem 1rem !important;
  display: inline-block !important;
  height: initial !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/modules/_main_banner.scss */
  .main-banner__button {
    padding: 0.75rem 1.5rem !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}

/* line 82, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__thumbnails {
  margin: 0;
  padding: 0;
  margin-top: 2rem;
  text-align: center;
}

/* line 89, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__thumbnails li {
  width: 50px;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0;
  padding: 0;
  margin-right: 0.5rem;
  list-style: none;
}

/* line 100, app/assets/stylesheets/modules/_main_banner.scss */
.tns-nav-active {
  border: 2px solid #ff2d55 !important;
}

/* line 104, app/assets/stylesheets/modules/_main_banner.scss */
.main-banner__thumbnails img {
  vertical-align: bottom;
  height: auto;
  max-height: 50px;
  max-width: 100%;
}

/* line 2, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list {
  margin: 0 !important;
}

/* line 5, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list ul {
  padding: 12px 0;
}

/* line 8, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list ul::before {
  display: none;
}

/* line 13, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list a {
  padding-right: 15px;
  background-image: none;
  height: 2.5rem;
}

/* line 20, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list .beta-text {
  font-size: 12px;
  color: #f00;
  position: absolute;
  font-weight: bold;
  margin: 0 0 0 0;
  left: 45px;
}

/* line 29, app/assets/stylesheets/modules/_menu_list.scss */
.menu-list .links-list .alim {
  padding: 0 7px;
  height: 17px;
  line-height: 17px;
}

@media all and (min-width: 1000px) {
  /* line 36, app/assets/stylesheets/modules/_menu_list.scss */
  .menu-list .links-list .beta-text {
    font-size: 12px;
    color: #f00;
    padding-left: 30px;
    position: absolute;
    margin: 2px 0 0 0;
    left: 13px;
  }
}

/* line 1, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

/* line 7, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card.shadow-card {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}

/* line 11, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content {
  padding: 12px;
}

/* line 14, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .content-body {
  color: #484848;
}

/* line 17, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .content-body .mentor-post-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.25;
  font-weight: 800;
  word-break: keep-all;
  max-height: 2.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media all and (min-width: 1000px) {
  /* line 17, app/assets/stylesheets/modules/_mentor_post_card.scss */
  .mentor-post-card .card-content .content-body .mentor-post-title {
    min-height: 2.5em;
  }
}

/* line 35, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .content-body .mentor-post-detail {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 10px;
  overflow-wrap: break-word;
  color: #484848;
  max-height: 5.68em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media all and (min-width: 1000px) {
  /* line 35, app/assets/stylesheets/modules/_mentor_post_card.scss */
  .mentor-post-card .card-content .content-body .mentor-post-detail {
    max-height: 8.52em;
    -webkit-line-clamp: 6;
  }
}

/* line 55, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-profile {
  margin-top: 1.5rem;
}

/* line 59, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-info-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 80%;
}

/* line 64, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-info-wrapper .mentor-image {
  margin-right: 10px;
}

/* line 67, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-info-wrapper .mentor-image img {
  max-width: 35px;
}

/* line 72, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-info-wrapper .mentor-info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #484848;
  width: 90%;
}

/* line 78, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-content .mentor-info-wrapper .mentor-info .job {
  font-size: 11px;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 90, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-footer .bookmarked {
  color: #ff2d55;
}

/* line 94, app/assets/stylesheets/modules/_mentor_post_card.scss */
.mentor-post-card .card-footer .action-block {
  display: grid;
  grid-auto-flow: column;
  gap: 4px;
}

/* line 1, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new {
  position: relative;
  border-radius: 15px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* line 6, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .cover-image {
  padding-top: 55%;
  background-position: center;
  background-size: cover;
}

/* line 12, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 26, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .chip {
  margin-top: 0;
  margin-bottom: 4px;
  padding: 0 7px;
}

/* line 32, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .chip-label {
  font-size: 11px;
}

/* line 36, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .mentor-image {
  position: absolute;
  left: 12px;
  top: 12px;
}

/* line 42, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .name {
  margin-top: 7px;
}

/* line 45, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .name .mentor-name {
  color: black;
  font-size: 20px;
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .name .position {
  font-weight: bold;
  margin: 0 0 7px;
}

/* line 57, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .job {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
}

/* line 64, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .mentoring-info {
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 65%;
}

/* line 70, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .mentoring-info .field-text {
  font-size: 11px;
  line-height: 1.3;
}

/* line 77, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .top-right {
  position: absolute;
  right: 12px;
  top: 12px;
  text-align: right;
}

/* line 84, app/assets/stylesheets/modules/_mentor_card_new.scss */
.mentor-card-new .ask-button {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

/* line 2, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
}

@media all and (min-width: 1000px) {
  /* line 2, app/assets/stylesheets/modules/_user_info_block.scss */
  .mentor-info-block .mentor-info__hero {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

/* line 12, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__image {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

/* line 17, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor__chip {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding: 0 7px !important;
}

/* line 22, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor__chip .chip-label {
  font-size: 11px !important;
}

/* line 27, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__job-type {
  font-size: 11px;
  line-height: 1rem;
  margin-bottom: 2px;
  font-weight: 600;
}

/* line 34, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__name {
  font-size: 1.5rem;
  font-weight: 600;
  color: #484848;
}

/* line 39, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__name small {
  font-size: 50%;
  color: #484848;
}

/* line 45, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__job {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 16px;
  color: #484848;
  word-break: keep-all;
}

/* line 53, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor__text {
  overflow-wrap: break-word;
  font-size: 14px;
  line-height: 1.6;
  color: #484848;
  max-height: 8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

@media all and (min-width: 1000px) {
  /* line 53, app/assets/stylesheets/modules/_user_info_block.scss */
  .mentor-info-block .mentor__text {
    max-height: 16em;
    -webkit-line-clamp: 10;
  }
}

/* line 71, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor-info__hashtag {
  margin-right: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6;
  color: #484848 !important;
}

/* line 79, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor__action {
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

/* line 83, app/assets/stylesheets/modules/_user_info_block.scss */
.mentor-info-block .mentor__action .button {
  margin-right: 0.25rem;
}

/* line 91, app/assets/stylesheets/modules/_user_info_block.scss */
.questioner-info-block .questioner-info .name {
  font-size: 20px;
  font-weight: 800;
  color: #484848;
}

/* line 97, app/assets/stylesheets/modules/_user_info_block.scss */
.questioner-info-block .questioner-info .job {
  margin-top: 4px;
  font-size: 14px;
  color: #484848;
}

/* line 104, app/assets/stylesheets/modules/_user_info_block.scss */
.questioner-info-block .mentoring-info {
  margin-top: 1rem;
  font-size: 14px;
}

/* line 108, app/assets/stylesheets/modules/_user_info_block.scss */
.questioner-info-block .mentoring-info .mentoring-type-block {
  margin-top: 0.25rem;
}

/* line 1, app/assets/stylesheets/modules/_navbar.scss */
.admin-alert {
  position: absolute;
  top: 44px;
  margin: 0.5rem;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/modules/_navbar.scss */
  .admin-alert {
    top: 81px;
  }
}

/* line 11, app/assets/stylesheets/modules/_navbar.scss */
.admin-alert__item {
  display: inline-block;
  margin-bottom: 0.25rem;
  padding: 0.5rem;
  background: rgba(185, 30, 69, 0.61);
  text-align: left;
  color: white;
  font-size: 0.85rem;
  font-weight: 800;
}

/* line 22, app/assets/stylesheets/modules/_navbar.scss */
.progress-container {
  bottom: 0 !important;
  height: 0;
  position: absolute;
  width: 100%;
  background: #f5f5f5;
}

/* line 30, app/assets/stylesheets/modules/_navbar.scss */
.progress-bar {
  height: 2px !important;
  background: #ff2d55;
  width: 0%;
}

/* line 36, app/assets/stylesheets/modules/_navbar.scss */
.navbar {
  position: fixed !important;
}

/* line 39, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner {
  padding: 0 0;
}

/* line 43, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .right a + a {
  margin-right: 15px;
  margin-left: 0;
}

/* line 48, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .right .icon-only {
  width: 30px;
}

/* line 54, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .logo img {
  width: 80px;
  margin-left: 15px;
}

/* line 60, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .button {
  border-radius: 0;
  border-color: transparent;
  color: #222222;
  height: 80px;
  line-height: 85px;
}

/* line 67, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .button:hover {
  border-bottom: 2px solid #ff2d55;
}

/* line 72, app/assets/stylesheets/modules/_navbar.scss */
.navbar .navbar-inner .hidden {
  visibility: hidden;
}

/* line 77, app/assets/stylesheets/modules/_navbar.scss */
.navbar .progress-container {
  bottom: 0 !important;
  height: 0;
  position: absolute;
  width: 100%;
  background: #f5f5f5;
}

/* line 85, app/assets/stylesheets/modules/_navbar.scss */
.navbar .progress-bar {
  height: 2px !important;
  background: #ff2d55;
  width: 0%;
}

/* line 91, app/assets/stylesheets/modules/_navbar.scss */
.navbar .beta-text {
  font-size: 12px;
  color: #f00;
}

/* line 96, app/assets/stylesheets/modules/_navbar.scss */
.navbar .beta-div {
  margin-left: 15px;
}

/* line 101, app/assets/stylesheets/modules/_navbar.scss */
.navbar-badge__new {
  line-height: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
  padding: 0 !important;
  min-width: 14px;
  position: absolute;
  right: 0;
  top: 8px;
}

@media all and (min-width: 1000px) {
  /* line 114, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .navbar-inner {
    width: 1248px;
    margin: 0 auto;
    position: static !important;
  }
  /* line 120, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .navbar-inner .right a + a {
    margin-right: 0;
    margin-left: 15px;
  }
  /* line 125, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .navbar-inner .right .button-big {
    font-size: 15px;
  }
  /* line 131, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .navbar-inner .me-profile img {
    vertical-align: middle;
    border-radius: 50%;
    -webkit-box-shadow: #dbdbdb 0 0 0 2px;
            box-shadow: #dbdbdb 0 0 0 2px;
  }
  /* line 139, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .progress-container {
    height: 0;
  }
  /* line 143, app/assets/stylesheets/modules/_navbar.scss */
  .navbar .progress-bar {
    height: 4px !important;
  }
}

/* line 149, app/assets/stylesheets/modules/_navbar.scss */
.search-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 2.5rem;
  width: 15rem;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  border-radius: 9999px;
}

/* line 158, app/assets/stylesheets/modules/_navbar.scss */
.search-bar ::-webkit-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-bar ::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-bar :-ms-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-bar ::-ms-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-bar ::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* line 163, app/assets/stylesheets/modules/_navbar.scss */
.search-bar svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 12.5%;
  bottom: 12.5%;
}

/* line 172, app/assets/stylesheets/modules/_navbar.scss */
.z-1000 {
  z-index: 1000;
}

/* line 176, app/assets/stylesheets/modules/_navbar.scss */
.tab-highlight {
  border-style: solid;
  border-bottom-width: 0.15rem;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  font-weight: 600;
}

/* line 183, app/assets/stylesheets/modules/_navbar.scss */
.hover-bold:hover {
  font-weight: 700;
}

/* line 3, app/assets/stylesheets/modules/_offline_mentoring_card.scss */
.offline-mentoring-card .thumbnail img {
  width: 100%;
}

/* line 8, app/assets/stylesheets/modules/_offline_mentoring_card.scss */
.offline-mentoring-card .title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #222222;
  overflow-wrap: break-word;
}

/* line 19, app/assets/stylesheets/modules/_offline_mentoring_card.scss */
.offline-mentoring-card .description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222222;
}

/* line 26, app/assets/stylesheets/modules/_offline_mentoring_card.scss */
.offline-mentoring-card .list .item-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6d6d72;
}

/* line 32, app/assets/stylesheets/modules/_offline_mentoring_card.scss */
.offline-mentoring-card .list .item-after {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222222;
}

/* line 1, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open_mentoring_card__jobtype {
  font-size: 11px;
  line-height: 1rem;
  margin-bottom: 2px;
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

/* line 15, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .thumbnail img {
  width: 100%;
}

/* line 20, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content {
  padding: 12px;
}

/* line 23, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .content-body {
  color: #484848;
}

/* line 26, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .content-body .mentee-question {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.25;
  font-weight: 700;
  word-break: break-all;
  max-height: 2.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media all and (min-width: 1000px) {
  /* line 26, app/assets/stylesheets/modules/_open_mentoring_card.scss */
  .open-mentoring-card .card-content .content-body .mentee-question {
    min-height: 2.5em;
  }
}

/* line 44, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .content-body .mentor-answer {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 10px;
  overflow-wrap: break-word;
  color: #484848;
  max-height: 5.68em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* line 59, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-profile {
  margin-top: 1.5rem;
}

/* line 63, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-info-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 80%;
}

/* line 68, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-info-wrapper .mentor-image {
  margin-right: 10px;
}

/* line 71, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-info-wrapper .mentor-image img {
  max-width: 35px;
}

/* line 76, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-info-wrapper .mentor-info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #484848;
  width: 90%;
}

/* line 82, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-content .mentor-info-wrapper .mentor-info .job {
  font-size: 11px;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 94, app/assets/stylesheets/modules/_open_mentoring_card.scss */
.open-mentoring-card .card-footer .created-at {
  font-size: 11px;
  line-height: 1rem;
}

/* line 1, app/assets/stylesheets/modules/_page.scss */
.row--inset {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/modules/_page.scss */
.row--outset {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

@media all and (min-width: 1000px) {
  /* line 12, app/assets/stylesheets/modules/_page.scss */
  .page-container {
    width: 580px;
    margin: 0 auto;
  }
  /* line 17, app/assets/stylesheets/modules/_page.scss */
  .page-container--xs {
    width: 380px !important;
  }
  /* line 21, app/assets/stylesheets/modules/_page.scss */
  .page-container--small {
    width: 480px !important;
  }
  /* line 25, app/assets/stylesheets/modules/_page.scss */
  .page-container--two-column {
    width: 840px !important;
    margin: 0 auto;
  }
  /* line 30, app/assets/stylesheets/modules/_page.scss */
  .page-container--large {
    width: 1248px;
    margin: 0 auto;
  }
}

/* line 38, app/assets/stylesheets/modules/_page.scss */
.page-container h1.title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0;
  font-weight: 700;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 38, app/assets/stylesheets/modules/_page.scss */
  .page-container h1.title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 50, app/assets/stylesheets/modules/_page.scss */
.page-container h1.title + div {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 4px;
  color: #484848;
}

/* line 59, app/assets/stylesheets/modules/_page.scss */
.page-container--two-column .mentee-program__footer-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 1rem;
}

/* line 64, app/assets/stylesheets/modules/_page.scss */
.page-container--two-column .mentee-program__footer-wrap .chip {
  font-size: 12px;
  height: 22px;
  padding: 0 7px;
}

/* line 70, app/assets/stylesheets/modules/_page.scss */
.page-container--two-column .mentee-program__footer-wrap .status-badge {
  text-align: center;
}

/* line 73, app/assets/stylesheets/modules/_page.scss */
.page-container--two-column .mentee-program__footer-wrap .status-badge .status-badge__sub-text {
  font-size: 8px;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 81, app/assets/stylesheets/modules/_page.scss */
  .page-container--two-column .mentee-program__footer-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  /* line 85, app/assets/stylesheets/modules/_page.scss */
  .page-container--two-column .mentee-program__footer-wrap .chip {
    font-size: 13px;
    height: 24px;
    padding: 0 10px;
  }
}

/* line 1, app/assets/stylesheets/modules/_panel.scss */
.panel {
  border-right: 1px solid #eee;
}

/* line 5, app/assets/stylesheets/modules/_panel.scss */
.panel .navbar .left {
  margin-left: 15px;
}

/* line 1, app/assets/stylesheets/modules/_program_card.scss */
.program-card {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

/* line 8, app/assets/stylesheets/modules/_program_card.scss */
.program-card .thumbnail img {
  width: 100%;
}

/* line 13, app/assets/stylesheets/modules/_program_card.scss */
.program-card .title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.25;
  font-weight: 700;
  word-break: break-all;
  max-height: 2.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media all and (min-width: 1000px) {
  /* line 13, app/assets/stylesheets/modules/_program_card.scss */
  .program-card .title {
    min-height: 2.5em;
  }
}

/* line 31, app/assets/stylesheets/modules/_program_card.scss */
.program-card .description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 10px;
  overflow-wrap: break-word;
  color: #484848;
  max-height: 2.84em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 46, app/assets/stylesheets/modules/_program_card.scss */
.program-card .list .item-title {
  font-size: 14px;
  color: #6d6d72;
}

/* line 51, app/assets/stylesheets/modules/_program_card.scss */
.program-card .list .item-time {
  font-size: 11px;
  color: #222222;
}

/* line 56, app/assets/stylesheets/modules/_program_card.scss */
.program-card .list .item-after {
  font-size: 14px;
  color: #222222;
}

/* line 62, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-header {
  font-size: inherit;
}

/* line 65, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-header span {
  color: #6d6d72;
}

/* line 69, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-header small {
  font-size: 12px;
  font-weight: 400;
  color: #6d6d72;
}

/* line 76, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content {
  padding-top: 12px;
  font-size: 15px;
  line-height: 1.6;
}

/* line 81, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-profile {
  width: 70%;
}

/* line 85, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-info-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 80%;
}

/* line 90, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-info-wrapper .mentor-image {
  margin-right: 10px;
}

/* line 93, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-info-wrapper .mentor-image img {
  max-width: 35px;
}

/* line 98, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-info-wrapper .mentor-info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #484848;
  width: 90%;
}

/* line 104, app/assets/stylesheets/modules/_program_card.scss */
.program-card .card-content .mentor-info-wrapper .mentor-info .job {
  font-size: 11px;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-header small {
  font-size: 11px;
  font-weight: 400;
  color: #484848;
}

/* line 10, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-content {
  padding-top: 12px;
}

/* line 13, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-content .content-body {
  display: block;
}

/* line 16, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-content .content-body .title {
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #222222;
  overflow-wrap: break-word;
}

/* line 25, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-content .content-body .body {
  font-size: 14px;
  line-height: 1.6;
  color: #484848;
  overflow-wrap: break-word;
}

/* line 34, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-footer {
  padding: 8px 10px !important;
  font-size: 13px;
  color: #484848;
}

/* line 39, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-footer.action-block {
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}

/* line 44, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card .card-footer .button {
  margin-left: 0.5rem;
}

/* line 50, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card__profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 70%;
}

/* line 57, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card__image img {
  width: 35px;
  height: 35px;
}

/* line 63, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card__info {
  margin-left: 6px;
  font-size: 14px;
  line-height: 1.2;
  color: #484848;
  overflow: hidden;
  width: 80%;
}

/* line 71, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card__info .job {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 78, app/assets/stylesheets/modules/_qa_thread_card.scss */
.qa-thread-card__footer {
  margin: 1rem 1rem;
  margin-top: -10px;
  font-size: 11px;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 85, app/assets/stylesheets/modules/_qa_thread_card.scss */
  .card-content--scroll {
    height: 600px;
    overflow-y: scroll;
  }
}

/* line 3, app/assets/stylesheets/modules/_searchbar.scss */
.ios .searchbar-inner .searchbar-disable-button {
  margin-left: -40px;
  padding: 2px 4px;
  z-index: 100;
  border: 1px solid #ff2d55;
  font-size: 13px;
}

/* line 1, app/assets/stylesheets/modules/_froala_editor.scss */
.froala-content {
  font-size: 17px;
  line-height: 1.6;
  color: #484848 !important;
  overflow-wrap: break-word;
}

/* line 7, app/assets/stylesheets/modules/_froala_editor.scss */
.froala-content img {
  width: 100%;
}

/* line 12, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-img-caption {
  text-align: center;
  display: inherit;
}

/* line 17, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-img-caption .fr-img-wrap img {
  width: 100%;
}

/* line 21, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-img-caption .fr-img-wrap .fr-inner {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 29, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-btn {
  width: 38px !important;
}

/* line 33, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-element {
  font-size: 1rem !important;
}

/* line 37, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-dib {
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  display: block;
  float: none;
}

/* line 46, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-placeholder {
  line-height: 26.7px !important;
}

/* line 50, app/assets/stylesheets/modules/_froala_editor.scss */
blockquote {
  border-left: 0.3em solid #ccc !important;
  margin: 0 0 0 0.3em !important;
  color: black !important;
  padding: 0 0 0 0.6em !important;
}

/* line 57, app/assets/stylesheets/modules/_froala_editor.scss */
table {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

/* line 62, app/assets/stylesheets/modules/_froala_editor.scss */
th,
td {
  border: 1px solid #ddd;
}

/* line 67, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-video {
  overflow: hidden !important;
  padding-bottom: 56.25% !important;
  position: relative !important;
  height: 0 !important;
}

/* line 74, app/assets/stylesheets/modules/_froala_editor.scss */
iframe {
  left: 0 !important;
  top: 0 !important;
  margin: auto !important;
}

/* line 80, app/assets/stylesheets/modules/_froala_editor.scss */
.fr-embedly {
  height: auto !important;
}

/* line 84, app/assets/stylesheets/modules/_froala_editor.scss */
.embd-active {
  visibility: hidden !important;
}

/* line 1, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card {
  position: relative;
  border: none !important;
  margin: 0.3rem !important;
}

/* line 6, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card .chip {
  margin-top: 0;
  margin-bottom: 4px;
  padding: 0 7px;
}

/* line 12, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card .chip-label {
  font-size: 11px;
  color: white;
}

/* line 18, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__cover__wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

/* line 23, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__cover__wrapper .cover-image {
  padding-top: 120%;
  background-position: center;
  background-size: cover;
}

/* line 28, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__cover__wrapper .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
}

@media all and (min-width: 1000px) {
  /* line 23, app/assets/stylesheets/modules/_meeting_card.scss */
  .meeting-card__cover__wrapper .cover-image {
    padding-top: 150%;
  }
}

@media all and (min-width: 1000px) {
  /* line 46, app/assets/stylesheets/modules/_meeting_card.scss */
  .meeting-card__cover__wrapper:hover .cover-image, .meeting-card__cover__wrapper:focus .cover-image {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

/* line 54, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__content {
  position: absolute;
  left: 15px;
  top: 15px;
}

/* line 60, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__content__title {
  color: white;
  font-size: 24px;
  font-weight: bold;
}

/* line 66, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__title {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  color: white;
}

/* line 73, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__title .chip-label {
  font-weight: 600;
}

/* line 78, app/assets/stylesheets/modules/_meeting_card.scss */
.meeting-card__field__text {
  color: white;
  width: 70%;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}

/* line 2, app/assets/stylesheets/modules/_registrant_card.scss */
.registrant-card__actions .button {
  width: 100%;
  margin-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/modules/_registrant_card.scss */
.registrant-card__actions .button:last-child {
  margin-right: 0;
}

/* line 1, app/assets/stylesheets/modules/_blind_block.scss */
.blind-wrap {
  text-shadow: 0 0 8px #000;
  -webkit-filter: blur(6px);
          filter: blur(6px);
  height: 600px;
  overflow: hidden;
  margin-bottom: 50px;
}

/* line 9, app/assets/stylesheets/modules/_blind_block.scss */
.blind-block-wrap {
  position: absolute;
  top: 20%;
  padding: 30px;
  background-color: #fff;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-box-shadow: 3px 3px 10px #8e8e93;
          box-shadow: 3px 3px 10px #8e8e93;
  word-break: keep-all;
  border-radius: 4px;
}

@media all and (min-width: 1000px) {
  /* line 9, app/assets/stylesheets/modules/_blind_block.scss */
  .blind-block-wrap {
    width: 450px;
    margin: 0 auto;
  }
}

/* line 27, app/assets/stylesheets/modules/_blind_block.scss */
.blind-block-wrap__button {
  width: 180px;
  margin: 35px auto 10px;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* line 1, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card {
  display: block;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  padding: 0.75rem;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card {
    padding: 1rem;
  }
}

/* line 14, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__organization {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 800;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (min-width: 1000px) {
  /* line 14, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__organization {
    font-size: 18px;
    line-height: 1.55;
  }
}

/* line 29, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__department {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (min-width: 1000px) {
  /* line 29, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__department {
    font-size: 14px;
    line-height: 1.42;
  }
}

/* line 44, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__image-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 1rem 0;
}

/* line 50, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__image-inner {
  position: relative;
  width: 85px;
  height: 85px;
}

@media all and (min-width: 1000px) {
  /* line 50, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__image-inner {
    width: 100px;
    height: 100px;
  }
}

/* line 61, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
  border-radius: 50%;
}

/* line 70, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__icon-wrap {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 27px;
  height: 27px;
  bottom: 0;
  right: 0;
  border: 2px solid white;
  border-radius: 100%;
  background: #8e8e93;
}

@media all and (min-width: 1000px) {
  /* line 70, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__icon-wrap {
    width: 30px;
    height: 30px;
  }
}

/* line 88, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__icon-wrap.active {
  background: #ff2d55 !important;
}

/* line 93, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__icon {
  position: absolute;
  top: 6px;
  width: 13px;
  height: 13px;
}

@media all and (min-width: 1000px) {
  /* line 93, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__icon {
    width: 15px;
    height: 15px;
  }
}

/* line 105, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__job-type {
  margin-bottom: 0.75rem;
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  color: #484848;
}

/* line 113, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__name {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.42;
  font-weight: 800;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (min-width: 1000px) {
  /* line 113, app/assets/stylesheets/modules/_renew_mentor_card.scss */
  .renew-mentor-card__name {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* line 129, app/assets/stylesheets/modules/_renew_mentor_card.scss */
.renew-mentor-card__expertise {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/pages/_classes.scss */
.classes-conference-banner {
  background: #f2f2f2;
  padding: 1rem 1.5rem;
}

/* line 6, app/assets/stylesheets/pages/_classes.scss */
.classes__list {
  margin: 0 1rem;
}

/* line 9, app/assets/stylesheets/pages/_classes.scss */
.classes__list .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 15, app/assets/stylesheets/pages/_classes.scss */
.jobtype-button {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
  color: #484848 !important;
  border: 1px solid #484848 !important;
  border-radius: 30px;
}

/* line 26, app/assets/stylesheets/pages/_classes.scss */
.jobtype-button:last-child {
  margin-right: 0;
}

@media all and (min-width: 1000px) {
  /* line 15, app/assets/stylesheets/pages/_classes.scss */
  .jobtype-button {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 14px;
  }
}

/* line 38, app/assets/stylesheets/pages/_classes.scss */
.jobtype-button--active {
  color: #ff2d55 !important;
  border: 1px solid #ff2d55 !important;
}

/* line 43, app/assets/stylesheets/pages/_classes.scss */
.classes__container {
  margin: 2rem 0;
}

@media all and (min-width: 1000px) {
  /* line 43, app/assets/stylesheets/pages/_classes.scss */
  .classes__container {
    width: 1248px;
    margin: 2rem auto;
  }
}

/* line 52, app/assets/stylesheets/pages/_classes.scss */
.classes__subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

@media all and (min-width: 1000px) {
  /* line 52, app/assets/stylesheets/pages/_classes.scss */
  .classes__subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

/* line 63, app/assets/stylesheets/pages/_classes.scss */
.classes-hero {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: white;
  color: black;
}

@media all and (min-width: 1000px) {
  /* line 63, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero {
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 1;
  }
}

/* line 79, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__cover-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 12px;
  padding-top: 100%;
}

@media all and (min-width: 1000px) {
  /* line 79, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__cover-wrapper {
    padding-top: 133.333%;
  }
}

/* line 92, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__cover-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 100, app/assets/stylesheets/pages/_classes.scss */
.classes__cover-wrapper {
  padding-top: 133.333%;
}

/* line 104, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__inner {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 104, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__inner {
    display: block;
    width: 80%;
  }
}

/* line 113, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0.5rem 0;
  font-weight: 800;
}

@media all and (min-width: 1000px) {
  /* line 113, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media all and (min-width: 1000px) {
  /* line 124, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__detail {
    margin-bottom: 0;
  }
}

/* line 132, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__chips {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* line 137, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__username {
  margin-bottom: 4px;
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 142, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__username small {
  font-weight: 400;
}

@media all and (min-width: 1000px) {
  /* line 137, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__username {
    margin-bottom: 6px;
  }
}

/* line 151, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__organization {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 4px;
}

/* line 157, app/assets/stylesheets/pages/_classes.scss */
.classes-schedule__item {
  margin-bottom: 4px;
  color: white;
  font-size: 15px;
}

@media all and (min-width: 1000px) {
  /* line 157, app/assets/stylesheets/pages/_classes.scss */
  .classes-schedule__item {
    margin-bottom: 6px;
  }
}

/* line 167, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__guide {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  padding: 0.5rem 0 !important;
  background: initial !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.5 !important;
}

@media all and (min-width: 1000px) {
  /* line 167, app/assets/stylesheets/pages/_classes.scss */
  .classes-hero__guide {
    padding: 1rem 0 !important;
  }
}

/* line 182, app/assets/stylesheets/pages/_classes.scss */
.classes-hero__guide-text {
  font-size: 11px;
}

/* line 186, app/assets/stylesheets/pages/_classes.scss */
.classes-guide {
  background: #f2f2f2;
  padding: 1.5rem;
}

/* line 191, app/assets/stylesheets/pages/_classes.scss */
.classes-guide__help {
  margin-top: 1rem !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* line 197, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point {
  margin-bottom: 2rem;
  padding: 2rem 1rem;
  background: #f2f2f2;
}

@media all and (min-width: 1000px) {
  /* line 197, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point {
    padding: 3rem 1.5rem;
  }
}

/* line 207, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__title {
  margin-bottom: 3rem;
  font-weight: 600;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media all and (min-width: 1000px) {
  /* line 207, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 219, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__message {
  width: 80%;
  margin: 1rem auto;
  text-align: center;
  font-weight: 600;
  border-radius: 15px;
}

@media all and (min-width: 1000px) {
  /* line 219, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__message {
    font-size: 18px;
  }
}

/* line 231, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__content {
  word-break: keep-all;
  font-size: 18px;
  text-align: center;
  background: #f2f2f2;
  color: #484848;
  padding: 2rem 0;
}

@media all and (min-width: 1000px) {
  /* line 231, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__content {
    font-size: 2rem;
  }
}

/* line 244, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__list {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media all and (min-width: 1000px) {
  /* line 244, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__list {
    padding: 1rem 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* line 255, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__list-item {
  padding: 2rem 3rem;
  -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 1rem;
  text-align: center;
  background: #fff;
}

@media all and (min-width: 1000px) {
  /* line 255, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__list-item {
    padding: 1.3rem 1rem;
  }
}

/* line 268, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: auto;
  margin-bottom: 1rem;
}

@media all and (min-width: 1000px) {
  /* line 268, app/assets/stylesheets/pages/_classes.scss */
  .classes-main-point__icon {
    width: 50px;
    height: 50px;
  }
}

/* line 281, app/assets/stylesheets/pages/_classes.scss */
.classes-main-point__content-title {
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0.5rem;
}

/* line 287, app/assets/stylesheets/pages/_classes.scss */
.classes-sub-box {
  position: relative;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.09);
  background: #fff;
  border-radius: 1rem;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 287, app/assets/stylesheets/pages/_classes.scss */
  .classes-sub-box {
    min-height: 320px;
  }
}

@media all and (min-width: 1000px) {
  /* line 305, app/assets/stylesheets/pages/_classes.scss */
  .classes-sub-box--wide {
    min-height: 240px;
  }
}

/* line 311, app/assets/stylesheets/pages/_classes.scss */
.classes-sub-box__content {
  font-size: 1rem;
  line-height: 1.5rem;
  word-break: initial;
}

/* line 317, app/assets/stylesheets/pages/_classes.scss */
.classes-sub-box__content-footer {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 2rem;
  font-weight: 600;
  text-align: right;
}

@media all and (min-width: 1000px) {
  /* line 317, app/assets/stylesheets/pages/_classes.scss */
  .classes-sub-box__content-footer {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
  }
}

/* line 331, app/assets/stylesheets/pages/_classes.scss */
.classes-sub-box__quote {
  position: relative;
  font-size: 2rem;
  top: 2rem;
  left: 1rem;
}

@media all and (min-width: 1000px) {
  /* line 331, app/assets/stylesheets/pages/_classes.scss */
  .classes-sub-box__quote {
    margin-top: 2rem;
    font-size: 3rem;
    top: -2rem;
    left: 1rem;
    margin-bottom: -5rem;
  }
}

/* line 346, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box--mobile-only {
  display: block;
}

@media all and (min-width: 1000px) {
  /* line 346, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box--mobile-only {
    display: none;
  }
}

/* line 354, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box {
  color: #484848;
}

/* line 358, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box .list ul {
  background: none;
}

@media all and (min-width: 1000px) {
  /* line 364, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__card {
    margin: 15px;
    margin-top: 0;
    margin-right: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    padding: 1.5rem;
  }
}

/* line 376, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__mentor-card {
  padding: 1rem;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  background: white;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 376, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__mentor-card {
    margin-left: 1rem;
  }
}

/* line 389, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
  font-weight: 700;
  word-break: keep-all;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 398, app/assets/stylesheets/pages/_classes.scss */
  .classes-pre-question__button {
    display: inline-block;
  }
}

@media all and (min-width: 1000px) {
  /* line 404, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__item {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  }
}

/* line 411, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__item__chip {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 2px;
  font-weight: 600;
}

/* line 418, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__item__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 423, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__item__cost {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 429, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__item__client {
  padding-bottom: 1rem;
  margin-top: 1rem;
}

/* line 434, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__action {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 434, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__action {
    display: block;
  }
}

/* line 442, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__button {
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* line 447, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__mentor-button {
  margin: 1rem 0;
  font-size: 15px !important;
}

@media all and (min-width: 1000px) {
  /* line 447, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__mentor-button {
    margin-left: 1rem;
  }
}

/* line 456, app/assets/stylesheets/pages/_classes.scss */
.classes-side-box__text {
  text-align: center;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 456, app/assets/stylesheets/pages/_classes.scss */
  .classes-side-box__text {
    margin: 1rem;
  }
}

@media all and (min-width: 1000px) {
  /* line 465, app/assets/stylesheets/pages/_classes.scss */
  .classes-subject__title {
    width: 80%;
  }
}

/* line 471, app/assets/stylesheets/pages/_classes.scss */
.classes-mentor-detail__img {
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
}

/* line 477, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__content {
  margin-bottom: 2rem;
}

@media all and (min-width: 1000px) {
  /* line 477, app/assets/stylesheets/pages/_classes.scss */
  .classes-skill__content {
    margin-bottom: 0;
  }
}

/* line 485, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__title {
  margin-bottom: 0.25rem;
  line-height: 1.4;
  font-size: 20px;
  color: #484848;
  font-weight: 600;
}

/* line 493, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__text {
  font-size: 15px;
  color: #6d6d72;
}

/* line 498, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__cover-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 56.25%;
  /* 16:9 Ratio */
  overflow: hidden;
  border-radius: 3px;
}

/* line 507, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__cover-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: radial-gradient(white, black);
          mask-image: radial-gradient(white, black);
}

/* line 516, app/assets/stylesheets/pages/_classes.scss */
.classes-skill__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
}

/* line 524, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum {
  margin-top: 1rem;
  margin-bottom: 0;
}

@media all and (min-width: 1000px) {
  /* line 524, app/assets/stylesheets/pages/_classes.scss */
  .classes-curriculum {
    margin-top: 0;
  }
}

/* line 533, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__content {
  margin-bottom: 0;
}

@media all and (min-width: 1000px) {
  /* line 533, app/assets/stylesheets/pages/_classes.scss */
  .classes-curriculum__content {
    margin-bottom: 2rem;
  }
}

/* line 541, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__subtitle {
  margin-bottom: 0.5rem;
}

/* line 545, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__chapter {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #ff2d55;
  border-radius: 2rem;
  text-align: center;
  color: white;
}

/* line 554, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__line {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

/* line 559, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__line:first-child {
  margin-top: 0;
}

/* line 563, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__line span {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: normal;
  display: -ms-flexbox;
  display: flex;
  background: #f2f2f2;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 15px 0 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border-radius: 100%;
}

/* line 579, app/assets/stylesheets/pages/_classes.scss */
.classes-curriculum__line div {
  font-size: 17px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

/* line 589, app/assets/stylesheets/pages/_classes.scss */
.classes__sticky {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 589, app/assets/stylesheets/pages/_classes.scss */
  .classes__sticky {
    display: block;
    position: sticky;
    top: 120px;
    max-height: 100vh;
    overflow: auto;
    margin-top: -300px;
    z-index: 10000;
  }
}

/* line 605, app/assets/stylesheets/pages/_classes.scss */
.classes-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

/* line 609, app/assets/stylesheets/pages/_classes.scss */
.classes-guide__subtitle {
  font-size: 20px;
  font-weight: 600;
}

/* line 614, app/assets/stylesheets/pages/_classes.scss */
.text-box-shadow {
  -webkit-box-shadow: inset 0 -16px 0 #ffe1e7;
          box-shadow: inset 0 -16px 0 #ffe1e7;
}

/* line 1, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__wrapper {
  position: relative;
  padding-top: 100%;
}

@media all and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/pages/_clients.scss */
  .clients-hero__wrapper {
    padding-top: 25%;
  }
}

/* line 10, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__absolute {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 18, app/assets/stylesheets/pages/_clients.scss */
.clients-hero {
  position: relative;
  height: 100%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  left: 50%;
  right: 50%;
}

/* line 29, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__gradient::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
}

/* line 41, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__gradient--dark::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
}

/* line 46, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__image {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
}

/* line 54, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
}

@media all and (min-width: 1000px) {
  /* line 54, app/assets/stylesheets/pages/_clients.scss */
  .clients-hero__inner {
    width: 1216px;
  }
}

/* line 66, app/assets/stylesheets/pages/_clients.scss */
.clients-hero--dark {
  color: black !important;
}

/* line 70, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 4px;
  color: white;
  font-weight: 600;
}

/* line 78, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  word-break: keep-all;
  color: white;
  margin-bottom: 4px;
}

@media all and (min-width: 1000px) {
  /* line 78, app/assets/stylesheets/pages/_clients.scss */
  .clients-hero__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

/* line 91, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 400px;
  margin-top: 6px;
  font-weight: 400;
  word-break: keep-all;
  color: white;
}

@media all and (min-width: 1000px) {
  /* line 91, app/assets/stylesheets/pages/_clients.scss */
  .clients-hero__description {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 10px;
  }
}

/* line 107, app/assets/stylesheets/pages/_clients.scss */
.clients-hero__button {
  display: inline-block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

/* line 1, app/assets/stylesheets/pages/_b2b.scss */
.b2b__container {
  padding: 3rem 0;
  margin: auto;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_b2b.scss */
  .b2b__container {
    padding: 6rem 0;
  }
}

/* line 10, app/assets/stylesheets/pages/_b2b.scss */
.b2b__wrapper {
  padding: 0 1rem;
}

/* line 14, app/assets/stylesheets/pages/_b2b.scss */
.b2b__content {
  margin-bottom: 1.5rem;
  word-break: keep-all;
  text-align: center;
  color: #484848;
  position: relative;
}

@media all and (min-width: 1000px) {
  /* line 14, app/assets/stylesheets/pages/_b2b.scss */
  .b2b__content {
    margin-bottom: 3rem;
  }
}

/* line 26, app/assets/stylesheets/pages/_b2b.scss */
.b2b__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media all and (min-width: 1000px) {
  /* line 26, app/assets/stylesheets/pages/_b2b.scss */
  .b2b__title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

/* line 36, app/assets/stylesheets/pages/_b2b.scss */
.b2b__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
}

@media all and (min-width: 1000px) {
  /* line 36, app/assets/stylesheets/pages/_b2b.scss */
  .b2b__description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* line 46, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__wrapper {
  position: relative;
  padding-top: 100%;
}

@media all and (min-width: 768px) {
  /* line 46, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__wrapper {
    padding-top: 40%;
  }
}

/* line 55, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__inner {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
}

@media all and (min-width: 1000px) {
  /* line 55, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__inner {
    width: 1216px;
  }
}

/* line 67, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  word-break: keep-all;
  color: white;
}

@media all and (min-width: 1000px) {
  /* line 67, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__title {
    font-size: 3rem;
    line-height: 1;
    line-height: 1.2;
  }
}

/* line 81, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 300px;
  margin-top: 1rem;
  font-weight: 400;
  word-break: keep-all;
  color: white;
}

@media all and (min-width: 1000px) {
  /* line 81, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__description {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 10px;
  }
}

/* line 97, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__logo__wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 90%;
  -webkit-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
}

@media all and (min-width: 1000px) {
  /* line 97, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__logo__wrapper {
    width: 1216px;
  }
}

/* line 109, app/assets/stylesheets/pages/_b2b.scss */
.b2b-hero__logo {
  width: 65%;
}

@media all and (min-width: 1000px) {
  /* line 109, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-hero__logo {
    width: 100%;
  }
}

/* line 117, app/assets/stylesheets/pages/_b2b.scss */
.b2b-main-point__inner {
  background: #fff;
  padding: 1.5rem 0;
  margin-bottom: 1rem;
  text-align: center;
}

@media all and (min-width: 1000px) {
  /* line 117, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-main-point__inner {
    padding: 3rem 0;
    margin: 0;
  }
}

/* line 129, app/assets/stylesheets/pages/_b2b.scss */
.b2b-main-point__content-title {
  font-weight: 600;
  word-break: keep-all;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media all and (min-width: 1000px) {
  /* line 129, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-main-point__content-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 141, app/assets/stylesheets/pages/_b2b.scss */
.b2b-topics__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 50%;
     object-position: center 50%;
}

@media all and (min-width: 1000px) {
  /* line 141, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-topics__image {
    height: 200px;
  }
}

/* line 153, app/assets/stylesheets/pages/_b2b.scss */
.b2b-topics__content-title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  font-weight: 700;
  color: #484848;
  word-break: keep-all;
  text-align: center;
}

@media all and (min-width: 1000px) {
  /* line 153, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-topics__content-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

/* line 167, app/assets/stylesheets/pages/_b2b.scss */
.b2b-topics__content-description {
  margin-top: 8px;
  color: #484848;
  word-break: keep-all;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media all and (min-width: 1000px) {
  /* line 167, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-topics__content-description {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* line 182, app/assets/stylesheets/pages/_b2b.scss */
.b2b-management__review {
  margin-bottom: 1rem;
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.09);
  background: #fff;
  border-radius: 1rem;
  color: #484848;
  text-align: initial;
}

/* line 193, app/assets/stylesheets/pages/_b2b.scss */
.b2b-management__img {
  width: 100%;
}

/* line 197, app/assets/stylesheets/pages/_b2b.scss */
.b2b-management__content {
  font-size: 1rem;
  line-height: 1.5rem;
  word-break: keep-all;
  margin-bottom: 1rem;
}

/* line 204, app/assets/stylesheets/pages/_b2b.scss */
.b2b-partner__item {
  margin-bottom: 2rem;
}

@media all and (min-width: 1000px) {
  /* line 204, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-partner__item {
    margin-bottom: 3rem;
  }
}

/* line 212, app/assets/stylesheets/pages/_b2b.scss */
.b2b-partner__img {
  width: 80%;
}

@media all and (min-width: 1000px) {
  /* line 212, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-partner__img {
    width: 60%;
  }
}

/* line 220, app/assets/stylesheets/pages/_b2b.scss */
.b2b-quality__inner {
  background: #fff;
  border-radius: 1rem;
  padding: 2rem 1rem;
  margin-bottom: 1rem;
  color: #484848;
  text-align: center;
  -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.09);
}

@media all and (min-width: 1000px) {
  /* line 220, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-quality__inner {
    margin: 0;
  }
}

/* line 235, app/assets/stylesheets/pages/_b2b.scss */
.b2b-quality__title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

@media all and (min-width: 1000px) {
  /* line 235, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-quality__title {
    font-weight: 700;
  }
}

/* line 245, app/assets/stylesheets/pages/_b2b.scss */
.b2b-quality__content {
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #ff2d55;
  font-weight: 700;
}

/* line 252, app/assets/stylesheets/pages/_b2b.scss */
.b2b-contact__wrapper {
  position: relative;
  background: #fff;
  padding: 1rem;
  border-radius: 5px;
  text-align: center;
  margin: auto;
}

@media all and (min-width: 1000px) {
  /* line 252, app/assets/stylesheets/pages/_b2b.scss */
  .b2b-contact__wrapper {
    padding: 3rem 0;
    width: 50%;
  }
}

/* line 1, app/assets/stylesheets/pages/_conference.scss */
.conference__title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_conference.scss */
  .conference__title {
    font-size: 24px;
  }
}

@media all and (min-width: 1000px) {
  /* line 12, app/assets/stylesheets/pages/_conference.scss */
  .conference__with {
    max-width: 1356px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* line 19, app/assets/stylesheets/pages/_conference.scss */
.conference__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media all and (min-width: 768px) {
  /* line 19, app/assets/stylesheets/pages/_conference.scss */
  .conference__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media all and (min-width: 1000px) {
  /* line 19, app/assets/stylesheets/pages/_conference.scss */
  .conference__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media all and (min-width: 1240px) {
  /* line 19, app/assets/stylesheets/pages/_conference.scss */
  .conference__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media all and (min-width: 1680px) {
  /* line 19, app/assets/stylesheets/pages/_conference.scss */
  .conference__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

/* line 41, app/assets/stylesheets/pages/_conference.scss */
.conference-class__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media all and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/pages/_conference.scss */
  .conference-class__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media all and (min-width: 1000px) {
  /* line 41, app/assets/stylesheets/pages/_conference.scss */
  .conference-class__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media all and (min-width: 1240px) {
  /* line 41, app/assets/stylesheets/pages/_conference.scss */
  .conference-class__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media all and (min-width: 1680px) {
  /* line 41, app/assets/stylesheets/pages/_conference.scss */
  .conference-class__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

/* line 64, app/assets/stylesheets/pages/_conference.scss */
.conference__class .card {
  margin: 0 !important;
  margin-bottom: 2rem !important;
}

/* line 1, app/assets/stylesheets/pages/_devise.scss */
.login-container {
  margin-top: 3rem;
  padding: 0 1rem;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_devise.scss */
  .login-container {
    padding: 0;
  }
}

/* line 9, app/assets/stylesheets/pages/_devise.scss */
.login-container .social-block {
  margin-bottom: 0;
}

/* line 12, app/assets/stylesheets/pages/_devise.scss */
.login-container .social-block .button {
  display: block;
  margin-bottom: 8px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  color: #222222;
  text-align: left;
}

/* line 19, app/assets/stylesheets/pages/_devise.scss */
.login-container .social-block .button .button-wrap {
  margin: auto;
  width: 155px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 26, app/assets/stylesheets/pages/_devise.scss */
.login-container .social-block .button img {
  width: 18px;
}

/* line 30, app/assets/stylesheets/pages/_devise.scss */
.login-container .social-block .button:last-child {
  margin-bottom: 0;
}

/* line 36, app/assets/stylesheets/pages/_devise.scss */
.login-container .submit-button {
  margin: 1.5rem 0;
}

/* line 41, app/assets/stylesheets/pages/_devise.scss */
.login-block__top {
  text-align: center;
}

/* line 45, app/assets/stylesheets/pages/_devise.scss */
.login-block__title {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

/* line 49, app/assets/stylesheets/pages/_devise.scss */
.login-block {
  margin: 1.5rem 0 !important;
  display: none;
}

/* line 54, app/assets/stylesheets/pages/_devise.scss */
.login-block--display {
  display: block;
}

/* line 58, app/assets/stylesheets/pages/_devise.scss */
.login-block__term {
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 1rem 0;
}

/* line 64, app/assets/stylesheets/pages/_devise.scss */
.login-block__submit-button {
  margin: 1.5rem 0 !important;
}

/* line 68, app/assets/stylesheets/pages/_devise.scss */
.login-block__divider {
  margin: 10px 0 !important;
  -webkit-box-shadow: #f8f8f9 0 -1px 0 inset;
          box-shadow: #f8f8f9 0 -1px 0 inset;
  border: none;
  height: 1px;
}

/* line 1, app/assets/stylesheets/pages/_intro.scss */
.intro-sub-banner {
  display: block;
  background: #f2f2f2;
  margin-top: 2rem;
  padding: 1rem 1.5rem;
}

/* line 8, app/assets/stylesheets/pages/_intro.scss */
.intro_sub_banner--pc {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 13, app/assets/stylesheets/pages/_intro.scss */
  .intro-sub-banner {
    display: none;
  }
  /* line 17, app/assets/stylesheets/pages/_intro.scss */
  .intro_sub_banner--pc {
    display: block;
    margin: 3rem 1rem;
  }
}

/* line 23, app/assets/stylesheets/pages/_intro.scss */
.intro-sub-banner__small {
  font-size: 11px;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 23, app/assets/stylesheets/pages/_intro.scss */
  .intro-sub-banner__small {
    font-size: 13px;
  }
}

/* line 32, app/assets/stylesheets/pages/_intro.scss */
.intro-sub-banner__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

@media all and (min-width: 1000px) {
  /* line 32, app/assets/stylesheets/pages/_intro.scss */
  .intro-sub-banner__inner {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
}

/* line 42, app/assets/stylesheets/pages/_intro.scss */
.intro-sub-banner__text {
  margin-bottom: 0.5rem;
}

@media all and (min-width: 1000px) {
  /* line 42, app/assets/stylesheets/pages/_intro.scss */
  .intro-sub-banner__text {
    margin-bottom: 0;
  }
}

/* line 50, app/assets/stylesheets/pages/_intro.scss */
.intro-sub-banner__strong {
  font-size: 14px;
  font-weight: 800;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 50, app/assets/stylesheets/pages/_intro.scss */
  .intro-sub-banner__strong {
    font-size: 16px;
  }
}

/* line 60, app/assets/stylesheets/pages/_intro.scss */
.intro__title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  margin: 0 1rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
  color: #484848;
  font-weight: 700;
}

@media all and (min-width: 1000px) {
  /* line 60, app/assets/stylesheets/pages/_intro.scss */
  .intro__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 77, app/assets/stylesheets/pages/_intro.scss */
.intro__title_link {
  display: none;
}

@media all and (min-width: 1000px) {
  /* line 77, app/assets/stylesheets/pages/_intro.scss */
  .intro__title_link {
    display: block;
    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
    color: #484848 !important;
  }
}

/* line 89, app/assets/stylesheets/pages/_intro.scss */
.intro-classes__category {
  font-size: 15px;
}

/* line 93, app/assets/stylesheets/pages/_intro.scss */
.intro-classes__category-wrap {
  margin: 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

/* line 101, app/assets/stylesheets/pages/_intro.scss */
.intro-classes__category-title {
  font-size: 20px;
}

/* line 105, app/assets/stylesheets/pages/_intro.scss */
.intro-classes__card {
  position: relative;
  margin: 0 !important;
  border: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}

/* line 112, app/assets/stylesheets/pages/_intro.scss */
.intro-reviews {
  padding: 3rem 0;
  background: #f2f2f2;
}

@media all and (min-width: 1000px) {
  /* line 112, app/assets/stylesheets/pages/_intro.scss */
  .intro-reviews {
    margin-top: 2rem;
    padding: 4rem 0;
  }
}

/* line 122, app/assets/stylesheets/pages/_intro.scss */
.intro-reviews__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  word-break: keep-all;
  color: #484848;
  text-align: center;
}

@media all and (min-width: 1000px) {
  /* line 122, app/assets/stylesheets/pages/_intro.scss */
  .intro-reviews__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 135, app/assets/stylesheets/pages/_intro.scss */
.intro-reviews__text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  text-align: center;
}

/* line 143, app/assets/stylesheets/pages/_intro.scss */
.readmore-button {
  margin-top: 1rem !important;
}

/* line 146, app/assets/stylesheets/pages/_intro.scss */
.readmore-button .button {
  font-size: 15px !important;
}

@media all and (min-width: 1000px) {
  /* line 143, app/assets/stylesheets/pages/_intro.scss */
  .readmore-button {
    display: none;
  }
}

/* line 155, app/assets/stylesheets/pages/_intro.scss */
.intro__readmore {
  font-weight: 800;
}

/* line 160, app/assets/stylesheets/pages/_intro.scss */
.intros.index {
  word-break: keep-all;
}

/* line 163, app/assets/stylesheets/pages/_intro.scss */
.intros.index .block-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 167, app/assets/stylesheets/pages/_intro.scss */
.intros.index .block-title a {
  font-size: 13px;
  font-weight: 400;
  color: #6d6d72;
}

/* line 172, app/assets/stylesheets/pages/_intro.scss */
.intros.index .block-title a:hover {
  color: #ff2d55;
}

/* line 178, app/assets/stylesheets/pages/_intro.scss */
.intros.index .new-mentor-block-wrapper {
  margin: 35px 0;
  background: #fafafa;
  -ms-flex-align: center;
      align-items: center;
}

/* line 183, app/assets/stylesheets/pages/_intro.scss */
.intros.index .new-mentor-block-wrapper .text-block-wrapper {
  padding: 35px 0;
}

/* line 186, app/assets/stylesheets/pages/_intro.scss */
.intros.index .new-mentor-block-wrapper .text-block-wrapper .text-block {
  margin: 0;
  padding: 0 16px;
}

/* line 190, app/assets/stylesheets/pages/_intro.scss */
.intros.index .new-mentor-block-wrapper .text-block-wrapper .text-block .title {
  margin: 0;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.45;
}

@media all and (min-width: 1000px) {
  /* line 190, app/assets/stylesheets/pages/_intro.scss */
  .intros.index .new-mentor-block-wrapper .text-block-wrapper .text-block .title {
    font-size: 56px;
  }
}

@media all and (min-width: 1000px) {
  /* line 210, app/assets/stylesheets/pages/_intro.scss */
  .intros.index .block-title a {
    font-size: 16px;
  }
  /* line 216, app/assets/stylesheets/pages/_intro.scss */
  .intros.index .mentor-block .block-title {
    font-size: 23px;
    margin-bottom: 20px;
  }
  /* line 222, app/assets/stylesheets/pages/_intro.scss */
  .intros.index .mentor-block .row .mentor-card-new {
    margin-bottom: 30px;
  }
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee-program-card__title {
    height: 50px;
  }
}

@media all and (min-width: 1000px) {
  /* line 7, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee-program-card__description {
    height: 80px;
    margin-bottom: 0;
  }
}

/* line 14, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee-program-card__list {
  margin-bottom: 10px !important;
}

/* line 18, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee-program-card__footer-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 25, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .card-footer {
  display: -ms-flexbox;
  display: flex;
}

/* line 28, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .card-footer a {
  right: 0;
  position: absolute;
  margin: -13px 9px;
}

/* line 35, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .block-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 39, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .block-title button {
  width: auto;
}

/* line 42, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .block-title button a {
  text-decoration: none;
}

/* line 48, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .pagination-block {
  margin-bottom: 15px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media all and (min-width: 1000px) {
  /* line 48, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee_programs.index .pagination-block {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

/* line 59, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .chip {
  font-size: 12px;
  height: 22px;
  padding: 0 7px;
}

/* line 65, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .status-badge {
  text-align: center;
}

/* line 68, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.index .status-badge .status-badge__sub-text {
  font-size: 8px;
  color: #6d6d72;
}

/* line 76, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .page-content {
  margin: 0 8px;
  word-break: keep-all;
}

/* line 81, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .cover-image {
  position: relative;
  height: 56.25vw;
  background-size: cover;
  background-position: center;
  color: #fff;
}

@media all and (min-width: 1000px) {
  /* line 81, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee_programs.show .cover-image {
    height: 20.25vw;
  }
}

/* line 92, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

/* line 103, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-profile-small {
  padding: 1rem;
  margin-top: 1rem;
  text-align: center;
}

/* line 109, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-profile-small .mentor-profile-small__image img {
  width: 130px;
  height: 130px;
}

/* line 115, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-profile-small .mentor-profile-small__info {
  padding-top: 1rem;
  text-align: center;
}

/* line 120, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-profile-small .mentor-profile-small__info .mentor-name-small span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #222222;
}

/* line 127, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-profile-small .mentor-profile-small__info small {
  font-size: 1rem;
  color: #6d6d72;
}

/* line 134, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .timetable-wrap {
  padding: 0 1rem;
}

@media all and (min-width: 1000px) {
  /* line 134, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee_programs.show .timetable-wrap {
    padding: 1rem 1rem;
  }
}

/* line 141, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .timetable-wrap .timetable-block {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 15px;
  padding-bottom: 1rem;
  margin-top: 1rem;
}

/* line 148, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .timetable-wrap .timetable-block .timetable-block__schedule {
  padding: 1rem;
}

/* line 151, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .timetable-wrap .timetable-block .timetable-block__schedule .timetable-block__schedule__text {
  font-size: 1rem;
  color: #484848;
  padding: 6px 0;
}

/* line 158, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .timetable-wrap .timetable-block .timetable-block__footer {
  padding: 0 1rem;
}

/* line 164, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-block {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 171, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-detail-block {
  margin-top: 20px;
  width: 100%;
  word-break: break-all;
}

/* line 176, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .mentor-detail-block .title {
  color: rgba(0, 0, 0, 0.84) !important;
}

/* line 181, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-title {
  font-weight: bold;
  color: #222222;
}

/* line 186, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-strong {
  margin: 0 15px;
  padding: 15px 0;
}

/* line 190, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-strong::after {
  display: none;
}

/* line 194, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-strong ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/* line 199, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-strong ol {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}

/* line 203, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .block-strong .embdscl0 {
  right: 0;
}

/* line 208, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .location {
  margin-top: 8px;
}

/* line 212, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .map {
  margin-top: 10px;
  width: 100%;
  height: 300px;
}

/* line 219, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .list .item-inner {
  padding-right: 0;
}

/* line 223, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .list .item-title {
  color: #6d6d72;
}

/* line 227, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .list .item-after {
  color: #222222;
}

/* line 231, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .list .promotion {
  position: relative;
  color: #6d6d72;
  text-decoration: line-through;
  padding-right: 4px;
  font-size: 14px;
}

/* line 239, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .list .promotion::after {
  content: "\203a";
  position: relative;
  right: 5px;
}

/* line 246, app/assets/stylesheets/pages/_mentee_program.scss */
.mentee_programs.show .basic-block {
  margin: 0 15px;
}

@media all and (min-width: 1000px) {
  /* line 254, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee_programs.show {
    width: 660px;
    margin: 0 auto;
  }
  /* line 258, app/assets/stylesheets/pages/_mentee_program.scss */
  .mentee_programs.show ol {
    -webkit-padding-start: 20px !important;
            padding-inline-start: 20px !important;
  }
}

/* line 3, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.index .top-block .description {
    font-size: 19px;
  }
}

/* line 9, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.show .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.show .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.show .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.show .main-block .description {
    font-size: 19px;
  }
}

/* line 13, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show h2 {
  color: rgba(0, 0, 0, 0.84);
  font-size: 1.2em;
}

/* line 19, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show ul::after {
  bottom: auto;
}

/* line 24, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show .mentee_participation__pre_question {
  color: rgba(0, 0, 0, 0.84);
}

/* line 29, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show .footer .check-button {
  float: right;
  margin: 0 0 0 5px;
}

/* line 36, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.show .description span {
  font-weight: bold;
}

/* line 44, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.new .main-block, .mentee_participations.create .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.new .main-block .title, .mentee_participations.create .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.new .main-block .title, .mentee_participations.create .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.mentee_participations.new .main-block .description, .mentee_participations.create .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .mentee_participations.new .main-block .description, .mentee_participations.create .main-block .description {
    font-size: 19px;
  }
}

/* line 53, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.new .form-list, .mentee_participations.show .form-list, .mentee_participations.edit .form-list, .mentee_participations.create .form-list {
  margin: 0 20px;
}

/* line 58, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.new .list .item-inner, .mentee_participations.show .list .item-inner, .mentee_participations.edit .list .item-inner, .mentee_participations.create .list .item-inner {
  padding-right: 0;
}

/* line 62, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.new .list .item-title, .mentee_participations.show .list .item-title, .mentee_participations.edit .list .item-title, .mentee_participations.create .list .item-title {
  color: #6d6d72;
}

/* line 66, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations.new .list .item-after, .mentee_participations.show .list .item-after, .mentee_participations.edit .list .item-after, .mentee_participations.create .list .item-after {
  color: #222222;
}

/* line 72, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations .check-box {
  display: none;
}

/* line 76, app/assets/stylesheets/pages/_mentee_participation.scss */
.mentee_participations .privacy-error {
  margin-top: 3px;
}

/* line 81, app/assets/stylesheets/pages/_mentee_participation.scss */
.dim {
  background-color: #777777;
  opacity: 0.7;
  cursor: pointer;
  height: 100%;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

@media all and (min-width: 1000px) {
  /* line 94, app/assets/stylesheets/pages/_mentee_participation.scss */
  .mentee_participations {
    width: 580px;
    margin: 0 auto;
  }
  /* line 98, app/assets/stylesheets/pages/_mentee_participation.scss */
  .mentee_participations .check-box {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/pages/_mentee_step.scss */
.page.mentee_step .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.mentee_step .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentee_step .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.mentee_step .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentee_step .top-block .description {
    font-size: 19px;
  }
}

@media all and (min-width: 1000px) {
  /* line 11, app/assets/stylesheets/pages/_mentee_step.scss */
  .page.mentee_step {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 3, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-block {
  padding: 0;
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner {
  text-align: center;
  height: 320px;
}

/* line 12, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner .cover-image {
  background-size: cover;
  background-position: center center;
  height: 100%;
}

/* line 17, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

/* line 28, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner .discription-wrap {
  left: 6%;
  padding: 0 1rem;
  position: absolute;
  z-index: 1000;
  width: 80%;
  top: 26%;
  word-break: keep-all;
  text-shadow: 2px 2px 40px rgba(0, 0, 0, 0.75);
}

/* line 38, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner .discription-wrap .text-label {
  color: #ff2d55;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

/* line 48, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .top-inner .discription-wrap .texts {
  color: #fff;
  margin-top: 0;
  font-size: 18px;
}

/* line 56, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .load-more {
  text-align: center;
}

/* line 59, app/assets/stylesheets/pages/_mentor.scss */
.mentors.hall_of_fames .load-more .button {
  width: 70%;
  margin: 0 auto;
}

/* line 67, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__content {
  padding: 2rem 1rem !important;
}

/* line 70, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__content .renew-mentor-card__image-wrap {
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}

/* line 75, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__content .renew-mentor-card__image-inner {
  width: 100px;
  height: 100px;
}

/* line 81, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero {
  padding-top: 2rem;
  border-top: solid 1px rgba(0, 0, 0, 0.09);
}

/* line 86, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__image {
  padding-top: 1rem;
}

/* line 90, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .chip {
  padding: 0 7px;
}

/* line 93, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .chip .chip-label {
  font-size: 11px;
}

/* line 98, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-expertise {
  margin-bottom: 1.5rem;
}

@media all and (min-width: 1000px) {
  /* line 98, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.show .mentor-expertise {
    width: 80%;
  }
}

/* line 106, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-expertise__text {
  -webkit-box-shadow: inset 0 -10px 0 #ffe1e7;
          box-shadow: inset 0 -10px 0 #ffe1e7;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 106, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.show .mentor-expertise__text {
    font-size: 20px;
    line-height: 1.4;
  }
}

/* line 121, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__name {
  margin-bottom: 2px;
  color: #484848;
}

/* line 126, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__name__text {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 800;
}

@media all and (min-width: 1000px) {
  /* line 126, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.show .mentor-hero__name__text {
    font-size: 30px;
    line-height: 1.2;
  }
}

/* line 137, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__name__subtext {
  font-size: 16px;
  font-weight: 600;
}

/* line 142, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__job {
  font-size: 14px;
  line-height: 1.42;
  font-weight: 600;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 142, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.show .mentor-hero__job {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* line 154, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__organization {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 163, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__department {
  font-size: 14px;
  line-height: 1.42;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 172, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__stat {
  margin-top: 0.5rem;
}

/* line 176, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__types {
  margin: 0.25rem 0;
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  word-break: keep-all;
  color: #484848;
}

/* line 185, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__buttons {
  margin-top: 1rem;
}

/* line 188, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-hero__buttons .button {
  height: 44px;
  line-height: 42px;
  font-weight: 700;
}

/* line 195, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-detail__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  word-break: keep-all;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 195, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.show .mentor-detail__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 209, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-introduce__content {
  margin-bottom: 3rem;
  font-size: 16px;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word !important;
  color: #484848;
}

/* line 217, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-introduce__content p {
  margin-top: 0;
}

/* line 222, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-pt {
  padding-top: 3rem;
}

/* line 226, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-faqs::before,
.mentors.show .mentor-vchat-profile::before,
.mentors.show .mentor-meetings::before,
.mentors.show .mentor-meeting-reviews::before,
.mentors.show .mentor-open-mentorings::before,
.mentors.show .mentor-posts::before,
.mentors.show .mentor-thanks-notes::before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  height: 1px;
  width: 90%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

/* line 250, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-faq {
  color: #484848;
}

/* line 254, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-faq__title {
  font-weight: 600;
  font-size: 18px;
}

/* line 259, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-faq__content {
  font-size: 18px;
  line-height: 1.55;
}

/* line 263, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .mentor-faq__content p {
  margin-top: 0;
}

/* line 268, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block {
  margin: 0.75rem 0;
  width: 100%;
}

/* line 273, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__image {
  margin-right: 0.75rem;
}

/* line 276, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__image img {
  width: 35px;
  height: 35px;
}

/* line 282, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__info {
  margin-bottom: 0.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1.2;
  color: #484848;
}

/* line 290, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__name {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

/* line 295, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__name .chip-label {
  color: #ff2d55;
}

/* line 300, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks_note_block__date {
  font-size: 12px;
}

/* line 304, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__body {
  font-size: 16px;
  line-height: 1.5;
  color: #484848 !important;
}

/* line 309, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .thanks-note-block__body span.elipsis {
  display: none;
}

/* line 314, app/assets/stylesheets/pages/_mentor.scss */
.mentors.show .load-more {
  width: 150px;
  margin: 1rem auto;
}

@media all and (min-width: 1000px) {
  /* line 324, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.hall_of_fames .top-inner {
    text-align: center;
    height: 500px;
  }
  /* line 328, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.hall_of_fames .top-inner .discription-wrap {
    left: 10%;
    padding: 0 16px;
    position: absolute;
    z-index: 1000;
    width: 80%;
    top: 36%;
  }
  /* line 336, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.hall_of_fames .top-inner .discription-wrap .text-label {
    font-size: 32px;
  }
  /* line 340, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.hall_of_fames .top-inner .discription-wrap .texts {
    font-size: 24px;
  }
  /* line 347, app/assets/stylesheets/pages/_mentor.scss */
  .mentors.hall_of_fames .load-more .button {
    width: 40%;
  }
}

/* line 3, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .block-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 7, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .block-title .button {
  font-weight: 400;
}

/* line 13, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .job-type-block .block-title {
  margin-left: 4px;
}

/* line 17, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .job-type-block .row {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 20, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .job-type-block .row .button {
  margin: 0 2px 4px 2px;
  font-size: 13px;
  font-weight: 400;
}

/* line 25, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .job-type-block .row .button.active, .mentor_posts.index .job-type-block .row .button:hover {
  color: #ff2d55;
  border-color: #ff2d55;
}

/* line 34, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.index .pagination-block {
  margin-bottom: 15px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media all and (min-width: 1000px) {
  /* line 34, app/assets/stylesheets/pages/_mentor_post.scss */
  .mentor_posts.index .pagination-block {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

/* line 46, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show {
  /* stylelint-disable */
  /* stylelint-enable */
}

/* line 47, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .post-block-container {
  margin: 35px 0;
  padding: 0 15px;
}

/* line 52, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show table {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

/* line 57, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show th,
.mentor_posts.show td {
  border: 1px solid #ddd;
}

/* line 63, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .mentor-post-detail-block .text-decoration-underline {
  font-size: 14px;
  color: #6d6d72;
}

/* line 68, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .mentor-post-detail-block .mentor-post-title {
  margin-top: 8px;
  margin-bottom: 1.5em;
  width: 90%;
  font-size: 28px;
  line-height: 1.3;
}

/* line 78, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .action-block .button {
  font-weight: 400;
  border-radius: 20px;
}

/* line 83, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .action-block .js-bookmark {
  font-size: 20px;
}

/* line 87, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .action-block .bookmarked {
  font-size: 21px;
  color: #ff2d55;
}

/* line 93, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .mentor-block {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 100, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap {
  margin-bottom: 50px;
  height: 80px;
  padding: 0;
}

/* line 105, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .button-inline {
  float: left;
}

/* line 109, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share {
  float: right;
}

/* line 112, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .btn {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  border: 1px solid #e0e0e0;
}

/* line 118, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .btn:focus {
  outline: none;
}

/* line 123, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .fb-btn {
  background: url(/assets/icons/facebook.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 6px;
  margin-right: 4px;
}

/* line 130, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .fb-btn:hover {
  border: 1px solid #3b5998;
  cursor: pointer;
}

/* line 136, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .kakao-btn {
  background: url(/assets/icons/kakao_circle.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 6px;
}

/* line 142, app/assets/stylesheets/pages/_mentor_post.scss */
.mentor_posts.show .button-wrap .wrap-share .kakao-btn:hover {
  border: 1px solid #964b00;
  cursor: pointer;
}

@media all and (min-width: 1000px) {
  /* line 155, app/assets/stylesheets/pages/_mentor_post.scss */
  .mentor_posts.show .post-block-container {
    width: 660px;
    margin: 35px auto;
    margin-bottom: 120px;
  }
}

/* line 1, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request-container {
  -ms-flex-align: center;
      align-items: center;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_mentor_request_step.scss */
  .mentor-request-container {
    margin: 0 1rem;
    margin-top: 5rem;
  }
}

/* line 10, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request__form {
  margin: 2rem 1rem;
}

@media all and (min-width: 1000px) {
  /* line 10, app/assets/stylesheets/pages/_mentor_request_step.scss */
  .mentor-request__form {
    margin: 0 3rem;
  }
}

/* line 17, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request__form .title {
  margin-top: 0 !important;
}

/* line 21, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request__form .list {
  margin: 1.5rem 0;
}

/* line 26, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentoring-type__job-type {
  margin-bottom: 12px;
}

/* line 29, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentoring-type__job-type .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}

/* line 34, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentoring-type__job-type .grid .item-content {
  padding-left: 8px;
}

/* line 38, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentoring-type__job-type .grid .icon-checkbox {
  margin-right: 4px;
  width: 15px;
  height: 15px;
}

/* line 44, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentoring-type__job-type .grid .item-inner {
  padding-right: 8px;
  font-size: 14px;
}

/* line 51, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request__goback_button {
  padding: 0;
  text-align: left;
}

/* line 56, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor-request__goback_arrow {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}

/* line 62, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_detail {
  margin-left: 20px;
  margin-top: 64px;
}

/* line 66, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_title {
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

/* line 74, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_description {
  margin-top: 8px;
  font-weight: 400;
  color: #000000E6;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 28px;
}

/* line 82, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_description_strong {
  color: #F14556;
  text-decoration: underline;
}

/* line 86, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_sub_title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  color: #000000E6;
  font-size: 16px;
  line-height: 28px;
  cursor: pointer;
}

/* line 97, app/assets/stylesheets/pages/_mentor_request_step.scss */
.mentor_apply_sub_description {
  margin-left: 22px;
  margin-right: 20px;
  font-weight: 400;
  color: #000000E6;
  font-size: 16px;
  line-height: 28px;
}

/* line 105, app/assets/stylesheets/pages/_mentor_request_step.scss */
.toggle_image_subtitle {
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

@media (max-width: 743px) {
  /* line 112, app/assets/stylesheets/pages/_mentor_request_step.scss */
  .mentor_apply_description {
    max-width: calc(100vw - 40px);
  }
  /* line 115, app/assets/stylesheets/pages/_mentor_request_step.scss */
  .mentor_apply_sub_description {
    max-width: calc(100vw - 40px);
  }
  /* line 118, app/assets/stylesheets/pages/_mentor_request_step.scss */
  .mentor_apply_title {
    font-size: 17px;
  }
}

/* line 3, app/assets/stylesheets/pages/_mentoring.scss */
.mentorings.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.mentorings.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .mentorings.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.mentorings.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .mentorings.index .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/_mentoring.scss */
.mentorings.index .list-button.active {
  font-weight: bold;
  color: #222222;
}

/* line 17, app/assets/stylesheets/pages/_mentoring.scss */
.mentorings.show .list .item-inner {
  padding-right: 0;
}

/* line 21, app/assets/stylesheets/pages/_mentoring.scss */
.mentorings.show .list .item-title {
  color: #6d6d72;
}

/* line 25, app/assets/stylesheets/pages/_mentoring.scss */
.mentorings.show .list .item-after {
  color: #222222;
}

@media all and (min-width: 1000px) {
  /* line 33, app/assets/stylesheets/pages/_mentoring.scss */
  .mentorings {
    width: 700px;
    margin: 0 auto;
  }
}

/* line 3, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show p {
  margin: 0;
}

/* line 7, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show blockquote {
  border-left: 0.3em solid #ccc !important;
  margin: 0 0 0 0.3em !important;
  color: black !important;
  padding: 0 0 0 0.6em !important;
}

/* line 14, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container {
  margin: 2rem 0;
  padding: 0 1rem;
  /* stylelint-disable */
}

/* line 18, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .text-decoration-underline {
  font-size: 14px;
  color: #6d6d72;
}

/* line 23, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .question-title {
  margin-top: 0.25rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.3;
  word-break: keep-all;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 23, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.show .open-mentoring-block-container .question-title {
    font-size: 2rem;
  }
}

/* line 37, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .separator-block {
  width: 300px;
  margin: 3rem auto 1.5rem auto;
}

/* line 41, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .separator-block .line-center {
  margin: 0;
  padding: 0 10px;
  background: #fff;
  display: inline-block;
}

/* line 48, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .separator-block .separator-text {
  text-align: center;
  position: relative;
  z-index: 2;
}

/* line 53, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .separator-block .separator-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid #484848;
  z-index: -1;
}

/* line 67, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .action-block .button {
  font-weight: 400;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
}

/* line 74, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .answer-block {
  position: relative;
}

/* line 77, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .answer-block .open-mentoring-block-footer {
  padding: 0;
  margin-top: 35px;
}

/* line 83, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .open-mentoring-block-container .mentor-block {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 91, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .block-container {
  padding: 35px 0;
}

/* line 95, app/assets/stylesheets/pages/_open_mentoring.scss */
.open_mentorings.show .block-container .open-mentoring-block .strong-title {
  margin-top: 0;
}

/* line 103, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  border: 1px solid #e0e0e0;
}

/* line 109, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share:focus {
  outline: none;
}

/* line 114, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share-fb {
  background: url(/assets/icons/facebook.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 6px;
  margin-right: 4px;
}

/* line 121, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share-fb:hover {
  border: 1px solid #3b5998;
  cursor: pointer;
}

/* line 127, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share-kakao {
  background: url(/assets/icons/kakao_circle.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 6px;
}

/* line 133, app/assets/stylesheets/pages/_open_mentoring.scss */
.open-mentoring__share-kakao:hover {
  border: 1px solid #964b00;
  cursor: pointer;
}

@media all and (min-width: 1000px) {
  /* line 142, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.index .job-type-block {
    width: 800px;
    margin: 0 auto;
    margin-top: 45px;
  }
  /* line 148, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.index .open-mentoring-block {
    width: 1248px;
    margin: 0 auto;
  }
  /* line 152, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.index .open-mentoring-block .open-mentoring-card {
    margin-bottom: 30px;
  }
  /* line 159, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.show .open-mentoring-block-container {
    width: 660px;
    margin: 35px auto 120px;
  }
  /* line 163, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.show .open-mentoring-block-container .block-wrap {
    width: 450px;
    margin: 0 auto;
  }
  /* line 167, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.show .open-mentoring-block-container .block-wrap .button {
    width: 300px;
  }
  /* line 173, app/assets/stylesheets/pages/_open_mentoring.scss */
  .open_mentorings.show .open-mentoring-block {
    width: 1248px;
    margin: 0 auto;
  }
}

/* line 181, app/assets/stylesheets/pages/_open_mentoring.scss */
.content-conference-banner {
  display: block;
  background: #f2f2f2;
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding: 1rem 1.5rem;
}

/* line 189, app/assets/stylesheets/pages/_open_mentoring.scss */
.content__banner {
  margin: 1rem 0;
}

/* line 192, app/assets/stylesheets/pages/_open_mentoring.scss */
.content__banner img {
  max-width: 100%;
  height: auto;
}

/* line 2, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__container .vchatcp-card {
  margin: 0 !important;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_order_schedule_list.scss */
  .order-schedule__container {
    width: 800px;
    margin: 0 auto;
  }
}

/* line 11, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__container .cover-image {
  padding-top: 80% !important;
}

@media all and (min-width: 1000px) {
  /* line 11, app/assets/stylesheets/pages/_order_schedule_list.scss */
  .order-schedule__container .cover-image {
    padding-top: 150% !important;
  }
}

/* line 20, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__hero-title {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.3;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 20, app/assets/stylesheets/pages/_order_schedule_list.scss */
  .order-schedule__hero-title {
    width: 80%;
    font-size: 2rem;
  }
}

/* line 32, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__title {
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
  font-size: 1.5rem;
  font-weight: 800;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 32, app/assets/stylesheets/pages/_order_schedule_list.scss */
  .order-schedule__title {
    font-size: 2rem;
  }
}

/* line 44, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__description {
  color: #484848;
  font-weight: 600;
}

/* line 48, app/assets/stylesheets/pages/_order_schedule_list.scss */
.order-schedule__description p {
  margin: 0;
  margin-top: 1rem;
}

/* line 54, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ebebeb !important;
}

/* line 61, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule__date {
  padding-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
  font-weight: 600;
}

/* line 68, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule__item {
  margin-top: 2px;
  margin-bottom: 6px;
  color: #484848;
  font-size: 13px;
}

/* line 75, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule__small-text {
  font-size: 11px;
  font-weight: 400;
  color: #484848;
}

/* line 81, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule__button {
  display: inline-block !important;
  height: initial !important;
  line-height: initial !important;
  padding: 0.7rem 1.5rem !important;
  font-weight: 800 !important;
  border-width: 2px !important;
  font-size: 16px !important;
}

/* line 91, app/assets/stylesheets/pages/_order_schedule_list.scss */
.vchat-schedule__chip {
  font-weight: 600;
}

/* line 3, app/assets/stylesheets/pages/_static_page.scss */
.pages.show li {
  list-style: none;
}

/* line 7, app/assets/stylesheets/pages/_static_page.scss */
.pages.show ul {
  padding: 0;
}

/* line 11, app/assets/stylesheets/pages/_static_page.scss */
.pages.show blockquote {
  font-size: 100%;
}

/* line 15, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .texts {
  margin-top: 0;
  font-size: 21px;
}

/* line 20, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .text-label {
  color: #ff2d55;
  border-bottom: solid 2px #ff2d55;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

/* line 30, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .discription {
  font-size: 16px;
  line-height: 25px;
  width: 100%;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

/* line 40, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper {
  position: relative;
}

/* line 43, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .photo-swiper {
  position: relative;
}

/* line 46, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .photo-swiper .photo {
  height: 552px;
  position: relative;
  width: 100%;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

@media (max-width: 743px) {
  /* line 46, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .photo {
    height: 630px;
  }
}

@media screen and (min-height: 700px) {
  /* line 46, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .photo {
    height: 720px;
  }
}

@media screen and (min-height: 850px) {
  /* line 46, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .photo {
    height: 870px;
  }
}

@media screen and (max-width: 1127px) and (min-height: 700px) {
  /* line 46, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .photo {
    height: 720px;
  }
}

@media screen and (max-width: 1127px) and (min-height: 850px) {
  /* line 46, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .photo {
    height: 870px;
  }
}

/* line 75, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .photo-swiper .small-photo {
  height: 402px;
  position: relative;
  width: 100%;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

@media (max-width: 743px) {
  /* line 75, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .small-photo {
    height: 341px;
  }
}

@media screen and (min-height: 700px) {
  /* line 75, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .small-photo {
    height: 252px;
  }
}

@media screen and (min-height: 850px) {
  /* line 75, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .small-photo {
    height: 402px;
  }
}

@media screen and (max-width: 1127px) and (min-height: 700px) {
  /* line 75, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .small-photo {
    height: 402px;
  }
}

@media screen and (max-width: 1127px) and (min-height: 850px) {
  /* line 75, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .photo-swiper .small-photo {
    height: 261.6px;
  }
}

/* line 102, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .photo-swiper .cover-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
}

/* line 108, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .photo-swiper .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
}

/* line 120, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .hello-content {
  opacity: 0;
  margin-bottom: -300px;
  padding: 0 16px;
  position: absolute;
  z-index: 1000;
  width: 80%;
  top: 50%;
  left: 45%;
  -webkit-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%);
  word-break: keep-all;
}

@media all and (min-width: 1000px) {
  /* line 120, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .hello-content {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
  }
}

/* line 137, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .hello-content .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 40px rgba(0, 0, 0, 0.75);
}

@media all and (min-width: 1000px) {
  /* line 137, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .hello-content .title {
    font-size: 56px;
    line-height: 1.2;
  }
}

/* line 153, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .photo-block-wrapper .hello-content .sub-title {
  margin-top: 21px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 40px rgba(0, 0, 0, 0.75);
  font-size: 18px;
}

@media all and (min-width: 1000px) {
  /* line 153, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .photo-block-wrapper .hello-content .sub-title {
    font-size: 26px;
    line-height: 1.2;
  }
}

/* line 168, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .term-block {
  margin-top: 0 !important;
}

/* line 172, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .item-content {
  min-height: 44px;
  padding: 0 15px;
}

/* line 177, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .term-header,
.pages.show .select {
  padding: 0 15px;
}

/* line 182, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .term-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 15px;
}

/* line 187, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block {
  color: rgba(0, 0, 0, 0.84);
  margin-top: 200px;
}

/* line 191, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .mentoring-wrap {
  padding: 0 15px;
}

/* line 194, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .mentoring-wrap .mentoring-inner {
  text-align: center;
  opacity: 0;
}

/* line 200, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap {
  margin: 200px 0 30px 0;
}

/* line 203, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner {
  text-align: center;
}

/* line 206, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .title {
  font-size: 2em;
  color: #ff2d55;
}

/* line 211, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .hello-content {
  color: #fff;
}

/* line 214, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .hello-content .title {
  font-size: 1.5em;
}

/* line 218, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .hello-content .discription {
  font-size: 1.1em;
}

/* line 223, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .text-label {
  margin-top: 50px;
}

/* line 227, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .accomplishment-numbers {
  padding: 0 15px;
}

/* line 230, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .accomplishment-numbers .number-box {
  margin-top: 30px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  padding-bottom: 10px;
}

/* line 235, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .accomplishment-wrap .accomplishment-inner .accomplishment-numbers .number-box .discription {
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 0;
}

/* line 245, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap {
  margin: 200px auto;
  padding: 0 15px;
}

/* line 249, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-line-inner {
  text-align: left !important;
}

/* line 253, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner {
  position: relative;
  text-align: center;
}

/* line 257, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history {
  width: 310px;
  position: relative;
  margin: 0 auto;
  left: 50%;
  margin-left: -125px;
}

/* line 264, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history .line {
  background-color: #ff2d55;
  height: 100%;
  position: absolute;
  left: -24px;
  border-radius: 3px;
  width: 2px;
  opacity: 0.5;
  margin-top: 18px;
}

/* line 275, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history .item {
  font-size: 14px;
  font-weight: 600;
  margin: 40px auto;
  line-height: 34px;
}

/* line 281, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history .item .date {
  width: 83px;
  margin-right: 19px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #ff2d55;
}

/* line 289, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history .item .date::after {
  content: "●";
  position: absolute;
  font-size: 11px;
  display: inline-block;
  left: -27px;
}

/* line 298, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .history-wrap .history-inner .history .item .event {
  font-size: 15px;
  line-height: 28px;
  display: block;
}

/* line 308, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .term-wrap {
  margin: 0 auto 50px;
  padding: 0 15px;
}

/* line 312, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .term-wrap table {
  margin: 10px 0;
}

/* line 315, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .term-wrap table th,
.pages.show .content-block .term-wrap table td {
  padding: 5px;
  text-align: center;
}

/* line 322, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .term-wrap ol {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

/* line 326, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .term-wrap li {
  list-style-type: decimal;
}

/* line 331, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .vision-wrap {
  padding: 0 15px;
}

/* line 334, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .vision-wrap .vision-part {
  margin-top: 30px;
}

/* line 337, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .vision-wrap .vision-part .vision-inner {
  text-align: center;
  word-break: keep-all;
}

/* line 344, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap {
  margin: 200px auto;
}

/* line 348, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap .contact-inner .contact-form {
  padding: 15px;
  background-color: #fff;
}

/* line 352, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap .contact-inner .contact-form ul {
  border-top: 1px solid #e9ecef;
  padding-top: 32px;
}

/* line 356, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap .contact-inner .contact-form ul li {
  margin-bottom: 20px;
}

/* line 360, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap .contact-inner .contact-form ul .title {
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 20px;
}

/* line 366, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .contact-wrap .contact-inner .contact-form ul .text {
  line-height: 1.5;
}

/* line 374, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap {
  margin: 200px 0;
}

/* line 377, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner {
  margin: 0;
  margin: auto 15px;
  text-align: center;
}

/* line 382, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .text-label {
  margin: 0;
}

/* line 386, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .texts {
  text-align: center;
  margin: 0;
}

/* line 392, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles a {
  color: #454f5d;
}

/* line 396, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item {
  width: 100%;
  padding: 30px 2px;
  border-bottom: 1px solid rgba(69, 79, 93, 0.07);
  font-weight: bold;
  position: relative;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 407, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

/* line 412, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item .info {
  font-size: 17px;
  color: #ff2d55;
}

/* line 416, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item .info .divider {
  display: inline-block;
  margin: 0 8px;
  color: rgba(69, 79, 93, 0.12);
}

/* line 422, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item .info .date {
  color: rgba(69, 79, 93, 0.3);
  font-size: 14px;
}

/* line 428, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .article-wrap .article-inner .articles .item .title {
  height: 24px;
  font-size: 1.1em;
  margin-top: 15px;
  line-height: 24px;
}

/* line 439, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .partners-wrap {
  padding: 0 15px;
  margin: 50px auto;
  text-align: center;
}

/* line 445, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .partners-wrap .partners-inner .partner-item {
  text-align: center;
}

/* line 448, app/assets/stylesheets/pages/_static_page.scss */
.pages.show .content-block .partners-wrap .partners-inner .partner-item img {
  width: 60%;
  display: block;
  margin: 30px auto 0;
}

@media all and (min-width: 1000px) {
  /* line 461, app/assets/stylesheets/pages/_static_page.scss */
  .pages {
    width: 1000px;
    margin: 0 auto;
  }
  /* line 466, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block {
    padding: 0;
  }
  /* line 470, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .mentoring-wrap .mentoirng-inner {
    width: 1248px;
    margin: 35px auto;
  }
  /* line 476, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .term-wrap {
    margin: 35px auto;
  }
  /* line 480, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .term-wrap table th,
.pages.show .content-block .term-wrap table td {
    padding: 10px;
    text-align: center;
  }
  /* line 488, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .list {
    margin: 10px 0 0;
  }
  /* line 492, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .term-header {
    margin: 35px auto;
  }
  /* line 497, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .article-wrap .article-inner {
    width: 800px;
    margin: 35px auto;
  }
  /* line 501, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .article-wrap .article-inner .texts {
    text-align: left;
  }
  /* line 508, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .vision-wrap .vision-part {
    margin: auto;
  }
  /* line 511, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .vision-wrap .vision-part .vision-inner {
    text-align: center;
  }
  /* line 514, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .vision-wrap .vision-part .vision-inner.vision-discription {
    padding-left: 45px;
  }
  /* line 518, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .vision-wrap .vision-part .vision-inner .texts {
    font-size: 30px;
  }
  /* line 526, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner {
    margin: auto 50px;
    text-align: left;
  }
  /* line 530, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner .discription {
    margin: 0;
    width: 100%;
    max-width: 600px;
  }
  /* line 536, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner .history {
    left: 50%;
  }
  /* line 539, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner .history .line {
    height: 100%;
    position: absolute;
    width: 2px;
    background-color: #ff2d55;
    left: 77px;
    border-radius: 3px;
    margin-top: 14px;
  }
  /* line 550, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner .history .date::after {
    content: " " !important;
    background: #ff2d55;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
    margin-top: 3px;
    left: 0;
    position: static !important;
  }
  /* line 563, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .history-wrap .history-inner .history .event {
    display: inline-block !important;
    vertical-align: top;
    font-size: 16px;
  }
  /* line 575, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .accomplishment-wrap .accomplishment-inner .hello-content .texts {
    font-size: 30px;
  }
  /* line 579, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .accomplishment-wrap .accomplishment-inner .hello-content .discription {
    font-size: 18px;
  }
  /* line 588, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .contact-wrap .contact-inner .contact-form {
    width: 600px;
    margin: 35px auto;
    padding: 50px;
  }
  /* line 596, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .partners-wrap {
    margin: 200px auto;
  }
  /* line 599, app/assets/stylesheets/pages/_static_page.scss */
  .pages.show .content-block .partners-wrap .partners-inner {
    width: 900px;
    margin: 0 auto;
  }
}

/* line 3, app/assets/stylesheets/pages/_participation.scss */
.participations.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.participations.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .participations.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.participations.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .participations.index .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/_participation.scss */
.participations.index .list-button.active {
  font-weight: bold;
  color: #222222;
}

/* line 16, app/assets/stylesheets/pages/_participation.scss */
.participations.show .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.participations.show .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .participations.show .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.participations.show .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .participations.show .main-block .description {
    font-size: 19px;
  }
}

/* line 22, app/assets/stylesheets/pages/_participation.scss */
.participations.new .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.participations.new .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .participations.new .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.participations.new .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .participations.new .main-block .description {
    font-size: 19px;
  }
}

/* line 30, app/assets/stylesheets/pages/_participation.scss */
.participations.new .list .item-inner, .participations.show .list .item-inner {
  padding-right: 0;
}

/* line 34, app/assets/stylesheets/pages/_participation.scss */
.participations.new .list .item-title, .participations.show .list .item-title {
  color: #6d6d72;
}

/* line 38, app/assets/stylesheets/pages/_participation.scss */
.participations.new .list .item-after, .participations.show .list .item-after {
  color: #222222;
}

/* line 44, app/assets/stylesheets/pages/_participation.scss */
.participations.new .form-list .item-input, .participations.show .form-list .item-input {
  padding: 0 11px;
}

@media all and (min-width: 1000px) {
  /* line 52, app/assets/stylesheets/pages/_participation.scss */
  .participations {
    width: 700px;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/pages/_qa_thread.scss */
.qa-thread__help {
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 600;
  color: #ff2d55;
}

/* line 8, app/assets/stylesheets/pages/_qa_thread.scss */
.separator-block {
  width: 300px;
  margin: 4rem auto;
}

/* line 12, app/assets/stylesheets/pages/_qa_thread.scss */
.separator-block .line-center {
  margin: 0;
  padding: 0 10px;
  background: #fff;
  display: inline-block;
}

/* line 19, app/assets/stylesheets/pages/_qa_thread.scss */
.separator-block .separator-text {
  text-align: center;
  position: relative;
  z-index: 2;
}

/* line 24, app/assets/stylesheets/pages/_qa_thread.scss */
.separator-block .separator-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: solid 1px #6d6d72;
  z-index: -1;
}

/* line 3, app/assets/stylesheets/pages/_refusal_record.scss */
.refusal_records.show .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.refusal_records.show .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .refusal_records.show .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.refusal_records.show .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .refusal_records.show .main-block .description {
    font-size: 19px;
  }
}

@media all and (min-width: 1000px) {
  /* line 10, app/assets/stylesheets/pages/_refusal_record.scss */
  .refusal_records {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 3, app/assets/stylesheets/pages/_program.scss */
.programs.index .pagination-block {
  margin-bottom: 15px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media all and (min-width: 1000px) {
  /* line 3, app/assets/stylesheets/pages/_program.scss */
  .programs.index .pagination-block {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

/* line 16, app/assets/stylesheets/pages/_program.scss */
.programs.show .page-content {
  margin: 0 8px;
}

/* line 20, app/assets/stylesheets/pages/_program.scss */
.programs.show .cover-image {
  position: relative;
  height: 56.25vw;
  background-size: cover;
  background-position: center;
  color: #fff;
}

@media all and (min-width: 1000px) {
  /* line 20, app/assets/stylesheets/pages/_program.scss */
  .programs.show .cover-image {
    height: 20.25vw;
  }
}

/* line 31, app/assets/stylesheets/pages/_program.scss */
.programs.show .cover-image::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

/* line 42, app/assets/stylesheets/pages/_program.scss */
.programs.show .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.programs.show .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .programs.show .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.programs.show .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .programs.show .main-block .description {
    font-size: 19px;
  }
}

/* line 46, app/assets/stylesheets/pages/_program.scss */
.programs.show .block-title {
  font-weight: bold;
  color: #222222;
}

/* line 51, app/assets/stylesheets/pages/_program.scss */
.programs.show .block-strong {
  margin: 0 15px;
  padding: 15px 0;
}

/* line 55, app/assets/stylesheets/pages/_program.scss */
.programs.show .block-strong::after {
  display: none;
}

/* line 61, app/assets/stylesheets/pages/_program.scss */
.programs.show .list .item-inner {
  padding-right: 0;
}

/* line 65, app/assets/stylesheets/pages/_program.scss */
.programs.show .list .item-title {
  color: #6d6d72;
}

/* line 69, app/assets/stylesheets/pages/_program.scss */
.programs.show .list .item-after {
  color: #222222;
}

/* line 74, app/assets/stylesheets/pages/_program.scss */
.programs.show .basic-block {
  margin: 0 15px;
}

@media all and (min-width: 1000px) {
  /* line 82, app/assets/stylesheets/pages/_program.scss */
  .programs.index {
    width: 1248px;
    margin: 0 auto;
  }
  /* line 87, app/assets/stylesheets/pages/_program.scss */
  .programs.show {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/pages/_setting.scss */
.setting__job-type {
  margin-bottom: 12px;
}

/* line 5, app/assets/stylesheets/pages/_setting.scss */
.setting__job-type .grid .item-content {
  padding-left: 8px;
}

/* line 9, app/assets/stylesheets/pages/_setting.scss */
.setting__job-type .grid .icon-checkbox {
  margin-right: 5px !important;
  width: 15px;
  height: 15px;
}

/* line 15, app/assets/stylesheets/pages/_setting.scss */
.setting__job-type .grid .item-inner {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* line 1, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.settings__hero {
  margin: 2rem 1rem;
  margin-bottom: 0;
  color: #222222;
}

@media all and (min-width: 1000px) {
  /* line 1, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
  .settings__hero {
    margin-top: 35px;
  }
}

/* line 11, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.settings__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 800;
}

@media all and (min-width: 1000px) {
  /* line 11, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
  .settings__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 23, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.settings__description {
  margin-top: 0.5rem;
  font-size: 13px !important;
}

/* line 28, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.vchat-profile-form {
  margin: 1rem;
}

/* line 32, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.vchat-profile-form .list textarea {
  height: 100px;
}

/* line 38, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.vchat-profile-form__errors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  color: #ff2d55;
}

/* line 44, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.vchat-profile-form__textarea--long {
  height: 200px !important;
}

/* line 48, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.setting-cover__wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 12px;
  padding-top: 133%;
}

/* line 57, app/assets/stylesheets/pages/_setting_vchat_profile.scss */
.setting-cover__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 4, app/assets/stylesheets/pages/me/_mentor_post.scss */
.page.me-mentor_posts.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.index .top-block .description {
    font-size: 19px;
  }
}

/* line 10, app/assets/stylesheets/pages/me/_mentor_post.scss */
.page.me-mentor_posts.show .main-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.show .main-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.show .main-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.show .main-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.show .main-block .description {
    font-size: 19px;
  }
}

/* line 17, app/assets/stylesheets/pages/me/_mentor_post.scss */
.page.me-mentor_posts.new .hero-title, .page.me-mentor_posts.create .hero-title {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.new .hero-title .title, .page.me-mentor_posts.create .hero-title .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.new .hero-title .title, .page.me-mentor_posts.create .hero-title .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.me-mentor_posts.new .hero-title .description, .page.me-mentor_posts.create .hero-title .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-mentor_posts.new .hero-title .description, .page.me-mentor_posts.create .hero-title .description {
    font-size: 19px;
  }
}

@media all and (min-width: 1000px) {
  /* line 27, app/assets/stylesheets/pages/me/_mentor_post.scss */
  .page.me-mentor_posts.index {
    width: 580px;
    margin: 0 auto;
  }
  /* line 32, app/assets/stylesheets/pages/me/_mentor_post.scss */
  .page.me-mentor_posts.new, .page.me-mentor_posts.create, .page.me-mentor_posts.edit, .page.me-mentor_posts.update {
    width: 680px;
    margin: 0 auto;
  }
}

/* line 4, app/assets/stylesheets/pages/me/_open_mentoring.scss */
.page.me-open_mentorings.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.me-open_mentorings.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-open_mentorings.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.me-open_mentorings.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-open_mentorings.index .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/me/_open_mentoring.scss */
.page.me-open_mentorings.index .recent-open-mentoring-block {
  margin-top: 105px;
}

@media all and (min-width: 1000px) {
  /* line 18, app/assets/stylesheets/pages/me/_open_mentoring.scss */
  .page.me-open_mentorings.index {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/pages/me/_meeting.scss */
.vchat-play__button {
  font-weight: 800 !important;
}

/* line 5, app/assets/stylesheets/pages/me/_meeting.scss */
.vchat-play__icon {
  width: 15px !important;
  height: 15px !important;
  stroke-width: 3 !important;
  vertical-align: middle;
}

/* line 4, app/assets/stylesheets/pages/me/_relationship.scss */
.page.me-relationships.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.me-relationships.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-relationships.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.me-relationships.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.me-relationships.index .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/me/_relationship.scss */
.page.me-relationships.index .recent-open-mentoring-block {
  margin-top: 105px;
}

@media all and (min-width: 1000px) {
  /* line 18, app/assets/stylesheets/pages/me/_relationship.scss */
  .page.me-relationships.index {
    width: 800px;
    margin: 0 auto;
  }
  /* line 23, app/assets/stylesheets/pages/me/_relationship.scss */
  .page.me-relationships.index .row .mentor-card {
    margin-bottom: 30px;
  }
}

/* line 5, app/assets/stylesheets/pages/me/_thanks.scss */
.page.thanks.new .hero-title, .page.thanks.create .hero-title {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.thanks.new .hero-title .title, .page.thanks.create .hero-title .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.thanks.new .hero-title .title, .page.thanks.create .hero-title .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.thanks.new .hero-title .description, .page.thanks.create .hero-title .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.thanks.new .hero-title .description, .page.thanks.create .hero-title .description {
    font-size: 19px;
  }
}

/* line 10, app/assets/stylesheets/pages/me/_thanks.scss */
.page.thanks.new .good-answer-block .item-content, .page.thanks.create .good-answer-block .item-content {
  padding-left: 0;
}

/* line 14, app/assets/stylesheets/pages/me/_thanks.scss */
.page.thanks.new .good-answer-block .item-inner, .page.thanks.create .good-answer-block .item-inner {
  padding-right: 0;
}

/* line 19, app/assets/stylesheets/pages/me/_thanks.scss */
.page.thanks.new .description, .page.thanks.create .description {
  font-size: 15px;
}

/* line 23, app/assets/stylesheets/pages/me/_thanks.scss */
.page.thanks.new .sub-description, .page.thanks.create .sub-description {
  font-weight: bold !important;
}

@media all and (min-width: 1000px) {
  /* line 34, app/assets/stylesheets/pages/me/_thanks.scss */
  .page.thanks.new, .page.thanks.create {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 5, app/assets/stylesheets/pages/me/_feedbacks.scss */
.page.feedbacks.new .hero-title, .page.feedbacks.create .hero-title {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.feedbacks.new .hero-title .title, .page.feedbacks.create .hero-title .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.feedbacks.new .hero-title .title, .page.feedbacks.create .hero-title .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.feedbacks.new .hero-title .description, .page.feedbacks.create .hero-title .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.feedbacks.new .hero-title .description, .page.feedbacks.create .hero-title .description {
    font-size: 19px;
  }
}

/* line 10, app/assets/stylesheets/pages/me/_feedbacks.scss */
.page.feedbacks.new .good-answer-block .item-content, .page.feedbacks.create .good-answer-block .item-content {
  padding-left: 0;
}

/* line 14, app/assets/stylesheets/pages/me/_feedbacks.scss */
.page.feedbacks.new .good-answer-block .item-inner, .page.feedbacks.create .good-answer-block .item-inner {
  padding-right: 0;
}

@media all and (min-width: 1000px) {
  /* line 25, app/assets/stylesheets/pages/me/_feedbacks.scss */
  .page.feedbacks.new, .page.feedbacks.create {
    width: 580px;
    margin: 0 auto;
  }
}

/* line 4, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.mentee_participations.index .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentee_participations.index .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.mentee_participations.index .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentee_participations.index .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-content {
  min-height: 0;
}

/* line 12, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .title {
  margin: 0;
}

/* line 16, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .block-footer {
  font-size: 19px;
}

/* line 20, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .ongoing-badge {
  background-color: #ff2d55;
}

/* line 24, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer {
  display: -ms-flexbox;
  display: flex;
}

/* line 27, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer .footer-button {
  position: absolute;
  display: inline;
  margin: 0 10px;
  border-width: 1px;
  font-size: 12px;
}

/* line 35, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer .cancel-button {
  left: 75px;
}

/* line 39, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer .check-button {
  left: 0;
}

/* line 43, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer .badge {
  right: 0;
  vertical-align: middle;
  position: absolute;
  margin: 0 10px 10px 0;
}

/* line 50, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .card-footer .badge-waiting {
  right: auto;
}

/* line 55, app/assets/stylesheets/pages/me/_mentee_participations.scss */
.page.mentee_participations.index .list {
  margin-bottom: 10px;
}

@media all and (min-width: 1000px) {
  /* line 65, app/assets/stylesheets/pages/me/_mentee_participations.scss */
  .page.mentee_participations.index {
    width: 580px;
    margin: 0 auto;
  }
  /* line 69, app/assets/stylesheets/pages/me/_mentee_participations.scss */
  .page.mentee_participations.index .list {
    margin-bottom: 10px;
  }
  /* line 73, app/assets/stylesheets/pages/me/_mentee_participations.scss */
  .page.mentee_participations.index .card-footer {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 76, app/assets/stylesheets/pages/me/_mentee_participations.scss */
  .page.mentee_participations.index .card-footer .badge {
    margin: 0 15px 10px 0;
  }
}

/* line 3, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations .top-block {
  color: #222222;
}

/* line 56, app/assets/stylesheets/utils/_mixin.scss */
.page.mentor_participations .top-block .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

@media all and (min-width: 1000px) {
  /* line 56, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentor_participations .top-block .title {
    font-size: 34px;
  }
}

/* line 66, app/assets/stylesheets/utils/_mixin.scss */
.page.mentor_participations .top-block .description {
  font-weight: 400;
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 66, app/assets/stylesheets/utils/_mixin.scss */
  .page.mentor_participations .top-block .description {
    font-size: 19px;
  }
}

/* line 8, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations .list-button.active {
  font-weight: bold;
  color: #222222;
}

/* line 15, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.index .card-content {
  min-height: 0;
}

/* line 19, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.index .card-footer {
  display: -ms-flexbox;
  display: flex;
}

/* line 22, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.index .card-footer .footer-button {
  position: absolute;
  display: inline;
  border-width: 1px;
  font-size: 12px;
}

/* line 30, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.index .list {
  margin-bottom: 10px;
}

/* line 36, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block {
  margin: 30px 15px;
  margin-top: 0;
  word-break: break-all;
  display: block;
}

/* line 42, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block .mentee-info {
  font-size: 13px;
  line-height: 1.2;
  margin: 10px 0;
  color: #222222;
}

/* line 48, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block .mentee-info .mentee-image {
  vertical-align: middle;
  float: left;
  margin-right: 15px;
}

/* line 53, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block .mentee-info .mentee-image img {
  width: 34px;
  height: 34px;
}

/* line 59, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block .mentee-info .mentee-name {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 4px;
}

/* line 65, app/assets/stylesheets/pages/me/_mentor_participations.scss */
.page.mentor_participations.mentee_questions .question-detail-block .mentee-info .application-date {
  color: #6d6d72;
}

@media all and (min-width: 1000px) {
  /* line 76, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations {
    width: 700px;
    margin: 0 auto;
  }
  /* line 81, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations.index .ongoing-badge {
    background-color: #ff2d55;
  }
  /* line 85, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations.index .list {
    margin-bottom: 10px;
  }
  /* line 89, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations.index .card-footer {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 92, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations.index .card-footer .badge {
    margin: 0 15px 10px 0;
  }
  /* line 99, app/assets/stylesheets/pages/me/_mentor_participations.scss */
  .page.mentor_participations.mentee_questions .question-detail-block {
    margin: 20px 15px 44px;
  }
}

/* line 1, app/assets/stylesheets/pages/_review.scss */
.review-space__score {
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  border-right: 2px solid #f2f2f2;
}

/* line 7, app/assets/stylesheets/pages/_review.scss */
.review-form__header {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 12, app/assets/stylesheets/pages/_review.scss */
.review-form__textarea {
  height: 250px !important;
}

/* line 3, app/assets/stylesheets/pages/_search.scss */
.searchs.index .block-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 7, app/assets/stylesheets/pages/_search.scss */
.searchs.index .block-title .button {
  font-weight: 400;
}

/* line 11, app/assets/stylesheets/pages/_search.scss */
.searchs.index .block-title a {
  font-size: 13px;
  font-weight: 400;
  color: #6d6d72;
}

/* line 19, app/assets/stylesheets/pages/_search.scss */
.searchs.index .job-type-block .block-title {
  margin-left: 4px;
}

/* line 23, app/assets/stylesheets/pages/_search.scss */
.searchs.index .job-type-block .row {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 28, app/assets/stylesheets/pages/_search.scss */
.searchs.index .big-title {
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 28px;
  width: auto;
  border-bottom: 1px solid #ebebeb !important;
  padding-bottom: 15px;
}

/* line 37, app/assets/stylesheets/pages/_search.scss */
.searchs.index .sub-title {
  margin-top: 65px;
  font-size: 25px;
}

/* line 42, app/assets/stylesheets/pages/_search.scss */
.searchs.index .mentee-program__footer-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 2rem;
}

/* line 47, app/assets/stylesheets/pages/_search.scss */
.searchs.index .mentee-program__footer-wrap .chip {
  font-size: 12px;
  height: 22px;
  padding: 0 7px;
}

/* line 53, app/assets/stylesheets/pages/_search.scss */
.searchs.index .mentee-program__footer-wrap .status-badge {
  text-align: center;
}

/* line 56, app/assets/stylesheets/pages/_search.scss */
.searchs.index .mentee-program__footer-wrap .status-badge .status-badge__sub-text {
  font-size: 8px;
  color: #6d6d72;
}

/* line 63, app/assets/stylesheets/pages/_search.scss */
.searchs.index .list {
  margin-bottom: 10px;
}

@media all and (min-width: 1000px) {
  /* line 72, app/assets/stylesheets/pages/_search.scss */
  .searchs.index .job-type-block {
    width: 800px;
    margin: 0 auto;
    margin-top: 45px;
  }
  /* line 78, app/assets/stylesheets/pages/_search.scss */
  .searchs.index .mentor-block {
    width: 1248px;
    margin: 0 auto;
  }
  /* line 82, app/assets/stylesheets/pages/_search.scss */
  .searchs.index .mentor-block .mentor-card {
    margin-bottom: 30px;
  }
}

/* line 1, app/assets/stylesheets/pages/_vchat.scss */
.vchat-cp-space {
  margin: 0 1rem;
}

/* line 5, app/assets/stylesheets/pages/_vchat.scss */
.vchat-cp-space__mt {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* line 10, app/assets/stylesheets/pages/_vchat.scss */
.vchat-hero__title {
  font-size: 2rem;
  line-height: 1.3;
  text-align: center;
}

@media all and (min-width: 1000px) {
  /* line 10, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-hero__title {
    font-size: 2.5rem;
  }
}

/* line 20, app/assets/stylesheets/pages/_vchat.scss */
.vchat__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 2rem;
  font-weight: 700;
  word-break: keep-all;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 20, app/assets/stylesheets/pages/_vchat.scss */
  .vchat__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 33, app/assets/stylesheets/pages/_vchat.scss */
.vchat__title + div {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 4px;
  color: #484848;
}

/* line 40, app/assets/stylesheets/pages/_vchat.scss */
.vchat__text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  overflow-wrap: break-word !important;
  word-break: keep-all;
  color: #484848;
}

/* line 48, app/assets/stylesheets/pages/_vchat.scss */
.vchat__text p {
  margin-top: 0;
}

/* line 53, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks {
  margin-bottom: 2rem;
  color: #484848 !important;
}

/* line 58, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks__user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 63, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks_avatar {
  width: 35px;
  height: 35px;
}

/* line 68, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 10px;
}

/* line 75, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks__name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

/* line 81, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks__date {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* line 85, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks_body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  overflow-wrap: break-word;
}

/* line 92, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks_body--review {
  max-height: 6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  position: relative;
}

/* line 101, app/assets/stylesheets/pages/_vchat.scss */
.vchatcp__thanks_body--review::after {
  content: "";
  height: 2em;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
  background: linear-gradient(0deg, #fff, transparent);
}

/* line 111, app/assets/stylesheets/pages/_vchat.scss */
.vchat-process {
  color: #484848;
}

/* line 115, app/assets/stylesheets/pages/_vchat.scss */
.vchat-process__inner {
  -ms-flex-item-align: center;
      align-self: center;
}

/* line 119, app/assets/stylesheets/pages/_vchat.scss */
.vchat-process__title {
  margin: 0.5rem 0 0.5rem;
  padding-right: 5rem;
  overflow-wrap: break-word;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 119, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-process__title {
    font-size: 2rem;
  }
}

/* line 133, app/assets/stylesheets/pages/_vchat.scss */
.vchat-process__subtitle {
  margin: 0.5rem 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 139, app/assets/stylesheets/pages/_vchat.scss */
.vchat-process__text {
  margin-bottom: 1rem;
  padding-right: 1rem;
  font-size: 17px;
  line-height: 1.5;
}

/* line 146, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__text {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #484848;
}

/* line 152, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__text::before {
  display: none !important;
}

/* line 156, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__text p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 !important;
  overflow-wrap: break-word !important;
  word-break: keep-all;
  color: #484848;
}

/* line 166, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__text__title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  color: #484848;
  font-weight: 800;
}

/* line 174, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__subtitle {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 174, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-guide__subtitle {
    font-size: 1.5rem;
  }
}

/* line 185, app/assets/stylesheets/pages/_vchat.scss */
.vchat-guide__border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-bottom: 0.5rem;
}

/* line 190, app/assets/stylesheets/pages/_vchat.scss */
.vchat-quality-block {
  padding: 3rem 0;
  background-color: #f2f2f2;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 190, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-quality-block {
    padding: 8rem 0;
  }
}

/* line 200, app/assets/stylesheets/pages/_vchat.scss */
.vchat-quality-block__inner {
  padding: 0 1rem;
}

@media all and (min-width: 1000px) {
  /* line 200, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-quality-block__inner {
    width: 1216px;
    margin: auto;
  }
}

/* line 209, app/assets/stylesheets/pages/_vchat.scss */
.vchat-quality__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0.5rem 0 0.5rem;
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 800;
  color: #484848;
}

@media all and (min-width: 1000px) {
  /* line 209, app/assets/stylesheets/pages/_vchat.scss */
  .vchat-quality__title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-right: 6rem;
  }
}

/* line 225, app/assets/stylesheets/pages/_vchat.scss */
.vchat-quality__subtitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 4px 0;
  font-weight: 600;
}

/* line 232, app/assets/stylesheets/pages/_vchat.scss */
.vchat-quality__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  padding-right: 1rem;
}

/* line 1, app/assets/stylesheets/pages/_registrant.scss */
.card-footer__content {
  display: block;
  text-align: center;
}

/* line 1, app/assets/stylesheets/pages/_order.scss */
.payment-method-active {
  font-weight: 800;
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/tailwindcss/_overrides.scss */
img {
  display: initial;
}

/* line 5, app/assets/stylesheets/tailwindcss/_overrides.scss */
svg {
  display: initial;
  vertical-align: initial;
}

/* line 10, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-400 {
  color: rgba(156, 163, 175, var(--tw-text-opacity)) !important;
}

/* line 14, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-500 {
  color: rgba(107, 114, 128, var(--tw-text-opacity)) !important;
}

/* line 18, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-900 {
  color: rgba(17, 24, 39, var(--tx-text-opacity)) !important;
}

/* line 22, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-gray-dark {
  color: rgba(66, 66, 66, var(--tx-text-opacity)) !important;
}

/* line 26, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-white {
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

/* line 30, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-red-600 {
  color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
}

/* line 34, app/assets/stylesheets/tailwindcss/_overrides.scss */
.text-red-700 {
  color: rgba(255, 45, 85, var(--tw-text-opacity)) !important;
}

/* line 38, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-initial {
  border: initial !important;
}

/* line 42, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-radius-initial {
  border-radius: initial !important;
}

/* line 46, app/assets/stylesheets/tailwindcss/_overrides.scss */
.border-top-0 {
  border-top: 0 !important;
}

/* line 50, app/assets/stylesheets/tailwindcss/_overrides.scss */
.padding-0 {
  padding: 0 !important;
}

/* line 54, app/assets/stylesheets/tailwindcss/_overrides.scss */
.pl-zero {
  padding-left: 0 !important;
}

/* line 58, app/assets/stylesheets/tailwindcss/_overrides.scss */
.margin-top-74 {
  margin-top: 74px !important;
}

/* line 62, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-zero {
  margin: 0 !important;
}

/* line 66, app/assets/stylesheets/tailwindcss/_overrides.scss */
.mb-zero {
  margin-bottom: 0 !important;
}

/* line 70, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-w-100 {
  min-width: 100px;
}

/* line 74, app/assets/stylesheets/tailwindcss/_overrides.scss */
.line-70 {
  line-height: 78px;
}

/* line 78, app/assets/stylesheets/tailwindcss/_overrides.scss */
.m-0-auto {
  margin: 0 auto !important;
}

/* line 82, app/assets/stylesheets/tailwindcss/_overrides.scss */
.min-w-360 {
  min-width: 360px;
}

@media (max-width: 1000px) {
  /* line 87, app/assets/stylesheets/tailwindcss/_overrides.scss */
  .desktop-only {
    display: none !important;
  }
}