.scheme-field {
  width: 100%;
  max-width: 400px;
  position: relative; }
  .scheme-field img {
    width: 100%;
    display: block; }
  .scheme-field-container {
    position: relative; }
  .scheme-field-two_teams {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .scheme-field-two_teams .scheme-team--1 {
      top: 50%;
      bottom: 0; }
    .scheme-field-two_teams .scheme-team--2 {
      top: 0;
      bottom: 50%;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      .scheme-field-two_teams .scheme-team--2 .scheme-player {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
                transform: translate(-50%, -50%) rotate(180deg); }
  .scheme-field-team {
    position: absolute;
    left: 0;
    right: 0; }
  .scheme-field .scheme-player {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .scheme-field .scheme-player .number {
      display: block;
      height: 26px;
      width: 26px;
      text-align: center;
      border-radius: 50%;
      box-sizing: border-box;
      border: 2px solid transparent; }
      .scheme-field .scheme-player .number:not(:empty) {
        cursor: pointer; }
    .scheme-field .scheme-player .name {
      display: none;
      position: absolute;
      top: 100%;
      left: 13px;
      margin-top: 8px;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      white-space: nowrap;
      background: #fff;
      border-radius: 4px;
      padding: 6px 12px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
      .scheme-field .scheme-player .name:before {
        content: "";
        height: 8px;
        width: 8px;
        display: block;
        box-sizing: border-box;
        position: absolute;
        top: -4px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    .scheme-field .scheme-player.active {
      z-index: 1; }
      .scheme-field .scheme-player.active .number {
        border-color: #fff; }
      .scheme-field .scheme-player.active .name {
        display: block; }
  .scheme-field .formation {
    /* -------- 4-4-2 -------- */
    /* -------- 4-3-3 -------- */
    /* -------- 4-2-3-1 -------- */
    /* -------- 3-4-3 -------- */
    /* -------- 5-3-2 -------- */
    /* -------- 5-2-3 -------- */ }
    .scheme-field .formation--4-4-2 {
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--4-4-2 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--4-4-2 [data-player_id='2'] {
        left: 15%;
        bottom: 30%; }
      .scheme-field .formation--4-4-2 [data-player_id='3'] {
        left: 38%;
        bottom: 25%; }
      .scheme-field .formation--4-4-2 [data-player_id='4'] {
        left: 62%;
        bottom: 25%; }
      .scheme-field .formation--4-4-2 [data-player_id='5'] {
        left: 85%;
        bottom: 30%; }
      .scheme-field .formation--4-4-2 [data-player_id='6'] {
        left: 15%;
        bottom: 55%; }
      .scheme-field .formation--4-4-2 [data-player_id='7'] {
        left: 38%;
        bottom: 50%; }
      .scheme-field .formation--4-4-2 [data-player_id='8'] {
        left: 62%;
        bottom: 50%; }
      .scheme-field .formation--4-4-2 [data-player_id='9'] {
        left: 85%;
        bottom: 55%; }
      .scheme-field .formation--4-4-2 [data-player_id='10'] {
        left: 35%;
        bottom: 75%; }
      .scheme-field .formation--4-4-2 [data-player_id='11'] {
        left: 65%;
        bottom: 75%; }
    .scheme-field .formation--4-3-3 {
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--4-3-3 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--4-3-3 [data-player_id='2'] {
        left: 15%;
        bottom: 30%; }
      .scheme-field .formation--4-3-3 [data-player_id='3'] {
        left: 38%;
        bottom: 25%; }
      .scheme-field .formation--4-3-3 [data-player_id='4'] {
        left: 62%;
        bottom: 25%; }
      .scheme-field .formation--4-3-3 [data-player_id='5'] {
        left: 85%;
        bottom: 30%; }
      .scheme-field .formation--4-3-3 [data-player_id='6'] {
        left: 25%;
        bottom: 50%; }
      .scheme-field .formation--4-3-3 [data-player_id='7'] {
        left: 50%;
        bottom: 48%; }
      .scheme-field .formation--4-3-3 [data-player_id='8'] {
        left: 75%;
        bottom: 50%; }
      .scheme-field .formation--4-3-3 [data-player_id='9'] {
        left: 25%;
        bottom: 75%; }
      .scheme-field .formation--4-3-3 [data-player_id='10'] {
        left: 50%;
        bottom: 73%; }
      .scheme-field .formation--4-3-3 [data-player_id='11'] {
        left: 75%;
        bottom: 75%; }
    .scheme-field .formation--4-2-3-1 {
      /* -------- */
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--4-2-3-1 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='2'] {
        left: 15%;
        bottom: 28%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='3'] {
        left: 38%;
        bottom: 23%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='4'] {
        left: 62%;
        bottom: 23%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='5'] {
        left: 85%;
        bottom: 28%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='6'] {
        left: 35%;
        bottom: 44%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='7'] {
        left: 65%;
        bottom: 44%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='8'] {
        left: 25%;
        bottom: 64%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='9'] {
        left: 50%;
        bottom: 58%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='10'] {
        left: 75%;
        bottom: 64%; }
      .scheme-field .formation--4-2-3-1 [data-player_id='11'] {
        left: 50%;
        bottom: 78%; }
    .scheme-field .formation--3-4-3 {
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--3-4-3 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--3-4-3 [data-player_id='2'] {
        left: 25%;
        bottom: 30%; }
      .scheme-field .formation--3-4-3 [data-player_id='3'] {
        left: 50%;
        bottom: 25%; }
      .scheme-field .formation--3-4-3 [data-player_id='4'] {
        left: 75%;
        bottom: 30%; }
      .scheme-field .formation--3-4-3 [data-player_id='5'] {
        left: 15%;
        bottom: 54%; }
      .scheme-field .formation--3-4-3 [data-player_id='6'] {
        left: 38%;
        bottom: 49%; }
      .scheme-field .formation--3-4-3 [data-player_id='7'] {
        left: 62%;
        bottom: 49%; }
      .scheme-field .formation--3-4-3 [data-player_id='8'] {
        left: 85%;
        bottom: 54%; }
      .scheme-field .formation--3-4-3 [data-player_id='9'] {
        left: 25%;
        bottom: 75%; }
      .scheme-field .formation--3-4-3 [data-player_id='10'] {
        left: 50%;
        bottom: 70%; }
      .scheme-field .formation--3-4-3 [data-player_id='11'] {
        left: 75%;
        bottom: 75%; }
    .scheme-field .formation--5-3-2 {
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--5-3-2 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--5-3-2 [data-player_id='2'] {
        left: 15%;
        bottom: 32%; }
      .scheme-field .formation--5-3-2 [data-player_id='3'] {
        left: 32%;
        bottom: 29%; }
      .scheme-field .formation--5-3-2 [data-player_id='4'] {
        left: 50%;
        bottom: 27%; }
      .scheme-field .formation--5-3-2 [data-player_id='5'] {
        left: 68%;
        bottom: 29%; }
      .scheme-field .formation--5-3-2 [data-player_id='6'] {
        left: 85%;
        bottom: 32%; }
      .scheme-field .formation--5-3-2 [data-player_id='7'] {
        left: 25%;
        bottom: 55%; }
      .scheme-field .formation--5-3-2 [data-player_id='8'] {
        left: 50%;
        bottom: 53%; }
      .scheme-field .formation--5-3-2 [data-player_id='9'] {
        left: 75%;
        bottom: 55%; }
      .scheme-field .formation--5-3-2 [data-player_id='10'] {
        left: 35%;
        bottom: 75%; }
      .scheme-field .formation--5-3-2 [data-player_id='11'] {
        left: 65%;
        bottom: 75%; }
    .scheme-field .formation--5-2-3 {
      /* -------- */
      /* -------- */
      /* -------- */ }
      .scheme-field .formation--5-2-3 [data-player_id='1'] {
        left: 50%;
        bottom: 5%; }
      .scheme-field .formation--5-2-3 [data-player_id='2'] {
        left: 15%;
        bottom: 32%; }
      .scheme-field .formation--5-2-3 [data-player_id='3'] {
        left: 32%;
        bottom: 29%; }
      .scheme-field .formation--5-2-3 [data-player_id='4'] {
        left: 50%;
        bottom: 27%; }
      .scheme-field .formation--5-2-3 [data-player_id='5'] {
        left: 68%;
        bottom: 29%; }
      .scheme-field .formation--5-2-3 [data-player_id='6'] {
        left: 85%;
        bottom: 32%; }
      .scheme-field .formation--5-2-3 [data-player_id='7'] {
        left: 38%;
        bottom: 51%; }
      .scheme-field .formation--5-2-3 [data-player_id='8'] {
        left: 62%;
        bottom: 51%; }
      .scheme-field .formation--5-2-3 [data-player_id='9'] {
        left: 25%;
        bottom: 75%; }
      .scheme-field .formation--5-2-3 [data-player_id='10'] {
        left: 50%;
        bottom: 70%; }
      .scheme-field .formation--5-2-3 [data-player_id='11'] {
        left: 75%;
        bottom: 75%; }

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