html {
  /* html is only given height: 100%; in fliplet-pages because widget interface */
  /* needs height: auto; for Fliplet.Widget.autosize(); to work. */
  height: 100%;

  /* Additional height at the bottom for the bottom inset */
  height: calc(100% + constant(safe-area-inset-bottom));
  height: calc(100% + env(safe-area-inset-bottom));

  /* Adds offset at the top for the status bar */
  margin-top: 0;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}

body {
  /* Added to fliplet-pages to ensure on-page elements are correctly positioned */
  position: relative;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);

  height: auto;
  min-height: 100%;
}

html.ios body {
  height: 100%;
}

[data-has-notch] body {
  padding-bottom: 34px;
}

main.fl-page-content-wrapper {
  position: relative;
  min-height: 100vh;
}

main.fl-page-content-wrapper:before {
  content: '';
  display: table;
}

html.ios main.fl-page-content-wrapper {
  min-height: 100%;
}

[data-fl-edit] {
  position: relative;
  word-wrap: break-word;
  -webkit-line-break: after-white-space;
  -ms-line-break: after-white-space;
  max-width: 100%;
}

.label-component-missing {
  padding: 2px 5px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #f0ad4e;
  background-color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border: 1px solid #f0ad4e;
  border-radius: 3px;
  display: none;
}

.mode-interact .label-component-missing {
  display: inline;
}

html:not(.mode-interact) .visible-ios-block,
html:not(.mode-interact) .visible-android-block,
html:not(.mode-interact) .visible-windows-block,
html:not(.mode-interact) .visible-mobile-block,
html:not(.mode-interact) .visible-tablet-block,
html:not(.mode-interact) .visible-desktop-block,
html:not(.mode-interact) .visible-web-block,
html:not(.mode-interact) .visible-native-block,
html:not(.mode-interact) .visible-iphonex-block,
html:not(.mode-interact) .visible-notch-block,
html:not(.mode-interact) .visible-apptemplate-block,
html:not(.mode-interact) .visible-ios-inline,
html:not(.mode-interact) .visible-android-inline,
html:not(.mode-interact) .visible-windows-inline,
html:not(.mode-interact) .visible-mobile-inline,
html:not(.mode-interact) .visible-tablet-inline,
html:not(.mode-interact) .visible-desktop-inline,
html:not(.mode-interact) .visible-web-inline,
html:not(.mode-interact) .visible-native-inline,
html:not(.mode-interact) .visible-iphonex-inline,
html:not(.mode-interact) .visible-notch-inline,
html:not(.mode-interact) .visible-apptemplate-inline,
html:not(.mode-interact) .visible-ios-inline-block,
html:not(.mode-interact) .visible-android-inline-block,
html:not(.mode-interact) .visible-windows-inline-block,
html:not(.mode-interact) .visible-mobile-inline-block,
html:not(.mode-interact) .visible-tablet-inline-block,
html:not(.mode-interact) .visible-desktop-inline-block,
html:not(.mode-interact) .visible-web-inline-block,
html:not(.mode-interact) .visible-native-inline-block,
html:not(.mode-interact) .visible-iphonex-inline-block,
html:not(.mode-interact) .visible-notch-inline-block,
html:not(.mode-interact) .visible-apptemplate-inline-block,
html:not(.mode-interact) .visible-ios-flex,
html:not(.mode-interact) .visible-android-flex,
html:not(.mode-interact) .visible-windows-flex,
html:not(.mode-interact) .visible-mobile-flex,
html:not(.mode-interact) .visible-tablet-flex,
html:not(.mode-interact) .visible-desktop-flex,
html:not(.mode-interact) .visible-web-flex,
html:not(.mode-interact) .visible-native-flex,
html:not(.mode-interact) .visible-iphonex-flex,
html:not(.mode-interact) .visible-notch-flex,
html:not(.mode-interact) .visible-apptemplate-flex {
  display: none;
}

