a, button, input, select, h1, h2, h3, h4, h5, * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: none;
    -webkit-font-smoothing: antialiased;
}

.bg-dark-rhs {
    background: var(--grey-950, #050615);
}


.header {
    background: var(--grey-950, #050615);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    left: 50%;
    translate: -50%;
    top: 20px;
}
.frame-2087326169 {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
._12 {
    flex-shrink: 0;
    width: 180px;
    height: 88px;
    position: relative;
    object-fit: cover;
}
.frame-2087326168 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 256px;
    position: relative;
}
.div10 {
    color: var(--grey-400, #b0b4bf);
    text-align: center;
    font-family: "Jost-Medium", sans-serif;
    font-size: 28px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}
.button-m {
    border-radius: 12px;
    border-style: solid;
    border-color: var(--red-600, #df3f1e);
    border-width: 2px;
    padding: 12px 36px 12px 36px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(--fire-box-shadow, 0px 0px 4px 2px rgba(255, 100, 57, 1));
    overflow: hidden;
}
.button5 {
    color: var(--overlay-neutral-white, #ffffff);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    min-height: 24px;
}

.btns {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    position: relative;
}
.btns2 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.button-m2 {
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.btns3 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.button-icon-m2 {
    background: var(--grey-800, #201b2e);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.icons-search {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.button-icon-m2 {
    background: var(--grey-800, #201b2e);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.icons-heart3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.button6 {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    min-height: 24px;
}
.button7 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    min-height: 24px;
}

/*главный банер*/
.center {
    border-radius: 8px;
    width: 700px;
    height: 400px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 0px;
    overflow: hidden;
}
.name {
    background: rgba(32, 27, 46, 0.8);
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 24px;
    top: 338px;
}
._99 {
    color: #ffffff;
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
}
.rate {
    background: #1bc057;
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 634px;
    top: 341px;
}
._8-4 {
    color: #ffffff;
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.badge {
    background: var(--red-600, #df3f1e);
    border-radius: 8px;
    padding: 4px 16px 6px 16px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 20px;
}
.div {
    color: var(--overlay-neutral-white, #ffffff);
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*кнопки */

.button {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    min-height: 24px;
}
.button-xl {
    text-wrap: nowrap;
}

.button-xl {
    border-radius: 16px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.raw-head-l {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.fire {
    flex-shrink: 0;
    width: 59.91px;
    height: 56px;
    position: relative;
    overflow: visible;
    aspect-ratio: 59.91 / 56;
}
.div2 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
}
.icons-arrow-right {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

/* Банер кнопка */
.sub {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    border-style: solid;
    border-color: var(--red-600, #df3f1e);
    border-width: 2px;
    padding: 18px 13px 18px 13px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0px 0px 4px 2px rgba(140, 63, 42, 1);
    overflow: hidden;
}
._2 {
    flex-shrink: 0;
    width: 24.64px;
    height: 23.22px;
    position: relative;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
    object-fit: cover;
    aspect-ratio: 24.64 / 23.22;
}
._299 {
    color: var(--overlay-neutral-white, #ffffff);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    min-height: 24px;
}

/* Ожидаемые новинки */
.card-film-l {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.img {
    border-radius: 20px;
    flex-shrink: 0;
    width: 100%;
    height: 440px;
    position: relative;
    aspect-ratio: 288 / 440;
}
.rate2 {
    background: #6ba317;
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.rate3 {
    background: #17a34a;
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.rate4 {
    background: var(--grey-500, #757b8a);
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.rate5 {
    background: #adc01b;
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
._8-4 {
    color: #ffffff;
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.badge2 {
    background: #4338e4;
    border-radius: 8px;
    padding: 4px 16px 6px 16px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: 16px;
}
.badge3 {
    background: var(--red-600, #df3f1e);
    border-radius: 8px;
    padding: 4px 16px 6px 16px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: 16px;
}
.badge4 {
    background: #f73e69;
    border-radius: 8px;
    padding: 4px 16px 6px 16px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: 16px;
}
.div {
    color: var(--overlay-neutral-white, #ffffff);
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txt {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.div3 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.frame-2087326129 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.div4 {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
}
._1973 {
    color: var(--grey-300, #cfd2d8);
    text-align: right;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
    width: 56px;
}
.n-a {
    color: var(--overlay-neutral-white, #ffffff);
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Релизы RHS */
.card-film-xl {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}
.img2 {
    border-radius: 20px;
    flex-shrink: 0;
    width: 100%;
    height: 440px;
    position: relative;
}
.div3 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Топ этой недели */
.raw-head-l2 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    height: 56px;
    position: relative;
}
.card-film-top {
    flex-shrink: 0;
    width: 382px;
    height: 556px;
    position: relative;
}
.fire3 {
    width: 280px;
    height: 261.74px;
    position: absolute;
    left: -3px;
    top: 135.6px;
    transform: translate(0px, -160.6px);
    overflow: visible;
    aspect-ratio: 280 / 261.74;
}
._10 {
    color: var(--beige-600, #feaa4e);
    text-align: center;
    font-family: "Unbounded-Bold", sans-serif;
    font-size: 72px;
    font-weight: 700;
    position: absolute;
    left: 116px;
    top: 112px;
    width: 154px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img3 {
    border-radius: 20px;
    width: 244px;
    height: 372px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    object-fit: cover;
}
/* Сериалы */
.card-film-s {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}
.img4 {
    border-radius: 16px;
    flex-shrink: 0;
    position: relative;
}
.img5 {
    border-radius: 20px;
    flex-shrink: 0;
    position: relative;
}
.img4, .img5 {
    width: auto;
    height: 280px;
    aspect-ratio: 280 / 280;
}
.badge5 {
    background: #7006c6;
    border-radius: 8px;
    padding: 4px 16px 6px 16px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: 16px;
}
.another {
    color: var(--grey-fff, #ffffff);
    text-align: center;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txt2 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.div5 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--16reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--16reg-font-size, 16px);
    line-height: var(--16reg-line-height, 22px);
    font-weight: var(--16reg-font-weight, 400);
    position: relative;
    align-self: stretch;
}
.div6 {
    color: var(--grey-300, #cfd2d8);
    /*text-align: right;*/
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
}
._2025 {
    color: var(--grey-300, #cfd2d8);
    text-align: right;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
    width: 72px;
}
._20252 {
    color: var(--grey-300, #cfd2d8);
    text-align: right;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
    width: 56px;
}


/* банеры */
.ad-banner-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326104 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

/* Дорамы */
.card-film-xs {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}
.img6 {
    border-radius: 16px;
    flex-shrink: 0;
    width: 100%;
    height: 156px;
    position: relative;
}
.img7 {
    border-radius: 20px;
    flex-shrink: 0;
    width: 100%;
    height: 156px;
    position: relative;
}


/*карточки*/
.category {
    flex-shrink: 0;
    width: 100%;
    height: 368px;
    position: relative;
}
.card2 {
    background: var(--grey-800, #201b2e);
    border-radius: 20px;
    width: 100%;
    height: 236px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 132px;
    overflow: hidden;
}
.fire15 {
    opacity: 0.7;
    width: 172px;
    height: 160px;
    position: absolute;
    left: 200px;
    top: 104px;
    overflow: visible;
}
.div9 {
    color: var(--beige-500, #fec382);
    text-align: left;
    font-family: var(--32bold-font-family, "Manrope-Bold", sans-serif);
    font-size: var(--32bold-font-size, 32px);
    font-weight: var(--32bold-font-weight, 700);
    position: absolute;
    left: 20px;
    top: 139px;
    width: 340px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.img10 {
    border-radius: 20px;
    width: 142px;
    height: 218px;
    position: absolute;
    left: 0px;
    top: 45.9px;
    transform-origin: 0 0;
    transform: rotate(-12.155deg) scale(1, 1);
    overflow: hidden;
    object-fit: cover;
}
.img11 {
    width: 142px;
    height: 218px;
    position: absolute;
    left: 80.11px;
    top: 12.84px;
    transform-origin: 0 0;
    transform: rotate(-3.348deg) scale(1, 1);
    overflow: hidden;
    object-fit: cover;
}
.img12 {
    border-radius: 20px;
    width: 142px;
    height: 218px;
    position: absolute;
    left: 181.94px;
    top: 0px;
    transform-origin: 0 0;
    transform: rotate(6.568deg) scale(1, 1);
    overflow: hidden;
    object-fit: cover;
}

/*кнопки теги*/
.categories {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.button-xl2 {
    background: var(--grey-800, #201b2e);
    border-radius: 20px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.button4 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    min-height: 24px;
}

/* текст в футере */
.txt4 {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 40px;
    align-self: stretch;
    flex-shrink: 0;
    height: 388px;
    position: relative;
    overflow: hidden;
}
.red-head-sound-red-head-sound {
    color: #ffffff;
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    left: 40px;
    top: 40px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*footer */
.footer-10 {
    background: var(--grey-950, #050615);
    border-radius: 20px 20px 0px 0px;
    width: 100%;
    height: 560px;
    position: relative;
    left: 50%;
    translate: -50%;
    bottom: 0px;
    overflow: hidden;
}
._2023-redheadsound-studio {
    color: var(--beige-500, #fec382);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: absolute;
    left: 120px;
    top: 316px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
._13 {
    width: 292px;
    height: 144px;
    position: absolute;
    left: 120px;
    top: 60px;
    object-fit: cover;
}
.frame-2087326128 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 370px;
    position: absolute;
    right: 120px;
    top: 60px;
}
.frame-2087326127 {
    display: flex;
    flex-direction: row;
    gap: 38px;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.button-icon-xl {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
}
.logo-tg {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.logo-yt {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.logo-vk {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    aspect-ratio: 1;
}
.logo-rt {
    border-radius: 6px;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
}
.button-xl3 {
    background: var(--grey-800, #201b2e);
    border-radius: 20px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.button4 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    min-height: 24px;
}
.links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 219px;
    position: absolute;
    left: 616px;
    top: 60px;
}
.button-m4 {
    border-radius: 12px;
    padding: 12px 24px 12px 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.button6 {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    min-height: 24px;
}
.button-m5 {
    border-radius: 12px;
    padding: 12px 24px 12px 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.pattern {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 434px;
}
._102 {
    flex-shrink: 0;
    width: 520px;
    height: 126px;
    position: relative;
    overflow: visible;
}
.div11 {
    color: var(--beige-500, #fec382);
    text-align: right;
    font-family: var(--14med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--14med-font-size, 14px);
    line-height: var(--14med-line-height, 20px);
    font-weight: var(--14med-font-weight, 500);
    position: absolute;
    right: 120px;
    top: 316px;
    width: 320px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.div12 {
    color: var(--beige-500, #fec382);
    text-align: right;
    font-family: var(--14med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--14med-font-size, 14px);
    line-height: var(--14med-line-height, 20px);
    font-weight: var(--14med-font-weight, 500);
    position: absolute;
    right: 120px;
    top: 342px;
    width: 216px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer-text-2 {
    font-family: var(--14med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--14med-font-size, 14px);
    line-height: var(--14med-line-height, 20px);
    font-weight: var(--14med-font-weight, 500);
}

/*Переназначаем стили*/
.text-warning {
    color: var(--beige-500, #fec382) !important;
}
.text-info {
    color: var(--grey-400, #b0b4bf) !important;
}

.bg-footer-fire {
    background-image: url(https://dev.redheadsound.studio/templates/rhs2025_v1/source/main/_106.svg);
    background-repeat: repeat-x;
    background-position: bottom;
    min-height: 360px;
}

.txt-footer-1 {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 40px;
}
.bg-footer-fire16 {
    background-image: url(https://dev.redheadsound.studio/templates/rhs2025_v1/source/main/fire16.svg);
    background-repeat: no-repeat;
    background-position: bottom 20px right 40px;
}
.fire17 {
    opacity: 0.4;
    width: 143.34px;
    height: 134.02px;
    position: absolute;
    left: 1513px;
    top: 268.68px;
    transform: translate(0px, -31.71px);
    overflow: visible;
    aspect-ratio: 143.34 / 134.02;
}


.offcanvas {
    background-color: #050615;
    color: #EFF1F5;
}
.offcanvas a {
    color: #FEC382;
}

.txt a, .txt2 a, .div4 a, .div5 a, .div6 a {
    color: var(--grey-300, #cfd2d8);
}

/* полная новость fullstory.tpl */
/*.main-content {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.card-img {
    flex-shrink: 0;
    width: 400px;
    height: 600px;
    position: relative;
}
.image-31 {
    border-radius: 20px;
    width: 400px;
    height: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: cover;
    aspect-ratio: 400 / 600;
}
.card0 {
    display: flex;
    flex-direction: column;
    gap: 44px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}
.card2 {
    background: var(--grey-900, #0c0d1d);
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 56px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.name {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.name2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.div3 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--32med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--32med-font-size, 32px);
    font-weight: var(--32med-font-weight, 500);
    position: relative;
    align-self: stretch;
}
.frame-2087326258 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.link {
    padding: 6px 0px 6px 0px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.div4 {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
}
._3 {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
}
.tags {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.tag {
    background: var(--grey-800, #201b2e);
    border-radius: 6px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}
.div5 {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--16reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--16reg-font-size, 16px);
    line-height: var(--16reg-line-height, 22px);
    font-weight: var(--16reg-font-weight, 400);
    position: relative;
}
.frame-2087326255 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.image-32 {
    border-radius: 8px;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 1;
}
.frame-2087326256 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
._4373222-imdb-logo-logos-icon-1 {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 1;
}
.info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326251 {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326214 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.frame-2087326215 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.div6 {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
}
.div7 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
}

.btns4 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.button-l {
    background: var(--red-600, #df3f1e);
    border-radius: 16px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.button4 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--20med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--20med-font-size, 20px);
    line-height: var(--20med-line-height, 24px);
    font-weight: var(--20med-font-weight, 500);
    position: relative;
    min-height: 24px;
}
.button-l2 {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.button-icon-l {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.icons-heart2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.icon-share {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.frame-2087326327 {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 530px;
    position: relative;
}
.info-block {
    background: var(--grey-900, #0c0d1d);
    border-radius: 20px;
    padding: 12px 20px 12px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 380px;
    position: relative;
    overflow: hidden;
}
.frame-2087326252 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.tab {
    padding: 6px 2px 6px 2px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.txt {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.div8 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
}
.active-line {
    background: var(--beige-500, #fec382);
    border-radius: 4px 4px 0px 0px;
    align-self: stretch;
    flex-shrink: 0;
    height: 2px;
    position: relative;
    overflow: hidden;
}
.active-line2 {
    background: var(--grey-950, #050615);
    border-radius: 4px 4px 0px 0px;
    align-self: stretch;
    flex-shrink: 0;
    height: 2px;
    position: relative;
    overflow: hidden;
}
.frame-2087326262 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
}
.div10 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.button-m4 {
    border-radius: 12px;
    padding: 12px 0px 12px 0px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.frame-2087326248 {
    background: var(--grey-900, #0c0d1d);
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326249 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.div8 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
}
.div11 {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
}
.frame-2087326325 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.grade-button {
    background: var(--grey-900, #0c0d1d);
    border-radius: 16px;
    padding: 10px 2px 10px 2px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 104px;
    position: relative;
}
.fire {
    flex-shrink: 0;
    width: 50px;
    height: 48px;
    position: relative;
    overflow: visible;
}
.fire2 {
    flex-shrink: 0;
    width: 50px;
    height: 48px;
    position: relative;
    overflow: visible;
}
.fire3 {
    flex-shrink: 0;
    width: 50px;
    height: 48px;
    position: relative;
    overflow: visible;
}
.div12 {
    color: var(--grey-300, #cfd2d8);
    text-align: center;
    font-family: var(--16reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--16reg-font-size, 16px);
    line-height: var(--16reg-line-height, 22px);
    font-weight: var(--16reg-font-weight, 400);
    position: relative;
}*/


.fullstory-series a {
    color: var(--grey-300, #cfd2d8);
    text-decoration: none;
}

.bg-card2 {
    background: var(--grey-900, #0c0d1d);
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 56px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.fullstory-name {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.fullstory-name2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.fullstory-card-img .img-fluid {
    border-radius: 20px;
    width: 400px;
    height: 600px;
    object-fit: cover;
    aspect-ratio: 400 / 600;
}

.fullstory-title {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--32med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--32med-font-size, 32px);
    font-weight: var(--32med-font-weight, 500);
    position: relative;
    align-self: stretch;
}


.fullstory-txt {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
}
.tags {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.tag {
    background: var(--grey-800, #201b2e);
    border-radius: 6px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.fullstory-rate {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
}
.fullstory-rate2 {
    background: #adc01b;
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.fullstory-rate-kinopoisk {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.fullstory-rate-imdb {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.image-32 {
    border-radius: 8px;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 1;
}
.rate-txt {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
    align-self: stretch;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.info-sound {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.info-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.info-title {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
}
.info-descript {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
}

.btns4 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.button-l {
    background: var(--red-600, #df3f1e);
    border-radius: 16px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.button-l2 {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.button-icon-l {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

nav.fullstory-tabs .nav .nav-tabs {
    border: none;
}
nav.fullstory-tabs .nav-link.active {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    background-color: transparent;
    border-color: transparent;
    border-bottom: solid 2px #fec382;

}
nav.fullstory-tabs .nav-link {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);s
}


.div10 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.max-h-260 {
    max-height: 256px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}


.fullstory-rate-user {
    background: var(--grey-900, #0c0d1d);
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.rate-user-title {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
}
.rate-user-discript {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
}
.rate-user-txt {
    color: var(--grey-300, #cfd2d8);
    text-align: center;
    font-family: var(--16reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--16reg-font-size, 16px);
    line-height: var(--16reg-line-height, 22px);
    font-weight: var(--16reg-font-weight, 400);
    position: relative;
}
.grade-button {
    background: var(--grey-900, #0c0d1d);
    border-radius: 16px;
    padding: 10px 2px 10px 2px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 104px;
    position: relative;
}
.fire {
    flex-shrink: 0;
    width: 50px;
    height: 48px;
}

.frame-2087326328 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.div13 {
    color: #ffffff;
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    align-self: stretch;
}
.season {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.button-l3 {
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    border-style: solid;
    border-color: var(--red-500, #f45e3f);
    border-width: 2px;
    padding: 16px 32px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.navigate-pages {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
    min-height: 24px;
}

.navigate-pages a {
    color: #ffffff;
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    padding: 16px 32px 16px 32px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.navigate-pages span {
    color: #ffffff;
    background: var(--grey-800, #201b2e);
    border-radius: 16px;
    border-style: solid;
    border-color: var(--red-500, #f45e3f);
    border-width: 2px;
    padding: 16px 32px 16px 32px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

/* серии сезона */
.card-series {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 280px;
    position: relative;
}
.card-series-img {
    border-radius: 16px;
    flex-shrink: 0;
    width: 280px;
    height: 280px;
    position: relative;
    object-fit: cover;
}
.txt2 {
    padding: 0px 10px 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-end;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326175 {
    padding: 0px 0px 8px 0px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
._2 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    flex: 1;
}
._43 {
    color: var(--grey-100, #eff1f5);
    text-align: right;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
}

/* Актеры */
.frame-20873261802 {
    background: var(--grey-800, #201b2e);
    border-radius: 20px;
    flex-shrink: 0;
    width: 196px;
    height: 308px;
    position: relative;
    overflow: hidden;
}
.frame-2087326179 {
    border-radius: 12px;
    width: 164px;
    height: 196px;
    position: absolute;
    left: 16px;
    top: 16px;
    overflow: hidden;
    object-fit: cover;
}
.frame-2087326181 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 168px;
    position: absolute;
    left: 16px;
    top: 224px;
}
.frame-2087326180 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}.div16 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
    align-self: stretch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.div17 {
    color: var(--grey-300, #cfd2d8);
    text-align: left;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
    align-self: stretch;
}

/* Отзывы и комментарии */
.reviews-form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 1680px;
    position: relative;
}
.frame-2087326230 {
    padding: 0px 0px 0px 2px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
._1232234 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--24med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--24med-font-size, 24px);
    line-height: var(--24med-line-height, 32px);
    font-weight: var(--24med-font-weight, 500);
    position: relative;
}
.frame-2087326229 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.list {
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.raw-1 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 810px;
    position: relative;
}
.raw-2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 810px;
    position: relative;
}
.review {
    background: var(--grey-800, #201b2e);
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326331 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.frame-2087326221 {
    display: flex;
    flex-direction: row;
    gap: 23px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.avatar {
    border-radius: 12px;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    position: relative;
    object-fit: cover;
}.username-18048024 {
    color: var(--grey-fff, #ffffff);
    text-align: left;
    font-family: var(--18med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--18med-font-size, 18px);
    line-height: var(--18med-line-height, 22px);
    font-weight: var(--18med-font-weight, 500);
    position: relative;
}
.grade-review {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    position: relative;
}
.div18 {
    color: var(--grey-fff, #ffffff);
    text-align: right;
    font-family: var(--16med-font-family, "Manrope-Medium", sans-serif);
    font-size: var(--16med-font-size, 16px);
    line-height: var(--16med-line-height, 20px);
    font-weight: var(--16med-font-weight, 500);
    position: relative;
}
.fire6 {
    flex-shrink: 0;
    width: 38px;
    height: 36px;
    position: relative;
    overflow: visible;
}
.div19 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--18reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--18reg-font-size, 18px);
    line-height: var(--18reg-line-height, 20px);
    font-weight: var(--18reg-font-weight, 400);
    position: relative;
    align-self: stretch;
}
.date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
._5-2005 {
    color: var(--grey-400, #b0b4bf);
    text-align: left;
    font-family: var(--14reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--14reg-font-size, 14px);
    line-height: var(--14reg-line-height, 20px);
    font-weight: var(--14reg-font-weight, 400);
    position: relative;
    width: 244px;
}
.frame-2087326226 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.like-counter {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.like-button {
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.icons-like3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
._13232 {
    color: var(--grey-100, #eff1f5);
    text-align: left;
    font-family: var(--16reg-font-family, "Manrope-Regular", sans-serif);
    font-size: var(--16reg-font-size, 16px);
    line-height: var(--16reg-line-height, 22px);
    font-weight: var(--16reg-font-weight, 400);
    position: relative;
    width: 50px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
