@charset "UTF-8";
.serie-a-matchweek {
  --gap: 10px;
  --pad: 15px;
  --rad: var(--radius, 10px);
  --background-color: hsl(var(--background-light));
  --text-color: hsl(var(--background-dark));
  --soft-color: hsl(var(--surface-medium));
  display: contents;
}
.dark .serie-a-matchweek {
  --background-color: hsl(var(--surface-medium));
  --text-color: hsl(var(--background-light));
  --soft-color: hsl(var(--surface-xlight));
}
.serie-a-matchweek > header {
  height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: var(--gap);
}
.serie-a-matchweek > header .label {
  margin-right: var(--gap);
  white-space: nowrap;
}
.serie-a-matchweek > header small {
  margin-left: auto;
  color: hsl(var(--surface-medium));
  font-weight: bold;
  white-space: nowrap;
}
.serie-a-matchweek ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.serie-a-matchweek ul li {
  display: flex;
  border-radius: var(--rad);
  background-color: var(--background-color);
  color: var(--text-color);
  padding: var(--pad);
  width: 100%;
  box-sizing: border-box;
  font-size: var(--font-body-size);
}
.serie-a-matchweek ul li + li {
  margin-top: calc(var(--gap) * 2);
}
.serie-a-matchweek ul li.match {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
}
.serie-a-matchweek ul li.match .match-pill {
  --pad: 5px 8px;
  display: contents;
  --status-color: var(--surface-light);
  --rad: 5px;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="1"], .serie-a-matchweek ul li.match .match-pill[data-match-status="3"] {
  --status-color: var(--success);
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="2"] {
  --status-color: var(--secondary);
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] {
  --status-color: var(--surface-light);
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="4"] {
  --status-color: var(--surface-medium);
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="5"] {
  --status-color: var(--secondary);
  --label: "Sosp";
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="6"] {
  --status-color: var(--danger);
  --label: "Rinv";
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] .match-score {
  display: inherit;
  background-color: transparent;
  color: hsl(var(--surface-light));
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] .match-score::after {
  display: none !important;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] .match-score .score-divider,
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] .match-score .score-home,
.serie-a-matchweek ul li.match .match-pill[data-match-status="0"] .match-score .score-away {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="1"] .match-date, .serie-a-matchweek ul li.match .match-pill[data-match-status="2"] .match-date, .serie-a-matchweek ul li.match .match-pill[data-match-status="3"] .match-date, .serie-a-matchweek ul li.match .match-pill[data-match-status="4"] .match-date {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="5"] .match-score, .serie-a-matchweek ul li.match .match-pill[data-match-status="6"] .match-score {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="5"] .match-date, .serie-a-matchweek ul li.match .match-pill[data-match-status="6"] .match-date {
  padding: var(--pad);
  background-color: hsl(var(--status-color));
  color: hsl(var(--background-light));
  border-radius: var(--rad);
  white-space: nowrap;
  min-width: 40px;
  justify-content: center;
  font-weight: bold;
  opacity: 1;
  line-height: 14px;
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="5"] .match-date:before, .serie-a-matchweek ul li.match .match-pill[data-match-status="6"] .match-date:before {
  content: var(--label);
}
.serie-a-matchweek ul li.match .match-pill[data-match-status="5"] .match-date > *, .serie-a-matchweek ul li.match .match-pill[data-match-status="6"] .match-date > * {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill .match-score {
  background-color: hsl(var(--success));
  padding: var(--pad);
  background-color: hsl(var(--status-color));
  color: hsl(var(--background-light));
  border-radius: var(--rad);
  white-space: nowrap;
  min-width: 40px;
  justify-content: center;
  font-weight: bold;
  opacity: 1;
  line-height: 14px;
}
.serie-a-matchweek ul li.match .match-pill a[href].match-score {
  position: relative;
}
.serie-a-matchweek ul li.match .match-pill a[href].match-score::after {
  content: "🔍";
  position: absolute;
  opacity: 0;
  transition: opacity var(--ani-quick);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: hsl(var(--surface-xlight));
  display: flex;
  align-items: center;
  justify-content: center;
}
.serie-a-matchweek ul li.match .match-pill a[href].match-score:hover::after {
  opacity: 0.8;
}
.serie-a-matchweek ul li.match .match-pill .match-date {
  display: flex;
  color: hsl(var(--surface-medium));
  flex-direction: column;
  font-size: 90%;
  opacity: 0.5;
  align-items: center;
  justify-content: center;
}
.serie-a-matchweek ul li.match .match-pill .match-date .hours {
  font-size: 80%;
}
.serie-a-matchweek ul li.match .match-pill.theme-dark .match-date {
  color: hsl(var(--background-light)) !important;
}
.serie-a-matchweek ul li.match .match-pill .matchweek {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill .team-name {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--text-color);
}
.serie-a-matchweek ul li.match .match-pill .team-name.team-link:not(:focus), .serie-a-matchweek ul li.match .match-pill .team-name.team-link:not(:hover) {
  text-decoration: none;
}
.serie-a-matchweek ul li.match .match-pill .team-home {
  order: 10;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.serie-a-matchweek ul li.match .match-pill .team-home .team-name {
  order: 2;
  margin-left: 8px;
}
.serie-a-matchweek ul li.match .match-pill .match-score {
  order: 20;
  white-space: nowrap;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(12px, 3vw, 90%);
  margin: 0 var(--gap);
}
.serie-a-matchweek ul li.match .match-pill .match-score .score-divider {
  margin: 0 5px;
}
.serie-a-matchweek ul li.match .match-pill .match-date {
  order: 20;
  font-size: clamp(12px, 3vw, 90%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  color: var(--soft-color);
}
.serie-a-matchweek ul li.match .match-pill .match-date .hours {
  font-size: 12px;
}
.serie-a-matchweek ul li.match .match-pill .match-location {
  display: none;
}
.serie-a-matchweek ul li.match .match-pill .team-away {
  order: 30;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.serie-a-matchweek ul li.match .match-pill .team-away .team-name {
  margin-right: 8px;
}
.serie-a-matchweek ul li.match .match-pill .team-badge {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///H:/Projects/Fantacalcio/src/Presentation/FantacalcioWeb/wwwroot/css/pages/widgets/serie-a-matchweek.scss%22,%22file:///H:/Projects/Fantacalcio/src/Presentation/FantacalcioWeb/wwwroot/css/pages/shareds/_match-status.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;ECxChB;EACA;;AAIA;EAEI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKA;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;AAAA;AAAA;EAGI;;AASR;EACI;;AAMJ;EACI;;AAGJ;EAxFJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkFQ;EACI;;AAGJ;EACI;;AAMZ;EACI;EAvGJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkGA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;ADjFY;EACI;;AAGJ;EACI;EACA;EACA;;AAGI;EAEI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA%22%7D */