/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../assets/scss/mobile-wrapper.scss ***!
  \*********************************************************************************************************************************************************************/
@media (max-width: 1280px) {
  .ti-nav-top-menu {
    inset: 0;
    position: fixed;
    z-index: -20;
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  #ti-nav-toggle:checked ~ .ti-nav-top-menu:not(.hidden) {
    animation: menuFlyIn 0.5s ease-out forwards;
    display: flex;
  }
  #ti-nav-toggle:not(:checked) ~ .ti-nav-top-menu {
    animation: menuFlyOut 0.5s ease-out forwards;
  }
  #ti-nav-toggle:checked ~ .ti-toggle-nav [data-mobile-nav-open-el] {
    display: none;
  }
  #ti-nav-toggle:not(:checked) ~ .ti-toggle-nav [data-mobile-nav-close-el] {
    display: none;
  }
  .ti-toggle-nav {
    margin-left: auto;
  }
  .ti-toggle-nav button {
    pointer-events: none;
  }
}
@media (min-width: 1280px) {
  #ti-nav-toggle:not(:checked) ~ .ti-nav-top-menu {
    animation: none;
  }
  .ti-toggle-nav {
    display: none;
  }
}
@keyframes menuFlyIn {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(0.3);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes menuFlyOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-75%) scale(0.3);
  }
}