/* node_modules/nouislider/dist/nouislider.min.css */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #EBEBEB,
    0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #DDD,
    0 3px 6px -3px #BBB;
}
.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* node_modules/swiper/swiper-bundle.min.css */
:root {
  --swiper-theme-color:#007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-cube-shadow,
  .swiper-slide {
    transform-style: preserve-3d;
  }
}
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%;
    }
  }
}
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: #00000026;
  }
  .swiper-slide-shadow-left {
    background-image:
      linear-gradient(
        270deg,
        #00000080,
        #0000);
  }
  .swiper-slide-shadow-right {
    background-image:
      linear-gradient(
        90deg,
        #00000080,
        #0000);
  }
  .swiper-slide-shadow-top {
    background-image:
      linear-gradient(
        0deg,
        #00000080,
        #0000);
  }
  .swiper-slide-shadow-bottom {
    background-image:
      linear-gradient(
        180deg,
        #00000080,
        #0000);
  }
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}
.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px;
  }
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
  &.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none;
  }
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset,50%);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset,4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset,4px);
}
.swiper-horizontal {
  .swiper-button-next,
  .swiper-button-prev,
  ~ .swiper-button-next,
  ~ .swiper-button-prev {
    margin-left: 0;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: var(--swiper-navigation-top-offset,50%);
  }
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next,
  & ~ .swiper-button-prev,
  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset,4px);
    right: auto;
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev,
  & ~ .swiper-button-next,
  .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset,4px);
  }
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next,
  & ~ .swiper-button-prev,
  .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-next,
  .swiper-button-prev,
  ~ .swiper-button-next,
  ~ .swiper-button-prev {
    left: var(--swiper-navigation-top-offset,50%);
    margin-left: calc(0px - var(--swiper-navigation-size)/2);
    margin-top: 0;
    right: auto;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    bottom: auto;
    top: var(--swiper-navigation-sides-offset,4px);
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset,4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  &.swiper-pagination-disabled,
  .swiper-pagination-disabled > & {
    display: none !important;
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  left: 0;
  top: var(--swiper-pagination-top,auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
  .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33);
  }
  .swiper-pagination-bullet-active,
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
  }
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  button& {
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity,1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left,auto);
  right: var(--swiper-pagination-right,8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
  .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition: transform .2s, top .2s;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition: transform .2s, left .2s;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,#00000040);
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  &.swiper-pagination-horizontal,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-horizontal > &,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%;
  }
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  .swiper-vertical > & {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size,4px);
  }
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color,#0000001a);
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
  &.swiper-scrollbar-disabled,
  .swiper-scrollbar-disabled > & {
    display: none !important;
  }
  &.swiper-scrollbar-horizontal,
  .swiper-horizontal > & {
    bottom: var(--swiper-scrollbar-bottom,4px);
    height: var(--swiper-scrollbar-size,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50;
  }
  &.swiper-scrollbar-vertical,
  .swiper-vertical > & {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left,auto);
    position: absolute;
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    width: var(--swiper-scrollbar-size,4px);
    z-index: 50;
  }
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color,#00000080);
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
  > canvas,
  > img,
  > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0;
    &:before {
      background: #000;
      bottom: 0;
      content: "";
      filter: blur(50px);
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right,
  .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right,
  .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }
}
.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property:
      transform,
      opacity,
      height;
  }
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom;
  }
}

