nav.user-top-menu .menu li a::before {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

nav.user-top-menu .menu li a::before {
  content: "\e900"; }

nav.user-top-menu .menu li {
  float: left;
  padding: 0 20px 0 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.25); }
  @media (max-width: 600px) {
    nav.user-top-menu .menu li.signup {
      display: none; }
    nav.user-top-menu .menu li.user {
      padding: 0 10px; } }
  @media (max-width: 430px) {
    nav.user-top-menu .menu li {
      padding: 0 10px 0 8px; }
      nav.user-top-menu .menu li:first-child {
        padding-left: 0;
        border-left: none; } }
  nav.user-top-menu .menu li a {
    display: flex;
    align-items: center;
    transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    margin-left: 0; }
    nav.user-top-menu .menu li a::before {
      transform: translateY(1px);
      color: #fff;
      transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
      font-size: calc(18px + 6 * ((100vw - 600px) / 800));
      line-height: calc(26px + 4 * ((100vw - 600px) / 800));
      margin-left: calc(-5.14286px + -1.71429 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        nav.user-top-menu .menu li a::before {
          font-size: 18px; } }
      @media screen and (min-width: 1400px) {
        nav.user-top-menu .menu li a::before {
          font-size: 24px; } }
      @media screen and (max-width: 600px) {
        nav.user-top-menu .menu li a::before {
          line-height: 26px; } }
      @media screen and (min-width: 1400px) {
        nav.user-top-menu .menu li a::before {
          line-height: 30px; } }
      @media screen and (max-width: 600px) {
        nav.user-top-menu .menu li a::before {
          margin-left: -5.14286px; } }
      @media screen and (min-width: 1400px) {
        nav.user-top-menu .menu li a::before {
          margin-left: -6.85714px; } }
    .has-mouse nav.user-top-menu .menu li a:hover {
      color: #fff;
      transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .has-mouse nav.user-top-menu .menu li a:hover::before {
        color: var(--color-link); }
    nav.user-top-menu .menu li a.login-link::before {
      content: "\e905";
      margin-left: 0;
      margin-right: 4px; }
    @media (max-width: 600px) {
      nav.user-top-menu .menu li a.login-link {
        font-size: 13px;
        line-height: 16px; }
        nav.user-top-menu .menu li a.login-link::before {
          margin-right: 2px;
          font-size: 15px; } }
    @media (max-width: 600px) and (max-width: 600px) {
      nav.user-top-menu .menu li a.login-link::before {
        margin-right: 0; } }
    @media (max-width: 600px) {
      nav.user-top-menu .menu li a.login-link .login-link__inner {
        display: none; } }
    nav.user-top-menu .menu li a.user-link {
      position: relative;
      padding-left: 46px; }
      @media (max-width: 1250px) {
        nav.user-top-menu .menu li a.user-link {
          padding-left: 36px; } }
      @media (max-width: 600px) {
        nav.user-top-menu .menu li a.user-link {
          padding-left: 30px; } }
      @media (max-width: 430px) {
        nav.user-top-menu .menu li a.user-link {
          padding-left: 25px; } }
      nav.user-top-menu .menu li a.user-link::before {
        top: calc(13px + -2 * ((100vw - 600px) / 800));
        left: calc(9px + -3.5 * ((100vw - 600px) / 800));
        position: absolute;
        content: "\e905";
        margin: 0; }
        @media screen and (max-width: 600px) {
          nav.user-top-menu .menu li a.user-link::before {
            top: 13px; } }
        @media screen and (min-width: 1400px) {
          nav.user-top-menu .menu li a.user-link::before {
            top: 11px; } }
        @media screen and (max-width: 600px) {
          nav.user-top-menu .menu li a.user-link::before {
            left: 9px; } }
        @media screen and (min-width: 1400px) {
          nav.user-top-menu .menu li a.user-link::before {
            left: 5.5px; } }
        @media (max-width: 600px) {
          nav.user-top-menu .menu li a.user-link::before {
            left: 8px;
            font-size: 14px; } }
        @media (max-width: 430px) {
          nav.user-top-menu .menu li a.user-link::before {
            top: 14px;
            left: 6px;
            font-size: 13px; } }
      nav.user-top-menu .menu li a.user-link::after {
        position: absolute;
        left: 0;
        content: '';
        width: 36px;
        height: 36px;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 50%;
        display: block; }
        @media (max-width: 600px) {
          nav.user-top-menu .menu li a.user-link::after {
            width: 30px;
            height: 30px; } }
        @media (max-width: 430px) {
          nav.user-top-menu .menu li a.user-link::after {
            width: 25px;
            height: 25px; } }
      nav.user-top-menu .menu li a.user-link .user-link__inner {
        max-width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 1250px) {
          nav.user-top-menu .menu li a.user-link .user-link__inner {
            display: none; } }
    nav.user-top-menu .menu li a.signup-link::before {
      content: "\1f395";
      margin-left: 0;
      margin-right: 4px; }
    @media (max-width: 600px) {
      nav.user-top-menu .menu li a.signup-link {
        font-size: 13px;
        line-height: 16px; }
        nav.user-top-menu .menu li a.signup-link::before {
          margin-right: 2px;
          font-size: 15px; } }

/*# sourceMappingURL=../../_maps/components/menu/menu--top-menu.css.map */