.theme {
  /*Primary*/
  --Primary-100: #005495;
  --Primary-90: #298BD9;
  --Primary-60: #009DE2;
  --Primary-20: #48BAFF;
  --Primary-10: #ACDAFF;
  --Primary-5: #C9E6FF;

  /*Secondary*/
  --Secondary-100: #E86725;
  --Secondary-90: #FB8823;
  --Secondary-60: #FF973D;
  --Secondary-20: #FF973D;
  --Secondary-10: #FFDCC1;
  --Secondary-5: #EDE7E5;

  /*Gray*/
  --Grey-100: #101217;
  --Grey-90: #28272A;
  --Grey-80: #363538;
  --Grey-70: #525252;
  --Grey-60: #757575;
  --Grey-50: #979797;
  --Grey-40: #D3D1D4;
  --Grey-30: #E9E4E7;
  --Grey-20: #F2F0F2;
  --Grey-10: #F8F7F8;

  --Grey-A10: rgba(40, 39, 42, 0.1); 
  --Grey-A20: rgba(40, 39, 42, 0.2);
  --Grey-A30: rgba(40, 39, 42, 0.3);
  --Grey-A40: rgba(40, 39, 42, 0.4);
  --Grey-A70: rgba(20, 23, 24, 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: var(--Grey-40);
  --scrollbar-track-color: var(--Grey-20);

  --skeleton-first-color: var(--Grey-30);
  --skeleton-second-color: var(--Secondary-5);

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

  --global-bg-color: var(--White-100);
  --global-light-bg-color: var(--White-100);
  --global-content-bg-color: var(--Grey-10);
  --global-content-border-color: var(--Grey-30);
  --input-grey-color: var(--Grey-80);

  --global-text-color: var(--Grey-100);
  --global-text-revert-color: var(--White-100);
  --global-light-color: var(--Grey-80);
  --global-light-transparent-color: var(--Grey-60);
  --global-light-transparent-color-2: var(--Grey-60);
  --global-light-50-transparent-color: var(--Grey-50);
  --global-secondary-text-color: var(--White-100);

  /*Components*/

  --places-block-info-bg-color: rgba(22, 139, 232, 0.8);
  --places-block-logo-hover-color: var(--Grey-30);

  /*Button*/

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

  --button-primary-disabled: var(--Grey-A20);
  --button-primary-color-disabled: var(--Grey-60);
  --button-primary-loaded: var(--Primary-10);

  --button-secondary-color: var(--Grey-100);
  --button-secondary-color-hover: var(--Grey-60);
  --button-secondary-color-disabled: var(--Grey-40);

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

  /*RadioButton*/

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

  --radiobutton-circle-bg-color: var(--White-100);
  --radiobutton-circle-border-color: var(--Secondary-60);
  --radiobutton-innerCircle-bg-color: var(--White-100);
  
  --radiobutton-checked-bg-color: var(--Secondary-60);
  --radiobutton-checked-border-color: var(--Secondary-60);
  
  /*Checkbox*/
  --checkbox-bg-color: var(--White-100);
  --checkbox-box-color: var(--White-100);
  --checkbox-border-color: var(--Secondary-60);
  --checkbox-checkmark-color: var(--Secondary-60);
  --checkbox-input-bg-color: var(--White-100);
  --checkbox-input-border-color: var(--Secondary-60);
  
  /*Link*/

  --link-color-visited: var(--global-text-color);
  --link-color-disabled: var(--Grey-40);

  /*Floating input*/

  --floating-input-text-color: var(--Grey-100);
  --floating-input-text-color-disabled: var(--Grey-40);
  --floating-input-bg-color: var(--Grey-10);
  --floating-input-bg-color-select: var(--Grey-30);
  --floating-input-border-color: var(--Grey-40);
  --floating-input-border-color-focus: var(--Secondary-60);
  --floating-input-border-color-disabled: var(--Grey-20);
  --floating-input-placeholder: var(--Grey-60);

  /*Popup*/

  --popup-bg-color: var(--Grey-A40);

  /*Header*/

  --light-bg-color: var(--Grey-20);
  --light-bg-color-2: var(--Primary-20);

  --menu-hover-color: var(--Primary-10);
  --menu-active-color: var(--Primary-20);

  --dropdown-bg-color: var(--White-100);
  --dropdown-bg-color-2: var(--Grey-30);

  --search-bg-color: var(--Grey-10);
  --search-progress-color: var(--global-text-color);
  
  --header-border-color: transparent;
  --header-mobile-border-color: transparent;
  --header-mobile-hover-color: var(--Grey-30);
  --mobile-svg-color: var(--Grey-50);

  --loginReq-bg-color: var(--Grey-20);

  --header-mobile-link-bg-color: var(--Grey-20);
  --header-mobile-menu-icon-color: var(--Secondary-60);

  /*Footer*/

  --footer-bg-color: var(--Grey-20);

  /*Main slider*/

  --background-bullet-color: var(--Grey-30);
  --background-bullet-progress-color: var(--Primary-60);

  /*Calendar*/

  --calendar-bg-color: var(--White-100);
  --calendar-tile-active-text-color: var(--Grey-100);
  --calendar-tile-active-bg-color: var(--Primary-20);
  --calendar-tile-now-bg-color: var(--Grey-A20);
  --calendar-tile-hover-bg-color: var(--Primary-10);
  --calendar-view-days-text-color: var(--Primary-60);

  /*Schedule*/

  --button-gradient-color: var(--White-100);
  --schedule-bg-color: var(--Primary-5);
  --schedule-bg-color-hover: var(--Primary-10);
  --schedule-notFormed-bg-color: var(--Grey-20);
  --schedule-chosen-bg-color: var(--Primary-90);

  --schedule-swiper-scrollbar-color: var(--Grey-20);
  --schedule-swiper-scrollbar-drag-color: var(--Grey-40);

  /*Seanses*/

  --seanse-bg-color-hover: var(--Grey-20);
  --agerating-bg-color: var(--Grey-20);
  --badge-bg-color: var(--Grey-A20);

  /*Soon block*/

  --soon-bg-color: var(--Grey-10);
  --soon-bg-color-hover: var(--Grey-20);
  --soon-bg-color-last: var(--Grey-10);

  /*Social link*/

  --social-link-bg-color: var(--Grey-90);

  /*Buying popup*/

  --chosen-seanse-bg-color: var(--Secondary-60);
  --chosen-seanse-text-color: var(--White-100);
  --buying-calendar-bg-color: var(--White-100);
  --hall-bg-color: var(--Grey-10);
  --resize-bg-color: var(--Grey-A20);
  --resize-bg-color-hover: var(--Grey-A30);
  --resize-text-color: var(--Grey-60);
  --minimap-bg-color: var(--Grey-40);
  --hall-loader-color: var(--Grey-10);
  --chosen-place-bg-color: var(--Grey-10);
  --paysystem-bg-color: var(--Grey-10);
  --paysystem-border-color: var(--Grey-30);
  --place-bg-color: var(--Primary-10);
  --place-text-color: var(--Grey-A70);

  /*Filmbase*/

  --filmbase-info-bg-color: var(--Grey-10);
  --filmbase-info-bg-color-2: rgba(231, 231, 231, 0.1);

  --filmbase-description-header-color: var(--Grey-70);

  --filmbase-sessions-date-color: var(--Grey-80);

  --tagwrapper-bg-color: var(--Secondary-5);
  --tag-label-color: var(--Grey-80);
  --tag-content-color: var(--Grey-100);

  /*Comments*/
  --support-form-bg-color: var(--Grey-10);

  --comment-bg-color: var(--Grey-10);

  --comment-header-text-color: var(--Grey-80);
  --comment-author-text-color: var(--Grey-80);

  --comment-author-font-weight: 600;

  --comment-svg-hover-color: var(--Grey-30);

  /*Toast*/

  --toast-bg-color: var(--Grey-10);
  --toast-border-color: var(--Grey-10);

  /*Affiche*/
  --affiche-month-bg-color: var(--Grey-20);
  --affiche-month-bg-color-hover: var(--Grey-30);
  --affiche-month-bg-color-chosen: var(--Grey-100);
  --affiche-posterwrapper-ended-bg-color: var(--Grey-70);

  /*Profile*/

  --profile-navigation-element: var(--Grey-10);
  --profile-navigation-element-hover: var(--Grey-30);
  --profile-navigation-element-current: var(--Grey-30);
  --profile-user-email-disabled: var(--Grey-40);

  /*Purchases*/

  --purchases-tickets-bg-color: var(--White-100);
  --purchases-code-text-color: var(--White-100);
  --purchases-code-bg-color: var(--Secondary-90);
  --purchases-container-wait: var(--Grey-20);

  /*Help*/
  --accordion-border-color: var(--Grey-30);
  --accordion-header-text-color: var(--Grey-50);

  --subject-bg-color: var(--Grey-10);
  --subject-bg-color-hover: var(--Grey-30);

  /*Kinoblog*/
  --kinoblog-avatar-bg-color: var(--White-100);

  /*Faq*/
  --mobile-supportForm-bg-color: var(--Grey-10);
  --mobile-supportForm-text-color: var(--Grey-90);

  --404-text-color: var(--Grey-100);

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

  /* Place colors*/
  --place-back-color:#FB8823;
  --place-arm-color: #40474E;
}
*, *::before, *::after {
  color: var(--Grey-100);
}
.plyr *, *::before, *::after {
  color: var(--White-100);
}
.plyr svg {
  color: var(--White-100) !important;
  fill: var(--White-100) !important;
}
.plyr__control--overlaid {
  background: var(--White-A40) !important;
}
.refundAddStyle {
  margin-left: 27px;
}
.mobileLogoSizesFooter {
  margin-bottom: 10px;
}
.mobileLogoSizesHeader {
  @media screen and (max-width: 767px) {
    width: 42px !important;
    height: 43px;
  }
}
@media screen and (max-width: 767px) {
  .pageContent.movie_bar,
  .pageContent.places {
    align-items: normal;
  }
  .mobileLogoSizesFooter {
    margin-bottom: 0;
  }
}
.dayInfo_notFormedAddStyle span {
  color: var(--Grey-A20);
}
.scheduleBlockSwiper .swiper-slide a span {
  color: var(--Primary-100);
}
.memorandumAddStyle {
  background-color: var(--Secondary-90) !important;
}
.userBlockAddStyle span {
  color: var(--Primary-100);
}
.menuIconAddStyle {
  background-color: var(--Primary-100) !important;
}
.refundAddStyle:hover,
.firstLevelMenu:hover {
  background-color: var(--Grey-30) !important;
}
.refundAddStyle:active,
.firstLevelMenu:active {
  background-color: var(--Grey-40) !important;
}
.placePricesAddStyle {
  background: var(--Grey-10) !important;
}
.timeBorderAddStyle {
  border: 0 !important;
  padding: 5px 4px !important;
}
.buyTicketBlockSwiper .swiper-slide a {
  background-color: var(--Grey-30);
}
.buyTicketBlockSwiper .swiper-slide a:hover {
  background-color: var(--Grey-40);
}
.buyTicketBlockSwiper .swiper-slide a:active {
  background-color: var(--Grey-50);
}
.popupAddStyle {
  backdrop-filter: blur(3px);
}
.buyingCalendarAddStyle {
  border: 1px solid var(--Grey-A20);
  border-radius: 8px;
  @media screen and (max-width: 767px) {
    border: 0;
  }
}
.buyTicketBlockSwiper .timeBlockAddStyle * {
  color: var(--Grey-100);
}
.buyTicketBlockSwiper .badgeBlockAddStyle span {
  background-color: var(--Grey-A10);
  color: var(--Grey-60);
  font-weight: bold;
}
.buyTicketBlockSwiper .chosenBlockAddStyle {
  background-color: var(--Grey-90) !important;
}
.placesBlock.super8_y .info p span,
.placesBlock.super8_y .info a u,
.placesBlock.super8_y .info h2,
.placesBlock.super8_y .info p,
.sessionAddStyle .timeBlockAddStyle *,
.dayInfo_chosenDayAddStyle span,
.buyTicketBlockSwiper .chosenBlockAddStyle * {
  color: #fff !important;
}
div:has(> img[src="/Share-20.svg"]) {
  border: 1px solid var(--button-secondary-color-hover);
}
.toastAddStyle {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
}
.placesBlock.super8_y h2::after,
.buttonContainer,
[src="/ArrowLeft-16.svg"] {
  display: none !important;
}
.placesBlock.super8_y h2::after {
  background: #fff;
}
.placesBlock.super8_y .info {
  backdrop-filter: blur(2px);
}
.placesBlock.super8_y .info p {
  text-align: left;
  font-size: 12px;
  margin-bottom: 30px;
}
.placesBlock.super8_y .info p span {
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}
.placesBlock.super8_y .info {
  top: 96px;
  left: 0;
  width: 430px;
  height: 386px;
  border-radius: 8px 0 0 8px;
  padding: 55px 38px;
}
@media screen and (max-width: 767px) {
  .placesBlock.super8_y .info {
    width: 100%;
    height: auto;
    border-radius: 8px;
    padding: 12px;
    background-color: var(--places-block-info-bg-color);
  }
  .placesBlock.super8_y .info p:last-of-type {
    margin-bottom: 4px;
  }
  .placesBlock.super8_y .info p {
    margin-bottom: 15px;
  }
}
.super8_y .swiper-slide {
  width: 100% !important;
  max-width: 1400px;
  @media screen and (max-width: 767px) {
    display: none;
  }
}