.theme {
  /*Primary*/
  --Primary-100: #B01976;
  --Primary-90: #C02A83;
  --Primary-70: #F557AE;
  --Primary-60: #D73E95;
  --Primary-20: #FFC4DC;
  --Primary-10: #FFC4DC;

  --Primary-A15: rgba(192, 42, 131, 0.15);

  /*Secondary*/
  --Secondary-100: #0E0E0E;
  --Secondary-90: #242423;
  --Secondary-80: #393938;
  --Secondary-70: #535251;
  --Secondary-60: #6C6A69;
  --Secondary-50: #868382;
  --Secondary-40: #A09D9C;
  --Secondary-30: #BBB8B7;
  --Secondary-20: #DAD6D5;
  --Secondary-10: #EBE7E6;

  --Secondary-A20: rgba(218, 214, 213, 0.2);
  --Secondary-A40: rgba(160, 157, 156, 0.4);
  --Secondary-A70: rgba(83, 82, 81, 0.7);

  /*White*/
  --White-100: #FFFFFF;
  --White-A90: rgba(255, 255, 255, 0.9);
  --White-A80: rgba(255, 255, 255, 0.8);
  --White-A70: rgba(255, 255, 255, 0.7);
  --White-A60: rgba(255, 255, 255, 0.6);
  --White-A50: rgba(255, 255, 255, 0.5);
  --White-A40: rgba(255, 255, 255, 0.4);
  --White-A30: rgba(255, 255, 255, 0.3);
  --White-A20: rgba(255, 255, 255, 0.2);
  --White-A10: rgba(255, 255, 255, 0.1);

  /*Black*/
  --Black-100: #000000;
  --Black-A30: rgba(0, 0, 0, 0.3);

  /*Status*/
  --Success-100: #43B173;
  --Success-10: #E4FFF0;

  /*Warning*/
  --Warning-100: #FF9F5A;
  --Warning-10: #FFF3DD;

  /*Error*/
  --Error-100: #F16565;
  --Error-10: #FFE5E5;

  --scrollbar-thumb-color: rgba(255, 255, 255, 0.1);
  --scrollbar-track-color: var(--Secondary-100);

  --skeleton-first-color: var(--Secondary-90);
  --skeleton-second-color: var(--Secondary-70);

  --timeBlock-100: var(--Primary-100);
  --timeBlock-90: var(--Primary-90);
  --timeBlock-60: var(--Primary-60);

  --global-bg-color: var(--Secondary-100);
  --global-light-bg-color: var(--Secondary-90);
  --global-content-bg-color: var(--Secondary-80);
  --global-content-border-color: var(--Secondary-80);
  --input-grey-color: var(--Secondary-80);

  --global-text-color: var(--White-100);
  --global-text-revert-color: var(--Secondary-100);
  --global-light-color: var(--White-100);
  --global-light-transparent-color: var(--White-A60);
  --global-light-transparent-color-2: var(--White-A60);
  --global-light-50-transparent-color: var(--White-A50);
  --global-secondary-text-color: var(--Secondary-100);

  /*Components*/

  /*Button*/

  --button-text-color: var(--White-100);

  --button-primary-disabled: var(--White-A10);
  --button-primary-color-disabled: var(--White-A60);
  --button-primary-loaded: var(--White-A10);

  --button-secondary-color: var(--White-100);
  --button-secondary-color-hover: var(--Primary-20);
  --button-secondary-color-disabled: var(--White-A60);

  --button-disabled-color: var(--White-A60);

  /*RadioButton*/

  --radiobutton-text-color: var(--White-100);

  --radiobutton-circle-bg-color: var(--input-grey-color);
  --radiobutton-circle-border-color: var(--White-A80);
  --radiobutton-innerCircle-bg-color: var(--White-A80);

  --radiobutton-checked-bg-color: var(--Primary-100);
  --radiobutton-checked-border-color: var(--Primary-100);
  
  /*Checkbox*/
  --checkbox-bg-color: var(--White-A80);
  --checkbox-box-color: var(--Secondary-80);
  --checkbox-border-color: var(--White-100);
  --checkbox-checkmark-color: var(--White-100);
  --checkbox-input-bg-color: var(--Secondary-80);
  --checkbox-input-border-color: var(--White-100);

  /*Link*/

  --link-color-visited: var(--White-A30);
  --link-color-disabled: var(--White-A60);

  /*Floating input*/

  --floating-input-text-color: var(--White-A60);
  --floating-input-text-color-placeholder: var(--White-A60);
  --floating-input-text-color-disabled: var(--White-A50);
  --floating-input-bg-color: var(--Secondary-80);
  --floating-input-bg-color-select: var(--Secondary-70);
  --floating-input-border-color: var(--White-A40);
  --floating-input-border-color-focus: var(--White-A60);
  --floating-input-border-color-disabled: var(--White-A30);
  --floating-input-placeholder: var(--White-A40);
  
  /*Popup*/

  --popup-bg-color: var(--Secondary-A70);

  /*Header*/

  --light-bg-color: var(--White-A10);
  --light-bg-color-2: var(--White-A20);

  --menu-hover-color: var(--White-A20);
  --menu-active-color: var(--Primary-100);

  --dropdown-bg-color: var(--Secondary-90);
  --dropdown-bg-color-2: var(--White-A20);

  --search-bg-color: transparent;
  --search-progress-color: var(--Secondary-30);

  --header-border-color: var(--Secondary-80);
  --header-mobile-border-color: var(--Secondary-100);
  --header-mobile-hover-color: var(--Secondary-80);
  --mobile-svg-color: var(--White-A20);

  --loginReq-bg-color: var(--Secondary-90);

  --header-mobile-link-bg-color: var(--Secondary-90);
  --header-mobile-menu-icon-color: var(--Primary-20);

  /*Footer*/

  --footer-bg-color: rgba(18, 18, 18, 1);

  /*Main slider*/

  --background-bullet-color: var(--Secondary-80);
  --background-bullet-progress-color: var(--Primary-90);

  /*Calendar*/

  --calendar-bg-color: var(--Secondary-80);
  --calendar-tile-active-text-color: var(--White-A80);
  --calendar-tile-active-bg-color: var(--Primary-90);
  --calendar-tile-now-bg-color: var(--White-A10);
  --calendar-tile-hover-bg-color: var(--Primary-60);
  --calendar-view-days-text-color: var(--Primary-60);
  
  /*Schedule*/
  
  --button-gradient-color: var(--Secondary-100);
  --schedule-bg-color: var(--White-A10);
  --schedule-bg-color-hover: var(--White-A20);
  --schedule-notFormed-bg-color: var(--White-A10);
  --schedule-chosen-bg-color: #F8F8F8;

  --schedule-swiper-scrollbar-color: var(--White-A10);
  --schedule-swiper-scrollbar-drag-color: var(--White-A20);
  
  /*Seanses*/

  --seanse-bg-color-hover: transparent;
  --agerating-bg-color: var(--White-A20);
  --badge-bg-color: transparent;

  /*Soon block*/

  --soon-bg-color: transparent;
  --soon-bg-color-hover: transparent;
  --soon-bg-color-last: transparent;

  /*Social link*/

  --social-link-bg-color: var(--White-A20);

  /*Buying popup*/

  --chosen-seanse-bg-color: var(--White-100);
  --chosen-seanse-text-color: var(--Secondary-80);
  --buying-calendar-bg-color: var(--Secondary-90);
  --hall-bg-color: var(--Secondary-100);
  --resize-bg-color: var(--White-A10);
  --resize-bg-color-hover: var(--White-A20);
  --resize-text-color: var(--White-A60);
  --minimap-bg-color: var(--Secondary-70);
  --hall-loader-color: var(--Secondary-90);
  --chosen-place-bg-color: var(--Secondary-80);
  --paysystem-bg-color: var(--White-A10);
  --paysystem-border-color: var(--White-A10);
  --place-bg-color: var(--Secondary-70);
  --place-text-color: var(--White-A60);

  /*Filmbase*/

  --filmbase-info-bg-color: var(--Secondary-90);
  --filmbase-info-bg-color-2: rgba(40, 39, 42, 0.2);

  --filmbase-description-header-color: var(--White-A60);

  --filmbase-sessions-date-color: var(--White-A80);

  --tagwrapper-bg-color: var(--White-A10);
  --tag-label-color: var(--White-A60);
  --tag-content-color: var(--White-A80);

  /*Comments*/
  --support-form-bg-color: var(--Secondary-90);

  --comment-bg-color: var(--Secondary-90);

  --comment-header-text-color: var(--White-A60);
  --comment-author-text-color: var(--White-A40);

  --comment-author-font-weight: 400;

  --comment-svg-hover-color: var(--White-A20);

  /*Toast*/

  --toast-bg-color: var(--Secondary-80);
  --toast-border-color: transparent;

  /*Affiche*/
  --affiche-month-bg-color: var(--Secondary-90);
  --affiche-month-bg-color-hover: var(--White-A10);
  --affiche-month-bg-color-chosen: var(--White-100);
  --affiche-posterwrapper-ended-bg-color: var(--Secondary-70);

  /*Profile*/

  --profile-navigation-element: transparent;
  --profile-navigation-element-hover: var(--White-A20);
  --profile-navigation-element-current: var(--White-A20);
  --profile-user-email-disabled: var(--White-A50);

  /*Purchases*/

  --purchases-tickets-bg-color: var(--Secondary-90);
  --purchases-code-text-color: var(--White-100);
  --purchases-code-bg-color: var(--Primary-90);
  --purchases-container-wait: var(--Secondary-90);
  
  /*Help*/
  --accordion-border-color: var(--Secondary-90);
  --accordion-header-text-color: var(--White-A60);

  --subject-bg-color: var(--Secondary-90);
  --subject-bg-color-hover: var(--White-A20);
  
  /*Kinoblog*/
  --kinoblog-avatar-bg-color: var(--Primary-100);

  /*Faq*/
  --mobile-supportForm-bg-color: var(--Secondary-90);
  --mobile-supportForm-text-color: var(--White-A80);

  --404-text-color: var(--White-A80);

  --plyr-menu-background: var(--Secondary-100);

  /*Admin comments*/
  --moderation-text-color: var(--Primary-20);
  --admin-buttons-text-color: var(--White-100);

  /* Place colors*/
  --place-back-color: var(--Primary-90);
  --place-arm-color: #242423;

  /* Board colors*/
  --board-bg-gradient-color: linear-gradient(90deg,#151C41 13.67%,rgba(13,16,28,0) 51.15%);
  --board-bg-radial-color: radial-gradient(58.7% 70.83% at 84.64% 17.27%,rgba(13,16,28,.72) 0,rgba(13,16,28,.9) 100%);
  --board-bg-slide-color: var(--White-A10);
  --board-text-chosen-color: var(--White-100);
  --board-text-date-color: var(--White-A80);
  --board-bg-mpaa-color: var(--White-A70);
  --board-bg-hall-color: var(--Secondary-90);
  --board-text-duration-color: var(--White-A80);
}
.headerAddStyle {
  border: 0;
}
.sliderBlockSwiper .swiper .swiper-slide:has(.lastSlide.info.kinomax),
.sliderBlockSwiper .swiper-slide.kinomax {
  width: 362px !important;
  @media screen and (max-width: 767px) {
    width: 294px !important;
  }
}
.galleryBlockSwiper .swiper-button-next,
.galleryBlockSwiper .swiper-button-prev,
.sliderBlockSwiper .swiper-button-next,
.sliderBlockSwiper .swiper-button-prev {
  height: 56px !important; 
  width: 56px !important;
  border-radius: 60px;
  backdrop-filter: blur(12.8px);
  position: absolute;
  z-index: 10;
  isolation: isolate;
}
.galleryBlockSwiper .swiper-button-next,
.galleryBlockSwiper .swiper-button-prev {
  background: rgba(160, 157, 156, 0.4);
}
[class*="infoBlock_slider-arrow"] [class*="infoBlock_prev"],
[class*="infoBlock_slider-arrow"] [class*="infoBlock_next"] {
  backdrop-filter: blur(12.8px);
  border-radius: 60px;
}
[class*="infoBlock_slider-arrow"] [class*="infoBlock_prev"],
[class*="infoBlock_slider-arrow"] [class*="infoBlock_next"],
.galleryBlockSwiper .swiper-button-next:after,
.galleryBlockSwiper .swiper-button-prev:after,
.sliderBlockSwiper .swiper-button-next:after,
.sliderBlockSwiper .swiper-button-prev:after {
  height: 56px !important; 
  width: 56px !important;
}
.sliderBlockSwiper .swiper-button-next {
  right: -28px !important;
  top: 50% !important;
}
.sliderBlockSwiper .swiper-button-prev {
  left: -3px !important;
  top: 50% !important;
}
.footerAddStyle {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pageContent_Index + .footerAddStyle {
  margin-top: 30px;
  @media screen and (max-width: 767px) {
    margin-top: 0;
  }
}
.sliderBlockSwiper .posterAddStyle div {
  display: none !important;
  @media screen and (max-width: 767px) {
    &:nth-of-type(2) {
      display: block !important;
      padding: 12px 0;
      height: 44px;
    }
    &:nth-of-type(2) p {
      display: none !important;
    }
  }
}
.lastSlide.info.kinomax {
  width: 362px !important;
  height: 623px !important;
  @media screen and (max-width: 767px) {
    width: 280px !important;
    height: 482px !important;
  }
}
.addStyleSoonLastSlide {
  height: 472px !important;
  @media screen and (max-width: 767px) {
    height: 365px !important;
  }
}
.dayInfo_notFormedAddStyle {
  backdrop-filter: blur(20px);
  & span {
    color: var(--White-A20) !important; 
  }
}
.badgeBlockAddStyle span {
  display: none;
}
.userBlockAddStyle,
.headerAddStyle [class^="header_header_user"] > [class^="header_search"] {
  backdrop-filter: blur(12.8px);
  border-radius: 50%;
}
.pageContent h1,
[class*="sliderBlock_sliderHeader"] > h2 {
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 40px !important;
  @media screen and (max-width: 767px) {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}
[class*="sliderBlock_sliderHeader"] {
  margin-top: 32px;
  @media screen and (max-width: 767px) {
    margin-top: 24px;
  }
}
[class*="sliderBlock_sliderBlock"] {
  gap: 24px;
}
.refundAddStyle:hover,
.firstLevelMenu:hover,
[class*="search_searchBlock"] {
  backdrop-filter: blur(12.8px);
}
.userBlockAddStyle .firstLevelMenu:hover {
  backdrop-filter: none;
}
.buyingCalendarAddStyle {
  border: 1px solid var(--Secondary-70);
  border-radius: 8px;
  @media screen and (max-width: 767px) {
    border: 0;
  }
}
.timeBorderAddStyle {
  border: 0 !important;
  padding: 5px 4px !important;
}
.buyTicketBlockSwiper .swiper-slide a {
  background-color: var(--Secondary-70);
}
.buyTicketBlockSwiper .swiper-slide a:hover {
  background-color: var(--Secondary-60);
}
.buyTicketBlockSwiper .timeBlockAddStyle div span {
  line-height: inherit;
}
.placePricesAddStyle {
  background-color: var(--Secondary-100) !important;
  border: 1px solid var(--Secondary-80);
}
@media screen and (max-width: 767px) {
  .popupAddStyle .buyTicketBlockSwiper {
    height: 144px !important;
  }
}
.buyTicketBlockSwiper .swiper-scrollbar {
  top: 78px !important;
}
@media screen and (max-width: 767px) {
  .pageContent_Index .timeBlockAddStyle,
  .pageContent_Schedule .timeBlockAddStyle {
    min-width: 163px !important;
  }
}
[class*="infoBlock_closeIcon"] {
  circle {
    fill: rgba(160, 157, 156, 0.4);
  }
}
[class*="infoBlock_photoCounter"] span {
  background-color: rgba(160, 157, 156, 0.4) !important;
}
[class*="header_header_mobile"] {
  height: 72px;
}
@media screen and (max-width: 1023px) {
  [class*="header_nav_mobile"],
  [class*="search_searchBlock"] {
    top: 72px;
  }
}
[class*="header_nav_mobile"] ~ .mainBannerSwiper_kinomax .banner-trailer-controls.mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  [class*="pageContent"]:not(.pageContent_Index) {
    padding: 88px 16px 56px;
  }
}
.addStyleSoonLastSlide:hover {
    background: rgba(255, 255, 255, 0.03);
    @media screen and (max-width: 767px) {
      background: none;
    }
}
.addStyleSoonLastSlide svg {
  display: none;
}
.addStyleSoonLastSlide a {
    position: absolute;
    top: 290px;
    @media screen and (max-width: 767px) {
      top: 220px;
    }
}
.pageContent_Index .infoBlockAddStyle {
  height: 256px;
  background: rgba(255, 255, 255, 0.03);
  flex-direction: column;
  gap: 110px;
  text-align: center;
}
.pageContent_Index .infoBlockAddStyle img {
  top: 40px !important;
  width: 64px !important;
  height: 64px !important;
  left: 50% !important;
  transform: translate(-50%);
}
.pageContent_Index .infoBlockAddStyle div {
  width: 100%;
}
.pageContent_Index .infoBlockAddStyle h2 {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .pageContent_Index .infoBlockAddStyle > div:last-child {
    padding: 0 24px 48px;
  }
}
.pageContent_Index .infoBlockAddStyle p {
  @media screen and (max-width: 767px) {
    font-size: 14px;
    line-height: 20px;
  }
}
.notFoundPageAddStyle p:first-of-type {
  display: none;
}
[class*="header_header_middle"] a,
.firstLevelMenu,
.dropdown-item {
  font-weight: 500 !important;
}
.mobileLogoSizesHeader {
  width: 97px !important;
}
.mobileLogoSizesFooter {
  width: 82px !important;
}
.pageContent.pageContent_Index .noSchedule {
  @media screen and (max-width: 767px) {
    margin-top: 40px !important;
  }
}