html.ios:not(.mode-interact) .visible-ios-block,
html.android:not(.mode-interact) .visible-android-block,
html.windows:not(.mode-interact) .visible-windows-block,
html.mobile:not(.mode-interact) .visible-mobile-block,
html.tablet:not(.mode-interact) .visible-tablet-block,
html.desktop:not(.mode-interact) .visible-desktop-block,
html.web:not(.mode-interact) .visible-web-block,
html.native:not(.mode-interact) .visible-native-block,
html.iphonex:not(.mode-interact) .visible-iphonex-block,
html.notch:not(.mode-interact) .visible-notch-block,
html.apptemplate:not(.mode-interact) .visible-apptemplate-block {
  display: block;
}

html.ios:not(.mode-interact) .visible-ios-inline,
html.android:not(.mode-interact) .visible-android-inline,
html.windows:not(.mode-interact) .visible-windows-inline,
html.mobile:not(.mode-interact) .visible-mobile-inline,
html.tablet:not(.mode-interact) .visible-tablet-inline,
html.desktop:not(.mode-interact) .visible-desktop-inline,
html.web:not(.mode-interact) .visible-web-inline,
html.native:not(.mode-interact) .visible-native-inline,
html.iphonex:not(.mode-interact) .visible-iphonex-inline,
html.notch:not(.mode-interact) .visible-notch-inline,
html.apptemplate:not(.mode-interact) .visible-apptemplate-inline {
  display: inline;
}

html.ios:not(.mode-interact) .visible-ios-inline-block,
html.android:not(.mode-interact) .visible-android-inline-block,
html.windows:not(.mode-interact) .visible-windows-inline-block,
html.mobile:not(.mode-interact) .visible-mobile-inline-block,
html.tablet:not(.mode-interact) .visible-tablet-inline-block,
html.desktop:not(.mode-interact) .visible-desktop-inline-block,
html.web:not(.mode-interact) .visible-web-inline-block,
html.native:not(.mode-interact) .visible-native-inline-block,
html.iphonex:not(.mode-interact) .visible-iphonex-inline-block,
html.notch:not(.mode-interact) .visible-notch-inline-block,
html.apptemplate:not(.mode-interact) .visible-apptemplate-inline-block {
  display: inline-block;
}

html.ios:not(.mode-interact) .visible-ios-flex,
html.android:not(.mode-interact) .visible-android-flex,
html.windows:not(.mode-interact) .visible-windows-flex,
html.mobile:not(.mode-interact) .visible-mobile-flex,
html.tablet:not(.mode-interact) .visible-tablet-flex,
html.desktop:not(.mode-interact) .visible-desktop-flex,
html.web:not(.mode-interact) .visible-web-flex,
html.native:not(.mode-interact) .visible-native-flex,
html.iphonex:not(.mode-interact) .visible-iphonex-flex,
html.notch:not(.mode-interact) .visible-notch-flex,
html.apptemplate:not(.mode-interact) .visible-apptemplate-flex {
  display: flex;
}

html:not(.mode-interact) .visible-interact,
html.ios:not(.mode-interact) .hidden-ios,
html.android:not(.mode-interact) .hidden-android,
html.windows:not(.mode-interact) .hidden-windows,
html.mobile:not(.mode-interact) .hidden-mobile,
html.tablet:not(.mode-interact) .hidden-tablet,
html.desktop:not(.mode-interact) .hidden-desktop,
html.web:not(.mode-interact) .hidden-web,
html.native:not(.mode-interact) .hidden-native,
html.iphonex:not(.mode-interact) .hidden-iphonex,
html.notch:not(.mode-interact) .hidden-notch,
html.apptemplate:not(.mode-interact) .hidden-apptemplate {
  display: none;
}

/* Helper classes for WCAG focus outline */
html.no-touchevents.js-focus-visible .focus-outline-active,
html.no-touchevents.js-focus-visible .focus-outline {
  outline: none;
}

html.no-touchevents.js-focus-visible .focus-outline-active:focus:not(.focus-visible),
html.no-touchevents.js-focus-visible .focus-outline-active:not(:focus-visible) {
  box-shadow: none;
}

@media screen and (min-width: 640px) {
  html.no-touchevents.js-focus-visible .focus-outline-active,
  html.no-touchevents.js-focus-visible .focus-outline {
    outline: none;
  }

  html.no-touchevents.js-focus-visible .focus-outline-active:focus:not(.focus-visible),
  html.no-touchevents.js-focus-visible .focus-outline-active:not(:focus-visible) {
    box-shadow: none;
  }
}

