/* components/page-mobile-overlay/src/scss/page-mobile-overlay.scss */
.mobile-overlay-open {
  overflow: clip;
}
.c-mobile-overlay {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: var(--iio-color-white);
  z-index: 200;
  width: calc(100vw - 1.875rem);
  max-width: 25.3125rem;
  right: 0.9375rem;
  top: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  border-radius: 2.1875rem;
  padding: 5.9375rem 2.1875rem 8.125rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: var(--iio-transition-mobile-overlay);
  transition: var(--iio-transition-mobile-overlay);
  will-change: transform;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.gin--horizontal-toolbar .c-mobile-overlay {
  top: 3.375rem;
}
.gin--horizontal-toolbar.toolbar-horizontal .c-mobile-overlay {
  top: 4.25rem;
}
.c-mobile-overlay:not(.opened) {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.c-mobile-overlay.opened {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: all;
  -webkit-filter: none;
  filter: none;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.c-mobile-overlay.closing {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
}
.c-mobile-overlay.closing .mobile-overlay__inner {
  opacity: 0;
}
@media (min-width: 62em) {
  .c-mobile-overlay {
    padding: 5.9375rem 2.1875rem 2.8125rem;
  }
}
.mobile-overlay__inner {
  -webkit-transition: opacity 0.05s linear;
  transition: opacity 0.05s linear;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile-overlay__inner .menu--main {
  width: 100%;
  margin-bottom: 1.25rem;
}
.mobile-overlay__inner .mobile-overlay__email,
.mobile-overlay__inner .mobile-overlay__social-media {
  width: 50%;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.mobile-overlay__inner .mobile-overlay__email .contextual,
.mobile-overlay__inner .mobile-overlay__social-media .contextual {
  display: none;
}
.off-canvas__overlay {
  background: var(--iio-base-solicon-blue-dark);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  height: 100vh;
  width: 100vw;
  -webkit-transition: var(--iio-transition-off-canvas-overlay);
  transition: var(--iio-transition-off-canvas-overlay);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.off-canvas__overlay.is-fixed {
  opacity: 0.8;
  visibility: visible;
  pointer-events: initial;
}
/*# sourceMappingURL=page-mobile-overlay.css.map */