@charset "utf-8";

[_nghost-ng-c1541476087] { --stb-image-color: 62 135 152; --stb-image-aspect-ratio: 1 / 1.15; --stb-circle-color: 255 206 133; --stb-shadow-color: 0 0 0; --stb-card-border-radius: 18px; --stb-image-border-radius: 20px; --stb-icon-size: 16px; --stb-text-height: 40px; }

@media screen and (min-width: 1536px) {
  [_nghost-ng-c1541476087] { --stb-card-border-radius: 22px; }
}

.sport-card-bg.layer-1[_ngcontent-ng-c1541476087] { position: absolute; top: 4px; left: 0px; z-index: 1; width: 100%; height: 100%; border-radius: 20px; background: linear-gradient(360deg, rgb(6, 158, 206), rgb(31, 102, 158) 34.48%); mask-image: url(restored-3abfc2072e21b9d4.svg); mask-repeat: no-repeat; mask-position: center bottom; mask-size: cover; clip-path: polygon(100% 0px, 98% 88%, 73% 95%, 50% 97%, 27% 95%, 2% 88%, 0px 0px); }

.sport-card-bg.layer-1[_ngcontent-ng-c1541476087]::before { position: absolute; top: -3px; left: 3px; width: calc(100% - 6px); aspect-ratio: var(--stb-image-aspect-ratio); border-radius: 18px; background: linear-gradient(rgb(44, 44, 44) 38%, rgb(54, 54, 54) 95%, rgb(249, 249, 249)); content: ""; }

@media screen and (min-width: 768px) {
  .sport-card-bg.layer-1[_ngcontent-ng-c1541476087] { clip-path: polygon(100% 0px, 98% 88%, 75% 95%, 50% 97%, 25% 95%, 2% 88%, 0px 0px); }
}

@media screen and (min-width: 1920px) {
  .sport-card-bg.layer-1[_ngcontent-ng-c1541476087] { clip-path: polygon(100% 0px, 98% 90%, 75% 95%, 50% 97%, 25% 95%, 2% 90%, 0px 0px); }
}

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] { position: absolute; top: 4px; left: 6px; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; width: calc(100% - 12px); aspect-ratio: var(--stb-image-aspect-ratio); border-radius: 16px; background-color: rgb(var(--stb-image-color)); }

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__circle[_ngcontent-ng-c1541476087] { position: absolute; bottom: -70%; left: -20%; width: 140%; aspect-ratio: 1 / 1; transition: transform var(--stb-sidebars-transition-time); pointer-events: none; }

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__circle[_ngcontent-ng-c1541476087]::before, .sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__circle[_ngcontent-ng-c1541476087]::after { position: absolute; inset: 0px; border-radius: 99em; transition: opacity var(--stb-sidebars-transition-time); content: ""; }

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__circle[_ngcontent-ng-c1541476087]::before { background-image: radial-gradient(circle,rgb(var(--stb-yellow-100)),rgb(var(--stb-yellow-100)/.6) 50%,rgb(var(--stb-yellow-100)/0) 70%); }

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__circle[_ngcontent-ng-c1541476087]::after { opacity: 0; background-image: radial-gradient(circle, rgb(255, 206, 133), rgba(255, 206, 133, 0.88) 22%, rgba(255, 206, 133, 0.78) 43%, rgba(0, 0, 0, 0) 70%); }

.sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__back-image[_ngcontent-ng-c1541476087] { position: absolute; top: -108px; width: 300px; max-width: none; height: 300px; transition: transform var(--stb-sidebars-transition-time); }

@media screen and (min-width: 1536px) {
  .sport-card-image-bg.layer-2[_ngcontent-ng-c1541476087] .sport-card__back-image[_ngcontent-ng-c1541476087] { top: -180px; width: 500px; height: 500px; }
}

.sport-card-border[_ngcontent-ng-c1541476087] { z-index: 3; border-image: url(restored-4f9454ea449a652b.webp) 30 / 20px / 0 stretch; background-repeat: no-repeat; transform-style: preserve-3d; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .sport-card-border[_ngcontent-ng-c1541476087] { border-image: url(8ddb373fc5a77c4cfb60.webp) 60 / 20px / 0 stretch; }
}

