@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans Regular'), local('OpenSans-Regular'),
    url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans Medium'), local('OpenSans-Medium'),
    url('../fonts/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: local('OpenSans Bold'), local('OpenSans-Bold'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: local('Rubik Bold'), local('Rubik-Bold'), url('../fonts/Rubik-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ABeeZee';
  src: local('ABeeZee Regular'), local('ABeeZee-Regular'),
    url('../fonts/ABeeZee-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LapsusPro';
  src: local('LapsusPro Bold'), local('LapsusPro-Bold'), url('../fonts/LapsusPro-Bold.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


:root {
  --font-family: 'Montserrat', sans-serif;
  --second-family: 'OpenSans', sans-serif;
  --third-family: 'ABeeZee', sans-serif;
  --fourth-family: 'Rubik', sans-serif;
  --age-font: 'LapsusPro', sans-serif;
  --white: #fff;
  --black: #201e68;
  --blue: #229df2;
  --green: #55a630;
  --red: #ff4d6d;
  --yelow: #ff9b42;
  --purple: #654ad4;

  --trans-10: 0.1s ease-in-out;
  --trans-15: 0.15s ease-in-out;
  --trans-20: 0.2s ease-in-out;
  --trans-25: 0.25s ease-in-out;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding: 135px;
}
body {
  margin: 0;
  font-family: var(--font-family);
  -webkit-font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--white);

  display: flex;
  flex-direction: column;
  min-height: 100vh;

  background-image: url('../images/main-bg-2.0.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
h1,
h2,
h3,
h4 {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
}
p {
  margin: 0;
}
button {
  font-family: inherit;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
}
svg,
svg path {
  transition: var(--trans-15);
}
input {
  background-color: transparent;
  border: 0;
}
input:focus-visible,
textarea:focus-visible {
  outline: none;
}
address {
  margin: 0;
}
section {
  position: relative;
}
/* common */
.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1326px;
}
.title {
  font-weight: 800;
  font-size: 61px;
  line-height: 112%;
  color: var(--white);
}
.section-title {
  font-weight: 800;
  font-size: 46px;
  line-height: 120%;
  color: var(--white);
}
.top-page {
  margin-bottom: 48px;
}
.top-page.mb-lg {
  margin-bottom: 56px;
}
.top-page.mb-xl {
  margin-bottom: 80px;
}
.top-page .title {
  width: max-content;
  margin: 0 auto;
}
.slider-wrapper {
  position: relative;
}
.section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.section-header.mb-md {
  margin-bottom: 32px;
}
.section-header.mb-lg {
  margin-bottom: 40px;
}
.section-header .dropdown {
  width: 306px;
}
.section-header .border-btn {
  flex-shrink: 0;
  padding: 0 16px;
  min-width: 196px;
  height: 50px;
}
.section-header .border-btn span {
  transition: var(--trans-15);
}
.section-header .border-btn:hover {
  background-color: var(--white);
}
.section-header .border-btn:hover span {
  background: linear-gradient(44deg, #0e0631 0%, #3c0950 53%, #f131a4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-controls {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 48px;
}
.page-controls-search-form {
  width: 750px;
  margin-right: 20px;
  margin-bottom: 0;
}
.page-controls-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 18px;
}
.page-controls-actions .sort-btn {
  width: 132px;
  padding-left: 24px;
  justify-content: flex-start;
  white-space: nowrap;
}
.sort-btn.active img {
  transform: rotate(180deg);
}
.page-controls-tabs {
  display: flex;
}
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashed {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.b-circle {
  border-radius: 50%;
  overflow: hidden;
}
.full-slider {
  overflow: visible;
}
.no-scroll {
  overflow: hidden;
  padding-right: 15px;
}
.no-scroll .overlay {
  padding-right: 15px;
}
.dropdown-menu {
  padding: 0;
  border: 0;
}
.h-opacity {
  transition: var(--trans-15);
}
.h-opacity:hover,
.h-opacity:focus-visible {
  opacity: 0.8;
}

/* buttons */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: max-content;
  border-radius: 10px;
  transition: var(--trans-15);
}
.button.btn-with-shadow {
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
}
.white-btn {
  background-color: var(--white);
  color: var(--purple);
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 16px;
  line-height: 187%;
}
.white-btn:hover,
.white-btn:focus-visible {
  color: rgba(101, 74, 212, 0.8);
}
.white-btn:hover svg path,
.white-btn:focus-visible svg path {
  stroke: rgba(101, 74, 212, 0.8);
}
.white-btn:active {
  color: rgba(101, 74, 212, 0.7);
}
.white-btn:active svg path {
  stroke: rgba(101, 74, 212, 0.7);
}
.white-btn:disabled {
  color: rgba(32, 30, 104, 0.4) !important;
  cursor: auto;
}
.white-btn:disabled svg path {
  stroke: rgba(32, 30, 104, 0.4) !important;
}
.border-btn {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 167%;
  color: var(--white);
  border: 2px solid var(--white);
  border-radius: 10px;
}
.blue-btn {
  gap: 8px;
  border-radius: 12px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
  background-color: #0f8fe7;
  width: 100%;
}
.blue-btn:hover,
.blue-btn:focus-visible {
  background: #228ADD;
  border-color: #228ADD;
}
.purple-btn {
  background: var(--purple);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--white);
}
.purple-btn:hover,
.purple-btn:focus-visible {
  background: #5741be;
}
.purple-btn:active {
  background: #4d3bae;
}
.purple-btn:disabled {
  background: rgba(101, 74, 212, 0.6);
}

.l-purple-btn {
  background: #aa50ff;
  color: var(--white);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}
.l-purple-btn:hover,
.l-purple-btn:focus-visible {
  background: #b262ff;
}
.l-purple-btn:active {
  background: #aa50ff;
}

.action-btn {
  gap: 15px;
  border: 1px solid var(--white);
  border-radius: 16px;
  padding: 0 32px;
  height: 62px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: var(--white);
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
}
.action-btn:hover,
.action-btn:focus-visible {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.05);
}
.action-btn:hover svg path,
.action-btn:focus-visible svg path {
  stroke: rgba(255, 255, 255, 0.8);
}
.action-btn:hover::after,
.action-btn:focus-visible::after {
  opacity: .8;
}
.action-btn:active {
  border-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
  background: none;
}
.action-btn:active svg path {
  stroke: rgba(255, 255, 255, 0.7);
}
.action-btn:active::after {
  opacity: .7;
}
.tab-btn {
  border-radius: 20px;
  width: 416px;
  height: 70px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: var(--white);
}
.tab-btn:hover,
.tab-btn:focus-visible {
  background: rgba(255, 255, 255, 0.4);
}
.tab-btn.active {
  background: var(--white);
  color: var(--purple);
}

.slide-btn:hover,
.slide-btn:focus-visible {
  background-color: var(--blue);
}
.slide-btn:hover svg path,
.slide-btn:focus-visible svg path {
  fill: var(--white);
}

/* Page Navigation */
.page-navigation {
  display: flex;
  margin-top: 48px;
}
.page-navigation-btn {
  width: 290px;
  height: 50px;
  gap: 20px;
  transition: var(--trans-15);
}

/* Card */
.sh-card {
  border: none;
}
.sh-card .sh-card-image img,
.sh-card .sh-card-image video {
  transition: var(--trans-25);
}
.sh-card:hover .sh-card-image img,
.sh-card:focus-visible .sh-card-image img,
.sh-card:hover .sh-card-image video,
.sh-card:focus-visible .sh-card-image video {
  transform: scale(1.1);
}
.sh-card:hover .sh-card-title,
.sh-card:focus-visible .sh-card-title {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.l-card {
  position: relative;
}
.l-card-inner {
  display: block;
  width: 100%;
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
}
.l-card::after {
  content: '';
  position: absolute;
  cursor: pointer;
  inset: auto 0 0 0;
  height: 100px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(180deg, rgba(103, 103, 103, 0) 0%, rgba(57, 12, 122, 0.8) 100%);
}
.l-card-title {
  position: absolute;
  z-index: 2;
  inset: auto 16px 12px 16px;
  position: absolute;
  font-weight: 800;
  font-size: 24px;
  line-height: 117%;
  color: var(--white);
}
.l-card .fav-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.l-card img {
  transition: var(--trans-25);
}
.l-card:hover img,
.l-card:focus-visible img {
  transform: scale(1.1);
}
.l-card:hover .l-card-title,
.l-card:focus-visible .l-card-title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Favorite */
.fav-btn {
  border-radius: 28px;
  padding: 8px;
  width: 52px;
  height: 52px;
  background: rgba(66, 50, 133, 0.4);
  transition: var(--trans-15);
}
.fav-btn:hover,
.fav-btn:focus-visible {
  background: rgba(66, 50, 133, 0.5);
}
.fav-btn[data-checked="true"] svg path {
  fill: var(--white);
}
.fav-btn-inline[data-checked="true"] span[data-span-checked="true"] {
  display: inline;
}
.fav-btn-inline[data-checked="false"] span[data-span-checked="true"] {
  display: none;
}
.fav-btn-inline[data-checked="true"] span[data-span-checked="false"] {
  display: none;
}
.fav-btn-inline[data-checked="false"] span[data-span-checked="false"] {
  display: inline;
}

/* datepicker */
.air-datepicker {
  --adp-day-cell-width: 50px;
  --adp-day-cell-height: 50px;
  --adp-width: 374px;
  --adp-background-color: transparent;
  --adp-color: #201e68;
  --adp-cell-border-radius: 8px;
  --adp-font-size: 18px;
  --adp-color-other-month: rgba(32, 30, 104, 0.3);
  --adp-cell-background-color-selected-hover: #654ad4;
  --adp-cell-border-color-in-range: #654ad4;
  --adp-cell-background-color-in-range: rgba(101, 74, 212, 0.1);
  --adp-cell-background-color-selected: #654ad4;
  --adp-cell-background-color-in-range-hover: rgba(101, 74, 212, 0.1);
  --adp-color-current-date: #201e68;
  --adp-cell-background-color-hover: rgba(101, 74, 212, 0.1);
  --adp-font-family: var(--second-family);
  --adp-nav-color-secondary: #201e68;
  --adp-padding: 12px;
  --adp-nav-action-size: 28px;
  --adp-nav-arrow-color: #654ad4;
  --adp-background-color-hover: transparent;
  --adp-day-name-color: rgba(32, 30, 104, 0.5);
  --adp-border-color-inline: transparent;

  font-weight: 600;
}
.datepicker-drop {
  right: 0 !important;
  left: auto !important;
  background-color: transparent;
}
.air-datepicker-nav--action svg {
  width: 28px;
  height: 28px;
}
.datepicker-wrapper {
  border-radius: 10px;
  overflow: hidden;
  width: 374px;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.9);
}
.air-datepicker-body--day-name {
  font-family: var(--second-family);
  font-size: var(--adp-font-size);
  text-transform: none;
}
.air-datepicker-body--cells.-days- {
  row-gap: 4px;
}
.air-datepicker-nav {
  padding-bottom: 0;
  padding-top: 16px;
}
.calendar-btn {
  justify-content: center;
  border-radius: 12px;
  height: 52px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  width: 100%;
}
#calendarSlider .splide__track {
  overflow: hidden;
}
.datepicker-btns {
  padding: 20px 48px 24px;
  border-bottom: 1px solid rgba(32, 30, 104, 0.25);
}
#calendarSlider .splide__arrow {
  background-color: transparent;
  backdrop-filter: none;
  width: 28px;
  height: 28px;
}
#calendarSlider .splide__arrow--next {
  background-image: url('../images/icons/slide-next-purple.svg');
  left: calc(100% + 8px);
  right: auto;
}
#calendarSlider .splide__arrow--prev {
  background-image: url('../images/icons/slide-prev-purple.svg');
  right: calc(100% + 8px);
  left: auto;
}
#calendarSlider .splide__arrow:disabled {
  visibility: visible;
  opacity: 0.5;
  cursor: auto;
}

/* Breadcrumb */
.breadcrumb {
  margin-top: 22px;
  margin-bottom: 56px;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  color: var(--white);
  padding-left: 0 !important;
}
.breadcrumb-item a {
  transition: var(--trans-10);
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus-visible,
.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumb-item:not(:last-of-type)::after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../images/icons/breadcrumb-arow.svg');
  background-repeat: no-repeat;
  background-position: center center;
  padding-right: 0px;
  margin: 0 16px;
}
.breadcrumb-item::before {
  display: none;
}

/* Form Layout */
.form {
  display: flex;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.form-item > span {
  width: 200px;
  flex-shrink: 0;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
}
.form-item .input-wrapper {
  flex: 1;
}

/* Select */
.select > button {
  width: 100%;
  justify-content: space-between;
  padding-right: 23px;
}
.select > button::after {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-image: url('../images/icons/seletc-trigger.svg');
  background-repeat: no-repeat;
  background-position: center center;
  transition: var(--trans-10);
}
.select > button.show::after {
  transform: rotate(180deg);
}
.select-menu {
  border-radius: 10px;
  padding: 16px 4px 10px 10px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  max-height: 240px;
  height: auto;
  inset: 6px 0 auto 0 !important;
}
.select-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 8px;
  height: 100%;
  overflow: auto;
}
.select-list::-webkit-scrollbar {
  width: 7px;
}
.select-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.select-list::-webkit-scrollbar-thumb {
  background-color: rgba(32, 30, 104, 0.4);
  border-radius: 5px;
}
.select-list li {
  padding: 11px 16px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  border-radius: 8px;
  color: var(--black);
  transition: var(--trans-10);
  cursor: pointer;
}
.select-list li:hover,
.select-list li:focus-visible {
  background: rgba(255, 255, 255, 0.5);
}
.select-list li.active {
  background: var(--white);
}

