/* FIELD STYLES */
#soccer-field {
  display: none;
  background-color: #5Dc031;
  /* field grass color */
  pointer-events: none;
}

#sf-grass-pattern {
  fill: none;
  stroke: #4fb521;
  /* field grass pattern darker color */
}

.sf-spot {
  fill: #FFF;
  stroke: none;
}

.sf-lines {
  fill: none;
  stroke: #FFF;
  stroke-width: 15;
  /* field line thickness in cm */
}

/* ///////////////////////////////////////////////////////////////////////// */
/* ENTITIES */
/* BALL STYLE*/
#sf-ball {
  display: block;
  fill: #ffffff;
  /* #FF0; */
  fill-opacity: 0.8;
  stroke-width: 20;
  stroke: #283957;
  /* #000; */
}

/* PLAYER STYLE*/
.sf-player, .sf-player-border {
  font-family: sans-serif;
  stroke: none;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sf-player-border {
  fill: none;
  stroke: none;
  /* #DDD; */
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sf-player-text {
  fill: #FFF;
  stroke: none;
  font-family: sans-serif;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 200;
}

.sf-player-circle {
  /*
  stroke:#FFF;
  stroke-width:20;
  fill-opacity:1;
  */
  stroke: none;
}

.team-H {
  fill: var(--home-team-color);
  /* mcH(main); */
}

.team-A {
  fill: var(--away-team-color);
  /* mcA(main); */
}

/* TRAIL STYLES */
.sf-ball-trail-A, .sf-ball-trail-H {
  fill: none;
  stroke: var(--away-team-color);
  stroke-opacity: 0.6;
  stroke-width: 120;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sf-ball-trail-H {
  stroke-opacity: 0.6;
  stroke: var(--home-team-color);
}

.sf-player-trail-A, .sf-player-trail-H {
  fill: none;
  stroke: var(--home-team-color);
  stroke-width: 50;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: 0.5;
}

.sf-player-trail-A {
  stroke: var(--away-team-color);
}

/* TEAM SHAPE STYLES */
#sf-shape-entities {
  display: none;
}

.sf-team-shape-A, .sf-team-shape-H {
  fill: var(--away-team-color);
  fill-opacity: 0.2;
  stroke: #000;
  stroke-opacity: 0.4;
  stroke-width: 20;
  stroke-dasharray: 100 100;
}

.sf-team-shape-H {
  fill: var(--home-team-color);
}

/* VORONOI STYLES */
.sf-cell-A, .sf-cell-H {
  fill: var(--away-team-color);
  fill-opacity: 0.5;
  stroke: #FFF;
  stroke-opacity: 0.1;
  stroke-width: 20;
}

.sf-cell-H {
  fill: var(--home-team-color);
}

/* PRESSURE STYLES */
.sf-pressure-circle-A, .sf-pressure-circle-H {
  fill: var(--away-team-color);
  fill-opacity: 0.25;
  stroke: #FFF;
  stroke-opacity: 0.3;
  stroke-width: 20;
}

.sf-pressure-circle-H {
  fill: var(--home-team-color);
}
/*# sourceMappingURL=sf-animator.css.map */