@media screen and (min-width: 1024px) {
  html.no-touchevents.js-focus-visible .focus-outline-active,
  html.no-touchevents.js-focus-visible .focus-outline {
    outline: none;
  }

  html.no-touchevents.js-focus-visible .focus-outline-active:focus:not(.focus-visible),
  html.no-touchevents.js-focus-visible .focus-outline-active:not(:focus-visible) {
    box-shadow: none;
  }
}

/* Defaults to a minimized and invisible video element */
#flLinkVideo {
  position: fixed;
  -ms-transform: scale(0.001) translate3d(0, 0, 0);
  transform: scale(0.001) translate3d(0, 0, 0);
  -ms-transform-origin: top left;
  transform-origin: top left;
}

/* Remove The Invisible Cloak to ensure fullscreen video is visible */
#flLinkVideo.fullscreen {
  position: static;
  -ms-transform: none;
  transform: none;
}

/**
 * Toast
 * --------------------------------------------------
 */

.fl-toast-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  background-color: transparent;
  -webkit-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transition: background-color 150ms linear;
  -ms-transition: background-color 150ms linear;
  transition: background-color 150ms linear;
}

.fl-toast-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4);
}

.android .fl-toast-backdrop.active {
  background-color: rgba(0, 0, 0, 0.2);
}

.fl-toast {
  position: fixed;
  left: 15px;
  right: 15px;
  padding: 15px;
  overflow: hidden;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  pointer-events: none;
  z-index: 2001;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 0.055, 0.555, 1.37),
    opacity 0.1s linear;
  -ms-transition: -ms-transform 0.15s cubic-bezier(0.5, 0.055, 0.555, 1.37), opacity 0.1s linear;
  transition: transform 0.15s cubic-bezier(0.5, 0.055, 0.555, 1.37), opacity 0.1s linear;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  /* Theme-able settings */
  background-color: #fff;
  color: #333;
  border-radius: 4px;
}

.fl-toast.active {
  opacity: 1;
  pointer-events: all;
}

.fl-toast-top {
  top: 15px;
  top: calc(15px + constant(safe-area-inset-top));
  top: calc(15px + env(safe-area-inset-top));
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(0.8) translate3d(0, -44px, 0);
  -ms-transform: scale(0.8) translate3d(0, -44px, 0);
  transform: scale(0.8) translate3d(0, -44px, 0);
}

.fl-toast-center {
  top: 50%;
  -webkit-transform: scale(1.2) translate3d(0, -50%, 0);
  -ms-transform: scale(1.2) translate3d(0, -50%, 0);
  transform: scale(1.2) translate3d(0, -50%, 0);
}

.fl-toast-bottom {
  bottom: 15px;
  bottom: calc(15px + constant(safe-area-inset-bottom));
  bottom: calc(15px + env(safe-area-inset-bottom));
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: scale(0.8) translate3d(0, 34px, 0);
  -ms-transform: scale(0.8) translate3d(0, 34px, 0);
  transform: scale(0.8) translate3d(0, 34px, 0);
}

[data-has-notch] .fl-toast-bottom {
  bottom: 49px;
}

.fl-toast-top.active,
.fl-toast-bottom.active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fl-toast-center.active {
  -webkit-transform: scale(1) translate3d(0, -50%, 0);
  -ms-transform: scale(1) translate3d(0, -50%, 0);
  transform: scale(1) translate3d(0, -50%, 0);
}

@media screen and (min-width: 640px) {
  .fl-toast {
    width: 500px;
  }
}

.fl-toast-title {
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
}

.fl-toast-body {
  opacity: 0.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  max-width: calc(100vw - 48px - 30px);
  max-height: calc(90vh - 44px);
  max-height: calc(90vh - 44px - env(safe-area-inset-bottom));
}

[data-has-notch] .fl-toast-body {
  max-height: calc(90vh - 44px - 34px);
}

.fl-toast-title + .fl-toast-body {
  margin-top: 5px;
}

.fl-toast-html .fl-toast-title,
.fl-toast-html .fl-toast-body,
.fl-toast-no-clamp .fl-toast-title,
.fl-toast-no-clamp .fl-toast-body {
  -webkit-line-clamp: initial;
  overflow: auto;
}