/* Range */
.irs--round .irs-from, 
.irs--round .irs-to, 
.irs--round .irs-single,
.irs--round .irs-min, 
.irs--round .irs-max {
  display: none;
}
.irs--round {
  height: 14px;
}
.irs--round .irs-handle {
  width: 14px;
  height: 14px;
  top: 0px;
  background-color: var(--purple) !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
}
.irs--round .irs-bar {
  top: 4.5px;
  background-color: var(--purple);
  height: 6px;
}
.irs--round .irs-line {
  top: 4.5px;
  height: 6px;
  background-color: #bcbcbc;
  border-radius: 3px;
}
.price-filter-inputs {
  display: flex;
  gap: 12px;
}
.price-filter-input-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.price-filter-input-item span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.price-filter-input-item .input-wrapper input {
  height: 52px;
  border-radius: 12px;
}
.price-filter-menu {
  right: 0 !important;
  left: auto !important;
  width: 306px;
  padding: 10px;
  max-height: none;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.9);
}
.price-filter-range {
  margin: 24px 0;
}
.price-filter-range p {
  margin-top: 8px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.price-filter-submit {
  width: 100%;
  height: 50px;
}
/* Pagination */
.splide__pagination {
  position: static;
  margin-top: 20px;
  gap: 13px;
}
.splide__pagination button {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: width 0.15s ease-in;
  border-radius: 10px;
}
.splide__pagination:not(.time-pagination, .p-details-pagination) button::after {
  content: '';
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  transition: var(--trans-15);
  opacity: 0;
}
.splide__pagination:not(.time-pagination, .p-details-pagination) button.is-active {
  background: white;
  transform: none;
  opacity: 1;
}
.splide__pagination:not(.time-pagination, .p-details-pagination) button.is-active::after {
  opacity: 1;
}

.time-pagination {
  gap: 16px;
}
.time-pagination .is-active {
  transform: none;
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
  border-radius: 10px;
}
.time-pagination .timeline {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: var(--purple);
}

.time-pagination .is-active .timeline {
  animation: progress 9.5s linear .5s;
}

@keyframes progress {
  0% { width: 0%; }
  100% { width: 100%; }
}

/* Page Pagination */
.p-pagination {
  margin-top: 40px;
}
.p-pagination-container {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  width: max-content;
}
.p-pagination-list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.p-pagination-list a,
.p-pagination-list span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 44px;
  height: 44px;
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: var(--white);
  transition: var(--trans-15);
}
.p-pagination-list a:hover,
.p-pagination-list a:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.p-pagination-list span.active,
.p-pagination-list a:active {
  background: rgba(255, 255, 255, 0.2);
}

/* Slide Arrows */
.splide__arrow {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4px);
  opacity: 1;
  background-size: 22px 18px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: var(--trans-15);
}
.splide__arrow:disabled {
  visibility: hidden;
}
.splide__arrow--next {
  background-image: url('../images/icons/slide-next.svg');
}
.splide__arrow--prev {
  background-image: url('../images/icons/slide-prev.svg');
}
.splide__arrow:hover,
.splide__arrow:focus-visible {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(4px);
}

/* input */
.input-wrapper {
  position: relative;
}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea,
.bx-ui-sls-container input.bx-ui-sls-route,
.bx-ui-sls-container input.bx-ui-sls-fake  {
  padding: 0 20px;
  width: 100%;
  border: 1px solid rgba(32, 30, 104, 0.4) !important;
  border-radius: 16px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #201e68 !important;
  backdrop-filter: blur(4px) !important;
  background: rgba(255, 255, 255, 0.9) !important;

  transition: var(--trans-15);
}
.bx-ui-sls-container input.bx-ui-sls-route,
.bx-ui-sls-container input.bx-ui-sls-fake {
  height: 100%;
  padding: 0 20px !important;
}
.bx-ui-sls-container input.bx-ui-sls-route {
  z-index: 5 !important;
}
.bx-ui-sls-container input.bx-ui-sls-fake {
  z-index: 10 !important;
  backdrop-filter: none !important;
  background: transparent !important;
}
.bx-sls .bx-ui-sls-pane {
  top: 105%;
  border-radius: 16px;
  overflow: hidden;
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,
.bx-sls .bx-ui-sls-error {
  border-radius: 10px;
}
.bx-ui-sls-container input.bx-ui-sls-fake:focus-visible {
  background-color: var(--white) !important;
}

.input-wrapper input,
.bx-ui-sls-container input {
  height: 60px;
}
.input-wrapper textarea {
  padding: 16px 20px;
  width: 100%;
  border: 1px solid rgba(32, 30, 104, 0.4) !important;
  border-radius: 16px;
  resize: none;
  height: auto;
}
.bx-sls .bx-ui-sls-pane,
.bx-ui-sls-container .dropdown-icon {
  display: none;
}
/* .input-wrapper input:focus-visible,
.input-wrapper textarea:focus-visible {
  border-color: var(--dark-green);
} */
.input-wrapper input::placeholder,
.input-wrapper textarea::placeholder,
.bx-ui-sls-container input::placeholder {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: rgba(32, 30, 104, 0.6) !important;
}
.psw-eye {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
}
.input-wrapper textarea.error,
.input-wrapper input.error {
  border-color: #df2355 !important;
}
.input-wrapper textarea.valid,
.input-wrapper input.valid {
  border-color: #0b0 !important;
}
.input-file-wrapeer label.error,
.bx-ui-sls-input-block label.error, 
.input-wrapper label.error {
  position: absolute;
  top: 100%;
  left: 20px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: #f56e92;
}
.checkbox label.error {
  display: none !important;
}
.search-input-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  padding: 4px 4px 4px 24px;
  height: 64px;
  border-radius: 45px;
  background: rgba(255, 255, 255, 0.9);
}
.search-input-wrapper button {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
  text-align: center;
  color: var(--white);
  border-radius: 28px;
  width: 253px;
  height: 56px;
  background: #9341f8;
  transition: var(--trans-15);
}
.search-input-wrapper button:hover,
.search-input-wrapper button:focus-visible {
  background: #9e54f9;
}
.search-input-wrapper button:active {
  background: #a35df9;
}
.search-input-wrapper input {
  flex: 1;
  color: #201e68 !important;
}
.search-input-wrapper input,
.search-input-wrapper input::placeholder {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: rgba(32, 30, 104, 0.6);
}

/* checkbox */
.checkbox {
  position: relative;
  display: flex;
  align-items: center;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  user-select: none;
}
.checkbox input + label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.checkbox input + label::before {
  content: '';
  display: block;
  flex-shrink: 0;
  margin-right: 12px;
  width: 26px;
  height: 26px;
  border: 2px solid #654ad4;
  background-color: var(--white);
  border-radius: 5px;

  transition: border-color 0.15s ease-in-out;
}
.checkbox input:checked + label::before {
  background-image: url('../images/icons/checked.svg');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: center;
}
.checkbox input.error + label::before {
  border-color: #f56e92 !important;
}

/* breadcrumbs */
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 6px;
  margin-bottom: 40px;
}
.breadcrumbs a,
.breadcrumbs span {
  font-weight: 400;
  font-size: 14px;
  line-height: 114%;
  letter-spacing: -0.04em;
}
.breadcrumbs a span {
  text-decoration: underline;
}

/* modals */
.modal .modal-content {
  border-radius: 16px;
  background-color: var(--white);
  border: 0;
  box-shadow: none;
}
.modal .modal-body {
  padding: 48px 40px 32px 40px;
}
.modal-md .modal-dialog {
  max-width: 746px;
}
.modal-close {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 24px;
  right: 24px;
}
.modal-title {
  width: max-content;
  margin: 0 auto;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 32px;
  color: var(--black);
}
.modal-fields {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal-submit-btn {
  width: 300px;
  margin: 40px auto 0 auto;
}

.modal-field {
  display: flex;
  align-items: center;
  gap: 24px;
}
.modal-field .input-file-wrapeer,
.modal-field .input-wrapper,
.modal-field > .checkbox {
  width: 442px;
}
.modal-field-name {
  flex: 1;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--black);
}
.modal-field-name.start {
  align-self: flex-start;
  margin-top: 20px;
}

/* news */
.news-item {
  display: flex;
  flex-direction: column;
}
.news-image {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 200px;
}
.news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 15px;
}
.news-date {
  position: absolute;
  top: 8px;
  left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 20px;
  border-radius: 3px;
  background-color: var(--purple);
  color: var(--white);
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.05em;
}
.news-body {
  display: flex;
  flex-direction: column;
}
.news-name {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: -0.03em;
}

/* header */
#header {
  position: relative;
  padding-top: 35px;
}
#header .container {
  max-width: 1076px;
  padding: 0;
}
#header.is-fixed {
  inset: 0 0 auto 0;
  position: fixed;
  z-index: 100;
  border-radius: 0 0 20px 20px;
  backdrop-filter: blur(60px);
  background: rgba(255, 255, 255, 0.3);
  animation: header-in 0.15s ease-in-out;
}
#header.is-fixed .header-socials-list a {
  position: relative;
}
#header.is-fixed .header-socials-list a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  border-radius: 50%;
  bottom: -4px;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.25);
}
#header.is-fixed .header-inner {
  padding-top: 4px;
}
#header.is-fixed .header-logo {
  transform: none;
}
@keyframes header-in {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateX(0%);
  }
}
.header-online {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 1296px;
  width: 100%;
  background: #62118b;
  border-radius: 0 0 10px 10px;
  z-index: 20;
  transform: translate(-50%, calc(-100% + 35px));
  transition: var(--trans-15);
}
.header-online.show {
  transform: translate(-50%, 0);
}
.header-online-content {
  padding: 20px 15px;
  border-bottom: 1px solid rgba(85, 17, 120, 0.7);
}
.header-online-items {
  display: flex;
  gap: 18px;
}
.header-online-item {
  display: flex;
  flex: 1;
  gap: 8px;
}
.header-online-item.now {
  align-items: center;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.header-online-item-pteview {
  flex-shrink: 0;
  width: 203px;
  height: 130px;
  border-radius: 10px;
  overflow: hidden;
}
.header-online-item-top {
  display: flex;
  align-items: center;
  gap: 6px;
}
.header-online-item-time {
  width: 66px;
  height: 26px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 157%;
  color: var(--white);
}
.header-online-item.now .header-online-item-time {
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  width: auto;
  height: auto;
}
.header-online-item-now {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  font-size: 14px;
  line-height: 179%;
  text-align: center;
}
.header-online-item-name {
  margin: 4px 0 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.header-online-item-now .header-online-item-name {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.header-online-item-watch {
  gap: 7px;
  border-radius: 30px;
  width: 129px;
  height: 34px;
  background: var(--white);
  font-weight: 700;
  font-size: 14px;
  line-height: 214%;
  color: #62118b;
}
.header-online-full-programs {
  width: 250px;
  height: 41px;
  margin: 15px auto 0 auto;
}
.header-online-full-programs:hover,
.header-online-full-programs:focus-visible {
  background-color: var(--white);
  color: #62118b;
}
.header-online-trigger {
  display: flex;
  width: 100%;
  height: 35px;
  gap: 10px;
}
.header-online-trigger span {
  font-weight: 700;
  font-size: 16px;
  line-height: 187%;
  color: #fefefe;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pulse-1,
.pulse-2 {
  animation: pulse 1s linear infinite;
  transform-origin: center center;
}
.header-online.show .header-online-trigger svg {
  transform: rotate(180deg);
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 4px;
}
.header-left {
  display: flex;
  align-items: center;
  gap: 74px;
}
.header-logo {
  display: flex;
  width: 143px;
  height: 85px;
  transform: translateY(4px);
}
.header-socials-list {
  display: flex;
  align-content: center;
  gap: 10px;
}
.header-socials-list a {
  display: block;
  width: 40px;
  height: 40px;
}
.header-socials-list img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 23px;
}
.header-controls {
  display: flex;
  align-items: center;
  gap: 18px;
}
.header-auth-in {
  gap: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 167%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  border-radius: 5px;
  height: 55px;
  width: 149px;
  transition: var(--trans-15);
}
.header-auth-in:hover,
.header-auth-in:focus-visible {
  background: rgba(255, 255, 255, 0.5);
}
.header-auth-in:hover span,
.header-auth-in:focus-visible span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.header-auth-in img {
  width: 39px;
  height: 39px;
}
.header-auth-in.authorized {
  padding: 0 12px;
  width: max-content;
}
.header-auth-in.authorized span {
  white-space: nowrap;
}
.header-auth-in-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  overflow: hidden;
  background-size: contain;
}
.header-auth-in-avatar img {
  object-fit: cover;
  object-position: center;
}

.header-menu-btn svg g {
  transition: var(--trans-25);
}
.header-menu-btn:hover svg .b-1,
.header-menu-btn.show svg .b-1 {
  transform: rotate(45deg);
  transform-origin: 20% 37%;
}
.header-menu-btn:hover svg .b-2,
.header-menu-btn.show svg .b-2 {
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
}
.header-menu-btn:hover svg .b-3,
.header-menu-btn.show svg .b-3 {
  opacity: 0;
}
.header-menu {
  top: 10px !important;
  padding: 32px;
  width: 966px;
  border-radius: 16px;
  background-color: var(--white);
}
.header-menu-socials {
  margin-bottom: 32px;
}
.header-menu-socials h4 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 22px;
  line-height: 127%;
  color: var(--black);
}
.header-menu-socials ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-menu-socials ul a {
  display: flex;
  width: 56px;
  height: 56px;
}
.header-menu-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.header-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
  height: 120px;
  background: #f1f2f6;
  border-radius: 16px;
}
.header-menu-link span {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
  transition: var(--trans-15);
}
.header-menu-link:hover span,
.header-menu-link:focus-visible span {
  color: var(--purple);
}
.header-menu-link-image {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.header-menu-item:last-child {
  grid-column: span 2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.header-menu-contacts {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header-menu-contacts a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
}
.header-language-trigger {
  display: flex;
  width: 32px;
  height: 32px;
}
.header-language-trigger .language-icon-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #FDFDFD99;
  padding: 4px;
}
.header-language-trigger .language-icon-container img {
  width: 24px;
  height: 24px;
  border-width: 2px;
  border-color: #FFFFFF;
  border-style: solid;
  border-radius: 50%;
}
.header-notifications-trigger,
.header-search {
  position: relative;
  width: 28px;
  height: 28px;
}
.header-notifications-trigger.not-seen::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 3px;
  background-color: #E83A50;
}
.language-dropdown .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 12px;
  padding: 16px 0 16px 16px;
  min-width: auto;
  inset: 10px -30px auto -30px !important;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85);
}
.language-dropdown .dropdown-menu a {
  font-family: var(--second-family);
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--black);
}

.header-notifications-dropdown-menu {
  border-radius: 12px;
  padding: 24px 8px 10px 24px;
  height: auto;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85);
  min-width: auto;
  inset: 10px -185px auto -185px !important;
}
.header-notifications-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 24px;
  padding-right: 16px;
  height: 100%;
  max-height: 352px;
  overflow: auto;
}
.header-notification-item:not(:last-child) .header-notification {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(32, 30, 104, 0.2);
}
.header-notification-title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: var(--black);
}
.header-notification-descr {
  margin-bottom: 4px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--black);
}
.header-notification-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-notification-bottom span {
  position: relative;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: rgba(32, 30, 104, 0.6);
}
.header-notification-bottom span.not-seen {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-notification-bottom span.not-seen::before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #00bb00;
}
.header-notification-bottom a {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-color: var(--white);
}