@media screen and (min-width: 1536px) {
  .sport-card-border[_ngcontent-ng-c1541476087] { border-image-width: 25px; }
}

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] { position: relative; z-index: 4; }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-space[_ngcontent-ng-c1541476087] { aspect-ratio: var(--stb-image-aspect-ratio); }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card__icon[_ngcontent-ng-c1541476087] { width: var(--stb-icon-size); height: var(--stb-icon-size); }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card__icon[_ngcontent-ng-c1541476087] img[_ngcontent-ng-c1541476087] { width: 100%; height: 100%; object-fit: contain; }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-image[_ngcontent-ng-c1541476087] { position: absolute; top: 0px; width: 100%; aspect-ratio: var(--stb-image-aspect-ratio); border-radius: var(--stb-image-border-radius); }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-image__inner-wrapper[_ngcontent-ng-c1541476087] { position: absolute; bottom: 7px; left: 3px; overflow: hidden; width: calc(100% - 6px); height: 300px; border-radius: 16px; }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-image__inner-wrapper[_ngcontent-ng-c1541476087] img { position: absolute; bottom: -6px; left: 0px; width: 100%; aspect-ratio: 118 / 145; transition: transform var(--stb-sidebars-transition-time); }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-content[_ngcontent-ng-c1541476087] { display: grid; align-content: end; justify-items: center; padding: 0px 0px 20px; }

@media screen and (min-width: 1280px) {
  .sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card-content[_ngcontent-ng-c1541476087] { padding-bottom: 24px; }
}

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card__text[_ngcontent-ng-c1541476087] { font-size: 14px; font-weight: 700; line-height: 1.2; display: grid; align-content: center; height: var(--stb-text-height); margin-top: 6px; margin-bottom: 2px; padding: 0px 10px; text-align: center; text-transform: uppercase; color: rgb(var(--stb-white)/.8); }

.sport-card-image-wrapper.layer-4[_ngcontent-ng-c1541476087] .sport-card__text[_ngcontent-ng-c1541476087] span[_ngcontent-ng-c1541476087] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }

.sport-card-overlap-workaround.layer-5[_ngcontent-ng-c1541476087] { position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; }

.sport-card-overlap-workaround.layer-5[_ngcontent-ng-c1541476087] .sport-card-border[_ngcontent-ng-c1541476087] { width: 100%; clip-path: polygon(0px 25%, 100% 25%, 100% 100%, 0% 100%); }

.category-card[_ngcontent-ng-c1541476087] { position: relative; padding: 4px 3px 0px; border-radius: var(--stb-card-border-radius); }

@media (hover: hover) and (pointer: fine) {
  .category-card[_ngcontent-ng-c1541476087]:hover .sport-card__back-image[_ngcontent-ng-c1541476087] { transform: rotate(-30deg); }
  .category-card[_ngcontent-ng-c1541476087]:hover .sport-card-image__inner-wrapper[_ngcontent-ng-c1541476087] img { transform: scale(1.05); }
  .category-card[_ngcontent-ng-c1541476087]:hover .sport-card__circle[_ngcontent-ng-c1541476087] { transform: scale(1.2) translateY(-10%); }
  .category-card[_ngcontent-ng-c1541476087]:hover .sport-card__circle[_ngcontent-ng-c1541476087]::before { opacity: 0; }
  .category-card[_ngcontent-ng-c1541476087]:hover .sport-card__circle[_ngcontent-ng-c1541476087]::after { opacity: 1; }
}

.skeleton[_nghost-ng-c1541476087] .sport-card-image[_ngcontent-ng-c1541476087], .skeleton [_nghost-ng-c1541476087] .sport-card-image[_ngcontent-ng-c1541476087] { opacity: 0; }

.skeleton[_nghost-ng-c1541476087]::after, .skeleton [_nghost-ng-c1541476087]::after { z-index: 6; }