.fl-toast-progress {
  margin-top: 15px;
  margin-bottom: -15px;
}

.fl-toast-progress > .progress {
  margin: 0 -15px;
  border-radius: 0;
  height: 5px;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  /* Theme-able settings */
  background-color: #f6f6f6;
}

.fl-toast-progress > .progress > .progress-bar {
  /* Theme-able settings */
  background-color: #337ab7;
}

.fl-toast-links {
  margin: -15px;
  padding: 0 15px;
  line-height: 44px;
  text-transform: uppercase;
  /* Theme-able settings */
  background-color: #f6f6f6;
}

.fl-toast-links > .link {
  display: inline-block;
  line-height: 44px;
  margin-left: 15px;
  /* Theme-able settings */
  color: #337ab7;
}

.fl-toast-links > .link:first-child {
  margin-left: 0;
}

.fl-toast-links > .link:hover,
.fl-toast-links > .link:focus {
  text-decoration: none;
  opacity: 0.8;
}

.fl-toast-title ~ .fl-toast-links,
.fl-toast-body ~ .fl-toast-links {
  margin-top: 15px;
}

/* Minimal */

.fl-toast-minimal {
  display: flex;
  left: 0;
  right: 0;
  padding: 14px 24px;
  max-width: auto;
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.1s linear;
  -ms-transition: -ms-transform 0.15s ease-out, opacity 0.1s linear;
  transition: transform 0.15s ease-out, opacity 0.1s linear;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  font-size: 14px;
  border-radius: 0;
  overflow: visible;
  /* Theme-able settings */
  background-color: #333;
  color: #fff;
}

.fl-toast-minimal.fl-toast-top {
  top: 0;
  top: calc(constant(safe-area-inset-top));
  top: calc(env(safe-area-inset-top));
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.fl-toast-minimal.fl-toast-bottom {
  bottom: 0;
  padding-bottom: calc(14px + constant(safe-area-inset-bottom));
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.fl-toast-minimal.fl-toast-center {
  display: block;
  top: 50%;
  left: 50%;
  right: auto;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1.2) translate3d(-50%, -50%, 0);
  -ms-transform: scale(1.2) translate3d(-50%, -50%, 0);
  transform: scale(1.2) translate3d(-50%, -50%, 0);
}

[data-has-notch] .fl-toast-minimal.fl-toast-bottom {
  padding-bottom: 48px;
}

.fl-toast-minimal.active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fl-toast-minimal.fl-toast-center.active {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  -ms-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0);
}

.fl-toast-minimal .fl-toast-body {
  flex-grow: 1;
  opacity: 1;
  font-weight: 200;
  letter-spacing: 0.4px;
}

.fl-toast-minimal .fl-toast-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: -5px 0 0;
}

.fl-toast-minimal .fl-toast-progress > .progress {
  height: 6px;
  margin: 0;
  /* Theme-able settings */
  background-color: #333;
}

.fl-toast-minimal .fl-toast-progress > .progress > .progress-bar {
  /* Theme-able settings */
  background-color: #337ab7;
}

.fl-toast-minimal .fl-toast-links {
  margin: 0;
  background-color: transparent;
  padding: 0;
  line-height: inherit;
  display: flex;
  flex: 0 0 auto;
}

.fl-toast-minimal.fl-toast-center .fl-toast-links {
  display: block;
  text-align: right;
  line-height: 44px;
  margin-bottom: -15px;
  min-width: 100px;
}

.fl-toast-minimal .fl-toast-links > .link {
  display: inline;
  margin-left: 24px;
  line-height: inherit;
  /* Theme-able settings */
  color: #337ab7;
}

@media screen and (min-width: 640px) {
  .fl-toast-minimal.fl-toast-center {
    width: auto;
  }
}

/**
 * Action Sheets
 * --------------------------------------------------
 */

.action-sheet-backdrop {
  -webkit-transition: background-color 150ms linear;
  transition: background-color 150ms linear;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2010;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-ios.no-android.no-windows .action-sheet-backdrop {
  font-family: inherit;
}

.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: all;
}