/* Hero */
#hero {
  padding: 14px 0 27px;
  overflow: hidden;
}
#heroSlider {
  height: max-content;
}
#heroSlider .splide__slide:not(.is-active) .hero-slide-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
#heroSlider .splide__arrow--next {
  top: 46%;
  right: -25px;
}
#heroSlider .splide__arrow--prev {
  top: 46%;
  left: -25px;
}
#heroSlider .splide__pagination {
  margin-top: 25px;
}
.hero-slide-item {
  position: relative;
  height: 100%;
  padding: 40px;
  border-radius: 10px;
  overflow: hidden;
}
.hero-slide-gradient {
  position: absolute;
  inset: 0;
}
.hero-slide-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-width: 400px;
}
.hero-slide-item .age-limit {
  position: absolute;
  top: 15px;
  right: 15px;
}
.hero-slide-logo {
  margin-bottom: 37px;
  height: 108px;
  width: auto;
}
.hero-slide-descr {
  letter-spacing: 0.2px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
.hero-slide-look {
  gap: 15px;
  height: 52px;
  width: 172px;
  margin-top: auto;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
}
.hero-slide-look img {
  transition: var(--trans-15);
}
.hero-slide-look:hover,
.hero-slide-look:focus-visible {
  color: var(--purple);
}
.hero-slide-look:hover img,
.hero-slide-look:focus-visible img {
  transform: translateX(5px);
}
.hero-slide-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.hero-slide-preview {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--trans-25);
}
.hero-slide-preview.bg-hide {
  opacity: 0;
  visibility: hidden;
}
.hero-video-mute {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  transition: var(--trans-15);
  border-radius: 50%;
}
.hero-video-mute:hover {
  background: rgba(255, 255, 255, 0.5);
}
.hero-video-mute.muted .is-mute {
  display: block;
}
.hero-video-mute.muted .is-sound {
  display: none;
}
.hero-video-mute .is-mute {
  display: none;
}
.hero-video-mute .is-sound {
  display: block;
}
.hero-video-mute.mute-hide {
  opacity: 0;
  visibility: hidden;
}

/* Main Events */
#main-events {
  margin-bottom: 38px;
}
#mainEventsSlider {
  height: max-content;
}
#mainEventsSlider .splide__arrow--next {
  background-image: url('../images/icons/slide-next-black.svg');
  right: -25px;
  top: 50%;
}
#mainEventsSlider .splide__arrow--prev {
  background-image: url('../images/icons/slide-prev-black.svg');
  left: -25px;
  top: 50%;
}
.main-event {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 100%;
}
.main-event img {
  transition: var(--trans-15);
}
.main-event:hover img {
  transform: scale(1.2);
}
.main-event::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-radius: 10px;
  height: 75px;
  background-color: var(--white);
}
.main-event-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 114%;
  color: var(--black);
}

/* Main Cartoons */
#main-cartoons {
  margin-bottom: 81px;
}
#main-cartoons .splide__arrow--next {
  top: 46%;
  right: calc((100vw - 1296px) / 2 - 45px);
}
#main-cartoons .splide__arrow--prev {
  top: 46%;
  left: calc((100vw - 1296px) / 2 + 45px);
}
#mainCartoonsSlider {
  height: max-content;
}
#mainCartoonsSlider .splide__slide {
  border: 0;
}
.main-cartoon-item {
  height: 100%;
  width: 289px;
  border-radius: 10px;
  overflow: hidden;
}
#mainCartoonsSlider .splide__slide .main-cartoon-full {
  display: none;
}
#mainCartoonsSlider .splide__slide.is-active .main-cartoon-item {
  width: 977px;
}
#mainCartoonsSlider .splide__slide.is-active .main-cartoon-full {
  display: flex;
}
#mainCartoonsSlider .splide__slide.is-active .main-cartoon-preview {
  display: none;
}
.main-cartoon-full {
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
  padding: 30px 20px 20px 30px;
  height: 100%;
}
.main-cartoon-full .age-limit {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.main-cartoon-full video {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.main-cartoon-full-text p {
  padding-bottom: 10px;
  margin-top: 10px;
  max-width: 336px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
.main-cartoon-full-text img {
  max-width: 600px;
  height: auto;
}
.main-cartoon-full-controls {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-cartoon-full-controls a,
.main-cartoon-full-controls button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  font-weight: 700;
  font-size: 16px;
  line-height: 187%;
  color: var(--white);
  background: rgba(217, 217, 217, 0.4);
  transition: var(--trans-15);
}
.main-cartoon-full-controls a {
  width: 150px;
  border-radius: 10px;
}
.main-cartoon-full-controls button {
  width: 45px;
  border-radius: 50%;
}
.main-cartoon-full-controls a:hover,
.main-cartoon-full-controls button:hover {
  background: rgba(217, 217, 217, 0.5);
}
.hero-cartoon-mute.muted .is-mute {
  display: block;
}
.hero-cartoon-mute.muted .is-sound {
  display: none;
}
.hero-cartoon-mute .is-mute {
  display: none;
}
.hero-cartoon-mute .is-sound {
  display: block;
}

/* Main Videorolics */
#main-videorolics {
  margin-bottom: 87px;
}
#main-videorolics .splide__arrow--next {
  top: 45%;
  right: calc((100vw - 1296px) / 2 + 10px);
}
#main-videorolics .splide__arrow--prev {
  top: 45%;
  left: calc((100vw - 1296px) / 2 + 10px);
}
#main-videorolics .splide__pagination {
  margin-top: 30px;
}
#mainVideosSlider {
  height: max-content;
}
.videorolic {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 10px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(103, 103, 103, 0) 40%, #3a2886 88.5%);
  cursor: pointer;
}
.videorolic-bg {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.videorolic-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: var(--white);
  text-underline-offset: 3px;
}
.videorolic .videorolic-bg video,
.videorolic .videorolic-bg img {
  position: absolute;
  inset: 0;
  transition: var(--trans-15);
}
.videorolic .videorolic-bg video {
  opacity: 0;
  visibility: hidden;
}
.videorolic:hover .videorolic-title {
  text-decoration: underline;
}
.videorolic:hover .videorolic-bg img {
  opacity: 0;
  visibility: hidden;
}
.videorolic:hover .videorolic-bg video {
  opacity: 1;
  visibility: visible;
}

/* Main Blogers */
#main-blogers {
  margin-bottom: 103px;
}
#main-blogers .splide__arrow--next {
  top: 32%;
  right: calc((100vw - 1296px) / 2 - 60px);
}
#main-blogers .splide__arrow--prev {
  top: 32%;
  left: calc((100vw - 1296px) / 2 - 60px);
}
#main-blogers .splide__pagination {
  margin-top: 33px;
}
#mainBlogersSlider {
  height: max-content;
}
.bloger-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bloger-item.square .bloger-item-name {
  color: #ff6d53;
}
.bloger-item.star .bloger-item-name {
  color: #ffa818;
}
.bloger-item.triangle .bloger-item-name {
  color: var(--purple);
}
.bloger-item.circle .bloger-item-name {
  color: #a0cc4c;
}

.bloger-item-avatar {
  margin-bottom: 16px;
}
.bloger-item-avatar {
  position: relative;
  width: 306px;
  height: 306px;
}
.bloger-item-sm .bloger-item-avatar,
.bloger-item-sm .bloger-item-character {
  width: 196px;
  height: 196px;
  margin: 0;
}
.bloger-item .bloger-item-character {
  position: relative;
  width: 100%;
  height: 100%;
}
.bloger-item-avatar > svg,
.bloger-item .bloger-item-character svg {
  position: absolute;
  inset: 0;
  width: 106%;
  height: 100%;
}
.bloger-item-avatar > svg:last-of-type,
.bloger-item-character svg:last-of-type {
  opacity: 0;
  visibility: hidden;
}
.bloger-item:hover .bloger-item-avatar > svg:last-of-type,
.bloger-item:hover .bloger-item-character svg:last-of-type {
  opacity: 1;
  visibility: visible;
}
.bloger-item:hover .bloger-item-avatar > svg:first-of-type,
.bloger-item:hover .bloger-item-character svg:first-of-type {
  opacity: 0;
  visibility: hidden;
}

.bloger-item-character img {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: auto;
}
.bloger-item-name {
  margin-bottom: 6px;
  font-weight: 800;
  font-size: 25px;
  text-align: center;
  transition: var(--trans-15);
}
.bloger-item-for-who {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--white);
}
.bloger-item-sm .bloger-item-name {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  position: absolute;
  font-size: 22px;
  line-height: 127%;
  top: calc(100% + 16px);
}
.bloger-item-sm .bloger-item-avatar:hover + .bloger-item-name {
  opacity: 1;
  visibility: visible;
}
#videorolicsBlogersSlider .splide__track {
  overflow: visible;
}

/* Main TV Projects */
#main-tv-projects {
  margin-bottom: 90px;
}
#main-tv-projects .splide__arrow--next {
  top: 45%;
  right: calc((100vw - 1296px) / 2 - 185px);
}
#main-tv-projects .splide__arrow--prev {
  top: 45%;
  left: calc((100vw - 1296px) / 2 - 185px);
}
#main-tv-projects .section-header {
  margin-bottom: 12px;
}
#mainTvProjectsSlider {
  height: max-content;
}
.main-tv-project-item {
  display: block;
  padding: 15px;
  border-radius: 10px;
  background: rgba(57, 12, 122, 0.4);
  backdrop-filter: blur(4px);

  transition: var(--trans-15);
}
.main-tv-project-image {
  position: relative;
  margin-bottom: 10px;
  height: 223px;
  border-radius: 10px;
  overflow: hidden;
}
.main-tv-project-image .age-limit {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  border-width: 2px;
}
.main-tv-project-title {
  margin-bottom: 5px;
  font-weight: 800;
  font-size: 28px;
  transition: var(--trans-15);
}
.main-tv-project-descr {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 139%;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main-tv-project-item:hover,
.main-tv-project-item:focus-visible {
  background: rgba(86, 44, 137, 0.6);
}

/* Month Top */
#month-top {
  margin-bottom: 100px;
}
#month-top .splide__arrow--next {
  top: 32%;
  right: calc((100vw - 1296px) / 2 - 80px);
}
#month-top .splide__arrow--prev {
  top: 32%;
  left: calc((100vw - 1296px) / 2 - 80px);
}
#monthTopSlider {
  height: max-content;
}
.monts-top-item {
  position: relative;
  display: block;
  padding-left: 116px;
}
.monts-top-place {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 15%;
  font-family: var(--fourth-family);
  font-weight: 700;
  font-size: 250px;
  line-height: 75%;
  background: linear-gradient(180deg, #fff 0%, rgba(129, 73, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: var(--trans-15);
}
.monts-top-place-first {
  left: 0;
}
.monts-top-place-second {
  left: -12px;
}
.monts-top-place-third {
  left: -9px;
}
.monts-top-place-forth {
  left: -12px;
}
.monts-top-card {
  display: block;
}
.monts-top-card-image {
  margin-bottom: 5px;
  width: 100%;
  height: 229px;
  border-radius: 10px;
  overflow: hidden;
}
.monts-top-card-image .age-limit {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 24px;
  height: 24px;
  z-index: 2;
  border-width: 2px;
  font-size: 12px;
  line-height: 250%;
  letter-spacing: 0.05em;
}
.monts-top-card-image img {
  transition: var(--trans-25);
  transform-origin: center center;
}
.monts-top-card-title {
  font-weight: 800;
  font-size: 25px;
  transition: var(--trans-15);
}
.monts-top-card-title {
  margin-bottom: 7px;
  font-weight: 800;
  font-size: 25px;
}
.monts-top-card-descr {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
}
.monts-top-item:hover .monts-top-card-image img {
  transform: scale(1.1);
}
.monts-top-item:hover .monts-top-card-title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.monts-top-item:hover .monts-top-place {
  -webkit-text-fill-color: white;
}

/* Main Gallery */
#main-gallery {
  margin-bottom: 100px;
}
#main-gallery .splide__arrow--next {
  top: 32%;
  right: calc((100vw - 1296px) / 2 - 185px);
}
#main-gallery .splide__arrow--prev {
  top: 32%;
  left: calc((100vw - 1296px) / 2 - 185px);
}
#main-gallery .section-header {
  margin-bottom: 17px;
}
#main-gallery .splide__pagination {
  margin-top: 24px;
}
#mainGallerySlider {
  height: max-content;
}
.main-gallery-item {
  display: block;
  padding: 10px 10px 15px 10px;
  background: rgba(66, 50, 133, 0.6);
  border-radius: 10px;
}
.main-gallery-image {
  height: 269px;
  border-radius: 3px;
  overflow: hidden;
}
.main-gallery-image img {
  transition: var(--trans-25);
}
.main-gallery-body {
  padding: 0 5px 5px 5px;
}
.main-gallery-date {
  font-weight: 600;
  font-size: 16px;
  line-height: 219%;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.55);
  transition: var(--trans-15);
}
.main-gallery-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  color: var(--white);
  transition: var(--trans-15);
}
.main-gallery-item:hover .main-gallery-image img {
  transform: scale(1.1);
}
.main-gallery-item:hover .main-gallery-title {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.main-gallery-item:hover .main-gallery-date {
  color: var(--white);
}

/* Main Reader */
/* #main-reader {
  margin-bottom: 151px;
} */
#mainReaderSlider .splide__arrow--next {
  top: calc(100% + 10px);
  left: 47%;
  bottom: auto;
  transform: rotate(90deg);
}
#mainReaderSlider .splide__arrow--prev {
  bottom: calc(100% + 10px);
  left: 47%;
  top: auto;
  transform: rotate(90deg);
}
#mainReaderMobSlider {
  margin: 0 -15px;
  height: max-content;
}
.main-reader-wrapper {
  display: flex;
  gap: 10px;
}
.main-reader-big {
  width: 416px;
  height: 558px;
}
.main-reader-big-card {
  display: block;
  padding: 10px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  transition: var(--trans-15);
}
.main-reader-big-image {
  height: 281px;
  border-radius: 10px;
  overflow: hidden;
}
.main-reader-big-image img {
  transition: var(--trans-25);
}
.main-reader-big-body {
  padding: 0 6px;
}
.main-reader-big-card-date {
  font-weight: 600;
  font-size: 16px;
  line-height: 219%;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.5);
  transition: var(--trans-15);
}
.main-reader-big-card-title {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 22px;
  line-height: 118%;
  color: var(--white);
  transition: var(--trans-15);
}
.main-reader-big-card-descr {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.6px;
  line-height: 135%;
  color: var(--white);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.main-reader-list {
  flex: 1;
}
.main-reader-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 10px 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  transition: var(--trans-15);
}
.main-reader-card-image {
  flex-shrink: 0;
  height: 159px;
  width: 226px;
  border-radius: 10px;
  overflow: hidden;
}
.main-reader-card-image img {
  transition: var(--trans-25);
}
/* .main-reader-card-body {
  padding: 9px 0;
} */
.main-reader-card-date {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.5);
  transition: var(--trans-15);
}
.main-reader-card-title {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 25px;
  letter-spacing: 0.3px;
  line-height: 120%;
  color: var(--white);
  transition: var(--trans-15);
}
.main-reader-card-descr {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: var(--white);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#mainReaderSlider article {
  height: 100%;
}
.vertical-pagination {
  position: absolute;
  right: -32px;
}
.main-reader-big-card:hover {
  background: rgba(255, 255, 255, 0.2);
}
.main-reader-big-card:hover .main-reader-big-image img {
  transform: scale(1.1);
}
.main-reader-big-card:hover .main-reader-big-card-title {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.main-reader-big-card:hover .main-reader-big-card-date {
  color: var(--white);
}
.main-reader-card:hover {
  background: rgba(255, 255, 255, 0.2);
}
.main-reader-card:hover .main-reader-card-image img {
  transform: scale(1.1);
}
.main-reader-card:hover .main-reader-card-title {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.main-reader-card:hover .main-reader-card-date {
  color: var(--white);
}

/* Footer */
#footer {
  margin-top: 120px;
  padding-top: 35px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
}
.footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  width: 278px;
  height: 163px;
}
.footer-phone {
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 700;
  font-size: 26px;
  color: var(--white);
}
.footer-main-nav ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 24px;
}
.footer-main-nav ul a {
  font-weight: 700;
  font-size: 22px;
  color: var(--white);
}
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.footer-subnav span {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 22px;
  color: var(--white);
}
.footer-subnav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 50px;
}
.footer-links > .footer-subnav:last-of-type ul {
  column-gap: 55px;
}
.footer-subnav ul a {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 17px;
  color: var(--white);
}
.footer-socials-list {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-left: 46px;
}
.footer-content {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(240, 240, 240, 0.1);
}
.footer-inner {
  position: relative;
}
.footer-inner::before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: -48px;
  width: 157px;
  height: 243px;
  background-image: url('../images/footer-man.png');
}
.footer-inner::after {
  content: '';
  position: absolute;
  bottom: -46px;
  right: -48px;
  width: 124px;
  height: 251px;
  background-image: url('../images/footer-girl.png');
}
.footer-bottom {
  padding: 13px 0;
}
.footer-bottom p {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: var(--white);
}

