.sport-card[_ngcontent-ng-c1065193738] { position: relative; cursor: pointer; overflow: hidden; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); }
.sport-card[_ngcontent-ng-c1065193738] .sport-thumbnail[_ngcontent-ng-c1065193738] { width: 100%; }
.sport-card[_ngcontent-ng-c1065193738] .sport-thumbnail[_ngcontent-ng-c1065193738] .image[_ngcontent-ng-c1065193738] { height: 100%; min-height: 116.66px; width: 100%; background-color: hsl(var(--tertiary-700) / .15); object-fit: cover; }
.sport-card[_ngcontent-ng-c1065193738] .sport-thumbnail[_ngcontent-ng-c1065193738] .image.sport-image[_ngcontent-ng-c1065193738] { position: absolute; height: 0px; width: 0px; }
.sport-card[_ngcontent-ng-c1065193738] .sport-thumbnail[_ngcontent-ng-c1065193738] .image.sport-image.active[_ngcontent-ng-c1065193738] { position: relative; height: 100%; min-height: 116.66px; width: 100%; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] { position: absolute; left: 0.375rem; top: 0.375rem; display: flex; flex-direction: column; align-items: flex-start; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] { margin-bottom: 0.188rem; display: flex; height: 1.25rem; align-items: center; column-gap: 0.25rem; border-radius: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; text-transform: uppercase; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738]:last-child { margin-bottom: 0px; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] .icon[_ngcontent-ng-c1065193738] { height: 0.75rem; width: 0.75rem; flex-shrink: 0; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] .text[_ngcontent-ng-c1065193738] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.625rem; font-weight: 800; line-height: 1.25rem; }
.sport-card[_ngcontent-ng-c1065193738] .left-badges[_ngcontent-ng-c1065193738] .info-badge.new[_ngcontent-ng-c1065193738] { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity, 1)); }
.sport-card[_ngcontent-ng-c1065193738] .right-badges[_ngcontent-ng-c1065193738] { position: absolute; top: 0.375rem; right: 0.375rem; bottom: 74px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.sport-card[_ngcontent-ng-c1065193738] .right-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] { display: flex; height: 1.25rem; align-items: center; column-gap: 0.125rem; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.9); padding-left: 0.375rem; padding-right: 0.375rem; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.sport-card[_ngcontent-ng-c1065193738] .right-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] .icon[_ngcontent-ng-c1065193738] { height: 0.75rem; width: 0.75rem; flex-shrink: 0; }
.sport-card[_ngcontent-ng-c1065193738] .right-badges[_ngcontent-ng-c1065193738] .info-badge[_ngcontent-ng-c1065193738] .text[_ngcontent-ng-c1065193738] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 800; line-height: 1.25rem; }
.sport-card[_ngcontent-ng-c1065193738] .card-content[_ngcontent-ng-c1065193738] { position: relative; display: flex; height: 2.75rem; flex-direction: column; justify-content: center; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.5rem; }
.sport-card[_ngcontent-ng-c1065193738] .card-content[_ngcontent-ng-c1065193738]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); }
.sport-card[_ngcontent-ng-c1065193738] .card-content[_ngcontent-ng-c1065193738] .name[_ngcontent-ng-c1065193738] { position: absolute; left: 0.5rem; right: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 500; text-transform: capitalize; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
.widget[_nghost-ng-c1065193738] .sport-card[_ngcontent-ng-c1065193738] .card-content[_ngcontent-ng-c1065193738], .widget [_nghost-ng-c1065193738] .sport-card[_ngcontent-ng-c1065193738] .card-content[_ngcontent-ng-c1065193738] { border-left-width: 0.5px; border-right-width: 0.5px; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); }