.action-sheet-wrapper {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.3);
  -ms-transform: translate3d(-50%, -50%, 0) scale(1.3);
  transform: translate3d(-50%, -50%, 0) scale(1.3);
  -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 300ms;
  -ms-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 300ms;
  transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 300ms;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: auto;
}

@media screen and (min-width:640px) {
  .action-sheet-wrapper {
    width: 500px;
  }
}

.action-sheet-backdrop.active > .action-sheet-wrapper {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  -ms-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  opacity: 1;
}

.action-sheet {
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
  overflow: hidden;
  border-radius: 6px;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.4);
}

.action-sheet .button {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 0;
  border-color: #e9e9e9;
  background-color: transparent;
  color: #555;
  font-size: 16px;
}

.action-sheet .button.active {
  box-shadow: none;
  border-color: #d1d3d6;
  color: #007aff;
  background: #e4e5e7;
}

.action-sheet-title {
  padding: 21px 15px;
  color: #8f8f8f;
  text-align: center;
  font-size: 16px;
}

.action-sheet-group {
  background-color: #fff;
  overflow: hidden;
  padding: 0 16px;
}

.action-sheet-group .button {
  border-width: 1px 0px 0px 0px;
  margin: 0;
  min-width: 52px;
  min-height: 67px;
  border-style: solid;
  vertical-align: top;
  text-align: center;
  text-overflow: ellipsis;
  line-height: 1.5;
  cursor: pointer;
}

.action-sheet-group .button:focus {
  outline: none;
}

.action-sheet-group .button:hover,
.action-sheet-group .button:focus {
  background-color: #fcfcfc;
}

.action-sheet-group .button:active {
  background-color: #f9f9f9;
}

.action-sheet-group .button:first-child:last-child {
  border-width: 0;
}

.action-sheet-cancel .button {
  font-weight: 600;
}

.action-sheet-cancel .button,
.action-sheet-cancel .button:first-child:last-child {
  border-width: 1px 0px 0px 0px;
}

.action-sheet-open {
  pointer-events: none;
}

.action-sheet-open.modal-open .modal {
  pointer-events: none;
}

.action-sheet-open .action-sheet-backdrop {
  pointer-events: auto;
}

/* iOS */

.ios .action-sheet-wrapper,
[data-simulator-platform="ios"] .action-sheet-wrapper {
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 1;
  top: auto;
  bottom: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  left: 0;
  right: 0;
}

[data-has-notch] .action-sheet-wrapper {
  bottom: 34px;
}

.ios .action-sheet-backdrop.active > .action-sheet-wrapper,
[data-simulator-platform="ios"] .action-sheet-backdrop.active > .action-sheet-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ios .action-sheet,
[data-simulator-platform="ios"] .action-sheet {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 0;
}

.ios .action-sheet .button,
[data-simulator-platform="ios"] .action-sheet .button {
  min-height: 47px;
  padding: 1px;
  border-color: #d1d3d6;
  background-color: transparent;
  color: #007aff;
  font-size: 21px;
}

.ios .action-sheet .button:hover,
[data-simulator-platform="ios"] .action-sheet .button:hover {
  color: #007aff;
  background-color: rgba(0, 0, 0, 0.03);
}

.ios .action-sheet .button.danger,
[data-simulator-platform="ios"] .action-sheet .button.danger {
  color: #ff3b30;
}

.ios .action-sheet .button.danger:hover,
[data-simulator-platform="ios"] .action-sheet .button.danger:hover {
  color: #ff3b30;
}

.ios .action-sheet-title,
[data-simulator-platform="ios"] .action-sheet-title {
  padding: 16px;
  font-size: 13px;
}

.ios .action-sheet-group,
[data-simulator-platform="ios"] .action-sheet-group {
  margin-bottom: 8px;
  border-radius: 4px;
  padding: 0;
}

.ios .action-sheet-options,
[data-simulator-platform="ios"] .action-sheet-options {
  background: #f1f2f3;
}

.ios .action-sheet-cancel .button,
[data-simulator-platform="ios"] .action-sheet-cancel .button {
  border: none;
  font-weight: 500;
}

/* Android */