/* Cartoons */
.videoarchive-controls-tabs {
  display: flex;
  gap: 24px;
}
.cartoons-list {
  gap: 32px 0;
}

/* C Details */
.c-details-promo {
  margin-bottom: 80px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  overflow: hidden;
}
.c-details-promo-image {
  position: relative;
  width: 100%;
  height: 360px;
  border-radius: 16px;
  overflow: hidden;
}
.c-details-promo-actoins {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.c-details-promo-image .fav-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.c-details-promo-image .fav-btn svg {
  width: 35px;
  height: 35px;
}
.c-details-promo-show-text {
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
  width: 290px;
  height: 60px;
  backdrop-filter: blur(8px);
  background: rgba(66, 50, 133, 0.4);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
  transition: var(--trans-15);
}
.c-details-promo-show-text:hover,
.c-details-promo-show-text:focus-visible {
  background: rgba(66, 50, 133, 0.5);
}
.c-details-promo-show-text:not(.collapsed) svg {
  transform: rotate(180deg);
}
.c-details-promo-show-text:not(.collapsed) span:first-of-type {
  display: inline;
}
.c-details-promo-show-text:not(.collapsed) span:last-of-type {
  display: none;
}
.c-details-promo-show-text.collapsed span:first-of-type {
  display: none;
}
.c-details-promo-show-text.collapsed span:last-of-type {
  display: inline;
}
.c-details-promo-body {
  padding: 32px 110px 24px 110px;
}
.c-details-promo-body p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  text-align: justify;
  color: var(--white);
}

.c-details-cartoons {
  margin-bottom: 80px;
}
.c-details-cartoons-actions {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
  margin-bottom: 32px;
}
.c-details-cartoons-actions .select {
  width: 306px;
}
.c-details-cartoon-current-nav {
  margin-top: 26px;
  display: flex;
}
.c-details-cartoon-current-nav-next,
.c-details-cartoon-current-nav-prev {
  width: 290px;
  height: 50px;
  gap: 10px;
  font-size: 18px;
  transition: var(--trans-15);
}
.c-details-cartoon-current-nav-next:hover,
.c-details-cartoon-current-nav-prev:hover {
  color: rgba(101, 74, 212, 0.8);
}
.c-details-cartoon-current-nav-next {
  margin-left: auto;
}
.c-details-cartoon-current-image {
  margin-bottom: 15px;
  border-radius: 16px;
  overflow: hidden;
  height: 460px;
}
.c-details-cartoon-current-title {
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 28px;
  color: var(--white);
}
.c-details-cartoon-current-descr {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  color: var(--white);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.c-details-cartoons-list-wrapper {
  border-radius: 24px;
  padding: 18px 10px 18px 18px;
  height: 619px;
  background: rgba(255, 255, 255, 0.2);
}
.c-details-cartoons-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  overflow: auto;
  padding-right: 18px;
  scrollbar-gutter: stable;
}
.c-details-cartoons-list::-webkit-scrollbar {
  width: 8px;
}
.c-details-cartoons-list::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 7px;
}
.c-details-cartoons-list::-webkit-scrollbar-thumb {
  background-color: var(--white);
  border-radius: 5px;
}
.c-details-cartoon {
  cursor: pointer;
}
.c-details-cartoon-image {
  position: relative;
  margin-bottom: 10px;
  border-radius: 12px;
  overflow: hidden;
  height: 200px;
}
.c-details-cartoon-duration {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 26px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(32, 30, 104, 0.3);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
}
.c-details-cartoon-title {
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 24px;
  line-height: 117%;
  color: var(--white);
}
.c-details-cartoon-descr {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  color: var(--white);
}
.plyr--video,
.plyr__video-wrapper,
#videoplayer {
  height: 100%;
}
.plyr__poster {
  background-position: center;
  background-color: transparent;
  background-size: cover;
}
.c-details-cartoons .select-list {
  overflow: auto;
  max-height: 200px;
}
.c-details-cartoons .select-list::-webkit-scrollbar {
  width: 8px;
}
.c-details-cartoons .select-list::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.c-details-cartoons .select-list::-webkit-scrollbar-thumb {
  background-color: rgba(32, 30, 104, 0.4);
  border-radius: 5px;
}

.details-apply {
  backdrop-filter: blur(4px);
  background: rgba(57, 12, 122, 0.4);
  padding: 32px 32px 24px 32px;
  border-radius: 16px;
  overflow: hidden;
  background-image: url('../images/apply-bg.png');
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-position: right -2px center;
}
.details-apply-title {
  max-width: 600px;
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 33px;
  letter-spacing: -0.3px;
  line-height: 125%;
  color: var(--white);
}
.details-apply-descr {
  max-width: 600px;
  margin-bottom: 32px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: justify;
  color: var(--white);
}
.details-apply-btn {
  margin-bottom: 12px;
  font-size: 18px;
  width: 203px;
  height: 48px;
}
.details-apply-ps {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  text-align: justify;
  color: rgba(255, 255, 255, 0.55);
}
.details-apply-end {
  padding-top: 63px;
  padding-bottom: 24px;
  background-position: right -2px top -32px;
}
.c-detils-text-block {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 32px 110px;
  margin-bottom: 32px;
}
.c-detils-contest {
  margin-top: 64px;
}
.c-detils-contest .section-header {
  margin-bottom: 32px;
}
.c-detils-text-block br {
  line-height: 100%;
}

.c-detils-text-block p {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 145%;
  text-align: justify;
  color: var(--white);
}
.c-detils-text-block-links {
  display: flex;
  gap: 12px;
  margin: 24px 0;
}
.c-detils-text-block-links a {
  gap: 15px;
  border-radius: 10px;
  padding: 14px 16px 14px 22px;
  height: 54px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--white);
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.2);
  transition: var(--trans-15);
}
.c-detils-text-block-links a:hover,
.c-detils-text-block-links a:focus-visible {
  background: rgba(255, 255, 255, 0.25);
}
.c-detils-text-block-links a:active {
  background: rgba(255, 255, 255, 0.3);
}
.c-detils-text-block-links > a:first-of-type {
  background: linear-gradient(44deg, #9341f8 0%, #da47ff 100%);
}
.c-detils-text-block-links > a:first-of-type:hover,
.c-detils-text-block-links > a:first-of-type:focus-visible {
  background: linear-gradient(44deg, #9341f8 0%, #da47ff 100%);
  opacity: 0.9;
}
.c-detils-text-block-links > a:first-of-type:active {
  background: linear-gradient(44deg, #9341f8 0%, #da47ff 100%);
  opacity: 0.8;
}

.c-detils-winners {
  margin-bottom: 80px;
}
.c-detils-winners .section-header {
  margin-bottom: 32px;
}
.c-detils-winners-list {
  row-gap: 32px;
}
.c-detils-winner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.c-detils-winner-image {
  width: 120px;
  height: 120px;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.c-detils-winner-name {
  font-weight: 700;
  font-size: 22px;
  line-height: 127%;
  color: var(--white);
}
#similarProgramsSlider {
  height: max-content;
}
#similarProgramsSlider .splide__arrow--next {
  right: -25px;
}
#similarProgramsSlider .splide__arrow--prev {
  left: -25px;
}
.similar-cartoons {
  height: max-content;
}
.similar-cartoons .section-header {
  margin-bottom: 32px;
}
.similar-cartoons .section-header .border-btn {
  width: auto;
  padding: 0 24px;
}
/* Videorolics */
#videorolicsBlogersSlider {
  height: max-content;
}
#videorolicsBlogersSlider .splide__arrow--next {
  top: 50%;
  right: calc((100vw - 1296px) / 2 - 25px);
}
#videorolicsBlogersSlider .splide__arrow--prev {
  top: 50%;
  left: calc((100vw - 1296px) / 2 - 25px);
}
.videorolics-blogers {
  padding-bottom: 100px;
  overflow: hidden;
}
.videorolics-blogers .section-header {
  margin-bottom: 30px;
}
.videorolics-list-wrapper .section-header {
  margin-bottom: 30px;
}
.videorolics-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.videorolics-list .videorolic {
  height: 425px;
}

/* Bloger */
.bloger-block {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0 auto;
  margin-bottom: 100px;
  width: 100%;
  max-width: 856px;
}
.bloger-avatar {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.bloger-name {
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 40px;
  color: var(--white);
}
.bloger-descr {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
}
.bloger-links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bloger-links {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bloger-link {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 30px;
  padding: 0 12px 0px 24px;
  height: 56px;
  width: max-content;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  transition: var(--trans-15);
}
a.bloger-link:hover,
a.bloger-link:focus-visible {
  background: rgba(255, 255, 255, 0.5);
}
.bloger-link-social {
  padding: 0;
  width: 56px;
}
.bloger-hobby {
  height: 50px;
}
.bloger-hobby img {
  width: 40px;
  height: 40px;
}
.bloger-avatar-character {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: contain;
}
.bloger-avatar-character img {
  object-fit: contain;
  max-width: 100%;
}

/* Reader */
.reader-controls-tabs {
  gap: 24px;
}
.reader-controls-tabs .tab-btn {
  padding: 0 24px;
  width: max-content;
  min-width: 212px;
}
.reader-list {
  row-gap: 24px;
}
.reader-top-page {
  margin-bottom: 32px;
}
.reader-card {
  height: 100%;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: var(--trans-15);
}
.reader-card:hover,
.reader-card:focus-visible {
  background: rgba(255, 255, 255, 0.2);
}
.reader-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.reader-card-image {
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
}
.reader-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 12px 16px 16px 16px;
}
.reader-card-tag {
  margin-bottom: 6px;
  width: max-content;
  padding: 0 12px;
  height: 30px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  overflow: hidden;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
  color: #0f8fe7;
}
.reader-card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 128px;
}
.reader-card-title {
  margin-bottom: 13px;
  font-weight: 800;
  font-size: 22px;
  line-height: 118%;
  color: var(--white);
}
.reader-card-descr {
  margin-top: auto;
  margin-bottom: 9px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 125%;
  color: var(--white);
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.reader-card-date {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 137%;
  color: rgba(255, 255, 255, 0.5);
}
/* Reader Details */
.r-details-wrapper {
  padding: 32px 110px 40px 110px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.r-details-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.r-details-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 48px;
}
.r-details-head-top {
  display: flex;
  align-items: center;
}
.r-details-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  padding: 0 24px;
  height: 42px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.8);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: #229df2;
}
.r-details-date {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
  margin-left: auto;
}
.r-details-title {
  font-size: 53px;
  letter-spacing: -0.2px;
}
.r-details-image {
  float: left;
  width: 526px;
  height: 360px;
  margin-bottom: 40px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 40px;
}
.r-details-descr {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 145%;
  color: var(--white);
}
.r-details-descr br {
  line-height: 100%;
}
.r-details-photos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.r-details-photos-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.r-details-photos-list img {
  height: 235px;
  border-radius: 12px;
}
.r-details-photos-source {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
}
.r-details-secondary {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.r-details-subtext {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  color: var(--white);
}
.r-details-secondary-bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.r-details-news-source {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}
.r-details-advertising {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}

/* Specials */
.specials-controls {
  margin-top: 0px;
}
.specials-item {
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
  width: 100%;
  height: calc(100vh - 128px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.specials-item-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-end;
}
.specials-item-actions .fav-btn {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
.specials-item-actions .fav-btn svg {
  width: 40px;
  height: 40px;
}
.specials-item-actions .white-btn {
  width: 169px;
  height: 50px;
  font-size: 18px;
  gap: 12px;
}

/* Photoalboms */
.photoalbom-image {
  position: relative;
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 8px;
}
.photoalbom-date {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 4px;
  border-radius: 12px;
  padding: 8px 24px;
  height: 42px;
  background: rgba(255, 255, 255, 0.8);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--purple);
}
.photoalbom-title {
  padding: 0 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  color: var(--white);
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.photoalboms-list {
  row-gap: 32px;
}

/* Photoalbom */
#photoalbom .top-page .title {
  width: auto;
}
.photoalbom-photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 204px;
  gap: 24px;
}
.photoalbom-photos > .photoalbom-photo-wrapper:first-of-type {
  grid-column: span 2;
  grid-row: span 2;
}
.photoalbom-photo {
  cursor: pointer;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.photoalbom-photo-wrapper {
  position: relative;
}
.photoalbom-photo-wrapper .fav-btn {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  width: 50px;
  height: 50px;
}
.photoalbom-photo img {
  transition: var(--trans-25);
}
.photoalbom-photo:hover img,
.photoalbom-photo:focus-visible img {
  transform: scale(1.1);
}

.photoalbom-modal .modal-dialog {
  max-width: none;
}
.photoalbom-modal .modal-content {
  background-color: transparent;
}
.photoalbom-modal .modal-body {
  padding: 0;
}
.photoalbom-modal .modal-close {
  width: 50px;
  height: 50px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  right: calc((100vw - 1060px) / 2 - 40px);
  top: auto;
  bottom: 100%;
  transition: var(--trans-15);
}
.photoalbom-modal .modal-close:hover {
  background: rgba(255, 255, 255, 0.5);
}
.photoalbom-lb-item {
  margin: 0 auto;
  width: 1060px;
  padding: 8px;
  border-radius: 12px;
  background-color: var(--white);
}
.photoalbom-lb-item-image {
  margin-bottom: 24px;
  height: 706px;
}
.photoalbom-lb-item-image img {
  border-radius: 12px;
}
.photoalbom-lb-item-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 22px 16px 22px;
}
.photoalbom-lb-item-actions button {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--purple);
}
.photoalbom-lb-item-actions button[data-checked="true"] svg path {
  fill: var(--purple);
}
#contestVoteModal .splide__arrow--prev,
#photoalbomSlider .splide__arrow--prev {
  left: calc((100vw - 1060px) / 2 - 50px - 16px);
}
#contestVoteModal .splide__arrow--next,
#photoalbomSlider .splide__arrow--next {
  right: calc((100vw - 1060px) / 2 - 50px - 16px);
}

