/* line 1, home/static/css/mobile_menu.scss */
#mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-image: linear-gradient(to bottom, #171717 104px, rgba(23, 23, 23, 0.4));
  backdrop-filter: blur(3px); }
  /* line 10, home/static/css/mobile_menu.scss */
  #mobileMenu .mobileMenu-main {
    height: 100%;
    display: flex;
    flex-direction: column; }
  /* line 15, home/static/css/mobile_menu.scss */
  #mobileMenu .mobileMenu-header {
    height: 104px;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    /* line 22, home/static/css/mobile_menu.scss */
    #mobileMenu .mobileMenu-header .home-link {
      height: 40px; }
      /* line 24, home/static/css/mobile_menu.scss */
      #mobileMenu .mobileMenu-header .home-link .sparkup-logo {
        height: 100%; }
    /* line 28, home/static/css/mobile_menu.scss */
    #mobileMenu .mobileMenu-header button.mobileMenu-button {
      display: block;
      width: 40px;
      height: 40px;
      margin: -4px -7px -4px 8px;
      background: url("/static/img/close.svg?e0ba17737d55");
      background-size: 24px 24px;
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer; }
  /* line 40, home/static/css/mobile_menu.scss */
  #mobileMenu nav {
    flex: 1;
    padding-top: 36px;
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll; }
    /* line 47, home/static/css/mobile_menu.scss */
    #mobileMenu nav .nav-item {
      display: block;
      width: 100%;
      cursor: pointer;
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 55px;
      padding: 0 15px;
      text-decoration: none;
      color: #ffffff;
      background: none;
      border-radius: 8px;
      text-align: left;
      position: relative; }
      /* line 63, home/static/css/mobile_menu.scss */
      #mobileMenu nav .nav-item:hover {
        background-color: rgba(255, 255, 255, 0.1); }
      /* line 66, home/static/css/mobile_menu.scss */
      #mobileMenu nav .nav-item h5 {
        color: #ffffff; }
      /* line 69, home/static/css/mobile_menu.scss */
      #mobileMenu nav .nav-item.action-toggle-mobileSubmenu::after {
        content: "";
        display: block;
        height: 18px;
        width: 18px;
        position: absolute;
        right: 19px;
        top: 20px;
        background-color: #ffffff;
        mask-size: cover;
        mask: url("/static/img/chevron-down.svg?e0ba17737d55");
        transform: rotate(-90deg);
        transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1); }
    /* line 85, home/static/css/mobile_menu.scss */
    #mobileMenu nav .mobileSubmenu {
      display: none;
      list-style: none;
      padding-left: 0; }
      /* line 89, home/static/css/mobile_menu.scss */
      #mobileMenu nav .mobileSubmenu li {
        display: flex; }
      /* line 92, home/static/css/mobile_menu.scss */
      #mobileMenu nav .mobileSubmenu .nav-item {
        padding-left: 30px; }
    /* line 96, home/static/css/mobile_menu.scss */
    #mobileMenu nav .mobileSubmenu-open {
      color: rgba(255, 255, 255, 0.5); }
      /* line 98, home/static/css/mobile_menu.scss */
      #mobileMenu nav .mobileSubmenu-open h5 {
        color: rgba(255, 255, 255, 0.5); }
      /* line 101, home/static/css/mobile_menu.scss */
      #mobileMenu nav .mobileSubmenu-open.action-toggle-mobileSubmenu::after {
        transform: rotate(0deg); }
      /* line 104, home/static/css/mobile_menu.scss */
      #mobileMenu nav .mobileSubmenu-open + .mobileSubmenu {
        display: block; }
  /* line 109, home/static/css/mobile_menu.scss */
  #mobileMenu .button.CTA-big {
    margin: 20px 15px; }
  @media (max-width: 840px) {
    /* line 1, home/static/css/mobile_menu.scss */
    #mobileMenu {
      background: #171717;
      backdrop-filter: none; }
      /* line 116, home/static/css/mobile_menu.scss */
      #mobileMenu .mobileMenu-header {
        height: 64px;
        padding: 0 0 0 15px; }
        /* line 119, home/static/css/mobile_menu.scss */
        #mobileMenu .mobileMenu-header .home-link {
          height: 24px;
          align-self: center; }
        /* line 123, home/static/css/mobile_menu.scss */
        #mobileMenu .mobileMenu-header button.mobileMenu-button {
          margin: -4px 8px; }
      /* line 127, home/static/css/mobile_menu.scss */
      #mobileMenu nav {
        margin: 0; }
        /* line 129, home/static/css/mobile_menu.scss */
        #mobileMenu nav .nav-item {
          border-radius: 0; } }