

/* Start:/local/templates/tm_waveanapa/components/bitrix/news.detail/sr_athletes_detail/style.css?17878175736367*/
.sr-athlete-layout {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 2.5rem;
}

.sr-athlete-v2-gradient {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 22, 34, 0.05)), color-stop(60%, rgba(17, 22, 34, 0.2)), to(var(--color-black-card-bg, #000)));
   background: -webkit-linear-gradient(top, rgba(17, 22, 34, 0.05) 0%, rgba(17, 22, 34, 0.2) 60%, var(--color-black-card-bg, #000) 100%);
   background: -o-linear-gradient(top, rgba(17, 22, 34, 0.05) 0%, rgba(17, 22, 34, 0.2) 60%, var(--color-black-card-bg, #000) 100%);
   background: linear-gradient(180deg, rgba(17, 22, 34, 0.05) 0%, rgba(17, 22, 34, 0.2) 60%, var(--color-black-card-bg, #000) 100%);
}

.sr-athlete-hero-card {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: minmax(30rem, 42rem) 2rem 1fr;
   grid-template-columns: minmax(30rem, 42rem) 1fr;
   gap: 2rem;
}

.sr-athlete-photo-wrapper {
   position: relative;
   border-radius: calc(var(--border-radius--16) - 0.4rem);
   overflow: hidden;
   aspect-ratio: 4 / 5;
}

.sr-athlete-photo--shadow {
   -webkit-box-shadow: 0 0px 2rem rgba(0, 0, 0, 0.3);
   box-shadow: 0 0px 2rem rgba(0, 0, 0, 0.3);
}

.sr-athlete-photo {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: var(--sr-transition);
   -o-transition: var(--sr-transition);
   transition: var(--sr-transition);
}

.sr-athlete-hero-card:hover .sr-athlete-photo {
   -webkit-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
}

.sr-athlete-progress-card {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 0.5rem 0.5rem 0.5rem 0;
}

.sr-athlete-progress-list {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 1rem;
}

.sr-athlete-progress-item.sr-inner-wrapper-box {
   padding: 1.25rem;
}

.sr-athlete-progress-item:hover {
   border-color: var(--color-blue-600);
   background: rgba(255, 255, 255, 0.05);
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   transform: translateY(-2px);
}

.sr-athlete-progress-item span {
   font-size: 1.8rem;
   font-weight: 700;
   color: var(--color-white);
   display: block;
   margin-bottom: 0.5rem;
}

.sr-athlete-progress-item ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0.4rem;
}

.sr-athlete-progress-item ul li {
   font-size: 1.8rem;
   color: rgba(255, 255, 255, 0.8);
   position: relative;
   padding-left: 1.25rem;
}

.sr-athlete-progress-item ul li::before {
   content: "•";
   color: var(--color-blue-600);
   position: absolute;
   left: 0;
   font-weight: bold;
}

.sr-athlete-text-content {
   font-size: 1.8rem;
   line-height: 1.7;
   color: rgba(255, 255, 255, 0.85);
}

.sr-athlete-video-flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
}

.sr-athlete-video-grid {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
}

.sr-athlete-video-item {
   position: relative;
   border-radius: var(--border-radius--08);
   overflow: hidden;
   background: var(--color-black);
   aspect-ratio: 16 / 9;
   border: 1px solid var(--color-black--01);
   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   width: 100%;
}

.sr-athlete-video-item video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.sr-athlete-progress-right-wrapper {
   position: absolute;
   inset: auto 1.25rem 1.25rem 1.25rem;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 1rem;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   z-index: 3;
}

.sr-athlete-progress-right { 
   background: var(--color-black--04);
   border: 1px solid var(--color-black--01);
   -webkit-backdrop-filter: blur(12px);
   backdrop-filter: blur(12px);
   border-radius: var(--border-radius--10);
   padding: 1rem;
   font-size: 1.6rem;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.8);
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

@media(min-width: 992px) {
   .sr-custom-scroll {
      max-height: 46rem;
      overflow-y: auto;
      padding: 0.5rem 0;
   }

   .sr-custom-scroll::-webkit-scrollbar {
      width: 5px;
   }

   .sr-custom-scroll::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.02);
      border-radius: 4px;
   }

   .sr-custom-scroll::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
   }

   .sr-custom-scroll::-webkit-scrollbar-thumb:hover {
      background: var(--color-blue-600);
   }
}

@media (max-width: 992px) {
   .sr-athlete-hero-card {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .sr-athlete-photo-wrapper {
      aspect-ratio: 16 / 10;
   }
}

@media (max-width: 576px) {
   .sr-athlete-progress-right-wrapper{
      gap: 0.5rem;
   }
   .sr-athlete-progress-right,
   .sr-athlete-text-content,
   .sr-athlete-progress-item ul li {
      font-size: 1.4rem;
   }

   .sr-athlete-block,
   .sr-athlete-hero-card {
      padding: 1.25rem;
   }

   .sr-athlete-video-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .sr-athlete-video-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }
}
/* End */
/* /local/templates/tm_waveanapa/components/bitrix/news.detail/sr_athletes_detail/style.css?17878175736367 */