.android .action-sheet-wrapper,
[data-simulator-platform="android"] .action-sheet-wrapper {
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 1;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.android .action-sheet-backdrop.active > .action-sheet-wrapper,
[data-simulator-platform="android"] .action-sheet-backdrop.active > .action-sheet-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.android .action-sheet-backdrop.active,
[data-simulator-platform="android"] .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.2);
}

.android .action-sheet,
[data-simulator-platform="android"] .action-sheet {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
}

.android .action-sheet .action-sheet-title,
.android .action-sheet .button,
[data-simulator-platform="android"] .action-sheet .action-sheet-title,
[data-simulator-platform="android"] .action-sheet .button {
  min-height: 47px;
  text-align: left;
  border-color: transparent;
  color: inherit;
  padding-left: 10px;
  padding-right: 10px;
}

.android .action-sheet .button,
[data-simulator-platform="android"] .action-sheet .button {
  font-weight: 600;
}

.android .action-sheet .action-sheet-title,
[data-simulator-platform="android"] .action-sheet .action-sheet-title {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #898989;
}

.android .action-sheet .button.active,
[data-simulator-platform="android"] .action-sheet .button.active {
  background: #e8e8e8;
}

.android .action-sheet-group,
[data-simulator-platform="android"] .action-sheet-group {
  margin: 0;
  border-radius: 0;
  background-color: #fafafa;
}

.android .action-sheet-group .button:hover,
.android .action-sheet-group .button:focus,
[data-simulator-platform="android"] .action-sheet-group .button:hover,
[data-simulator-platform="android"] .action-sheet-group .button:focus {
  background-color: transparent;
}


