@tindtechnologies/universalviewer/dist/cjs/content-handlers/iiif/extensions/uv-aleph-extension/lib/aleph.css

The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎

html.ios {
  --ion-default-font:
    /* stylelint-disable-next-line value-keyword-case */
    -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-primary-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0cd1e8) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 12, 209, 232) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-secondary-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #0bb8cc) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #24d6ea) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #7044ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 112, 68, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-tertiary-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #633ce0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7e57ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #10dc60) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 16, 220, 96) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-success-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-success-shade, #0ec254) !important;
  --ion-color-tint: var(--ion-color-success-tint, #28e070) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffce00) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 206, 0) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-warning-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0b500) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffd31a) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #f04141) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 240, 65, 65) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-danger-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #d33939) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #f25454) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-light-contrast-rgb,
    0,
    0,
    0
  ) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #989aa2) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 152, 154, 162) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-medium-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #86888f) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #a2a4ab) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(
    --ion-color-dark-contrast-rgb,
    255,
    255,
    255
  ) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  inset: 0;
  display: flex;
  position: absolute;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
.ion-page-hidden,
[hidden],
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-menu-controller,
ion-modal-controller,
ion-nav-controller,
ion-picker-controller,
ion-popover-controller,
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-toast-controller {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}

@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
.menu-content {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.menu-content-open {
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  -webkit-box-shadow: -8px 0 42px rgb(0 0 0 / 8%);
  box-shadow: -8px 0 42px rgb(0 0 0 / 8%);
}
[dir="rtl"].ios .menu-content-reveal {
  -webkit-box-shadow: 8px 0 42px rgb(0 0 0 / 8%);
  box-shadow: 8px 0 42px rgb(0 0 0 / 8%);
}
.md .menu-content-push,
.md .menu-content-reveal {
  -webkit-box-shadow:
    0 2px 22px 0 rgb(0 0 0 / 9%),
    4px 0 16px 0 rgb(0 0 0 / 18%);
  box-shadow:
    0 2px 22px 0 rgb(0 0 0 / 9%),
    4px 0 16px 0 rgb(0 0 0 / 18%);
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: 700;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 1px;
  border-width: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
input,
label,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::input-placeholder {
  padding-left: 2px;
}
textarea::placeholder {
  padding-left: 2px;
}
textarea:input-placeholder {
  padding-left: 2px;
}
textarea::input-placeholder {
  padding-left: 2px;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
.ion-tappable,
[tappable],
[tappable] div,
[tappable] ion-icon,
[tappable] ion-label,
[tappable] span,
a,
a div,
a ion-icon,
a ion-label,
a span,
button,
button div,
button ion-icon,
button ion-label,
button span,
input,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  -webkit-appearance: button;
}
[tappable],
button {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /* stylelint-disable-next-line value-keyword-case */
  text-rendering: optimizeLegibility;
  overflow: hidden;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small,
sub,
sup {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-no-padding,
[no-padding] {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding: 0;
}
.ion-padding,
[padding] {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding: var(--ion-padding, 16px) var(--ion-padding, 16px)
    var(--ion-padding, 16px) var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-padding,
  [padding] {
    padding-left: unset;
    padding-right: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline: var(--ion-padding, 16px) var(--ion-padding, 16px);
    -webkit-padding-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top,
[padding-top] {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start,
[padding-start] {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-padding-start,
  [padding-start] {
    padding-left: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end,
[padding-end] {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-padding-end,
  [padding-end] {
    padding-right: unset;
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom,
.ion-padding-vertical,
[padding-bottom],
[padding-vertical] {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical,
[padding-vertical] {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-horizontal,
[padding-horizontal] {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-padding-horizontal,
  [padding-horizontal] {
    padding-left: unset;
    padding-right: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline: var(--ion-padding, 16px) var(--ion-padding, 16px);
    -webkit-padding-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin,
[no-margin] {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin: 0;
}
.ion-margin,
[margin] {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin: var(--ion-margin, 16px) var(--ion-margin, 16px)
    var(--ion-margin, 16px) var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-margin,
  [margin] {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline: var(--ion-margin, 16px) var(--ion-margin, 16px);
    -webkit-margin-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top,
[margin-top] {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start,
[margin-start] {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-margin-start,
  [margin-start] {
    margin-left: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end,
[margin-end] {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-margin-end,
  [margin-end] {
    margin-right: unset;
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom,
.ion-margin-vertical,
[margin-bottom],
[margin-vertical] {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical,
[margin-vertical] {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-horizontal,
[margin-horizontal] {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or
  (-webkit-margin-start: 0) {
  .ion-margin-horizontal,
  [margin-horizontal] {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline: var(--ion-margin, 16px) var(--ion-margin, 16px);
    -webkit-margin-end: var(--ion-margin, 16px);
  }
}
.ion-float-left,
[float-left] {
  float: left !important;
}
.ion-float-right,
[float-right] {
  float: right !important;
}
.ion-float-start,
[float-start] {
  float: left !important;
}
.ion-float-end,
:host-context([dir="rtl"]) .ion-float-start,
:host-context([dir="rtl"]) [float-start],
[dir="rtl"] .ion-float-start,
[dir="rtl"] [float-start],
[float-end] {
  float: right !important;
}
:host-context([dir="rtl"]) .ion-float-end,
:host-context([dir="rtl"]) [float-end],
[dir="rtl"] .ion-float-end,
[dir="rtl"] [float-end] {
  float: left !important;
}

@media (min-width: 576px) {
  .ion-float-sm-left,
  [float-sm-left] {
    float: left !important;
  }
  .ion-float-sm-right,
  [float-sm-right] {
    float: right !important;
  }
  .ion-float-sm-start,
  [float-sm-start] {
    float: left !important;
  }
  .ion-float-sm-end,
  :host-context([dir="rtl"]) .ion-float-sm-start,
  :host-context([dir="rtl"]) [float-sm-start],
  [dir="rtl"] .ion-float-sm-start,
  [dir="rtl"] [float-sm-start],
  [float-sm-end] {
    float: right !important;
  }
  :host-context([dir="rtl"]) .ion-float-sm-end,
  :host-context([dir="rtl"]) [float-sm-end],
  [dir="rtl"] .ion-float-sm-end,
  [dir="rtl"] [float-sm-end] {
    float: left !important;
  }
}

@media (min-width: 768px) {
  .ion-float-md-left,
  [float-md-left] {
    float: left !important;
  }
  .ion-float-md-right,
  [float-md-right] {
    float: right !important;
  }
  .ion-float-md-start,
  [float-md-start] {
    float: left !important;
  }
  .ion-float-md-end,
  :host-context([dir="rtl"]) .ion-float-md-start,
  :host-context([dir="rtl"]) [float-md-start],
  [dir="rtl"] .ion-float-md-start,
  [dir="rtl"] [float-md-start],
  [float-md-end] {
    float: right !important;
  }
  :host-context([dir="rtl"]) .ion-float-md-end,
  :host-context([dir="rtl"]) [float-md-end],
  [dir="rtl"] .ion-float-md-end,
  [dir="rtl"] [float-md-end] {
    float: left !important;
  }
}

@media (min-width: 992px) {
  .ion-float-lg-left,
  [float-lg-left] {
    float: left !important;
  }
  .ion-float-lg-right,
  [float-lg-right] {
    float: right !important;
  }
  .ion-float-lg-start,
  [float-lg-start] {
    float: left !important;
  }
  .ion-float-lg-end,
  :host-context([dir="rtl"]) .ion-float-lg-start,
  :host-context([dir="rtl"]) [float-lg-start],
  [dir="rtl"] .ion-float-lg-start,
  [dir="rtl"] [float-lg-start],
  [float-lg-end] {
    float: right !important;
  }
  :host-context([dir="rtl"]) .ion-float-lg-end,
  :host-context([dir="rtl"]) [float-lg-end],
  [dir="rtl"] .ion-float-lg-end,
  [dir="rtl"] [float-lg-end] {
    float: left !important;
  }
}

@media (min-width: 1200px) {
  .ion-float-xl-left,
  [float-xl-left] {
    float: left !important;
  }
  .ion-float-xl-right,
  [float-xl-right] {
    float: right !important;
  }
  .ion-float-xl-start,
  [float-xl-start] {
    float: left !important;
  }
  .ion-float-xl-end,
  :host-context([dir="rtl"]) .ion-float-xl-start,
  :host-context([dir="rtl"]) [float-xl-start],
  [dir="rtl"] .ion-float-xl-start,
  [dir="rtl"] [float-xl-start],
  [float-xl-end] {
    float: right !important;
  }
  :host-context([dir="rtl"]) .ion-float-xl-end,
  :host-context([dir="rtl"]) [float-xl-end],
  [dir="rtl"] .ion-float-xl-end,
  [dir="rtl"] [float-xl-end] {
    float: left !important;
  }
}
.ion-text-center,
[text-center] {
  text-align: center !important;
}
.ion-text-justify,
[text-justify] {
  text-align: justify !important;
}
.ion-text-start,
[text-start] {
  text-align: start !important;
}
.ion-text-end,
[text-end] {
  text-align: end !important;
}
.ion-text-left,
[text-left] {
  text-align: left !important;
}
.ion-text-right,
[text-right] {
  text-align: right !important;
}
.ion-text-nowrap,
[text-nowrap] {
  white-space: nowrap !important;
}
.ion-text-wrap,
[text-wrap] {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center,
  [text-sm-center] {
    text-align: center !important;
  }
  .ion-text-sm-justify,
  [text-sm-justify] {
    text-align: justify !important;
  }
  .ion-text-sm-start,
  [text-sm-start] {
    text-align: start !important;
  }
  .ion-text-sm-end,
  [text-sm-end] {
    text-align: end !important;
  }
  .ion-text-sm-left,
  [text-sm-left] {
    text-align: left !important;
  }
  .ion-text-sm-right,
  [text-sm-right] {
    text-align: right !important;
  }
  .ion-text-sm-nowrap,
  [text-sm-nowrap] {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap,
  [text-sm-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  .ion-text-md-center,
  [text-md-center] {
    text-align: center !important;
  }
  .ion-text-md-justify,
  [text-md-justify] {
    text-align: justify !important;
  }
  .ion-text-md-start,
  [text-md-start] {
    text-align: start !important;
  }
  .ion-text-md-end,
  [text-md-end] {
    text-align: end !important;
  }
  .ion-text-md-left,
  [text-md-left] {
    text-align: left !important;
  }
  .ion-text-md-right,
  [text-md-right] {
    text-align: right !important;
  }
  .ion-text-md-nowrap,
  [text-md-nowrap] {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap,
  [text-md-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  .ion-text-lg-center,
  [text-lg-center] {
    text-align: center !important;
  }
  .ion-text-lg-justify,
  [text-lg-justify] {
    text-align: justify !important;
  }
  .ion-text-lg-start,
  [text-lg-start] {
    text-align: start !important;
  }
  .ion-text-lg-end,
  [text-lg-end] {
    text-align: end !important;
  }
  .ion-text-lg-left,
  [text-lg-left] {
    text-align: left !important;
  }
  .ion-text-lg-right,
  [text-lg-right] {
    text-align: right !important;
  }
  .ion-text-lg-nowrap,
  [text-lg-nowrap] {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap,
  [text-lg-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-center,
  [text-xl-center] {
    text-align: center !important;
  }
  .ion-text-xl-justify,
  [text-xl-justify] {
    text-align: justify !important;
  }
  .ion-text-xl-start,
  [text-xl-start] {
    text-align: start !important;
  }
  .ion-text-xl-end,
  [text-xl-end] {
    text-align: end !important;
  }
  .ion-text-xl-left,
  [text-xl-left] {
    text-align: left !important;
  }
  .ion-text-xl-right,
  [text-xl-right] {
    text-align: right !important;
  }
  .ion-text-xl-nowrap,
  [text-xl-nowrap] {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap,
  [text-xl-wrap] {
    white-space: normal !important;
  }
}
.ion-text-uppercase,
[text-uppercase] {
  text-transform: uppercase !important;
}
.ion-text-lowercase,
[text-lowercase] {
  text-transform: lowercase !important;
}
.ion-text-capitalize,
[text-capitalize] {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase,
  [text-sm-uppercase] {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase,
  [text-sm-lowercase] {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize,
  [text-sm-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 768px) {
  .ion-text-md-uppercase,
  [text-md-uppercase] {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase,
  [text-md-lowercase] {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize,
  [text-md-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 992px) {
  .ion-text-lg-uppercase,
  [text-lg-uppercase] {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase,
  [text-lg-lowercase] {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize,
  [text-lg-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-uppercase,
  [text-xl-uppercase] {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase,
  [text-xl-lowercase] {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize,
  [text-xl-capitalize] {
    text-transform: capitalize !important;
  }
}
.ion-align-self-start,
[align-self-start] {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.ion-align-self-end,
[align-self-end] {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.ion-align-self-center,
[align-self-center] {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.ion-align-self-stretch,
[align-self-stretch] {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
.ion-align-self-baseline,
[align-self-baseline] {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.ion-align-self-auto,
[align-self-auto] {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.ion-wrap,
[wrap] {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.ion-nowrap,
[nowrap] {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse,
[wrap-reverse] {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start,
[justify-content-start] {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.ion-justify-content-center,
[justify-content-center] {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.ion-justify-content-end,
[justify-content-end] {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.ion-justify-content-around,
[justify-content-around] {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.ion-justify-content-between,
[justify-content-between] {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.ion-justify-content-evenly,
[justify-content-evenly] {
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}
.ion-align-items-start,
[align-items-start] {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.ion-align-items-center,
[align-items-center] {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.ion-align-items-end,
[align-items-end] {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.ion-align-items-stretch,
[align-items-stretch] {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.ion-align-items-baseline,
[align-items-baseline] {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.ion-hide,
.ion-hide-up {
  display: none !important;
}

@media (max-width: 575px) {
  .ion-hide-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .ion-hide-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
.ion-hide-xl-down {
  display: none !important;
}
:root {
  --al-color-primary: #00b0ff;
  --al-color-dark: #100f10;
  --al-mesh-viewport-background-color: #000;
  --al-slices-viewport-background-color: #000;
  --al-volume-viewport-background-color: #000;
  --al-item-color: #c7c5c7;
  --al-item-selected-color: #00b0ff;
  --al-item-border-color: transparent;
  --al-controlpanel-background-color: #1c1b1c;
  --al-console-font-size: 0.75rem;
  --al-input-background-color: #333233;
  --al-input-font-size: 1rem;
  --al-input-color: #c7c5c7;
  --al-input-padding-start: 10px;
  --al-input-padding-top: 10px;
  --al-input-padding-end: 10px;
  --al-input-padding-bottom: 10px;
  --al-textarea-background-color: #333233;
  --al-textarea-font-size: 1rem;
  --al-textarea-color: #c7c5c7;
  --al-textarea-padding-start: 10px;
  --al-textarea-padding-top: 10px;
  --al-textarea-padding-end: 10px;
  --al-textarea-padding-bottom: 10px;
  --al-select-background-color: #333233;
  --color: var(--al-color-primary);
  --ion-item-color: var(--al-item-color);
  --ion-list-header-border-color: rgb(199 197 199 / 10%);
  --ion-item-border-color: var(--al-item-border-color);
  --ion-text-color-rgb: 255, 255, 255;
  --ion-color-primary-rgb: 255, 255, 255;
  --ion-highlight-color-focused: var(--al-color-primary);
  --ion-color-primary-shade: var(--al-color-primary);
  --ion-color-primary-tint: var(--al-color-primary);
  --app-background-color: var(--al-controlpanel-background-color);
  --ion-background-color: var(--al-controlpanel-background-color);
  --ion-color-primary: #00b0ff;
  --ion-color-primary-rgb: 0, 176, 255;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #00b0ff;
  --ion-color-primary-tint: #00b0ff;
}