@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css");

/* SquadIndex shared match-event icon layer */
.si-match-event{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  flex:none;
}

/* Hide all event-specific children by default */
.si-match-event .si-fa-goal,
.si-match-event .si-event-card,
.si-match-event .si-event-var,
.si-match-event .si-fa-sub{
  display:none;
}

/* GOAL — Font Awesome Free football */
.si-match-event.goal .si-fa-goal{
  display:inline-block;
  color:#1FBE8C;
  font-size:20px;
  line-height:1;
  filter:drop-shadow(0 3px 7px rgba(31,190,140,.18));
}

/* CARDS — simple solid cards */
.si-match-event.red .si-event-card.red,
.si-match-event.yellow .si-event-card.yellow{
  display:block;
  width:13px;
  height:19px;
  border-radius:2px;
  transform:rotate(5deg);
  box-shadow:0 4px 9px rgba(0,0,0,.16);
}
.si-event-card.red{background:#E64F49}
.si-event-card.yellow{background:#F0BE35}

/* VAR — monitor with VAR label */
.si-match-event.blue .si-event-var{
  display:flex;
  position:relative;
  width:25px;
  height:18px;
  align-items:center;
  justify-content:center;
  border:2px solid #5B9DE1;
  border-radius:4px;
  color:#5B9DE1;
  font:900 7px/1 var(--si-display);
  letter-spacing:.2px;
}
.si-match-event.blue .si-event-var::before{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  left:50%;
  bottom:-5px;
  transform:translateX(-50%);
  border-radius:2px;
  background:#5B9DE1;
}
.si-match-event.blue .si-event-var::after{
  content:"";
  position:absolute;
  width:13px;
  height:2px;
  left:50%;
  bottom:-7px;
  transform:translateX(-50%);
  border-radius:2px;
  background:#5B9DE1;
}

/* SUBSTITUTION — two separate Font Awesome Free actions, deliberately spaced */
.si-match-event.purple .si-fa-sub{
  display:flex;
  width:28px;
  align-items:center;
  justify-content:center;
  gap:5px;
  line-height:1;
}
.si-fa-sub .si-sub-in,
.si-fa-sub .si-sub-out{
  font-size:12px;
}
.si-fa-sub .si-sub-in{color:#1FBE8C}
.si-fa-sub .si-sub-out{color:#E85C57}

/* Pre-launch sizing */
.si-pre-event-icon{
  width:26px!important;
  height:26px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}