/* Search */
.search-block {
  margin-top: 72px;
}
.search-block .section-header {
  margin-bottom: 32px;
}
.search-block .section-header .border-btn {
  width: auto;
  padding: 0 22px;
}
.search-block .splide__arrow--next {
  right: -25px;
}
.search-block .splide__arrow--prev {
  left: -25px;
}
#searchNewsSlider .splide__arrow {
  top: 90px;
}
.search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-empty-title {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 45px;
  line-height: 120%;
  color: var(--white);
}
.search-empty-descr {
  margin-bottom: 48px;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--white);
}
.search-empty-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.search-empty-links a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 20px;
  width: 300px;
  height: 100px;
  border-radius: 16px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.85);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: var(--purple);
  transition: var(--trans-15);
  background-position: right bottom -2px;
  background-repeat: no-repeat;
}
.search-empty-links a svg {
  transform: translateY(2px);
}
.search-empty-links a:hover,
.search-empty-links a:focus-visible {
  background-color: rgba(255, 255, 255, 0.95);
}
.search-empty-links a:active {
  background-color: white;
}
.empty-link {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 20px;
  width: 300px;
  height: 100px;
  border-radius: 24px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.85);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: var(--purple);
  transition: var(--trans-15);
  /* background-image: url('../images/popcorn.png'); */
  background-size: contain;
  background-position: right -10px bottom;
  background-repeat: no-repeat;
}
.empty-link svg {
  transform: translateY(2px);
}
.empty-link:hover,
.empty-link:focus-visible {
  background-color: rgba(255, 255, 255, 0.95);
  color: var(--purple);
}
.empty-link:active {
  background-color: white;
  color: var(--purple);
}

/* Shop */
.shop-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.shop-page-controls {
  margin-top: 56px;
}
.shop-controls-actions {
  gap: 24px;
}
.shop-controls-actions .dropdown {
  width: 260px;
}
.shop-controls-actions .dropdown .action-btn {
  white-space: nowrap;
  padding-right: 22px;
}
.shop-title-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.shop-title-links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.shop-title-link {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  transition: var(--trans-15);
}
.shop-title-link:hover,
.shop-title-link:focus-visible {
  background: rgba(255, 255, 255, 0.95);
}
.shop-title-link:active {
  background: rgba(255, 255, 255, 1);
}
.shop-title-link-count {
  position: absolute;
  top: -6px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #aa50ff;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
.shop-list {
  row-gap: 56px;
  --bs-gutter-x: 1.4rem;
}

/* Product Card */
.prod-card-image {
  display: block;
  position: relative;
  margin-bottom: 16px;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}
.prod-card-image-wrapper {
  position: relative;
}
.prod-card .fav-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 50px;
  height: 50px;
}
.prod-card-body {
  padding: 0 12px;
}
.prod-card-title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--white);
}
.prod-card-price {
  margin-bottom: 21px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 26px;
  line-height: 138%;
  color: var(--white);
}
.prod-card-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.prod-card-buy {
  gap: 16px;
  border-radius: 12px;
  height: 54px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
  width: 100%;
}
.prod-card-buy svg {
  transform: translate(-5px, 2px);
}
.prod-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 122px;
  flex-shrink: 0;
}
.prod-amoun-btn {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.prod-amount-value input {
  width: 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: var(--white);
  text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Product Details */
#pDetailsImages {
  overflow: hidden;
}
.p-details-main {
  margin-bottom: 94px;
}
.p-details-image {
  height: 500px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.p-details-pagination {
  gap: 16px;
  margin-top: 1px;
  margin-left: 10px;
}
.p-details-pagination button.splide__pagination__page {
  width: 16px;
  height: 16px;
  transform: none;
  background-color: transparent;
  border: 2px solid white;
  opacity: 1;
}
.p-details-pagination button.splide__pagination__page.is-active {
  background-color: white;
}
.p-details-info {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  padding: 32px 24px 0px 24px;
  height: 500px;
  display: flex;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.2);
}
.p-details-info-unauth {
  padding-bottom: 32px;
}
.p-details-prices {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 30px;
}
.p-details-price {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 40px;
  line-height: 90%;
  color: var(--white);
}
.p-details-old-price {
  font-family: var(--second-family);
  text-decoration: line-through;
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.6);
}
.p-details-descr {
  padding-right: 16px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  text-align: justify;
  color: var(--white);
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  line-clamp: 8;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.p-details-actoins {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}
.p-details-favotite-wrapper button {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-weight: 600;
  font-size: 22px;
  width: 100%;
  line-height: 127%;
  gap: 15px;
}
.p-details-favotite-wrapper button[data-checked="true"] svg path {
  fill: white;
}
.p-details-favotite-wrapper button svg path {
  stroke: white;
  stroke-width: 2px;
}
.p-details-favotite-wrapper button svg {
  width: 24px;
}
.p-detail-buy-action {
  display: flex;
  align-items: center;
  gap: 24px;
}
.p-details-buy {
  height: 60px;
  gap: 12px;
}
.p-details-fav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
  height: 60px;
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
  color: var(--white);
}
.p-details-similar-products .section-header .border-btn {
  width: 152px;
}
.p-details-similar-products .section-header {
  margin-bottom: 30px;
}
.p-details-similar-products {
  margin-bottom: 80px;
}
#similarProductsSlider .splide__arrow {
  top: 30%;
}
#similarProductsSlider .splide__arrow--next {
  right: -25px;
}
#similarProductsSlider .splide__arrow--prev {
  left: -25px;
}
.p-details-faq .section-header {
  margin-bottom: 32px;
}
/* FAQ */
.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-accordion-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: var(--white);
  padding: 28px 32px;
}
.faq-accordion-button::after {
  content: '';
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../images/icons/seletc-trigger.svg');
  background-repeat: no-repeat;
  background-size: 18px 11px;
  background-position: center;
  transition: var(--trans-20);
}
.faq-accordion-item {
  border-radius: 12px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.2);
}
.faq-accordion-body {
  padding: 0 32px 28px 32px;
}
.faq-accordion-body p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  color: var(--white);
}
.faq-accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

/* Background Info */
#bg-info .top-page {
  margin-bottom: 58px;
}
.bg-info-nav {
  position: sticky;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 16px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 10px;
}
.bg-info-nav a {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
  letter-spacing: 0px;
}
.bg-info-nav a.active {
  font-weight: 700;
}
.bg-info-blocks {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 32px;
  border-radius: 16px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.15);
}
.bg-info-block-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.bg-info-block h3 {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 36px;
  line-height: 122%;
  text-align: start;
  letter-spacing: 0.4px;
  color: var(--white);
}
.bg-info-block p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  color: var(--white);
}
.bg-info-block img {
  width: 400px;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  object-fit: cover;
}

/* About */
.about-controls-tabs {
  row-gap: 20px;
}
.about-page-controls {
  gap: 32px;
}
.about-page-controls .page-controls-actions {
  gap: 24px;
}
.about-controls-tabs .tab-btn {
  width: 100%;
}
.about-poster {
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  height: 400px;
}
.about-block {
  padding: 32px 110px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
}
.about-block-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.about-block h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 122%;
  text-align: justify;
  letter-spacing: 0.45px;
}
.about-block p {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 145%;
  text-align: justify;
}
.about-block br {
  line-height: 20px;
}
.about-block img {
  width: 526px;
  height: 360px;
  object-fit: cover;
  border-radius: 12px;
}
.about-block ul {
  list-style: disc;
  padding-left: 30px;
  padding-right: 2px;
}
.about-block ul li {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 146%;
  text-align: justify;
}
.about-block ul li::marker {
  font-size: 13px;
}
/* Managment */
.management-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.management-inline {
  display: flex;
  align-items: center;
  gap: 57px;
  padding-left: 33px;
}
.management-inline-position {
  margin-bottom: 10px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
}
.management-inline-name {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 36px;
  line-height: 122%;
  letter-spacing: 0.5px;
  text-align: center;
}
.management-inline-mail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.management-inline-mail span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.management-inline-mail a {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 28px;
  text-align: center;
}
.management-avatar {
  width: 240px;
  height: 240px;
  border-radius: 32px;
  overflow: hidden;
}
.management-inline-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.management-list {
  margin-top: 40px;
  row-gap: 64px;
}
.management-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.management-card .management-avatar {
  margin-bottom: 20px;
}
.management-card-name {
  margin-bottom: 8px;
  width: 101%;
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
}
.management-card-position {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

/* Advertising */
.advertising-top-programs {
  margin-bottom: 80px;
}
.advertising-top-programs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 312px);
  gap: 24px;
}
.advertising-program-card {
  border-radius: 16px;
  overflow: hidden;
}
.advertising-program-card-big {
  grid-column: span 2;
  grid-row: span 2;
}
.advertising-program-card:not(.advertising-program-card-big) {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.2);
}
.advertising-program-card-image {
  margin-bottom: 16px;
  position: relative;
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
}
.advertising-program-card-big .advertising-program-card-image {
  height: 509px;
  margin-bottom: 24px;
}
.advertising-program-card-body {
  padding-inline: 16px;
}
.advertising-program-card-title {
  margin-bottom: 4px;
  font-weight: 800;
  font-size: 22px;
  line-height: 127%;
}
.advertising-program-card-big .advertising-program-card-title {
  font-size: 32px;
  margin-bottom: 8px;
}
.advertising-program-card-descr {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--white);
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.advertising-program-card-big .advertising-program-card-descr {
  font-size: 20px;
}
.advertising-program-card-place {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 94px;
  height: 94px;
  border: 6px solid var(--white);
  border-radius: 50px;
  background-color: #df2355;
  box-shadow: 0 4px 6px 0 rgba(32, 30, 104, 0.2);
  font-weight: 800;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}
.advertising-program-card-big .advertising-program-card-place {
  top: 9px;
  right: 9px;
}
.advertising-info {
  margin-bottom: 80px;
}
.advertising-info-blocks {
  row-gap: 24px;
}
.advertising-info-block {
  display: flex;
  gap: 24px;
  height: 200px;
  padding: 24px;
  overflow: hidden;
  border-radius: 16px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.25);
}
.advertising-info-block img {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.advertising-info-block p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
}
.advertising-price-list {
  margin-bottom: 80px;
}
.advertising-price-list-link {
  padding-left: 7px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: justify;
  color: rgba(255, 255, 255, 0.55);
}
.advertising-price-list-link span {
  display: inline-block;
  margin-right: 8px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--white);
}
.advertising-contact {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.advertising-contact-image {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  border-radius: 32px;
}
.advertising-contact-body h4 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
}
.advertising-contact-position {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 127%;
}
.advertising-contact-info {
  margin-bottom: 12px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 127%;
  color: rgba(255, 255, 255, 0.8);
}
.advertising-contact-info a {
  margin-left: 5px;
  font-weight: 700;
  color: var(--white);
}
.advertising-contact-info span {
  display: inline-block;
  margin-left: 5px;
  color: var(--white);
}

/* Partners */
.partner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partners-row-list {
  row-gap: 48px;
}
.partner-image {
  margin-bottom: 20px;
  width: 100%;
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
}
.partner-name {
  margin-bottom: 8px;
  width: 101%;
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
}
.partner-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
}

/* Contacts */
.contacts-blocks {
  row-gap: 24px;
}
.contacts-block {
  display: flex;
  height: 100%;
  padding: 32px;
  gap: 40px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
}
.contacts-block-col {
  display: flex;
  flex-direction: column;
  gap: 26px;
  max-width: 384px;
}
.contacts-block-big > .contacts-block-col:last-of-type {
  transform: translateX(-27px);
}
.contacts-block:first-of-type .contacts-block-col:not(:first-of-type) {
  gap: 40px;
}
.contacts-block:first-of-type .contacts-block-col:not(:first-of-type) .contacts-block-col-item h4 {
  font-size: 24px;
  margin-bottom: 26px;
}
.contacts-block .contacts-block-col:first-of-type .contacts-block-col-item {
  display: flex;
  flex-direction: column;
}
.contacts-block-col-item h4 {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 26px;
  line-height: 125%;
  max-width: 90%;
  color: var(--purple);
}
.contacts-block-col-item span {
  display: inline-block;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--black);
}
.contacts-block-col-item span:not(:last-of-type) {
  margin-bottom: 16px;
}
.contacts-map {
  height: 500px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: grey;
}

/* Media */
.media-list {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.media-source-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  height: 100%;
}
.media-item-source {
  font-weight: 700;
  font-size: 24px;
}
.media-item-date {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  color: rgba(255, 255, 255, 0.8);
}
.media-item-content {
  display: flex;
  gap: 24px;
}
.media-item-image {
  width: 300px;
  height: 200px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
}
.media-item-body {
  display: flex;
  flex-direction: column;
}
.media-item-title {
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.2px;
}
.media-item-descr {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.8);
}
.media-item-link {
  align-items: baseline;
  font-family: var(--second-family);
  gap: 18px;
  height: auto;
  margin-top: 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
}


/* Auth */
#authAdvantagesSlider {
  height: max-content;
}
.auth-welcome-title {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 47px;
  line-height: 120%;
  letter-spacing: -0.7px;
}
.auth-welcome-descr {
  margin-bottom: 16px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}
.auth-for-socials p {
  margin-bottom: 32px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}
