.league-chips[_ngcontent-ng-c3134356718] { border-top-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; }
.league-chips[_ngcontent-ng-c3134356718] .league-btn-list[_ngcontent-ng-c3134356718] { display: flex; align-items: center; column-gap: 0.625rem; }
.league-chips[_ngcontent-ng-c3134356718] .league-btn[_ngcontent-ng-c3134356718] { min-height: 2.25rem; min-width: 4.75rem; max-width: 10rem; flex-shrink: 0; font-size: 0.875rem; }
@media (min-width: 1024px) {
  .league-chips[_ngcontent-ng-c3134356718] .league-btn[_ngcontent-ng-c3134356718] { min-height: 2.625rem; }
}
.league-chips[_ngcontent-ng-c3134356718] .league-btn.btn-outline[_ngcontent-ng-c3134356718] { --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); color: hsl(var(--tertiary-900) / .7); }
@media (min-width: 1024px) {
  .league-chips[_ngcontent-ng-c3134356718] .league-btn.btn-outline[_ngcontent-ng-c3134356718]:hover { background-color: hsl(var(--tertiary-100) / .5); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
}
.league-chips[_ngcontent-ng-c3134356718] .league-btn[_ngcontent-ng-c3134356718] .league-btn-label[_ngcontent-ng-c3134356718] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.league-chips[_ngcontent-ng-c3134356718] .dragscroll-container[_ngcontent-ng-c3134356718] { margin-left: -0.375rem; margin-right: -0.375rem; }