.android .action-sheet-cancel .action-sheet-group:last-child,
[data-simulator-platform="android"] .action-sheet-group:last-child {
  padding-bottom: 16px;
}
/*
===========================
CONTENTS:

01 Overlay
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Overlay --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.overlayIsActive {
  overflow: hidden;
}
body.overlayIsActive > :not(.overlay),
body.overlayIsActive > :not(.overlay) * {
  pointer-events: none;
}
body.overlayIsActive.overlay-on > :not(.image-container-wrapper.shown),
body.overlayIsActive.overlay-on > :not(.image-container-wrapper.shown) * {
  pointer-events: none;
}
body.overlayIsActive.overlay-on .image-container-wrapper.shown,
body.overlayIsActive.overlay-on .image-container-wrapper.shown * {
  pointer-events: all;
}
body.overlayIsActive.overlay-on .image-zoom.gallery-image-zoom,
body.overlayIsActive.overlay-on .image-zoom.gallery-image-zoom * {
  pointer-events: all;
}
.overlay {
  position: fixed;
  top: 0;
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
  left: 0;
  bottom: 0;
  right: 0;
  background: none;
  z-index: 1010;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
.overlay.overlay-compact {
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay.active {
  pointer-events: all;
}
.overlay.closing {
  pointer-events: none;
}
.overlayPanelScreen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 19999;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transform: translate3d(0, 0, -400px);
  -moz-transform: translate3d(0, 0, -400px);
  -ms-transform: translate3d(0, 0, -400px);
  -o-transform: translate3d(0, 0, -400px);
  transform: translate3d(0, 0, -400px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.no-android .overlayPanelScreen {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.overlay.active .overlayPanelScreen {
  opacity: 1;
  pointer-events: all;
}
.overlay.closing .overlayPanelScreen {
  opacity: 0;
  pointer-events: none;
}
.overlayPanel {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  bottom: calc(constant(safe-area-inset-bottom) + 6px);
  bottom: calc(env(safe-area-inset-bottom) + 6px);
  z-index: 20000;
  padding: 0;
  -webkit-border-radius: 5px;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
[data-has-notch] .overlayPanel {
  bottom: 40px;
}
.overlay.active .overlayPanel {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.overlay.closing .overlayPanel {
  pointer-events: none;
}
.overlay-compact .overlayPanel {
  position: static;
  overflow: auto;
  max-width: 95%;
  max-height: 95%;
  max-height: calc(95% - constant(safe-area-inset-bottom) * 2);
  max-height: calc(95% - env(safe-area-inset-bottom) * 2);
}
[data-has-notch] .overlay-compact .overlayPanel {
  max-height: calc(95% - 68px);
}
.overlay-sm .overlayPanel {
  width: 70%;
  left: 15%;
  right: 15%;
  top: 15%;
  bottom: 15%;
}
.overlay-full .overlayPanel {
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen and (min-width: 640px) {
  .overlayPanel {
    width: 62%;
    top: 10%;
    left: 19%;
    bottom: 10%;
    right: 19%;
  }
  .overlay-compact .overlayPanel {
    max-width: 62%;
    max-height: 62%;
  }
  .overlay-sm .overlayPanel {
    width: 50%;
    left: 25%;
    right: 25%;
    top: 19%;
    bottom: 19%;
  }
  .overlay-lg .overlayPanel {
    width: 85.56%;
    left: 7.22%;
    right: 7.22%;
    top: 8%;
    bottom: 8%;
  }
}
.overlayTitle {
  padding: 0 8px;
}
.overlayPanelContent {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  background: #fff;
  font-size: 1em;
  color: #333;
  text-shadow: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.overlay-full .overlayPanelContent {
  padding-bottom: 0px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
[data-has-notch] .overlay-full .overlayPanelContent {
  padding-bottom: 34px;
}
.overlay.hasNavbar .overlayPanelContent {
  padding-top: 52px; /* 44 + 8 */
}
.overlay.overlay-compact .overlayPanelContent,
.overlay.overlay-compact.hasNavbar .overlayPanelContent {
  padding: 0;
}
.overlay.overlay-sm .overlayPanelContent {
  padding: 10px 15px;
}
.overlay.overlay-sm.hasNavbar .overlayPanelContent {
  padding-top: 54px; /* 44 + 10 */
}
@media screen and (min-width: 640px) {
  .overlayPanelContent {
    padding: 15px 30px;
  }
  .overlay.hasNavbar .overlayPanelContent {
    padding-top: 59px; /* 44 + 15 */
  }
  .overlay.overlay-lg .overlayPanelContent {
    padding: 30px 45px;
  }
  .overlay.overlay-lg.hasNavbar .overlayPanelContent {
    padding-top: 74px; /* 44 + 30 */
  }
}
.overlayNavbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  z-index: 1;
  border-bottom: 1px solid #c9c9c9;
  line-height: 44px;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.95);
  color: #333;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: none;
}
.overlay.hasNavbar .overlayNavbar {
  display: block;
}
.overlay.overlay-compact .overlayNavbar {
  display: none;
}
.overlay .overlayPanel > .closeButton {
  background: #fff;
  padding: 0 5px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  display: none !important;
}
.overlay.overlay-compact .overlayPanel > .closeButton {
  display: block !important;
}
.overlayNavbar .closeButton {
  float: left;
  padding: 0 13px;
  z-index: 1;
  font-weight: normal;
  cursor: pointer;
}
.overlayNavbar .actionButton {
  float: right;
  padding: 0 13px;
  z-index: 2;
  font-weight: normal;
  cursor: pointer;
}
.overlayNavbar .overlayTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overlay-about-app .overlayPanel {
  color: #333;
}

.overlay-about-app .overlayPanelContent {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
}

