@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700";
@import "https://fonts.googleapis.com/css2?family=Lora";
@import "https://fonts.googleapis.com/css2?family=Poppins";

/* node_modules/@ionic/angular/css/core.css */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !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, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !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, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 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, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !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, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !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, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !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, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !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 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
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: 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);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, .08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, .08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}

/* node_modules/@ionic/angular/css/normalize.css */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
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;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  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=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;
}

/* node_modules/@ionic/angular/css/structure.css */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* src/global.scss */
body {
  font-family: Montserrat, sans-serif;
}
html {
  background-color: var(--wr-color-dark-blue);
}
.rtl .arabic-transform {
  transform: scale(-1, 1);
}
ion-input.wr-input {
  --background: var(--wr-color-grey-blue);
  --color: var(--wr-color-white);
  --placeholder-color: var(--wr-color-white);
  --highlight-background-focused: var(--wr-color-white);
  --placeholder-opacity: 0.5;
  --border-width: 0px;
  --padding-start: 15px;
  --border-radius: 10px;
}
input.wr-input {
  background: var(--wr-color-grey-blue);
  color: var(--wr-color-white);
  border-width: 0;
  padding: 0 15px;
  height: 55px;
  border-radius: 8px;
  width: 100%;
  font-size: var(--wr-size-14);
}
input.wr-input:focus {
  outline: none;
}
input.wr-input--filled {
  background-color: white;
  color: var(--wr-color-dark);
}
input.wr-input--error {
  border: 3px solid var(--wr-color-pink);
}
input.wr-input::placeholder {
  color: var(--wr-color-white);
  opacity: 0.5;
  font-size: var(--wr-size-14);
}
ion-checkbox {
  --size: 25px;
  --border-color-checked: transparent;
  --border-color: var(--wr-color-white);
  --border-radius: 3px;
}
.select-wrapper .select-text {
  --color: var(--wr-color-black) !important;
  color: var(--wr-color-black) !important;
}
app-primary-button ion-button {
  font-size: var(--wr-size-18);
  font-weight: 500;
}
ion-modal {
  --background: none;
}
ion-modal.native-app-installation-prompt {
  --height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  align-items: start;
  display: table;
}
ion-modal.language-selection::part(content) {
  overflow: initial;
  background: none;
}
ion-modal.language-selection::part(backdrop) {
  cursor: default;
}
ion-modal.activity-modal {
  padding-left: 10%;
  padding-right: 10%;
}
ion-modal.mobile-age-filter,
ion-modal.mobile-select-category,
ion-modal.mobile-language-filter,
ion-modal.mobile-user-books-filters {
  --height: auto !important;
  --max-height: 100% !important;
}
ion-modal.mobile-age-filter::part(content),
ion-modal.mobile-select-category::part(content),
ion-modal.mobile-language-filter::part(content),
ion-modal.mobile-user-books-filters::part(content) {
  border-radius: 20px 20px 0 0 !important;
  overflow: auto;
  max-height: 100%;
}
ion-modal.mobile-age-filter::part(handle),
ion-modal.mobile-select-category::part(handle),
ion-modal.mobile-language-filter::part(handle),
ion-modal.mobile-user-books-filters::part(handle) {
  background-color: var(--wr-color-medium-grey);
  margin-top: 16px;
  width: 32px;
}
ion-modal.reader-image-viewer {
  --height: auto;
}
ion-modal.web-app-update {
  z-index: 20003 !important;
}
ion-modal.wr-modal {
  --height: auto;
  --max-height: 100%;
}
ion-modal.wr-modal.z-index {
  z-index: 9999999 !important;
}
@media (max-width: 768px) {
  ion-modal.wr-modal {
    align-items: start;
  }
}
ion-modal.wr-modal::part(content) {
  border-radius: 20px;
  width: 430px;
}
@media (max-width: 768px) {
  ion-modal.wr-modal.not-fullscreen {
    padding-top: 20%;
    align-items: start;
  }
  ion-modal.wr-modal.not-fullscreen::part(content) {
    max-width: calc(100% - 20px) !important;
  }
  ion-modal.wr-modal.not-fullscreen.book-not-available::part(content) {
    max-width: 80% !important;
  }
}
ion-modal.wr-modal:not(.not-fullscreen):not(.breakpoints) .close-modal {
  top: 12px !important;
}
@media (max-width: 768px) {
  ion-modal.wr-modal:not(.not-fullscreen) {
    --height: 100%;
  }
  ion-modal.wr-modal:not(.not-fullscreen)::part(content) {
    border-radius: 0;
    width: 100%;
  }
}
ion-modal.person-list-remove::part(content),
ion-modal.switch-to-read-to-myself::part(content),
ion-modal.unsaved-family-changes::part(content),
ion-modal.switch-to-family-reading::part(content) {
  max-width: 80%;
}
ion-modal.authentication {
  overflow: auto;
}
ion-modal.authentication::part(content) {
  width: 420px;
}
ion-modal.authentication.fullwidth::part(content) {
  width: auto;
}
ion-modal.language-selection::part(content),
ion-modal.desktop-age-filter::part(content),
ion-modal.desktop-select-category::part(content),
ion-modal.desktop-language-filter::part(content),
ion-modal.desktop-user-books-filters::part(content) {
  width: auto;
}
ion-modal.desktop-select-category::part(content),
ion-modal.desktop-language-filter::part(content) {
  min-width: 380px;
}
ion-modal.login-create-account {
  --width: 420px !important;
  --height: auto;
}
ion-loading {
  --background: var(--wr-color-dark-blue);
  --spinner-color: var(--wr-color-white);
}
ion-toast {
  --border-radius: 10px;
  font-weight: 700;
}
ion-toast.toast-informative {
  --background: var(--wr-color-primary-teal);
}
ion-toast.toast-positive {
  --background: var(--wr-color-dark-green);
}
ion-toast.toast-negative {
  --background: var(--wr-color-orange);
}
ion-toast::part(icon) {
  width: 25px;
}
ion-toast::part(message) {
  color: var(--wr-color-white);
}
ion-toast::part(button) {
  color: var(--wr-color-white) !important;
  font-weight: 700;
  font-size: var(--wr-size-12);
}
ion-toast .toast-content {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 1180px) {
  ion-toast {
    --max-width: 1180px;
    margin-top: 90px;
  }
}
@media (min-width: 769px) and (max-width: 1179px) {
  ion-toast {
    --max-width: 1180px;
    margin-top: 90px;
  }
}
@media (max-width: 768px) {
  ion-toast {
    margin-top: 63px;
  }
}
ion-toast.no-header {
  margin-top: 0;
}
ion-menu {
  --background: var(--wr-color-dark-blue);
  --width: 50%;
}
ion-content {
  padding-bottom: 15px;
  --background: var(--wr-color-dark-blue);
  --padding-bottom: var(--ion-safe-area-bottom) !important;
}
app-ion-content {
  height: 100%;
}
.app-content-max-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
}
@media (min-width: 1180px) {
  .app-content-max-width {
    padding: 20px 17px;
  }
}
@media (min-width: 769px) and (max-width: 1179px) {
  .app-content-max-width {
    max-width: calc(100% - 20px);
    padding: 20px 17px;
  }
}
@media (max-width: 768px) {
  .app-content-max-width {
    max-width: 100%;
    padding: 20px 17px;
  }
}
ion-input.search {
  --background: var(--wr-color-white);
  --color: var(--wr-color-black);
  --height: 40px;
  --placeholder-color: var(--wr-color-light-grey-text);
  --padding-start: 10px;
  --padding-end: 10px;
  font-weight: 500;
  font-size: var(--wr-size-12);
  --border-radius: 40px;
  --highlight-color-focused: none;
  --highlight-color-valid: none;
  --highlight-color-invalid: none;
}
ion-input.search.desktop-search-not-active {
  transition: width 0.2s ease-in-out;
  width: 310px;
}
ion-input.search.desktop-search-active {
  transition: width 0.2s ease-in-out;
  width: 580px;
}
ion-input:not(.search) {
  margin-bottom: 30px;
  text-align: left;
  --background: var(--wr-color-grey-blue) !important;
  --color: var(--wr-color-white) !important;
  color: var(--wr-color-white) !important;
  --placeholder-color: var(--wr-color-white) !important;
  --placeholder-opacity: 1 !important;
  font-size: var(--wr-size-14) !important;
  font-weight: 500;
  --highlight-color-focused: none !important;
  --highlight-color-valid: none !important;
  --highlight-color-invalid: none !important;
  --padding-bottom: 16px !important;
  --padding-end: 11px !important;
  --padding-start: 11px !important;
  --padding-top: 16px !important;
  --border-radius: 6px !important;
  border-radius: 8px;
  border: 2px solid var(--wr-color-grey-blue);
}
ion-input:not(.search):dir(rtl) {
  text-align: right;
}
ion-input:not(.search) img {
  cursor: pointer;
}
ion-input:not(.search).white {
  --background: var(--wr-color-white) !important;
  --color: var(--wr-color-dark) !important;
  color: var(--wr-color-dark) !important;
}
ion-input:not(.search).error {
  border: 2px solid var(--wr-color-pink);
  margin-bottom: 10px;
}
ion-refresher ion-refresher-content {
  --color: var(--wr-color-white);
}
.tour-highlight {
  position: relative;
  z-index: 1003 !important;
}
body.no-scroll,
body.no-scroll ion-content {
  overflow: hidden !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
  position: fixed;
  width: 100%;
}

