.basket-gr-widget-container .widget-summary-standings {
  width: 100%; }
  .basket-gr-widget-container .widget-summary-standings .widget-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column nowrap;
    margin-bottom: 22px;
    gap: 25px; }
    @media only screen and (min-width: 768px) {
      .basket-gr-widget-container .widget-summary-standings .widget-header {
        flex-flow: row wrap; } }
    .basket-gr-widget-container .widget-summary-standings .widget-header .widget-title {
      flex: 1;
      font-size: 2em;
      color: #333333;
      margin: 0; }
    .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-wrapper {
      display: flex;
      align-items: center;
      flex-flow: column nowrap;
      gap: 10px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-wrapper {
          flex: 3;
          flex-flow: row nowrap; } }
      .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-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-summary-standings .widget-header .widget-filter-wrapper .widget-filter {
            max-width: 225px; } }
        .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-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-summary-standings .widget-header .widget-filter-wrapper .widget-filter:hover {
          cursor: pointer; }
        .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-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-summary-standings .widget-header .widget-filter-wrapper .widget-filter .widget-filter-content {
              width: 88%; } }
          .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-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-summary-standings .widget-header .widget-filter-wrapper .widget-filter .widget-filter-content .widget-filter-option:hover {
              background: var(--primary-color);
              color: #ffffff; }
        .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-wrapper .widget-filter.active::after {
          transform: rotate(270deg); }
        .basket-gr-widget-container .widget-summary-standings .widget-header .widget-filter-wrapper .widget-filter.active .widget-filter-content {
          opacity: 1;
          visibility: visible; }
  .basket-gr-widget-container .widget-summary-standings .widget-content {
    overflow: auto; }
    .basket-gr-widget-container .widget-summary-standings .widget-content .scores {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse; }
      .basket-gr-widget-container .widget-summary-standings .widget-content .scores thead {
        background: var(--primary-color);
        color: #fff;
        text-align: left; }
        .basket-gr-widget-container .widget-summary-standings .widget-content .scores thead tr {
          background-color: var(--primary-color); }
          .basket-gr-widget-container .widget-summary-standings .widget-content .scores thead tr th {
            white-space: nowrap;
            padding: 7px;
            line-height: 14px;
            text-align: center; }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores thead tr th:nth-child(1) {
              text-align: left; }
            @media only screen and (min-width: 768px) {
              .basket-gr-widget-container .widget-summary-standings .widget-content .scores thead tr th {
                padding: 20px;
                font-size: 1.1em; } }
      .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody {
        color: #333333; }
        .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr {
          border-bottom: 1px solid #d5d5d5; }
          .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td {
            padding: 23px 10px; }
            @media only screen and (min-width: 768px) {
              .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td {
                padding: 23px 18px;
                font-size: 1.1em; } }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-badge {
              position: relative;
              min-width: 48px;
              min-height: 32px;
              padding: 0; }
              .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-badge > .badge-wrapper {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center; }
                .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-badge > .badge-wrapper .badge {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 32px;
                  aspect-ratio: 1;
                  color: #fff;
                  font-size: 0.7em;
                  padding: 0;
                  border-radius: 50%; }
                  .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-badge > .badge-wrapper .badge.orange-badge {
                    background: #ff6600; }
                  .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-badge > .badge-wrapper .badge.blue-badge {
                    background: var(--primary-color); }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-image {
              text-align: center; }
              .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-image img {
                width: 100%;
                max-width: 27px; }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-name {
              white-space: nowrap; }
              @media only screen and (min-width: 768px) {
                .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-name {
                  font-size: 1.05em; } }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-points {
              font-weight: 900;
              text-align: center; }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-matches {
              text-align: center; }
            .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr td.team-wins-losts {
              text-align: center; }
          .basket-gr-widget-container .widget-summary-standings .widget-content .scores tbody tr.divider-line td {
            border-bottom: 4px solid var(--primary-color) !important; }