.no-android .overlay-about-app .overlayPanelContent {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.overlay-about-app .client-info {
  padding: 10px 15px;
}

.overlay-about-app .client-info:empty {
  display: none;
}

.overlay-about-app .client-info h1,
.overlay-about-app .client-info h2,
.overlay-about-app .client-info h3,
.overlay-about-app .client-info h4,
.overlay-about-app .client-info h5,
.overlay-about-app .client-info h6 {
  margin-top: 0;
}

.overlay-about-app .client-info h1 {
  color: #337ab7;
}
.overlay-about-app .client-info h2 {
  color: #337ab7;
}
.overlay-about-app .client-info h3 {
  color: #337ab7;
}
.overlay-about-app .client-info h4 {
  color: #333333;
}
.overlay-about-app .client-info h5 {
  color: #333333;
}
.overlay-about-app .client-info h6 {
  color: #333333;
}

.overlay-about-app .fliplet-info {
  padding: 10px 15px 0;
  border-top: 1px solid #eaeaea;
  background-color: #ffffff;
  font-size: 12px;
  color: #333;
}

.overlay-about-app .fliplet-info .foot-note {
  margin-bottom: 4px;
}

.overlay-about-app .fliplet-info hr {
  margin: 6px 0;
}

.overlay-about-app .fliplet-info .update-buttons {
  margin: 10px -15px 0;
  font-size: 14px;
}

.overlay-about-app .fliplet-info .update-buttons .check-notes,
.overlay-about-app .fliplet-info .update-buttons .check-updates {
  height: 54px;
  text-align: center;
  line-height: 54px;
}

.overlay-about-app .fliplet-info .update-buttons .check-updates {
  background-color: #337ab7;
  color: #fff;
}

.overlay-about-app .fliplet-info .update-buttons .check-notes {
  background-color: #c0c0c0;
  color: #333333;
}

.overlay-about-app .fliplet-info .update-buttons .check-updates:active,
.overlay-about-app .fliplet-info .update-buttons .check-updates:focus,
.overlay-about-app .fliplet-info .update-buttons .check-updates:hover {
  background-color: #286090;
  text-decoration: none;
}

.overlay-about-app .fliplet-info .update-buttons .check-notes:active:focus,
.overlay-about-app .fliplet-info .update-buttons .check-notes:focus,
.overlay-about-app .fliplet-info .update-buttons .check-notes:hover {
  background-color: #adadad;
  text-decoration: none;
}

.overlay-about-app .btn-link,
.overlay-about-app a {
  color: #337ab7;
}

.overlay-about-app .btn-link:focus,
.overlay-about-app .btn-link:hover,
.overlay-about-app .btn-link:active:focus,
.overlay-about-app .btn-link:active:hover,
.overlay-about-app a:focus,
.overlay-about-app a:hover,
.overlay-about-app a:active:focus,
.overlay-about-app a:active:hover {
  color: #286090;
}

.overlay-about-app .fliplet-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.overlay-about-app .fliplet-info ul li {
  display: inline-block;
  margin-right: 15px;
}

.overlay-about-app .fliplet-info ul li:last-child {
  margin-right: 0;
}

.overlay-about-app .fliplet-info .app-info {
  font-size: 12px;
  line-height: 18px;
}

.overlay-about-app .fliplet-info .app-info p {
  margin-bottom: 0;
}

.overlay-about-app .fliplet-info .app-info span {
  font-weight: bold;
}

.overlay-about-app .fliplet-info .alert-app-info {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 70vw;
}

.overlay-about-app .fliplet-info .status-subscribing,
.overlay-about-app .fliplet-info .status-unsubscribing {
  opacity: 0.4;
}

.overlay-about-app .fliplet-info .status-subscribed,
.overlay-about-app .fliplet-info .status-unsubscribed,
.overlay-about-app .fliplet-info .status-subscribing,
.overlay-about-app .fliplet-info .status-unsubscribing,
.overlay-about-app .fliplet-info .alert-no-subscription {
  display: none;
}

.overlay-about-app .fliplet-info [data-subscription-status="subscribed"] .status-subscribed,
.overlay-about-app .fliplet-info [data-subscription-status="unsubscribed"] .status-unsubscribed,
.overlay-about-app .fliplet-info [data-subscription-status="subscribing"] .status-subscribing,
.overlay-about-app .fliplet-info [data-subscription-status="unsubscribing"] .status-unsubscribing {
  display: inline;
}

.overlay-about-app .fliplet-info [data-subscription-status="unsubscribed"] .alert-no-subscription {
  display: block;
}

.overlay-about-app .fliplet-info a[data-fl-update-notes] {
  margin-left: 5px;
}

.overlay-update-notes .update-notes-holder .row {
  margin-bottom: 15px;
}

.overlay-update-notes .update-notes-holder .update-version {
  background-color: #eee;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

.overlay-update-notes .update-notes-holder .update-notes .no-notes {
  opacity: 0.4;
}

.overlay-update-notes .update-notes-holder .update-type,
.overlay-update-notes .update-notes-holder .update-date {
  font-size: 12px;
  padding-right: 8px;
}

.overlay-update-notes .more-content span {
  display: none;
}

.overlay-update-notes .more-link {
  display: block;
}