.auth-for-socials ul {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
  margin: 0;
}
.auth-for-socials ul li a {
  display: flex;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background-position: center;
  transition: var(--trans-15);
}
.auth-control {
  position: relative;
  padding: 0 7px;
}
.auth-control-image {
  display: flex;
  width: 100%;
  height: auto;
}
.auth-control-image::before {
  content: '';
  display: table;
  padding-top: 100%;
}
.auth-control-btns {
  position: absolute;
  inset: auto 0px 32px -4px;
  display: flex;
  gap: 10px;
  width: auto;
}
.auth-control-btns a {
  flex: 1;
  height: 64px;
  border-radius: 16px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
  text-align: center;
}
.auth-btn-login {
  background: #9341f8;
}
.auth-btn-login:focus-visible,
.auth-btn-login:hover {
  background: #9e54f9;
}
.auth-btn-register {
  background: #0b0;
}
.auth-btn-register:focus-visible,
.auth-btn-register:hover {
  background: #31c831;
}
.auth-advantages {
  margin-top: 40px;
}
.auth-advantages .section-header {
  margin-bottom: 32px;
}
.auth-advantage {
  border-radius: 16px;
  padding: 24px;
  height: 200px;
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.25);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.auth-advantage p {
  max-width: 272px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
}
.auth-action-btn {
  padding-inline: 56px;
  height: 64px;
  width: max-content;
  border-radius: 16px;
}

/* Login */
#login {
  padding-top: 10px;
}
.login-form {
  margin-bottom: 40px;
}
.login-actions {
  margin-top: 9px;
}
.login-actions a {
  display: block;
  margin-top: 16px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.auth-error {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  color: #f56e92;
}

/* Register */
.register-actions {
  margin-top: 10px;
}
.register-actions .checkbox {
  margin-bottom: 24px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  background-image: url('../images/icons/date-calendar.png');
}

/* Forgot PSW */
#forgot-psw {
  padding-top: 10px;
}
.forgot-psw-descr {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
}
.forgot-psw-actions {
  margin-top: 10px;
}

/* Profile */
#profile {
  padding-top: 10px;
}
.profile-controls-tabs {
  row-gap: 20px;
}
.profile-controls-tabs .tab-btn {
  width: 100%;
}
.profile-wrapper {
  margin-bottom: 80px;
}
.profile-avatar-wrapper {
  display: flex;
  justify-content: center;
}
.profile-avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  height: auto;
  background-color: #e2fcff;
  overflow: visible;
  background-size: cover;
  background-repeat: no-repeat;
}
.profile-avatar::before {
  content: '';
  display: table;
  padding-top: 100%;
}
.profile-avatar-btn {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 24px;
  height: 56px;
  border-radius: 28px;
  background: #9341f8;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
  text-align: center;
  transition: var(--trans-15);
}
.profile-avatar-btn:focus-visible,
.profile-avatar-btn:hover {
  background: #9e54f9;
}
.profile-avatar-btn:active {
  background: #a35df9;
}
.profile-name {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 45px;
  line-height: 120%;
}
.profile-age {
  display: inline-block;
  margin-bottom: 18px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  text-align: center;
}
.profile-selects {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.profile-selects .select {
  width: 100%;
}
.profile-select-trigger {
  border-radius: 30px;
  padding: 0 24px;
  height: 52px;
  width: 100% !important;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
}
.profile-select-trigger::after {
  background-size: 16px 10px;
}
.profile-stats {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-stat {
  display: flex;
  align-items: center;
  gap: 16px;
}
.profile-stat-count {
  width: 56px;
  height: 56px;
  backdrop-filter: blur(4px);
  background: var(--white);
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: red;
}
.profile-stat-name {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
}
.profile-actions {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}
.profile-actions a {
  justify-content: flex-start;
  width: 100%;
  gap: 16px;
  padding: 0 30px;
  height: 92px;
  border-radius: 16px;
}
.profile-actions a.blue-btn {
  padding-left: 27px;
  gap: 24px;
}
.profile-actions a.action-btn {
  font-size: 22px;
  padding-inline: 23px 0;
  gap: 20px;
}
.achievement {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.achievement-image {
  width: 200px;
  height: 200px;
  background-color: #e2fcff;
}
.achievement-name {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  padding: 0 16px;
}
.profile-achievements .section-header {
  margin-bottom: 32px;
}
#achievementsSlider .splide__arrow {
  top: 86px;
}
#achievementsSlider .splide__arrow--prev {
  left: -27px;
}
#achievementsSlider .splide__arrow--next {
  right: -27px;
}
#achievementsSlider { height: max-content }

/* Change Data */
.change-data-image-wrapper {
  padding-top: 125px;
  display: flex;
}
.change-data-image {
  display: flex;
  width: 380px;
  background-color: crimson;
  margin-left: auto;
}
.change-data-image::before {
  content: '';
  display: table;
  padding-top: 100%;
}
.change-data-wrapper .section-header {
  margin-bottom: 32px;
  flex-direction: column;
  gap: 8px;
}
.change-data-message {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
}
.change-data-message.success {
  display: block;
  margin: -25px 0 32px;
  color: #0b0;
}

/* History */
.history-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.history-item {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  border-radius: 16px;
  padding: 32px;
  width: 100%;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85);
}
.history-item-left {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.history-item-title {
  margin-bottom: 4px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--black);
}
.history-item-descr {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--black);
} 
.history-item-products {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.history-item-product {
  display: flex;
  align-items: center;
  gap: 20px;
}
.history-item-product img {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  flex-shrink: 0;
}
.history-item-product-info {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.history-item-product-info p {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
}
.history-item-product-info p span {
  display: inline-block;
  margin-left: 7px;
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.history-item-product-info > span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: right;
  color: var(--black);
}
.history-item-right {
  width: 360px;
}
.history-item-status {
  margin-bottom: 24px;
  border: 2px solid;
  border-radius: 24px;
  width: 100%;
  height: 48px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--green);
}
.history-item-address {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.history-item-address p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--black);
}

/* TV */
.tv-current-day {
  font-weight: 800;
  font-size: 40px;
  line-height: 125%;
  width: max-content;
  margin: 12px auto 0 auto;
  letter-spacing: 0.5px;
}
.tv-day {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 100px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);

  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: center;

  transition: var(--trans-15);
}
.tv-day.active {
  color: var(--purple);
  background-color: var(--white);
}
.tv-day:focus-visible,
.tv-day:hover {
  background: rgba(255, 255, 255, 0.4);
}
.tv-days {
  margin-bottom: 56px;
}
#tvDaysSlider {
  height: max-content;
}
#tvDaysSlider .splide__arrow {
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  background-size: 15px 26px;
}
#tvDaysSlider .splide__arrow--next {
  left: calc(100%);
}
#tvDaysSlider .splide__arrow--prev {
  right: calc(100%);
  left: auto;
}
.tv-content {
  display: flex;
  gap: 60px;
}
.tv-days-nav {
  position: sticky;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: max-content;
  border-radius: 24px;
  padding: 6px;
  width: 100px;
  background: rgba(255, 255, 255, 0.2);
}
.tv-days-nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 120px;
  border-radius: 12px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: var(--white);
  transition: var(--trans-15);
}
.tv-days-nav-link[data-times-of-day="all-day"]:hover,
.tv-days-nav-link[data-times-of-day="all-day"]:focus-visible,
.tv-days-nav-link[data-times-of-day="all-day"].active {
  background-color: #0b0;
}
.tv-days-nav-link[data-times-of-day="morning"]:hover,
.tv-days-nav-link[data-times-of-day="morning"]:focus-visible,
.tv-days-nav-link[data-times-of-day="morning"].active {
  background-color: #229df2;
}
.tv-days-nav-link[data-times-of-day="day"]:hover,
.tv-days-nav-link[data-times-of-day="day"]:focus-visible,
.tv-days-nav-link[data-times-of-day="day"].active {
  background-color: #faac0e;
}
.tv-days-nav-link[data-times-of-day="evening"]:hover,
.tv-days-nav-link[data-times-of-day="evening"]:focus-visible,
.tv-days-nav-link[data-times-of-day="evening"].active {
  background-color: #df2355;
}
.tv-days-nav-link[data-times-of-day="night"]:hover,
.tv-days-nav-link[data-times-of-day="night"]:focus-visible,
.tv-days-nav-link[data-times-of-day="night"].active {
  background-color: #50505e;
}
.tv-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.tv-accordion-item {
  border-radius: 32px;
  background: var(--white);
  padding: 40px;
}
.tv-accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  font-size: 30px;
  line-height: 127%;
}
.tv-accordion-button::after {
  content: '';
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../images/icons/tv-acc-trigger.svg');
  background-repeat: no-repeat;
  background-size: 24px 14px;
  background-position: center;
  transition: var(--trans-20);
}
.tv-accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.tv-accordion-body {
  padding-top: 24px;
}
.tv-accordion-item#morning .tv-accordion-button {
  color: #229df2;
}
.tv-accordion-item#day .tv-accordion-button {
  color: #faac0e;
}
.tv-accordion-item#evening .tv-accordion-button {
  color: #df2355;
}
.tv-accordion-item#night .tv-accordion-button {
  color: #50505e;
}

.tv-program-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tv-program-list > .tv-program-item:not(:first-of-type) {
  border-top: 1px solid rgba(101, 74, 212, 0.1);
}
.tv-program-item {
  display: flex;
  align-items: center;
  gap: 30px;
}
.tv-program-item-left {
  display: flex;
  align-items: center;
  gap: 37px;
  padding-left: 6px;
}
.tv-program-item-preview {
  position: relative;
  width: 200px;
  height: 140px;
  border: 10px solid var(--white);
  border-radius: 40px;
  box-shadow: 0 4px 6px 0 rgba(32, 30, 104, 0.2);
  transition: var(--trans-25);
}
.tv-program-item-preview img {
  border-radius: 30px;
}
.tv-program-item-right {
  flex: 1;
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tv-program-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.tv-program-item-info h4 {
  font-weight: 600;
  font-size: 26px;
  line-height: 108%;
  color: var(--purple);
  transition: var(--trans-15);
}
.tv-program-item-info span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  text-align: center;
  color: rgba(32, 30, 104, 0.5);
}
.tv-program-item-time {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 26px;
  line-height: 115%;
  text-align: center;
  color: rgba(101, 74, 212, 0.4);
}
.tv-program-item-name-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.tv-program-item-name-wrapper .tv-program-item-age {
  display: inline-flex;
  transform: translateY(-4px);
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-family: var(--age-font);
  font-weight: 700;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: 0.05em;
  color: rgba(101, 74, 212, 0.35);
  border-radius: 50%;
  border: 3px solid rgba(101, 74, 212, 0.35);
}
.tv-program-item-look {
  flex-shrink: 0;
  font-family: var(--second-family);
  width: 220px;
  height: 56px;
  border-radius: 28px;
  background: #9341f8;
  font-size: 22px;
  font-weight: 600;
  line-height: 145%;
  color: var(--white);
  transition: var(--trans-15);
}
.tv-program-item-look:hover {
  background: #9e54f9;
}
.tv-footer {
  margin-top: 56px;
}
.tv-footer p {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
}
.tv-footer a {
  padding: 0 24px;
  height: 50px;
  font-size: 18px;
  border-radius: 10px;
}
.tv-program-item:hover .tv-program-item-time {
  color: var(--purple);
}
.tv-program-item:hover .tv-program-item-preview {
  transform: scale(1.1);
}
.tv-program-item:hover .tv-program-item-info h4 {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}


/* Basket */
#basket-root {
  margin-top: 80px;
}
.basket-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.basket-item {
  display: flex;
}
.basket-item-image {
  margin-right: 24px;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}
.basket-item-info {
  width: 492px;
}
.basket-item-name {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
}
.basket-item-descr {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.basket-item-actions {
  display: flex;
  align-items: center;
}
.basket-item-quantity {
  margin-right: 44px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.basket-item-quantity-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.4);
  transition: var(--trans-15);
}
.basket-item-quantity-btn:hover,
.basket-item-quantity-btn:focus-visible {
  background: rgba(255, 255, 255, 0.5);
}
.basket-item-quantity-value-wrapper {
  display: flex;
  align-items: flex-end;
}
.basket-item-quantity-value-wrapper span {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
}
.basket-item-quantity-value {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 145%;
  color: var(--white);
  border: 0;
  width: 20px;
}
.basket-item-actions-btns {
  display: flex;
  align-items: center;
  gap: 30px;
}
.basket-item-actions-btns .fav-btn {
  background-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
}
.basket-item-prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: center;
  margin-left: auto;
  padding-right: 54px;
}
.basket-item-price {
  white-space: nowrap;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 26px;
}
.basket-item-old-price {
  font-family: var(--second-family);
  font-weight: 600;
  white-space: nowrap;
  font-size: 20px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: line-through;
}
.basket-promo-wrapper {
  margin-bottom: 24px;
}
.basket-promo-caption {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
}
.basket-promo-input-wrapper input {
  height: 56px;
  padding-left: 12px;
}
.basket-promo-input-wrapper svg {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.total-block {
  padding: 24px;
  border-radius: 16px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.25);
}
.total-block-caption {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
}
.total-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.total-list li {
  display: flex;
}
.total-list li > span:first-of-type {
  display: flex;
  width: 100%;
  white-space: nowrap;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
}
.total-list li > span:first-of-type::after {
  content: '';
  margin: 0 8px 8px 8px;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
}
.total-list li > span:last-of-type {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  white-space: nowrap;
  line-height: 145%;
}

