.odds-wrap {
  max-width: 620px;
  margin: auto; }
  .odds-wrap.dark .legaue-wrap {
    color: #f5f5f5; }
    .odds-wrap.dark .legaue-wrap .l_heading {
      background: #1d1d1d;
      background: linear-gradient(180deg, #1c1c1c 48%, #373737 100%); }
      .odds-wrap.dark .legaue-wrap .l_heading .arrow svg {
        fill: #f5f5f5; }
      .odds-wrap.dark .legaue-wrap .l_heading .l_emblem {
        background: #ddd;
        padding: 5px;
        border-radius: 3px; }
    .odds-wrap.dark .legaue-wrap .matches .swiper-button-next:after,
    .odds-wrap.dark .legaue-wrap .matches .swiper-button-prev:after {
      color: #f5f5f5; }
    .odds-wrap.dark .legaue-wrap .matches .match {
      background: #e7e5e5;
      background: linear-gradient(180deg, #1c1c1c 48%, #373737 100%); }
      .odds-wrap.dark .legaue-wrap .matches .match .info svg {
        fill: #ddd; }
  .odds-wrap .legaue-wrap {
    margin-bottom: 5px; }
    .odds-wrap .legaue-wrap.show .matches {
      height: auto; }
    .odds-wrap .legaue-wrap.show .l_heading .arrow svg {
      transform: rotate(180deg); }
    .odds-wrap .legaue-wrap .l_heading {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 1rem;
      padding: 10px;
      background: #d9d9d9;
      background: linear-gradient(180deg, #d9d9d9 48%, #b0b0b0 100%);
      border-radius: 5px;
      cursor: pointer; }
      .odds-wrap .legaue-wrap .l_heading .l_emblem {
        height: 50px;
        width: 50px; }
        .odds-wrap .legaue-wrap .l_heading .l_emblem img {
          height: 100%;
          width: 100%;
          object-fit: contain;
          object-position: center;
          margin: 0; }
      .odds-wrap .legaue-wrap .l_heading .l_title {
        font-size: 1em;
        font-weight: bold; }
      .odds-wrap .legaue-wrap .l_heading .arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-grow: 1; }
        .odds-wrap .legaue-wrap .l_heading .arrow svg {
          width: 20px;
          height: 20px; }
    .odds-wrap .legaue-wrap .matches {
      height: 0;
      overflow: hidden;
      width: 100%; }
      .odds-wrap .legaue-wrap .matches.show {
        height: auto; }
      .odds-wrap .legaue-wrap .matches .swiper-button-next:after,
      .odds-wrap .legaue-wrap .matches .swiper-button-prev:after {
        color: #000; }
      .odds-wrap .legaue-wrap .matches .swiper-pagination {
        bottom: -4px; }
      .odds-wrap .legaue-wrap .matches .match {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: .5rem;
        background: #e7e5e5;
        background: linear-gradient(180deg, #e7e5e5 48%, #bdbdbd 100%);
        padding: 1rem;
        margin-top: 5px;
        border-radius: 5px; }
        .odds-wrap .legaue-wrap .matches .match .bgvs {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
        .odds-wrap .legaue-wrap .matches .match .overflow-link {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
        .odds-wrap .legaue-wrap .matches .match .info {
          position: absolute;
          top: 5px;
          right: 5px; }
          .odds-wrap .legaue-wrap .matches .match .info svg {
            width: 20px;
            height: 20px;
            fill: #655a5a; }
        .odds-wrap .legaue-wrap .matches .match .m_date {
          flex-basis: 100%;
          text-align: center; }
        .odds-wrap .legaue-wrap .matches .match .odds {
          flex-shrink: 0;
          flex-basis: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .odds-wrap .legaue-wrap .matches .match .odds span {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .8em;
            color: #fff; }
            .odds-wrap .legaue-wrap .matches .match .odds span.win1 {
              background: green;
              border-top-left-radius: 3px;
              border-bottom-left-radius: 3px; }
            .odds-wrap .legaue-wrap .matches .match .odds span.winx {
              background: orange; }
            .odds-wrap .legaue-wrap .matches .match .odds span.win2 {
              background: red;
              border-top-right-radius: 3px;
              border-bottom-right-radius: 3px; }
        .odds-wrap .legaue-wrap .matches .match .odds-new {
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: #949799;
          width: 100%;
          height: 40px;
          border-radius: 5px;
          color: #f5f5f5; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-left {
            flex-grow: 1;
            flex-shrink: 1;
            padding-inline-end: 10px;
            text-align: center; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-right {
            flex-grow: 1;
            flex-shrink: 1;
            padding-inline-start: 10px;
            text-align: center; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn {
            display: flex;
            position: relative;
            z-index: 0;
            align-items: center;
            justify-content: center;
            min-height: 45px;
            margin-top: -1px;
            margin-bottom: -1px;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
            background-color: #6c952b;
            transition: all 0.5s;
            padding-left: 13px;
            padding-right: 13px;
            color: #f5f5f5;
            text-decoration: none; }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn::before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              z-index: -1;
              background-color: #6c952b;
              transform-origin: bottom;
              transition: all 0.5s;
              left: 0;
              right: 0;
              transform: skew(24deg); }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn::after {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              z-index: -1;
              background-color: #6c952b;
              transform-origin: bottom;
              transition: all 0.5s;
              left: 0;
              right: 0;
              transform: skew(-24deg); }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn:hover {
              box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
              background-color: #88bb38; }
        .odds-wrap .legaue-wrap .matches .match .team {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          flex-basis: 30%;
          text-align: center;
          padding: 10px;
          border: 2px solid transparent;
          border-radius: 5px; }
          .odds-wrap .legaue-wrap .matches .match .team.winner {
            border-color: #b1c5a4; }
          .odds-wrap .legaue-wrap .matches .match .team .t_name {
            height: 2.2em;
            line-height: 1.1em;
            text-overflow: ellipsis;
            overflow: hidden; }
          .odds-wrap .legaue-wrap .matches .match .team .t_emblem {
            height: 80px;
            width: 80px;
            margin-bottom: 10px; }
            .odds-wrap .legaue-wrap .matches .match .team .t_emblem img {
              height: 100%;
              width: 100%;
              object-fit: contain;
              object-position: left;
              margin: 0; }
        .odds-wrap .legaue-wrap .matches .match .score {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px; }
          .odds-wrap .legaue-wrap .matches .match .score span {
            font-size: 2em;
            font-weight: bold; }

@media only screen and (max-width: 768px) {
  .odds-wrap .legaue-wrap .l_heading .l_title {
    font-size: .8em; }

  .odds-wrap .legaue-wrap .matches .match {
    flex-direction: column; }

  .odds-wrap .legaue-wrap .matches .match .odds {
    width: 100%; } }

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