/* src/styles.scss */
@keyframes loading {
  0% {
    transform: translateX(-45%);
  }
  100% {
    transform: translateX(345%);
  }
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/poppins/Poppins-Regular.ttf);
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/poppins/Poppins-Bold.ttf);
}
body.ltr.virgin * {
  font-family: Poppins, CurrencySymbol !important;
}
body.virgin app-root,
body.virgin app-virgin-toolbar {
  background:
    linear-gradient(
      to bottom,
      #ffd8d8 0,
      #ffd8d8 17px,
      #ece9e9 150px,
      #f8f8f8 100%);
}
body.virgin app-home-view .link {
  background-color: #fff !important;
}
body.virgin app-home-view .link.selected {
  background-color: #e10a0a !important;
}
body.virgin .popsy-button-primary.blue-button,
body.virgin .popsy-button-primary.highlight,
body.virgin app-cart-promo-overlay .options-dialog .header,
body.virgin app-checkout-order-summary .free,
body.virgin app-insurance-card .red {
  background-color: #e10a0a !important;
}
body.virgin app-checkout-order-summary-item .badge,
body.virgin app-cart-list-item .badge {
  border-color: #e10a0a !important;
  background-color: #e10a0a !important;
}
body.virgin .icon.fill-gray-dark > svg path {
  stroke: none !important;
  fill: #e10a0a !important;
}
body.virgin {
}
body.virgin .popsy-sort-by-filter,
body.virgin .grid-item.brand-item,
body.virgin .featured-discount-badge {
  background-color: #e10a0a !important;
}
body.virgin .featured-filters-toolbar-component {
  background-color: unset !important;
}
body.virgin app-featured-discount-badge {
  top: 10px !important;
}
body.virgin app-featured-listing-card .swiper-wrapper {
  height: 90% !important;
}
body.virgin app-featured-listing-card popsy-gallery {
  padding: 16px;
  border-radius: 20px;
  background-color: #fff;
}
body.virgin .text-secondary,
body.virgin .text-highlight {
  color: #1b3b4b !important;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.eot);
  src:
    local(""),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.woff2) format("woff2"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.woff) format("woff"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.ttf) format("truetype"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-regular.svg#Nunito) format("svg");
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.eot);
  src:
    local(""),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.woff2) format("woff2"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.woff) format("woff"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.ttf) format("truetype"),
    url(/assets/fonts/nunito-v16-latin/nunito-v16-latin-700.svg#Nunito) format("svg");
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.eot);
  src:
    local(""),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.woff2) format("woff2"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.woff) format("woff"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.ttf) format("truetype"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-regular.svg#Cairo) format("svg");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.eot);
  src:
    local(""),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.woff2) format("woff2"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.woff) format("woff"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.ttf) format("truetype"),
    url(/assets/fonts/cairo-v10-latin_arabic/cairo-v10-latin_arabic-700.svg#Cairo) format("svg");
}
@font-face {
  font-family: "CurrencySymbol";
  font-style: normal;
  src: url(/assets/fonts/currency-symbol/currency-symbol.ttf);
}
:root {
  --ios-gap: 0px;
}
.search-icon.grey > svg path {
  stroke: #42526e;
}
.star-icon.gold > svg path {
  fill: #ffd700;
}
.star-icon.white > svg path {
  fill: #fff;
}
.icon svg {
  width: 100%;
  height: 100%;
}
.icon.no-fill > svg path,
.icon.no-fill > svg rect {
  fill: transparent;
}
.icon.extra-thin > svg path,
.icon.extra-thin > svg rect {
  stroke-width: 0.5;
}
.icon.thin > svg path,
.icon.thin > svg rect {
  stroke-width: 1;
}
.icon.thick > svg path,
.icon.thick > svg rect {
  stroke-width: 2;
}
.icon.primary > svg path,
.icon.primary > svg rect {
  stroke: #d43864 !important;
  fill: none !important;
}
.icon.primary-bright > svg path,
.icon.primary-bright > svg rect {
  stroke: #d43864 !important;
  fill: none !important;
}
.icon.primary-light > svg path,
.icon.primary-light > svg rect {
  stroke: #f46fb1 !important;
  fill: none !important;
}
.icon.secondary-dark > svg path,
.icon.secondary-dark > svg rect {
  stroke: #1d44b4 !important;
  fill: none !important;
}
.icon.secondary > svg path,
.icon.secondary > svg rect {
  stroke: #0743bc !important;
  fill: none !important;
}
.icon.secondary-light > svg path,
.icon.secondary-light > svg rect {
  stroke: #31abf7 !important;
  fill: none !important;
}
.icon.key-color > svg path,
.icon.key-color > svg rect {
  stroke: #caddef !important;
  fill: none !important;
}
.icon.gray-dark > svg path,
.icon.gray-dark > svg rect {
  stroke: #1b3b4b !important;
  fill: none !important;
}
.icon.gray-01 > svg path,
.icon.gray-01 > svg rect {
  stroke: #42526e !important;
  fill: none !important;
}
.icon.gray-02 > svg path,
.icon.gray-02 > svg rect {
  stroke: #6b778c !important;
  fill: none !important;
}
.icon.gray-03 > svg path,
.icon.gray-03 > svg rect {
  stroke: #a5adba !important;
  fill: none !important;
}
.icon.gray-04 > svg path,
.icon.gray-04 > svg rect {
  stroke: #f4f4f4 !important;
  fill: none !important;
}
.icon.gray-background > svg path,
.icon.gray-background > svg rect {
  stroke: #e5e7eb !important;
  fill: none !important;
}
.icon.gray-light > svg path,
.icon.gray-light > svg rect {
  stroke: white !important;
  fill: none !important;
}
.icon.fill-primary > svg path {
  stroke: none !important;
  fill: #d43864 !important;
}
.icon.fill-green > svg path {
  stroke: none !important;
  fill: #3bc34e;
}
.icon.fill-primary-light > svg path {
  stroke: none !important;
  fill: #f46fb1 !important;
}
.icon.fill-secondary-dark > svg path {
  stroke: none !important;
  fill: #1d44b4 !important;
}
.icon.fill-secondary > svg path {
  stroke: none !important;
  fill: #0743bc !important;
}
.icon.fill-secondary-light > svg path {
  stroke: none !important;
  fill: #31abf7 !important;
}
.icon.fill-key-color > svg path {
  stroke: none !important;
  fill: #caddef !important;
}
.icon.fill-gray-dark > svg path {
  stroke: none !important;
  fill: #172b4d !important;
}
.icon.fill-gray-01 > svg path {
  stroke: none !important;
  fill: #42526e !important;
}
.icon.fill-gray-02 > svg path {
  stroke: none !important;
  fill: #6b778c !important;
}
.icon.fill-gray-03 > svg path {
  stroke: none !important;
  fill: #a5adba !important;
}
.icon.fill-gray-04 > svg path {
  stroke: none !important;
  fill: #f4f4f4 !important;
}
.icon.fill-gray-background > svg path {
  stroke: none !important;
  fill: #e5e7eb !important;
}
.icon.fill-gray-light > svg path {
  stroke: none !important;
  fill: white !important;
}
.icon.red-stroke > svg path {
  stroke: #d43864 !important;
  fill: none !important;
}
.icon.white-stroke > svg path {
  stroke: white !important;
  fill: none !important;
}
.icon.gray-stroke > svg path {
  stroke: #000000 !important;
  fill: none !important;
}
.icon.black-fill > svg path {
  fill: #1b3b4b !important;
  stroke: none !important;
}
.icon.red-fill > svg path {
  fill: #d43864 !important;
  stroke: none !important;
}
.icon.bold > svg path {
  stroke-width: 3px !important;
}
.cursor-pointer {
  cursor: pointer;
}
a {
  color: unset;
  cursor: pointer;
  text-decoration: unset;
}
.line {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  border-top: 2px solid #f4f4f4;
  width: auto;
  height: 2px;
  min-width: 100%;
  min-height: 2px;
  max-width: 100%;
  max-height: 2px;
}
.line.dark {
  border-top: 2px solid #a5adba;
}
.line.negative {
  border-top: 2px solid white;
}
.vertical-line {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  border-left: 2px solid #f4f4f4;
  width: 2px;
  height: auto;
  min-height: 100%;
  min-width: 2px;
  max-height: 100%;
  max-width: 2px;
}
.vertical-line.dark {
  border-left: 2px solid #a5adba;
}
.vertical-line.negative {
  border-left: 2px solid white;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.fixed-space-4 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 4px;
  height: 4px;
  min-width: 4px;
  min-height: 4px;
  max-width: 4px;
  max-height: 4px;
}
.fixed-space-6 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 6px;
  height: 6px;
  min-width: 6px;
  min-height: 6px;
  max-width: 6px;
  max-height: 6px;
}
.fixed-space-8 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  max-width: 8px;
  max-height: 8px;
}
.fixed-space-12 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
}
.fixed-space-16 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.fixed-space-21 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  max-width: 21px;
  max-height: 21px;
}
.fixed-space-24 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
}
.fixed-space-32 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
}
.fixed-space-36 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  max-width: 36px;
  max-height: 36px;
}
.fixed-space-48 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
}
.fixed-space-64 {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  max-width: 64px;
  max-height: 64px;
}
.dynamic-space {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}
.margin-centered {
  margin-left: auto !important;
  margin-right: auto !important;
}
.text-black {
  color: #1b3b4b;
}
.text-gray-dark {
  color: #1b3b4b;
}
.text-gray-05 {
  color: #42526e;
}
.text-gray-04 {
  color: #6b778c;
}
.text-gray-03 {
  color: #a5adba;
}
.text-gray-02 {
  color: #f4f4f4;
}
.text-gray-01 {
  color: #e5e7eb;
}
.text-gray-light {
  color: white;
}
.text-highlight {
  color: #d43864;
}
.text-bright {
  color: #e91e63;
}
.text-secondary-light {
  color: #31abf7;
}
.text-secondary {
  color: #2f6adf !important;
}
body.rtl .ltr {
  direction: ltr !important;
}
body {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-height: calc(100vh - var(--ios-gap));
  margin: 0;
  padding: 0;
  transform: translateZ(1px);
  background-color: white;
  color: #1b3b4b;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family:
    "Nunito",
    "CurrencySymbol",
    sans-serif;
  font-display: swap;
}
body.rtl {
  direction: rtl !important;
}
body.rtl * {
  direction: rtl !important;
}
body.rtl * .noUi-origin,
body.rtl * .mat-mdc-menu-content,
body.rtl * .toolbar-user-menu-panel-ltr,
body.rtl * .cdk-overlay-connected-position-bounding-box {
  direction: initial !important;
}
body.rtl #tidio-chat-iframe {
  bottom: 50px !important;
}
@media only screen and (max-width: 980px) {
  body.rtl #tidio-chat-iframe {
    bottom: 50px !important;
  }
}
body .stripe-container {
  direction: ltr !important;
}
body .stripe-container * {
  direction: ltr !important;
}
body .ltr-container {
  direction: ltr !important;
}
body .ltr-container * {
  direction: ltr !important;
}
body app-root {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 100%;
  height: 100%;
}
body * {
  font-family:
    "Nunito",
    "CurrencySymbol",
    sans-serif !important;
  font-display: swap;
}
body.arabic {
  font-family:
    "Cairo",
    "Nunito",
    "CurrencySymbol",
    sans-serif;
  font-display: swap;
}
body.arabic * {
  font-family:
    "Cairo",
    "Nunito",
    "CurrencySymbol",
    sans-serif !important;
  font-display: swap;
}
body .no-script {
  display: block;
  margin-top: 85px;
  width: 100%;
  text-align: center;
  color: #d43864;
  font-family:
    "Nunito",
    "CurrencySymbol",
    sans-serif;
  font-display: swap;
}
body .dynamic-space {
  flex: 1;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
body .popsy-loading-animation-shine {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  left: 0;
  text-align: center;
}
body .popsy-loading-animation-shine .toolbar-mock {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 64px;
  background-color: white;
  z-index: 100;
  box-shadow: 0 2px 8px 0 rgba(6, 52, 143, 0.1);
}
body .popsy-loading-animation-shine .toolbar-mock .logo-mock {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: rgb(239, 241, 246);
  z-index: 44;
  overflow: hidden;
  border-radius: 5px;
}
body .popsy-loading-animation-shine .toolbar-mock .logo-mock .activity {
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image:
    linear-gradient(
      to left,
      rgba(251, 251, 251, 0.05),
      rgba(251, 251, 251, 0.3),
      rgba(251, 251, 251, 0.6),
      rgba(251, 251, 251, 0.3),
      rgba(251, 251, 251, 0.05));
  animation: loading 1s infinite;
  z-index: 45;
}
body .popsy-loading-animation-shine .toolbar-mock .logo-mock {
  float: left;
  height: 42px;
  width: 42px;
  margin: 11px 0 0 16px;
  border-radius: 5px;
}
body .popsy-loading-animation-shine .toolbar-mock .search-mock {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: rgb(239, 241, 246);
  z-index: 44;
  overflow: hidden;
  border-radius: 5px;
}
body .popsy-loading-animation-shine .toolbar-mock .search-mock .activity {
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image:
    linear-gradient(
      to left,
      rgba(251, 251, 251, 0.05),
      rgba(251, 251, 251, 0.3),
      rgba(251, 251, 251, 0.6),
      rgba(251, 251, 251, 0.3),
      rgba(251, 251, 251, 0.05));
  animation: loading 1s infinite;
  z-index: 45;
}
body .popsy-loading-animation-shine .toolbar-mock .search-mock {
  float: left;
  border-radius: 8px;
  margin: 16px 0 0 32px;
  height: 32px;
  width: 350px;
  max-width: calc(100% - 120px);
}
body .popsy-loading-animation-shine .animation {
  width: 100%;
  text-align: center;
}
body .popsy-loading-animation-shine .animation .shapes {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  animation: rotate 1.15s infinite linear;
}
body .popsy-loading-animation-shine .animation .shapes::before,
body .popsy-loading-animation-shine .animation .shapes::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  animation: 1.15s infinite ease-in-out;
}
body .popsy-loading-animation-shine .animation .shapes::before,
body .popsy-loading-animation-shine .animation .shapes::after {
  content: "";
  width: 80%;
  height: 80%;
  background-color: rgba(212, 56, 100, 0.4);
  top: 5%;
}
body .popsy-loading-animation-shine .animation .shapes::before {
  left: -5%;
  animation: scale 1.15s infinite alternate ease-in-out;
  transform-origin: 10% 50%;
}
body .popsy-loading-animation-shine .animation .shapes::after {
  left: auto;
  right: -5%;
  animation: scale 1.15s 1.15s infinite alternate ease-in-out;
  transform: scale(0);
  transform-origin: 90% 50%;
}
@keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(380deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  min-height: 30px;
  font-display: swap;
  margin: 12px 0;
}
h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  min-height: 30px;
  font-display: swap;
  margin: 12px 0;
}
h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  min-height: 20px;
  font-display: swap;
  margin: 8px 0;
}
h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  min-height: 16px;
  font-display: swap;
  margin: 8px 0;
}
span {
  font-size: 16px;
  line-height: 24px;
  min-height: 16px;
  font-display: swap;
}
span.small {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  line-height: 16px;
}
span.extra-small {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  font-size: 12px !important;
  line-height: 16px;
}
.bold {
  font-weight: bold;
}
.light {
  font-weight: 400;
}
.italic {
  font-style: italic;
}
.crossed {
  text-decoration: line-through;
}
.text-center {
  text-align: center;
}
.nowrap {
  white-space: nowrap;
}
.wrap {
  white-space: pre-line;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.pink-ripple .mat-button-focus-overlay {
  background-color: transparent;
}
.pink-ripple .mat-ripple-element {
  background-color: #d43864 !important;
  opacity: 0.4 !important;
}
.pink-ripple {
  overflow: hidden !important;
}
.mat-drawer-backdrop {
  touch-action: none;
}
.mat-dialog-container-round,
.mat-dialog-container-round-no-scroll {
  overflow: hidden;
  border-radius: 10px;
}
.mat-dialog-container-round .mat-mdc-dialog-container,
.mat-dialog-container-round-no-scroll .mat-mdc-dialog-container {
  padding: 0;
}
.mat-dialog-container-round-no-scroll .mat-mdc-dialog-container {
  overflow: hidden;
}
.mat-dialog-container-filters {
  overflow: hidden;
  border-radius: 0;
}
.mat-dialog-container-filters .mat-mdc-dialog-container {
  padding: 0;
  border-radius: 0;
}
.pac-container {
  max-width: calc(100vw - 16px);
  margin-left: -40px;
  margin-top: 16px;
  border: 0 none;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(40, 40, 50, 0.2);
}
.pac-container::after {
  height: 0;
  padding: 0;
  background-image: none;
}
.pac-item {
  border-top: 0 none;
  padding: 0 10px;
  font-size: 13px;
  line-height: 36px;
  cursor: pointer;
}
.pac-item-query {
  font-size: 15px !important;
}
.pac-icon {
  display: none;
}
.toolbar-user-menu-panel {
  margin-top: 35px;
}
.toolbar-user-menu-panel .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
.toolbar-user-menu-panel .mat-mdc-menu-content:not(:empty) .sign-out .label {
  color: #d43864;
}
.toolbar-user-menu-panel-ltr {
  direction: initial !important;
  margin-top: 35px;
}
.toolbar-user-menu-panel-ltr .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
.toolbar-user-menu-panel-ltr .mat-mdc-menu-content:not(:empty) .sign-out .label {
  color: #d43864;
}
.toolbar-user-menu-panel-ltr .mat-mdc-menu-content:not(:empty) .sign-out mat-icon {
  transform: rotateY(-180deg);
  backface-visibility: visible;
}
.regular-size-grid-component .grid-viewport > div.scrollable-content {
  min-width: 320px !important;
}
.popsy-checkbox-component {
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  color: #172b4d !important;
}
.popsy-checkbox-component:hover {
  background-color: rgba(244, 111, 177, 0.2) !important;
}
.popsy-checkbox-component.selected {
  background-color: rgba(244, 111, 177, 0.2) !important;
}
.popsy-checkbox-component .mat-checkbox-inner-container {
  width: 24px;
  height: 24px;
}
.popsy-checkbox-component.mat-checkbox-checked .mat-checkbox-background {
  background-color: #d43864 !important;
}
.popsy-checkbox-component .mat-checkbox-frame {
  border-color: #f46fb1 !important;
  border-width: 1px;
  width: 24px;
  height: 24px;
}
.popsy-checkbox-component .mat-ripple-element {
  background-color: #f46fb1 !important;
}
.popsy-checkbox-component label,
.popsy-checkbox-component .mat-checkbox-label {
  width: 100%;
}
.popsy-radio-button-component .option-list-item {
  border-radius: 5px;
  font-size: 16px;
}
.popsy-radio-button-component .option-list-item:hover {
  background-color: rgba(244, 111, 177, 0.2) !important;
}
.popsy-radio-button-component .option-list-item.selected {
  background-color: rgba(244, 111, 177, 0.2) !important;
}
.popsy-radio-button-component .mat-radio-container {
  width: 24px;
  height: 24px;
}
.popsy-radio-button-component .mat-radio-inner-circle {
  background-color: #d43864 !important;
  width: 24px;
  height: 24px;
}
.popsy-radio-button-component .mat-radio-checked .mat-radio-inner-circle {
  transform: scale(1);
}
.popsy-radio-button-component .mat-radio-outer-circle {
  border-color: #f46fb1 !important;
  border-width: 1px;
  width: 24px;
  height: 24px;
}
.popsy-radio-button-component .mat-ripple-element {
  background-color: #f46fb1 !important;
}
.popsy-button-primary {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  text-decoration: none;
  outline: none;
  padding: 8px 16px;
}
.popsy-button-primary .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.popsy-button-primary {
  background-color: #e91e63 !important;
  color: #ffffff !important;
  border: 0;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  cursor: pointer;
}
.popsy-button-primary .text {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.popsy-button-primary .mat-button-wrapper {
  font-weight: bold;
  height: 100%;
  width: 100%;
}
.popsy-button-primary .mat-ripple-element {
  background-color: rgba(7, 67, 188, 0.2) !important;
}
.popsy-button-primary:hover {
  background-color: rgba(233, 30, 99, 0.6) !important;
}
.popsy-button-primary:active {
  background-color: rgb(237.5425101215, 76.4574898785, 131.2105263158) !important;
}
.popsy-button-primary.blue-button {
  background-color: #31abf7 !important;
}
.popsy-button-primary.blue-button:hover {
  background-color: rgba(49, 171, 247, 0.6) !important;
}
.popsy-button-primary {
}
.popsy-button-primary.cta {
  width: 235px;
  height: 40px;
}
.popsy-button-primary.cta.full-width {
  width: 100% !important;
}
.popsy-button-primary[disabled] {
  background-color: rgba(23, 43, 77, 0.1) !important;
  border-color: rgba(23, 43, 77, 0.1);
  color: rgba(23, 43, 77, 0.6) !important;
}
.popsy-button-primary span {
  font-size: 16px;
}
.popsy-button-secondary,
.popsy-button-option {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  text-decoration: none;
  outline: none;
  padding: 8px 16px;
}
.popsy-button-secondary .mat-button-wrapper,
.popsy-button-option .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.popsy-button-secondary,
.popsy-button-option {
  background-color: #ffffff !important;
  color: #0743bc !important;
  border: 1px solid #0743bc !important;
  border-radius: 20px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
.popsy-button-secondary .text,
.popsy-button-option .text {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.popsy-button-secondary .mat-button-wrapper,
.popsy-button-option .mat-button-wrapper {
  height: 40px;
  font-weight: bold;
}
.popsy-button-secondary .mat-ripple-element,
.popsy-button-option .mat-ripple-element {
  background-color: rgba(23, 43, 77, 0.2) !important;
}
.popsy-button-secondary .mat-button-focus-overlay,
.popsy-button-option .mat-button-focus-overlay {
  background: none !important;
}
.popsy-button-secondary:hover,
.popsy-button-option:hover {
  background-color: #ffffff !important;
  color: rgba(7, 67, 188, 0.6) !important;
  border: 1px solid rgba(7, 67, 188, 0.6) !important;
}
.popsy-button-secondary.blue,
.blue.popsy-button-option {
  background-color: #31abf7 !important;
  color: white !important;
  border: 0 !important;
}
.popsy-button-secondary.blue:hover,
.blue.popsy-button-option:hover {
  background-color: #06348f !important;
}
.popsy-button-secondary.blue:active,
.blue.popsy-button-option:active {
  background-color: #06348f !important;
}
.popsy-button-secondary.pill,
.pill.popsy-button-option {
  border-radius: 32px;
}
.popsy-button-secondary[disabled],
[disabled].popsy-button-option {
  border-color: rgba(66, 82, 110, 0.2) !important;
  color: rgba(66, 82, 110, 0.2) !important;
}
.popsy-button-secondary span,
.popsy-button-option span {
  font-size: 16px;
}
.popsy-button-icon {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  text-decoration: none;
  outline: none;
  padding: 8px 16px;
}
.popsy-button-icon .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.popsy-button-icon {
  background-color: transparent !important;
  border: unset !important;
  line-height: 40px !important;
  padding: 8px 11px;
  width: 39px;
  min-width: 39px;
  max-width: 39px;
  height: 39px;
  min-height: 39px;
  max-height: 39px;
  cursor: pointer;
}
.popsy-button-icon .icon {
  font-size: 19px;
  height: 19px;
  min-height: 19px;
  max-height: 19px;
  width: 19px;
  min-width: 19px;
  max-width: 19px;
  line-height: 19px;
}
.popsy-button-icon .icon ::ng-deep g {
  stroke: #1b3b4b !important;
}
.popsy-button-icon .text {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}
.popsy-button-icon .mat-button-wrapper {
  height: 40px;
  font-weight: bold;
}
.popsy-button-icon .mat-ripple-element {
  background-color: rgba(23, 43, 77, 0.2) !important;
}
.popsy-button-icon .mat-button-focus-overlay {
  background: none !important;
}
.popsy-button-icon:active,
.popsy-button-icon:hover {
  background-color: rgba(107, 119, 140, 0.2) !important;
}
.popsy-button-icon.pill {
  border-radius: 32px;
}
.popsy-button-icon[disabled] {
  border-color: rgba(66, 82, 110, 0.2) !important;
  color: rgba(66, 82, 110, 0.2) !important;
}
.popsy-button-option {
  border: 1px solid #1b3b4b !important;
  color: #1b3b4b !important;
  background-color: #ffffff !important;
  border-radius: 20px;
  font-size: 16px;
  cursor: pointer;
}
.popsy-button-option .text {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}
.popsy-button-option.filled {
  background-color: #1b3b4b !important;
  color: #ffffff !important;
  border: 0 !important;
}
.popsy-button-option.filled:hover {
  background-color: rgba(27, 59, 75, 0.8) !important;
}
.popsy-button-option:hover {
  background-color: #ffffff !important;
}
.popsy-button-option:active {
  background-color: #ffffff !important;
}
.popsy-button-option:focus {
  background-color: rgba(107, 119, 140, 0.1) !important;
}
.popsy-button-option[disabled=true] {
  color: rgba(107, 119, 140, 0.2) !important;
}
.popsy-button-option span {
  font-size: 16px;
}
.popsy-input-field {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  height: 40px;
  border-radius: 12px;
  outline: none;
  border: 1px solid #6b778c;
  padding: 8px 16px;
}
.popsy-input-field:focus {
  border-color: #a5adba;
}
.popsy-input-field.error {
  border-color: #d43864;
}
.popsy-input-field.error:focus {
  border-color: #e91e63;
}
.popsy-text-field input,
.popsy-text-field .field {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  border: 0;
  width: 100%;
  height: 100%;
  text-align: start;
  padding: 0 8px;
  appearance: unset;
  color: #172b4d;
  border: 1px solid rgba(165, 173, 186, 0.4) !important;
  border-radius: 16px !important;
}
.popsy-text-field input:focus::placeholder,
.popsy-text-field .field:focus::placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 1;
}
.popsy-text-field input.field-button,
.popsy-text-field .field.field-button {
  cursor: pointer;
}
.popsy-text-field input.field-button:hover,
.popsy-text-field .field.field-button:hover {
  background-color: #e5e7eb;
}
.popsy-text-field input::placeholder,
.popsy-text-field .field::placeholder {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  color: #a5adba;
  line-height: -moz-block-height;
}
.popsy-text-field input:focus,
.popsy-text-field .field:focus {
  outline: none;
  border-color: inherit;
  box-shadow: none;
  box-shadow: none;
}
.popsy-text-field input[disabled],
.popsy-text-field .field[disabled] {
  background-color: rgba(244, 244, 244, 0.4);
  color: rgba(23, 43, 77, 0.4);
}
.popsy-text-field input[disabled]::placeholder,
.popsy-text-field .field[disabled]::placeholder {
  color: rgba(23, 43, 77, 0.4);
  border: 0 !important;
}
.popsy-text-field input[disabled].field-button,
.popsy-text-field .field[disabled].field-button {
  background-color: #e5e7eb;
}
@keyframes shine {
  to {
    opacity: 1;
    right: 210%;
  }
}
.popsy-snack {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  background-color: #172b4d;
  max-width: 80vw !important;
  width: fit-content !important;
}
.popsy-snack .mat-mdc-snack-bar-action {
  margin: -8px -8px -8px 16px;
}
.popsy-snack-light {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  background-color: white;
  width: fit-content !important;
  margin-top: 80px !important;
  max-width: 300px !important;
}
.popsy-snack-light .mat-mdc-snack-bar-action {
  margin: -8px -8px -8px 16px;
}
.mat-mdc-snack-bar-handset .popsy-snack {
  max-width: 100vw !important;
  width: 100% !important;
}
.mat-mdc-snack-bar-handset .popsy-snack-light {
  max-width: 100vw !important;
  width: 100% !important;
}
.popsy-tooltip {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  background-color: #42526e;
}
.popsy-overlay-panel {
  border-radius: 8px;
}
.popsy-white-opaque-backdrop {
  background-color: rgba(255, 255, 255, 0.5);
}
.popsy-white-extra-opaque-backdrop {
  background-color: rgba(255, 255, 255, 0.8);
}
.popsy-dark-opaque-backdrop {
  background-color: rgba(23, 43, 77, 0.6);
}
.custom-overlay-pane {
  width: 100%;
}
.popsy-overlay-panel-full-height-no-header {
  border-radius: 8px;
  min-height: calc(100vh - 88px);
}
.popsy-overlay-panel-full-height {
  min-height: 100vh;
  min-height: calc(100vh - var(--ios-gap));
}
.popsy-dialog-overlay {
  opacity: 0.2 !important;
  background-color: #172b4d;
}
.popsy-link {
  color: #d43864;
  text-decoration: underline;
  cursor: pointer;
}
.popsy-link.gray {
  color: #42526e;
}
.popsy-link:hover {
  color: #6b778c;
  text-decoration: underline;
}
.listing-edit-preview-menu-panel {
  min-height: 32px !important;
  margin-bottom: 8px;
}
.listing-edit-preview-menu-panel > div {
  padding: 0 !important;
}
.popsy-edit-listing-menu {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  min-height: fit-content !important;
}
.popsy-edit-listing-menu .mat-mdc-menu-content {
  padding: 0 !important;
}
.popsy-edit-listing-menu .edit-menu-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px !important;
}
.popsy-edit-listing-menu .edit-menu-item .icon {
  font-size: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  line-height: 16px;
  margin: 0;
}
.popsy-edit-listing-menu .edit-menu-item .title {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
}
.popsy-mat-menu-question {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  min-width: fit-content;
  min-height: fit-content;
  padding: 8px 16px;
}
.popsy-autocomplete-container.mat-autocomplete-visible {
  height: fit-content;
  min-height: 180px;
  max-height: 276px;
}
.popsy-autocomplete-container .popsy-autocomplete-option {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  font-size: 16px;
  color: #172b4d;
}
.popsy-autocomplete-container .popsy-autocomplete-option.mat-active {
  font-weight: bold;
  color: #172b4d;
  background-color: rgba(202, 221, 239, 0.2);
}
.popsy-autocomplete-container .popsy-autocomplete-option.mat-active.loading,
.popsy-autocomplete-container .popsy-autocomplete-option.mat-active.google-maps-attribution {
  background-color: inherit;
  pointer-events: none;
}
.popsy-autocomplete-container .google-maps-attribution {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 34px;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #a5adba;
  padding: 0 2px;
  margin-top: 2px;
  text-align: end;
  padding: 8px 16px;
  background-color: inherit;
  pointer-events: none;
}
.popsy-select-field {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 40px;
  max-height: 40px;
  text-align: start;
  padding: 10px 12px;
  appearance: unset;
  color: #172b4d;
  caret-color: #1d44b4;
  background-color: white;
  border: 1px solid #f4f4f4;
  border-radius: 6px;
  resize: none;
}
.popsy-select-field.initialized::placeholder {
  color: #172b4d;
}
.popsy-select-field:focus::placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 1;
}
.popsy-select-field:focus::placeholder .initialized::placeholder {
  color: #a5adba;
}
.popsy-select-field.field-button {
  cursor: pointer;
}
.popsy-select-field.field-button:hover {
  background-color: #e5e7eb;
}
.popsy-select-field::placeholder {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  color: #a5adba;
  line-height: -moz-block-height;
}
.popsy-select-field.placeholder {
  color: #a5adba !important;
}
.popsy-select-field:focus {
  outline: none;
  border-color: inherit;
  box-shadow: none;
  border: 1px solid #caddef;
  background-color: white;
}
.popsy-select-field[disabled] {
  background-color: rgba(244, 244, 244, 0.4);
  color: rgba(107, 119, 140, 0.4);
}
.popsy-select-field[disabled]::placeholder {
  color: rgba(107, 119, 140, 0.4);
  border: 0 !important;
}
.popsy-select-field[disabled].field-button {
  background-color: #e5e7eb;
}
.popsy-input {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.popsy-input .label {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #6b778c;
  padding: 0 2px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.popsy-input .label.skeleton {
  width: 50%;
  padding: 0;
}
.popsy-input .error-label {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  height: 18px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #d41556;
  padding: 0 2px;
  margin-top: 2px;
  display: block;
}
.popsy-input .field-skeleton {
  width: 100%;
  padding: 0;
  border-radius: 6px;
  height: 40px;
}
.popsy-input .field {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  width: 100%;
  height: 100%;
  min-height: 40px;
  text-align: start;
  padding: 10px 12px;
  appearance: unset;
  color: #172b4d;
  caret-color: #1d44b4;
  background-color: white;
  border: 1px solid rgba(165, 173, 186, 0.4) !important;
  border-radius: 16px;
  resize: none;
}
.popsy-input .field:focus::placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 1;
}
.popsy-input .field.field-button {
  cursor: pointer;
}
.popsy-input .field.field-button:hover {
  background-color: #e5e7eb;
}
.popsy-input .field::placeholder {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  color: #a5adba;
  line-height: -moz-block-height;
}
.popsy-input .field:focus {
  outline: none;
  border-color: inherit !important;
  box-shadow: none;
  border: 1px solid #caddef !important;
  background-color: white;
}
.popsy-input .field[disabled] {
  background-color: rgba(244, 244, 244, 0.4);
  color: rgba(107, 119, 140, 0.4);
}
.popsy-input .field[disabled]::placeholder {
  color: rgba(107, 119, 140, 0.4);
  border: 0 !important;
}
.popsy-input .field[disabled].field-button {
  background-color: #e5e7eb;
}
.popsy-input.error .label {
  color: #d41556;
}
.popsy-input.error .field {
  border-color: #d41556 !important;
}
.input-label {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #6b778c;
  padding: 0 2px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.input-label .required-indicator {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  color: #d41556;
}
.input-label.skeleton {
  width: 50%;
  padding: 0;
}
.popsy-text-caption {
  font-size: 14px;
  line-height: 21px;
  min-height: 15px;
  font-display: swap;
}
.popsy-card {
  box-sizing: border-box;
  border-radius: 16px;
  overflow: hidden;
  padding: 8px 16px;
  background-color: white;
  box-shadow: 0 3px 16px -3px rgba(0, 0, 0, 0.2);
}
.popsy-card.light-gray {
  background-color: #f4f4f4;
  box-shadow: unset;
}
.popsy-card.dark-gray {
  background-color: #1b3b4b;
  color: white;
  box-shadow: unset;
}
.popsy-card.secondary {
  background-color: #caddef;
}
.popsy-card.transparent {
  background-color: unset;
  box-shadow: unset;
}
.popsy-card.wire {
  background-color: unset;
  box-shadow: unset;
  border: 1px solid rgba(165, 173, 185, 0.4);
}
.popsy-block {
  display: block;
  position: relative;
  box-sizing: border-box;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 51%;
  padding: 0 16px;
  max-width: 1200px;
  margin: 0 auto;
}
.popsy-negative {
  background-color: #f46fb1;
  color: white;
}
.popsy-negative.dark-gray {
  background-color: #1b3b4b;
}
.popsy-negative.mid-gray {
  background-color: #a5adba;
}
.popsy-checkbox {
  cursor: pointer;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.margin-0 {
  margin: 0;
}
.margin-0-auto {
  margin: 0 auto;
}
.width-auto {
  width: auto !important;
}
.padding-0 {
  padding: 0;
}
.border-box {
  box-sizing: border-box;
}
.full-width {
  width: 100%;
}
.fit-width {
  width: fit-content;
}
.full-height {
  height: 100%;
}
.flex {
  display: flex;
}
.flex-grow {
  flex: 1;
}
.br-0 {
  border-radius: 0;
}
.m-0 {
  margin: 0;
}
.m-12 {
  margin: 12px;
}
.p-0 {
  padding: 0;
}
.p-8 {
  padding: 8px;
}
.p-16 {
  padding: 16px;
}
.p-32 {
  padding: 32px;
}
.p-32-64 {
  padding: 32px 64px;
}
.p-48 {
  padding: 48px;
}
.p-64 {
  padding: 64px;
}
.p-0-32 {
  padding: 0 32px;
}
.p-0-16 {
  padding: 0 16px;
}
.gap-4 {
  gap: 4px;
}
.gap-8 {
  gap: 8px;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-24 {
  gap: 24px;
}
.gap-32 {
  gap: 32px;
}
.underlined {
  text-decoration: underline;
  display: inline;
}
.text-align-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-base {
  align-items: baseline;
}
.flex-1 {
  flex: 1;
}
.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
.tabby-promo-snippet {
  max-width: 100% !important;
}
div#credential_picker_container {
  top: 132px;
}
.cdk-global-scrollblock {
  overflow: hidden !important;
}
button#chatbase-bubble-button {
  bottom: 4rem !important;
}
#chatbase-message-bubbles {
  display: none !important;
}
app-item-list-json-ld {
  display: none !important;
}
::ng-deep #flow-container {
  all: unset;
}
#flow-container {
  min-height: 50px;
  width: 100%;
}