/* src/theme/variables.scss */
:root[mode=ios],
:root[mode=md] {
  --ion-font-family: "Montserrat", sans-serif !important;
  font-family: Montserrat, sans-serif !important;
}
:root {
  --wr-color-light-blue: #225eec;
  --wr-color-blue: #285bd4;
  --wr-color-grey-blue-light: #7a94a9;
  --wr-color-grey-blue: #406685;
  --wr-color-primary-teal: #20c4cb;
  --wr-color-primary-teal-dark: #248dd0;
  --wr-color-white-green: #93e9be;
  --wr-color-white-blue: #c0d2f4;
  --wr-color-dark-blue: #104065;
  --wr-color-medium-blue: #406685;
  --wr-color-pink: #ea356d;
  --wr-color-purple: #bc33a9;
  --wr-color-yellow: #fbbd08;
  --wr-color-tan-yellow: #f9d778;
  --wr-color-orange: #f2711c;
  --wr-color-dark-green: #21ba45;
  --wr-color-light-green: #b5cc18;
  --wr-color-brown: #ad6238;
  --wr-color-grey: #171c2e;
  --wr-color-dark: #080808;
  --wr-color-grey-medium: #b6b6b8;
  --wr-color-light-grey-text: #777fa0;
  --wr-color-light-grey-cover-placeholder: #4e6688;
  --wr-color-medium-grey: #79747e;
  --wr-color-medium-dark-grey: #4a4a4a;
  --wr-color-dark-grey: #313131;
  --wr-color-error-red: #ba2121;
  --wr-color-bg-neutral: #d8d8d8;
  --wr-color-light-gray-elements: #eaf1ff;
  --wr-color-tan-book-bg: #f6f2e5;
  --wr-color-light: #f1f1f1;
  --wr-color-white-grey: #dfdfdf;
  --wr-color-gray-placeholder: #c3cfe6;
  --wr-color-white: #fff;
  --wr-color-black: #000;
  --wr-color-pink-start: #ea356d;
  --wr-color-pink-end: #bc33a9;
  --wr-color-green-start: #b5cc18;
  --wr-color-green-end: #21ba45;
  --wr-color-blue-start: #20c4cb;
  --wr-color-blue-end: #285bd4;
  --wr-size-40: 2.5rem;
  --wr-size-36: 2.2rem;
  --wr-size-30: 1.9rem;
  --wr-size-26: 1.7rem;
  --wr-size-24: 1.6rem;
  --wr-size-20: 1.4rem;
  --wr-size-18: 1.3rem;
  --wr-size-16: 1.1rem;
  --wr-size-14: 0.95rem;
  --wr-size-12: 0.75rem;
  --wr-size-11: 0.7rem;
  --wr-size-10: 0.65rem;
}
html {
  --ion-dynamic-font: var(--ion-dynamic-font);
}

/* src/theme/animations.scss */
.fade-in {
  animation: fade-in 200ms ease-in forwards;
}
.fade-out {
  animation: fade-out 200ms ease-out forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.slide-down,
.slide-up {
  overflow: hidden;
}
.slide-down {
  animation: slide-down 200ms ease-out forwards;
}
.slide-up {
  animation: slide-up 200ms ease-out forwards;
}
@keyframes slide-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    height: var(--content-height);
    padding-top: var(--content-padding-top);
    padding-bottom: var(--content-padding-bottom);
  }
}
@keyframes slide-up {
  from {
    opacity: 1;
    transform: translateY(0);
    height: var(--content-height);
    padding-top: var(--content-padding-top);
    padding-bottom: var(--content-padding-bottom);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.fade-in-h {
  animation: fade-in-h 200ms ease-in-out forwards;
}
.fade-out-h {
  animation: fade-out-h 200ms ease-in-out forwards;
}
@keyframes fade-in-h {
  from {
    opacity: 0;
    margin-left: -30%;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes fade-out-h {
  from {
    opacity: 1;
    width: auto;
  }
  to {
    opacity: 0;
    width: 0;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-TZGTMH5B.css.map */