.basket-gr-widget-container .widget-match {
  color: #333333;
  padding-bottom: 80px; }
  @media only screen and (min-width: 1200px) {
    .basket-gr-widget-container .widget-match {
      padding-bottom: 0; } }
  .basket-gr-widget-container .widget-match .widget-header {
    margin: 0 auto 22px auto; }
    @media only screen and (min-width: 768px) {
      .basket-gr-widget-container .widget-match .widget-header {
        margin: 0 0 38px 0; } }
    .basket-gr-widget-container .widget-match .widget-header .widget-title {
      flex: 1;
      font-size: 2em;
      color: #333333;
      margin: 0; }
      @media only screen and (min-width: 1200px) {
        .basket-gr-widget-container .widget-match .widget-header .widget-title {
          flex: 2; } }
    .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-flow: column nowrap;
      width: 100%;
      flex: 1;
      gap: 25px; }
      @media only screen and (min-width: 768px) {
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper {
          flex-flow: row nowrap; } }
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter {
        position: relative;
        width: 100%;
        color: var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
        padding-bottom: 8px;
        font-size: 1.1em; }
        @media only screen and (min-width: 768px) {
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter {
            max-width: 225px; } }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter::after {
          content: '';
          display: inline-block;
          width: 8.041px;
          height: 13.743px;
          -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8.041" height="13.743" viewBox="0 0 8.041 13.743"%3E%3Cg transform="translate(1.439 12.218) rotate(-89)"%3E%3Cpath d="M1.5,12.281l5.39-5.39L1.5,1.5" transform="translate(12.281 -1.5) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
          mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8.041" height="13.743" viewBox="0 0 8.041 13.743"%3E%3Cg transform="translate(1.439 12.218) rotate(-89)"%3E%3Cpath d="M1.5,12.281l5.39-5.39L1.5,1.5" transform="translate(12.281 -1.5) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
          -webkit-mask-size: contain;
          mask-size: contain;
          background-color: var(--primary-color);
          position: absolute;
          right: 0;
          top: 9px;
          transform: rotate(90deg);
          transition: transform 0.25s ease-in-out; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter:hover {
          cursor: pointer; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter .widget-filter-content {
          position: absolute;
          top: 40px;
          border: 1px solid;
          padding: 12px;
          width: 93%;
          background: #ffffff;
          z-index: 3;
          opacity: 0;
          visibility: hidden;
          transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; }
          @media only screen and (min-width: 768px) {
            .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter .widget-filter-content {
              width: 88%; } }
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter .widget-filter-content .widget-filter-option {
            padding: 5px;
            transition: background 0.25s ease-in-out, color 0.25s ease-in-out; }
            .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter .widget-filter-content .widget-filter-option:hover {
              background: var(--primary-color);
              color: #ffffff; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter.active::after {
          transform: rotate(270deg); }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter.active .widget-filter-content {
          opacity: 1;
          visibility: visible; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .widget-filters-wrapper .widget-filter.inactive {
          pointer-events: none; }
    .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes,
    .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase {
      display: flex;
      justify-content: space-between;
      flex-flow: column nowrap;
      gap: 30px;
      padding: 14px 0;
      border-bottom: 1px solid #d5d5d5; }
      @media only screen and (min-width: 992px) {
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase {
          align-items: center;
          flex-flow: row nowrap; } }
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes p,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase p {
        min-width: 100px;
        font-size: 1.35em;
        margin: 0;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes p,
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase p {
            text-align: left; } }
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details span.active,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details span.active {
        font-weight: 600;
        text-decoration: underline; }
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 2;
        font-size: 1.35em;
        color: var(--primary-color);
        gap: 33px;
        padding-bottom: 15px;
        overflow: auto;
        max-width: 100%; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details::-webkit-scrollbar,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details::-webkit-scrollbar,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details::-webkit-scrollbar,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details::-webkit-scrollbar {
          height: 5px; }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details::-webkit-scrollbar-thumb,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details::-webkit-scrollbar-thumb,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details::-webkit-scrollbar-thumb,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details::-webkit-scrollbar-thumb {
          background: var(--primary-color); }
        @media only screen and (min-width: 992px) {
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details,
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details,
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details,
          .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details {
            padding-bottom: 0; } }
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .agonistikes-details span:hover,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details span:hover,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .agonistikes-details span:hover,
        .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details span:hover {
          cursor: pointer;
          text-decoration: underline; }
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .agonistikes .match-phase-details span,
      .basket-gr-widget-container .widget-match .widget-header .widget-filters .match-phase .match-phase-details span {
        min-width: 60px; }
    .basket-gr-widget-container .widget-match .widget-header .widget-filters .month {
      color: var(--primary-color);
      font-size: 1.35em;
      font-weight: 600; }
  .basket-gr-widget-container .widget-match .widget-content .matches {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px; }
    .basket-gr-widget-container .widget-match .widget-content .matches.desktop-view {
      display: none; }
      @media only screen and (min-width: 992px) {
        .basket-gr-widget-container .widget-match .widget-content .matches.desktop-view {
          display: flex; } }
    @media only screen and (min-width: 992px) {
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view {
        display: none; } }
    .basket-gr-widget-container .widget-match .widget-content .matches .match {
      display: flex;
      flex-flow: column nowrap; }
      .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: column nowrap;
        gap: 10px;
        position: relative;
        border: 1px solid var(--primary-color);
        padding: 22px 15px 44px 15px; }
        @media only screen and (min-width: 992px) {
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info {
            flex-flow: row nowrap;
            padding: 44px;
            padding-top: 28px; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info > * {
              flex: 1; } }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-datetime {
          font-size: 1.05em;
          margin-bottom: 20px; }
          @media only screen and (min-width: 992px) {
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-datetime {
              margin-bottom: 0; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-datetime p {
            margin: 0; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-flow: row nowrap;
          width: 100%;
          gap: 10px; }
          @media only screen and (min-width: 992px) {
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score {
              flex: 2; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score > * {
            text-align: center; }
            @media only screen and (min-width: 992px) {
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score > * {
                flex: 1; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .team-name {
            font-size: 1.2em;
            margin: 0;
            flex: 2;
            word-break: break-all; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .team-name.home-team-name {
              text-align: right; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .team-name.visitor-team-name {
              text-align: left; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .team-logo {
            max-width: 30px;
            height: auto;
            margin: auto; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .team-points,
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-score .dash {
            font-size: 2.4em;
            color: var(--primary-color);
            font-weight: 600; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-location {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 25px;
          margin-bottom: 32px; }
          @media only screen and (min-width: 992px) {
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-location {
              margin-bottom: 0;
              gap: 5px; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .match-location p {
            margin: 0; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .details-btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 48px;
          height: 23px;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          background: var(--primary-color);
          margin: auto;
          transition: rotate 0.25s ease-in-out; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .details-btn:hover {
            cursor: pointer; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-info .details-btn.opened {
            transform: rotate(180deg); }
      .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details {
        background: #fafafa;
        display: none;
        border: 1px solid var(--primary-color);
        max-height: 0;
        border-top: 0; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper {
          display: flex;
          justify-content: space-between;
          flex: 1;
          flex-flow: column nowrap;
          margin-bottom: 30px; }
          @media only screen and (min-width: 992px) {
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper {
              flex-flow: row nowrap; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .team-info {
            display: flex;
            align-items: center;
            gap: 10px; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .team-info img {
              max-width: 20px;
              height: auto; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 5px;
            width: 100%;
            color: var(--primary-color); }
            @media only screen and (min-width: 992px) {
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats {
                flex-flow: column nowrap;
                max-width: 120px;
                gap: 0; } }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-name {
              font-size: 1.2em;
              display: flex;
              flex-flow: column nowrap; }
              @media only screen and (min-width: 992px) {
                .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-name {
                  margin-bottom: 20px; } }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-image {
              aspect-ratio: 120 / 120;
              margin-bottom: 10px; }
              @media only screen and (min-width: 992px) {
                .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-image {
                  width: 100%; } }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-points-wrapper {
              display: flex;
              flex-flow: column nowrap;
              align-items: center;
              justify-content: space-between; }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-points-wrapper .player-points {
                font-size: 1.5em;
                font-weight: 600; }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats .player-points-wrapper .points-type {
                font-size: 1.2em; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .player-stats.no-player-image {
              justify-content: space-between;
              text-align: center; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .quarters {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            flex: 0.5;
            gap: 20px;
            font-size: 1.5em;
            padding: 0 45px;
            border-left: 1px solid var(--primary-color);
            border-right: 1px solid var(--primary-color);
            text-align: center; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .quarters .quarter-item {
              flex: 1 1 calc(33.333% - 20px); }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .quarters .quarter-item.points-quarter {
                color: #707070; }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .quarters .quarter-item.quarters-label {
                color: var(--primary-color);
                font-weight: 600; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .players-tab-nav .players-tabs {
            display: flex;
            justify-content: space-between;
            gap: 5px;
            list-style-type: none;
            padding: 0; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .players-tab-nav .players-tabs .player-tab {
              background: none;
              padding: 0;
              border: 0; }
              @media only screen and (max-width: 768px) {
                .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .players-tab-nav .players-tabs .player-tab {
                  inline-size: 95px;
                  overflow-wrap: break-word; } }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .players-tab-nav .players-tabs .player-tab .player-tab-btn {
                color: var(--primary-color);
                font-size: .9em; }
              .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-details-wrapper .players-tab-nav .players-tabs .player-tab.active .player-tab-btn {
                font-weight: 600;
                text-decoration: underline; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-useful-info {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 20px;
          font-size: 1em; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-useful-info p {
            margin: 0; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-useful-info .title {
            font-size: 1.12em; }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details .match-useful-info .flex-center {
            display: flex;
            align-items: center;
            gap: 5px; }
        .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details.active {
          display: inline-table; }
          @media only screen and (min-width: 992px) {
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details.active {
              padding: 30px 44px; } }
          .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details.active .match-stats {
            padding: 0 15px 12px 15px;
            border-bottom: 2px solid var(--primary-color);
            padding-bottom: 12px; }
            .basket-gr-widget-container .widget-match .widget-content .matches .match .match-details.active .match-stats + .match-stats {
              border-bottom: 0;
              padding-bottom: 0; }
    .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .team-info {
      display: flex;
      align-items: center;
      gap: 10px; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .team-info .team-name {
        font-size: 1.2em; }
    .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .tab-content {
      display: none; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .tab-content.active {
        display: block; }
    .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .player-stats.no-player-image {
      justify-content: space-between;
      gap: 20px; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .player-stats.no-player-image .player-name,
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match .match-details .match-details-wrapper .player-stats.no-player-image .player-points-wrapper {
        flex-flow: row nowrap !important;
        gap: 5px;
        text-transform: uppercase; }
    .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .team-info {
      justify-content: center; }
    .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats {
      padding: 0 15px 12px 15px;
      border-bottom: 2px solid var(--primary-color);
      padding-bottom: 12px; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats + .match-stats {
        border-bottom: 0;
        padding-bottom: 0; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats .player-name,
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats .player-points-wrapper {
        flex-flow: row nowrap !important;
        gap: 5px;
        text-transform: uppercase; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats .player-points-wrapper .player-points {
        font-size: 2.3em !important; }
      .basket-gr-widget-container .widget-match .widget-content .matches.mobile-view .match.no-images-view .match-stats .player-points-wrapper .points-type {
        font-size: 1.5em !important; }