/* node_modules/@videogular/ngx-videogular/fonts/videogular.css */
@font-face {
  font-family: videogular;
  src: url("./media/videogular-H7MSXT3I.eot?hj1wei");
  src:
    url("./media/videogular-H7MSXT3I.eot?hj1wei#iefix") format("embedded-opentype"),
    url("./media/videogular-ULU7CHZC.ttf?hj1wei") format("truetype"),
    url("./media/videogular-54D7AHHD.woff?hj1wei") format("woff"),
    url("./media/videogular-WX5DESMV.svg?hj1wei#videogular") format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" vg-icon-"],
[class^=vg-icon-] {
  font-family: videogular !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vg-icon-closed_caption:before {
  content: "\e006";
}
.vg-icon-pause:before {
  content: "\e018";
}
.vg-icon-play_arrow:before {
  content: "\e01b";
}
.vg-icon-repeat:before {
  content: "\e023";
}
.vg-icon-replay:before {
  content: "\e025";
}
.vg-icon-skip_next:before {
  content: "\e027";
}
.vg-icon-skip_previous:before {
  content: "\e028";
}
.vg-icon-stop:before {
  content: "\e02a";
}
.vg-icon-volume_down:before {
  content: "\e030";
}
.vg-icon-volume_mute:before {
  content: "\e031";
}
.vg-icon-volume_off:before {
  content: "\e032";
}
.vg-icon-volume_up:before {
  content: "\e033";
}
.vg-icon-hd:before {
  content: "\e035";
}
.vg-icon-forward_10:before {
  content: "\e038";
}
.vg-icon-forward_30:before {
  content: "\e039";
}
.vg-icon-replay_10:before {
  content: "\e03b";
}
.vg-icon-replay_30:before {
  content: "\e03c";
}
.vg-icon-fullscreen:before {
  content: "\e20c";
}
.vg-icon-fullscreen_exit:before {
  content: "\e20d";
}
vg-player video {
  width: 100%;
  height: 100%;
}

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