.total-list-price {
  margin-bottom: 32px;
  display: flex;
}
.total-list-price > span:first-of-type,
li.bx-soa-cart-total-line-total > span:first-of-type {
  display: flex;
  width: 100%;
  white-space: nowrap;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 129%;
}
.total-list-price > span:first-of-type::after {
  content: '';
  margin: 0 8px 8px 8px;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
}
.total-list-price > span:last-of-type,
li.bx-soa-cart-total-line-total > span:last-of-type {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 129%;
  white-space: nowrap;
}
.bx-soa-cart-total-line-total {
  padding-top: 32px;
}
.total-btn-submit {
  height: 58px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 21px;
  line-height: 136%;
  border-radius: 12px;
  width: 100%;
}
.infos-links-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 22px;
}
.infos-links-list a {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

/* Checkout */
.bx-sls {
  width: 100%;
}
.checkout-fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-right: 68px;
}
.checkout-delivery-dropdown {
  width: 100%;
  height: 60px;
}
.checkout-delivery-dropdown button {
  padding: 0 20px;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(32, 30, 104, 0.4);
  border-radius: 16px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #201e68;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.9);
  transition: none;
  border-bottom: 0;
}
.checkout-delivery-dropdown > button::after {
  background-image: url('../images/icons/seletc-trigger-black.svg');
  background-origin: center;
  transform: rotate(180deg);
}
.checkout-delivery-dropdown > button.show::after {
  transform: none;
}
.checkout-delivery-dropdown button.show {
  background: white;
  border-radius: 16px 16px 0 0;
}
.checkout-delivery-dropdown .dropdown-menu {
  background: white;
  transform: none !important;
  top: 100% !important;
  border-radius: 0 0 16px 16px;
  border: 1px solid rgba(32, 30, 104, 0.4);
  border-top: none;
  padding: 8px;
}
.checkout-delivery-dropdown .dropdown-menu li {
  padding: 8px 16px;
}
.checkout-delivery-dropdown .dropdown-menu li:hover,
.checkout-delivery-dropdown .dropdown-menu li.active {
  background: rgba(101, 74, 212, 0.1);
}
.checkout-delivery-dropdown .dropdown-menu .select-list {
  gap: 4px;
}
.bx-sls .dropdown-item-text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--black);
  padding: 0;
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant {
  transition: var(--trans-15);
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,
.bx-sls .bx-ui-sls-variant-active {
  background-color: rgba(101, 74, 212, 0.1);
}
.bx-sls .bx-ui-sls-error {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  padding-left: 30px !important;
}
.bx-sls .bx-ui-sls-error div {
  top: 5px;
}
.bx-sls .dropdown-item-text span {
  color: var(--purple);
}
.bx-sls .bx-ui-sls-pane {
  border: 0;
  padding: 8px;
}
.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, 
.bx-sls .bx-ui-sls-error {
  padding: 8px 16px;
  border-radius: 8px;
}
#checkout .empty-block-link {
  width: 287px;
}
.checkout-locations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 16px;
}
.checkout-locations > [data-property-id-row]:first-of-type {
  grid-column: span 3;
}
.total-block-delivery-descr {
  display: block;
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
}
.checkout-yandex-payment {
  display: block;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: var(--white);
  text-align: center;
  margin-top: 12px;
}
.address-form span {
  align-self: flex-start;
  padding-top: 16px;
}
.bx-sls .dropdown-block {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.bx-ui-sls-container {
  height: 60px;
}
.dropdown-fade2white {
  display: none;
}
input[name="ORDER_PROP_1"] {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  position: absolute !important;
  inset: 0;
}
/* Faces */
.faces-persones {
  row-gap: 36px;
}
.faces-top-page {
  margin-bottom: 48px;
}
.persone-item {
  position: relative;
}
.persone-item-visible {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}
.persone-item-image {
  width: 240px;
  height: 240px;
  border-radius: 32px;
  overflow: hidden;
  flex-shrink: 0;
}
.persone-item-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
}
.persone-item-hidden {
  opacity: 0;
  visibility: hidden;
  border-radius: 24px 24px 0 0;
  position: absolute;
  inset: -24px -10px 0 -10px;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.85);
  transition: opacity .15s ease;
}
.persone-item-hidden-content {
  position: absolute;
  inset: 100% 0 auto 0;
  padding: 8px 10px 24px 10px;
  border-radius: 0 0 24px 24px;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.85);
  z-index: 500;
}
.persone-item-descr {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: rgba(101, 74, 212, 0.8);
  transition: var(--trans-15);
}
.persone-item.visible .persone-item-visible {
  z-index: 10;
}
.persone-item.visible .persone-item-hidden {
  z-index: 5;
  opacity: 1;
  visibility: visible;
}
.persone-item.visible .persone-item-name {
  color: rgba(101, 74, 212, 0.8);
}
/* Not Found */
.not-found-wrapper {
  margin-top: 24px;
}
.not-found-title {
  font-family: var(--fourth-family);
  font-weight: 700;
  font-size: 250px;
  text-align: center;
  background: linear-gradient(180deg, #fff 0%, rgba(129, 73, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.favorite-faq {
  margin-top: 80px;
}
.favorite-faq .section-header {
  margin-bottom: 32px;
}
.empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-block-title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 26px;
  line-height: 123%;
}
.empty-block-descr {
  margin-bottom: 48px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  color: rgba(255, 255, 255, 0.8);
}
.empty-block-link {
  width: 194px;
  height: 54px;
}
.c-tooltip {
  position: relative;
}
.c-tooltip-body {
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
  border-radius: 4px;
  background: rgba(57, 12, 122, .7);
  transition: var(--trans-15);
  text-align: start;
}
.c-tooltip-body::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 16px solid transparent; border-bottom: 20px solid rgba(57, 12, 122, .7);;
}
.c-tooltip:hover .c-tooltip-body {
  opacity: 1;
  visibility: visible;
}
.s-details-top-page > img:first-child {
  position: absolute;
  right: 100%;
  top: -14px;
}
.s-details-top-page > img:last-child {
  position: absolute;
  left: 100%;
  top: -28px;
}
.s-details-top-page {
  display: flex;
  align-items: center;
  height: 200px;
  margin-inline: auto;
  width: max-content;
  position: relative;
}
#s-details .c-details-promo {
  margin: 0;
}
#s-details .c-details-cartoons {
  padding-top: 48px;
  margin-bottom: 80px;
}
.s-vote {
  padding-top: 64px;
}
.s-vote .section-header {
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}
.s-vote-head-descr {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
  text-align: center;
}
.s-vote-video-row .s-vote-wrapper {
  padding: 24px;
}
.s-vote-audio-row .s-vote-wrapper {
  padding: 40px;
}
.s-vote-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
}
.s-vote-video {
  display: flex;
  gap: 24px;
}
.s-vote-video-content {
  display: flex;
  flex: 1;
  align-items: center;
  height: 60px;
  padding: 0 16px 0 18px;
  border-radius: 10px;
  /* backdrop-filter: blur(4px); */
  background: rgba(255, 255, 255, 0.2);
}
.s-vote-video-content.err {
  outline: 2px solid #df2355;
  outline-offset: -2px;
}
.s-vote-video-show-btn {
  width: 196px;
  height: 60px;
}
.s-vote-video-show-btn:hover,
.s-vote-video-show-btn:focus-visible {
  background-color: var(--white);
  color: #62118b;
}
.s-vote-checkbox input {
  opacity: 0;
  visibility: hidden;
}
.s-vote-checkbox {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 28px;
  background-color: var(--white);
  border-radius: 50%;
  border: 1px solid var(--purple);
  cursor: pointer;
  margin-right: 18px;
}
.s-vote-checkbox input + span {
  content: '';
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: block;
  inset: 4px;
  background-color: var(--purple);
  border-radius: 50%;
  transition: var(--trans-15);
}
.s-vote-checkbox.selected input + span,
.s-vote-checkbox input:checked + span {
  opacity: 1;
  visibility: visible;
}
.s-vote-video-title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
}
.s-vote-unauth {
  margin-top: 32px;
  margin-bottom: 32px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 145%;
  text-align: center;
  color: var(--white);
}
.s-vote-unauth a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.s-vote-ps {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.s-vote-apply-btn {
  font-family: var(--second-family);
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 32px;
  width: 351px;
  height: 56px;
  font-size: 22px;
  border-radius: 28px;
  background: #9341f8;
  font-weight: 600;
  transition: var(--trans-15);
}
.s-vote-apply-btn:disabled {
  opacity: .8;
}
#myVideoAddSuccessModal,
#voteSuccessModal h4,
#applySuccessModal h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
  color: var(--black);
}
#applySuccessModal .modal-body,
#voteSuccessModal .modal-body {
  padding: 68px 0 60px;
}
#applySuccessModal .modal-dialog,
#voteSuccessModal .modal-dialog {
  max-width: 400px;
}
#voteVideoModal .modal-dialog {
  max-width: 1076px;
}
#voteVideoModal .modal-content {
  border-radius: 32px;
}
#voteVideoModal .modal-body {
  padding: 16px;
}
.vote-modal-video-warpper {
  border-radius: 20px;
  overflow: hidden;
}
#voteVideoModal .modal-close {
  width: 50px;
  height: 50px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  left: 100%;
  bottom: 100%;
  top: auto;
  right: auto;
}
.s-vote-video.selected .s-vote-video-content {
  background: rgba(255, 255, 255, 0.35);
}
.s-vote-you-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
  margin-left: auto;
}
.s-vote-you-selected .c-tooltip-body {
  padding: 16px;
  z-index: 100;
  font-size: 18px;
  width: max-content;
  top: calc(100% + 20px);
}
.s-vote-you-selected .c-tooltip-body::after {
  border: 10px solid transparent;
  border-bottom: 14px solid rgba(57, 12, 122, .7);
}

