@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
#search-bar {
  position: relative; }
  #search-bar #search-bar-wrapper {
    margin: 10px 0;
    background: white;
    width: 100%;
    display: block;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.5s; }
    #search-bar #search-bar-wrapper:hover {
      transform: translateY(-1px); }
    #search-bar #search-bar-wrapper input {
      border: none;
      line-height: 45px;
      width: 100%;
      padding: 0 10px;
      font-size: 12px; }
    #search-bar #search-bar-wrapper i {
      position: absolute;
      right: 0;
      top: 0;
      width: 45px;
      text-align: center;
      height: 45px;
      line-height: 45px;
      font-size: 20px;
      color: rgba(33, 63, 104, 0.5); }
  #search-bar #search-result {
    position: absolute;
    width: 100%;
    min-width: 200px; }
    #search-bar #search-result .players .player {
      background: white;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      display: block; }
      #search-bar #search-result .players .player.locked {
        background: #e2e2e2;
        cursor: not-allowed; }
      #search-bar #search-result .players .player:hover {
        text-decoration: none; }
      #search-bar #search-result .players .player.clone {
        display: none; }
      #search-bar #search-result .players .player.non-existent {
        display: flex;
        align-items: center;
        padding: 10px; }
        #search-bar #search-result .players .player.non-existent .icon {
          color: #ff5d55;
          margin-right: 10px; }
        #search-bar #search-result .players .player.non-existent .text {
          text-align: left;
          font-size: 10px;
          line-height: 1.3; }
          #search-bar #search-result .players .player.non-existent .text span {
            color: #213f68;
            display: block; }
      #search-bar #search-result .players .player .player-content {
        padding: 5px 0;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        align-items: center;
        width: 100%; }
        #search-bar #search-result .players .player .player-content .level {
          display: none;
          font-size: 20px;
          text-align: center;
          font-weight: 900;
          width: 50px;
          filter: blur(5px); }
          @media (max-width: 800px) {
            #search-bar #search-result .players .player .player-content .level {
              width: 30px;
              max-width: 30px; } }
          #search-bar #search-result .players .player .player-content .level.no-filter {
            filter: none; }
        #search-bar #search-result .players .player .player-content .img {
          width: 35px;
          height: 35px;
          border-radius: 100%;
          background: #102f59;
          margin: 0 5px; }
          @media (max-width: 800px) {
            #search-bar #search-result .players .player .player-content .img {
              width: 20px;
              height: 20px; } }
          #search-bar #search-result .players .player .player-content .img img {
            height: 35px;
            width: 35px;
            object-fit: cover;
            border-radius: 100%;
            min-width: 30px; }
            @media (max-width: 800px) {
              #search-bar #search-result .players .player .player-content .img img {
                min-width: 20px;
                width: 20px;
                height: 20px; } }
        #search-bar #search-result .players .player .player-content .name {
          text-align: left;
          flex: 1; }
          #search-bar #search-result .players .player .player-content .name .player-name {
            font-size: 12px;
            font-weight: 500;
            color: #213f68; }
            @media (max-width: 800px) {
              #search-bar #search-result .players .player .player-content .name .player-name {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 10px; } }
          #search-bar #search-result .players .player .player-content .name .position {
            font-size: 8px;
            color: rgba(33, 63, 104, 0.8);
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.5px; }
        #search-bar #search-result .players .player .player-content .class {
          font-weight: 700;
          color: rgba(33, 63, 104, 0.8); }
          @media (max-width: 800px) {
            #search-bar #search-result .players .player .player-content .class {
              font-size: 10px;
              min-width: 30px; } }
        #search-bar #search-result .players .player .player-content .is-valid {
          background: #3498db;
          color: white;
          min-width: 20px;
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          border-radius: 100%;
          margin: 0 10px; }
          #search-bar #search-result .players .player .player-content .is-valid.invalid {
            opacity: 0; }
          @media (max-width: 800px) {
            #search-bar #search-result .players .player .player-content .is-valid {
              width: 15px;
              height: 15px;
              min-width: 15px;
              line-height: 15px;
              margin: 0 5px; }
              #search-bar #search-result .players .player .player-content .is-valid i {
                line-height: 15px;
                display: block;
                font-size: 8px !important; } }
          #search-bar #search-result .players .player .player-content .is-valid i {
            font-size: 12px;
            margin: auto; }

/*# sourceMappingURL=players_autocomplete.css.map */