.audiopleer {
  display: flex;
  align-items: center;
  padding: 0 20px 0 6px;
  width: 100%;
  height: 60px;
  border-radius: 40px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.9);
}
.audiopleer-play-pause-btn {
  background: rgba(101, 74, 212, 0.3);
  width: 48px;
  height: 48px;
  margin-right: 20px;

  background-image: url('../images/icons/play-audio.svg');
  background-size: 17px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.audiopleer-play-pause-btn.play {
  background-image: url('../images/icons/stop-audio.svg');
}
.audiopleer-info {
  display: flex;
  flex-direction: column;
}
.audiopleer-info h4 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--black);
}
.audiopleer-info p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: rgba(32, 30, 104, 0.6);
}
.audiopleer-right {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
.audiopleer-time {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: rgba(32, 30, 104, 0.5);
}
.s-vote-audio-content {
  display: flex;
  align-items: center;
}
.s-vote-audio-row .s-vote-wrapper {
  background-image: url('../images/vote-audio-bg.png');
  background-repeat: no-repeat;
  background-position: bottom;
}
.s-vote-audio-content .js-audiopleer {
  flex: 1;
}
.s-vote-audio-content .s-vote-you-selected {
  white-space: nowrap;
  margin-left: 24px;
  justify-content: flex-end;
  width: 156px;
}
.s-vote-you-audio-selected {
  margin: 16px 0 0 53px;
}
.s-details-inline-video {
  padding-top: 46px;
}
.s-details-inline-video-wrapper {
  width: 100%;
  height: 460px;
  border-radius: 16px;
  overflow: hidden;
}
.plyr__control--overlaid {
  backdrop-filter: blur(8px);
  background: rgba(66, 50, 133, 0.5);
}
.plyr--full-ui input[type=range] {
  color: var(--purple);
}
.plyr__control.plyr__tab-focus,
.plyr__control:hover, 
.plyr__control[aria-expanded=true] {
  background: var(--purple) !important;
}
.plyr__control:focus {
  background: rgba(66, 50, 133, 0.8);
} 
.plyr__control.plyr__control--overlaid:hover {
  background: rgba(66, 50, 133, 0.8);
}
.input-file-wrapeer {
  margin-top: 16px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}
.input-file-wrapeer .filename,
.input-file-wrapeer .filename-accept {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: rgba(32, 30, 104, 0.7);
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
  border: 2px solid var(--purple);
  border-radius: 12px;
  padding: 14px 24px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--purple);
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
.input-file input[type=file]:focus + span {
  border-color: rgba(101, 74, 212, 0.8);
  color: rgba(101, 74, 212, 0.8);
}
.input-file:hover span {
  border-color: rgba(101, 74, 212, 0.8);
  color: rgba(101, 74, 212, 0.8);
}
.input-file:active span {
  border-color: rgba(101, 74, 212, 0.7);
  color: rgba(101, 74, 212, 0.7);
}

.modal-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 32px 0;
}
.modal-field .checkbox input + label {
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--black);
}
.modal-checkboxes .checkbox input + label {
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
}
.modal-field .checkbox input + label::before,
.modal-checkboxes .checkbox input + label::before {
  border-color: var(--purple);
  border-width: 1px;
  width: 20px;
  height: 20px;
}
.modal-field .checkbox input:checked + label::before
.modal-checkboxes .checkbox input:checked + label::before {
  background-size: 14px 10px;
}
.modal-apply-btn {
  width: 342px;
  height: 56px;
  border-radius: 12px;
  margin: 0 auto;
}
.modal-fields-title {
  margin: 30px 0;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--black);
}
.modal-files-fields {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.modal-files-fields .input-file-wrapeer {
  margin: 0;
}
.modal-files-fields .input-file span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 240px;
  height: 46px;
  border-radius: 12px;
}
.contests-card {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.contests-card-image {
  position: relative;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
}
.contests-card-tag {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.95);
  height: 38px;
  padding: 0 16px;
  border-radius: 12px;
}
.contests-card-body {
  padding: 0 16px 16px 16px;
}
.contests-card-date {
  display: block;
  margin-bottom: 6px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
  color: rgba(255, 255, 255, 0.5);
}
.contests-card-title {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 22px;
  line-height: 118%;
  letter-spacing: 0.2px;
  color: var(--white);
}
.contests-card-descr {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--white);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contests-list {
  row-gap: 24px;
}
.contest-bg-icon {
  position: absolute;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: var(--trans-15);
  user-select: none;
  touch-action: none;
  
}
.contest-bg-icon.top {
  top: -33px;
  left: 122px;

  max-width: 74px;
  max-height: 74px;
}
.contest-bg-icon.right {
  top: 67px;
  right: -30px;

  max-width: 99px;
  max-height: 99px;
}
.contest-bg-icon.left {
  top: 125px;
  left: -60px;

  max-width: 152px;
  max-height: 152px;
}
.contests-card:hover .contest-bg-icon,
.contests-card:focus-visible .contest-bg-icon {
  opacity: 1;
  visibility: visible;
} 
.contest-banner {
  margin-bottom: 32px;
  height: 360px;
  border-radius: 16px;
  overflow: hidden;
}
#contest .c-detils-contest .section-title {
  font-size: 61px;
}
#contest .c-detils-contest {
  margin-top: 58px;
}
#contest .page-navigation {
  margin-top: 80px;
}
.applications-controls-actions .dropdown {
  width: 309px;
}
.applications-page-controls {
  gap: 32px;
}
.application {
  padding: 24px 32px;
  border-radius: 24px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85);
}
.application-main {
  display: flex;
  justify-content: space-between;
}
.application-date {
  margin-bottom: 8px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--black);
}
.application-name {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--black);
}
.application-status {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  width: 240px;
  height: 48px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
}
.application-status.status-processing {
  border: 2px solid #FAAC0E;
  color: #FAAC0E;
}
.application-status.status-declined {
  border: 2px solid #DF2355;
  color: #DF2355;
}
.application-status.status-accepted {
  border: 2px solid #00BB00;
  color: #00BB00;
}
.application-status.status-none {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.application-trigger-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--black);
}
.application-trigger-btn:not(.collapsed) svg {
  transform: rotate(180deg);
}
.application-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  padding-right: 6px;
}
.application-trigger-btn:not(.collapsed) .t-collapse-on {
  display: none;
}
.application-trigger-btn:not(.collapsed) .t-collapse-off {
  display: block;
}
.application-trigger-btn .t-collapse-off {
  display: none;
}
.application-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 32px 0 16px;
}
.application-block .form-item > span {
  color: var(--black);
}
.application-block-title {
  margin-bottom: 20px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--black);
}
.application-block {
  max-width: 816px;
}
.application-block .form {
  gap: 16px;
}
.application-block .form .js-audiopleer {
  width: 100%;
}
.application-block .audiopleer {
  height: 60px;
}
.application-block .audiopleer-play-pause-btn {
  width: 48px;
  height: 48px;
}
.application-block .audiopleer-fulltime {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--black);
}
.application-block .audiopleer-right {
  gap: 6px;
}
.application-text p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: rgba(32, 30, 104, 0.8);
}
.application-text-more {
  margin-top: 8px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: rgba(32, 30, 104, 0.8);
}
.application-photo {
  border-radius: 10px;
  overflow: hidden;
  width: 189px;
  height: 141px;
}
.application-video {
  border-radius: 16px;
  overflow: hidden;
  width: 290px;
  height: 170px;
}
.applications-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.videoarchive-page-controls .refresh-btn {
  padding: 0 27px;
}
.contest-vote-text-block {
  display: flex;
  flex-direction: column;
  padding: 24px 20px 18px 24px;
  height: 100%;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  transition: var(--trans-15);
  cursor: pointer;
}
.contest-vote-text-block:hover {
  background: rgba(255, 255, 255, 0.3);
}
.contest-vote-text-name {
  margin-bottom: 12px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
}
.contest-vote-text-descr {
  /* white-space: pre-line; */
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.contest-vote-text-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 28px;
}
.contest-vote-text-fio p {
  margin-bottom: 5px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
}
.contest-vote-text-fio span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.contest-vote-text-fav {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  transform: translate(4px, -4px);
}
.contest-vote-text-fav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.contest-vote-text-fav button svg {
  width: 30px;
  height: 28px;
}
.contest-vote-text-fav button:hover svg path {
  stroke: var(--purple);
}
.contest-vote-text-fav button[data-checked="true"] svg path {
  fill: var(--white) !important;
}
.contest-vote-text-fav button[data-checked="true"]:hover svg path {
  fill: var(--purple);
}
.contests-vote .section-title {
  font-size: 61px;
}
.contests-vote .section-header {
  margin-bottom: 32px;
}
.contest-vote-text-full {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 8px;
  max-height: 492px; 
  overflow: auto;
  margin-bottom: 24px;
}
.contest-vote-text-full p {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: var(--black);
  max-width: 600px;
  height: max-content;
  margin: 30px 0;
}
.contest-vote-text-full::-webkit-scrollbar {
  width: 8px;
}
.contest-vote-text-full::-webkit-scrollbar-track {
  background-color: rgba(32, 30, 104, 0.15);
  border-radius: 5px;
}
.contest-vote-text-full::-webkit-scrollbar-thumb {
  background-color: var(--purple);
  border-radius: 5px;
}
.contest-lb-persone-name {
  margin-bottom: 8px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
  color: var(--black);
}
.contest-lb-persone-name span {
  font-weight: 500;
  font-size: 20px;
}
.contest-lb-persone-workname {
  margin-bottom: 8px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--black);
}
.contest-lb-persone-school { 
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: rgba(32, 30, 104, 0.8);
}
.contest-lb-like {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contest-lb-like span {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--purple);
}
.contest-lb-like button svg path {
  stroke: var(--purple);
}
.contest-lb-like button:hover svg path {
  stroke: rgba(101, 74, 212, 0.8);
}
.contest-lb-like button[data-checked="true"]:hover svg path {
  fill: rgba(101, 74, 212, 0.8) !important;
}
.contest-vote-image-block {
  position: relative;
  height: 240px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.contest-vote-image-content {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px 24px 16px;
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(180deg, rgba(57, 12, 122, 0) 0%, rgba(57, 12, 122, 0.8) 100%);
}
.contest-vote-image-name {
  margin-bottom: 4px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
  color: var(--white);
}
.contest-vote-image-age {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--white);
}
.contests-vote-list {
  --bs-gutter-x: 1.4rem;
  row-gap: 24px;
}
.contest-vote-video-block {
  border-radius: 12px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  cursor: pointer;
  transition: var(--trans-15);
}
.contest-vote-video-block:hover,
.contest-vote-video-block:focus-visible {
  background: rgba(255, 255, 255, 0.2);
}
.contest-vote-video-wrapper {
  position: relative;
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}
.contest-vote-video-body {
  padding: 20px 22px 16px 16px;
  display: flex;
  justify-content: space-between;
}
.contest-vote-video-name {
  margin-bottom: 4px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
}
.contest-vote-video-age {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
}
.contest-vote-video-wrapper .plyr__control {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block !important;
}
.photoalbom-lb-item-video {
  margin-bottom: 24px;
  height: 595px; 
  border-radius: 12px;
  overflow: hidden;
}
.constest-vote-audio-like {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 4px;
}
.constest-vote-audio-like button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.constest-vote-audio-like button svg {
  width: 30px;
  height: 30px;
}
.constest-vote-audio-like button svg path {
  stroke: var(--purple);
}
.constest-vote-audio-like button svg path {
  stroke: var(--purple);
}
.constest-vote-audio-like [data-role="contest-vote-count"] {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  color: var(--purple);
}
.contests-vote-list > .contest-vote-audio-col:not(:first-of-type) {
  margin-top: -8px;
}
.constest-vote-audio-like button:hover svg path {
  stroke: rgba(101, 74, 212, 0.8);
}
.constest-vote-audio-like button[data-checked="true"] svg path {
  fill: var(--purple);
}
.my-videos-add {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 54px;
  width: 332px;
  border-radius: 16px;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 40px;
}
.modal-form-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}
.modal-form-buttons .button {
  font-family: var(--second-family);
  height: 54px;
  border-radius: 12px;
  font-size: 20px;
  font-weight: 600;
} 
.modal-form-buttons .purple-btn {
  padding: 0 40px;
}
.modal-form-buttons .p-border-btn {
  padding: 0 24px;
  border: 2px solid var(--purple);
  color: var(--purple);
}
.modal-form-buttons .p-border-btn:hover,
.modal-form-buttons .p-border-btn:focus-visible {
  border-color: rgba(101, 74, 212, 0.8);
  color: rgba(101, 74, 212, 0.8);
}
.modal-form-buttons .p-border-btn:active {
  border-color: rgba(101, 74, 212, 0.7);
  color: rgba(101, 74, 212, 0.7);
}
#createModal .modal-field .checkbox input + label {
  font-size: 20px;
}
#createModal .modal-field .checkbox {
  width: 100%;
}
.profile-videos-list {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.profile-video {
  display: flex;
}
.profile-video-preview {
  width: 200px;
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
  margin-right: 32px;
}
.profile-video-name {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 26px;
  line-height: 123%;
}
.profile-video-info p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 136%;
  color: rgba(255, 255, 255, 0.8);
}
.profile-video-public {
  margin-bottom: 8px;
}
.profile-video-edit {
  margin-top: 50px;
  margin-left: auto;
  height: 62px;
  border-radius: 10px;
  gap: 12px;
  padding: 0 25px 0 22px;
  font-size: 20px;
}
.profile-video-edit:hover {
  background-color: var(--white);
}
.profile-video-edit:hover {
  background: white;
  color: var(--black);
}
.profile-video-edit:hover svg path {
  stroke: var(--black);
}
.profile-bloger-data {
  max-width: 836px;
  margin-bottom: 72px;
}
.profile-bloger-data .input-file span {
  height: 60px;
  border-color: white !important;
  padding-inline: 22px;
  color: white !important;
  font-weight: 600;
  font-size: 20px;
  border-radius: 10px;
}
.profile-bloger-data .input-file span:hover,
.profile-bloger-data .input-file span:focus-visible,
.profile-bloger-data .input-file span:focus,
.profile-bloger-data .input-file span:active {
  background-color: white !important;
  border-color: white !important;
  color: var(--black) !important;
}
.profile-bloger-data .input-file-wrapeer .filename {
  color: white;
}
.profile-bloger-data textarea {
  height: 144px;
}
.profile-bloger-data textarea::-webkit-scrollbar {
  display: none;
  width: 8px;
}
.my-videos .section-header,
.profile-bloger-data .section-header {
  margin-bottom: 32px;
}
.profile-bloger-data-actions-wrapper {
  margin-top: 10px;
}
.profile-bloger-data-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.profile-bloger-data-actions button {
  height: 54px;
  padding: 0 32px;
  border-radius: 16px;
  font-size: 20px;
}
.profile-bloger-data-actions .border-btn:hover,
.profile-bloger-data-actions .border-btn:focus-visible {
  background-color: white;
  color: var(--black);
}
.profile-video-status {
  display: flex;
  width: max-content;
  margin-bottom: 12px;
  border-radius: 12px;
  color: var(--purple);
  height: 38px;
  padding: 0 16px;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.95);
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
}
/* .shows-details-promo {
  margin-bottom: 40px;
} */
.similar-shows {
  margin-top: 80px;
}
.shows-details-promo {
  margin-bottom: 0 !important;
}
.shows-contest .c-detils-contest {
  margin-top: 40px;
}
.shows-contest .section-header {
  display: none;
}
.c-details-cartoon-additional {
  margin-top: 80px;
}
.c-details-cartoon-additional-block {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  height: 100%;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.c-details-cartoon-additional-block .js-audiopleer {
  margin-top: auto;
}
.c-details-cartoon-additional-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.c-details-cartoon-additional-info-item span {
  display: block;
  margin-bottom: 8px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: rgba(255, 255, 255, 0.8);
}
.c-details-cartoon-additional-info-item p {
  font-weight: 500;
  font-size: 20px;
  line-height: 127%;
}
.c-details-cartoon-additional-info > .c-details-cartoon-additional-info-item:first-of-type p {
  font-weight: 700;
  font-size: 22px;
}
.c-details-cartoon-additional-block > h4 {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
}
.c-details-cartoon-additional-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-details-cartoon-additional-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 16px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.c-details-cartoon-additional-file p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: var(--white);
}
.c-details-cartoon-additional-file p span {
  color: rgba(255, 255, 255, 0.6);
}
.c-details-cartoon-additional-file a {
  width: 24px;
  height: 24px;
}
.s-details-prev-winners {
  margin-top: 80px;
}
.s-details-prev-winners .section-header {
  margin-bottom: 32px;
}
.s-details-prev-winner {
  cursor: pointer;
}
.s-details-prev-winner-image {
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 8px;
}
.s-details-prev-winner-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}
.photoalboms-controls {
  margin-top: 40px;
}
.similar-news {
  margin-top: 80px;
}
.similar-news .section-header {
  margin-bottom: 32px;
}
input[name="register_submit_button"]:disabled {
  opacity: .5;
}
.bx-auth-reg .form .form-item:nth-last-of-type(2) span {
  white-space: nowrap;
}
.change-avatar-changes {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.change-avatar-block h4 {
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
}
.change-avatar-variants {
  display: flex;
  align-items: center;
  gap: 24px;
}
.change-avatar-variant {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
}
.change-avatar-variant.selected {
  outline: 4px solid #229df2 !important;
  outline-offset: 4px;
}
.profile-avatar-image {
  width: 50%;
}
#profile .empty-block-link {
  width: auto;
  padding: 0 40px;
}
.age-limit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 4px solid var(--white);
  font-family: var(--age-font);
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: var(--white);
}

#searchCartoonsSlider,
#searchShowsSlider,
#searchSpecialsSlider,
#searchNewsSlider,
#searchPhotoalbumsSlider,
#similarNewsSlider {
  height: max-content;
}
#search .search-empty-title {
  letter-spacing: 0.5px;
}
#search .search-empty-descr {
  font-family: var(--second-family)
}
.hobby-select-menu li {
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 16px;
}
.hobby-select-menu li:not(.active):hover {
  background: transparent;
  color: #654ad4;
}
.hobby-select-menu li:not(.active):active {
  background: rgba(101, 74, 212, 0.1);
}
.hobby-select-menu li.active {
  background: rgba(101, 74, 212, 0.1);
}
.scroll-select-menu {
  height: 240px;
}
#profile-edit-form .form-item input[type="password"]::placeholder {
  color: #201e68 !important;
}
.change-data-btns {
  display: flex;
  align-items: center;
  gap: 16px;
}
.change-data-btns .button {
  height: 54px;
  padding: 0 32px;
  border-radius: 16px;
  font-size: 20px;
}
.change-data-btns .border-btn:hover {
  background-color: var(--white);
  color: var(--black);
}
#profile-edit-form {
  margin: 0;
  padding-right: 18px;
}
.change-data-btns {
  margin-top: 10px;
}
.policy-block {
  font-family: var(--second-family);
  padding: 32px 110px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.15);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-align: justify;
  color: var(--white);
}
.policy-block br {
  line-height: 100%;
}

/* Shorts */
.shorts-modal .modal-dialog {
  max-width: 411px;
}
.shorts-modal .modal-content {
  background-color: transparent;
}
.shorts-modal .modal-body {
  padding: 0;
}
.shorts-item {
  padding: 8px 8px 16px 8px;
  border-radius: 16px;
  background-color: var(--white);
}
.shorts-item-video {
  margin-bottom: 16px;
  width: 100%;
  height: 700px;
  border-radius: 12px;
  overflow: hidden;
}
.shorts-item-body {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 0 16px;
}
.shorts-item-body-left h4 {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: var(--black);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.shorts-item-body-left p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: rgba(32, 30, 104, 0.8);
}
.shorts-item-body .fav-btn {
  background-color: transparent;
  width: 36px;
  height: 36px;
  padding: 0;
}
.shorts-item-body .fav-btn svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.shorts-item-body .fav-btn svg path {
  stroke: var(--purple);
}
.shorts-item-body .fav-btn[data-checked="true"] svg path {
  fill: var(--purple);
}
#shortsSlider .splide__arrows {
  display: flex;
  flex-direction: column;
  gap: 100px;
  position: absolute;
  left: calc(100% + 24px);
  top: 50%;
  transform: translateY(-50%);
}
#shortsSlider .splide__arrow {
  position: static;
  transform: rotate(90deg);
}
#shortsModal .modal-close {
  width: 50px;
  height: 50px;
  left: calc(100% + 24px);
  right: auto;
  top: 0;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.2);
  transition: var(--trans-15);
  border-radius: 50%;
}
#shortsModal .modal-close:hover {
  background: rgba(255, 255, 255, 0.5);
}
.cookie {
  position: fixed;
  z-index: 10;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  width: 680px;
  height: 89px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.5);
}
.cookie p {
  font-weight: 700;
  font-size: 15px;
  line-height: 267%;
  color: var(--white);
}
.cookie button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 36px;
  border: 2px solid var(--white);
  border-radius: 10px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 15px;
  line-height: 200%;
  transition: var(--trans-15);
}
.cookie button:hover {
  background-color: white;
  color: var(--black);
}
.top-video-modal .modal-content {
  background-color: transparent;
}
.top-video-modal .modal-body {
  padding: 0 !important;
}
.top-video-modal .modal-dialog {
  max-width: 1300px;
}
.top-video-plyr-wrapper {
  width: 100%;
  height: auto;
  max-height: 693px;
}
.top-video-modal .modal-close {
  width: 28px;
  height: 28px;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.main-head-advertising {
  position: relative;
  z-index: 21;
  width: 100%;
  height: 55px;
}
.main-head-advertising a {
  display: block;
}

@media (min-width: 1650px) {
  .bloger-centered .splide__list {
    justify-content: center;
  }
}

.splide:not(.splide--ttb) .splide__list {
  height: auto;
}