@charset "UTF-8";
/*
  https://gist.github.com/terkel/4373420
  Round a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @param  {String} [$mode:round] (round|ceil|floor) How to round a number
  @return {Number} A rounded number
  @example
    decimal-round(0.333)    => 0
    decimal-round(0.333, 1) => 0.3
    decimal-round(0.333, 2) => 0.33
    decimal-round(0.666)    => 1
    decimal-round(0.666, 1) => 0.7
    decimal-round(0.666, 2) => 0.67
*/
/*
  Ceil a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @return {Number} A ceiled number
  @example
    decimal-ceil(0.333)    => 1
    decimal-ceil(0.333, 1) => 0.4
    decimal-ceil(0.333, 2) => 0.34
    decimal-ceil(0.666)    => 1
    decimal-ceil(0.666, 1) => 0.7
    decimal-ceil(0.666, 2) => 0.67
*/
/*
  Floor a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @return {Number} A floored number
  @example
    decimal-floor(0.333)    => 0
    decimal-floor(0.333, 1) => 0.3
    decimal-floor(0.333, 2) => 0.33
    decimal-floor(0.666)    => 0
    decimal-floor(0.666, 1) => 0.6
    decimal-floor(0.666, 2) => 0.66
*/
/*
  https://gist.github.com/terkel/4373420
  Round a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @param  {String} [$mode:round] (round|ceil|floor) How to round a number
  @return {Number} A rounded number
  @example
    decimal-round(0.333)    => 0
    decimal-round(0.333, 1) => 0.3
    decimal-round(0.333, 2) => 0.33
    decimal-round(0.666)    => 1
    decimal-round(0.666, 1) => 0.7
    decimal-round(0.666, 2) => 0.67
*/
/*
  Ceil a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @return {Number} A ceiled number
  @example
    decimal-ceil(0.333)    => 1
    decimal-ceil(0.333, 1) => 0.4
    decimal-ceil(0.333, 2) => 0.34
    decimal-ceil(0.666)    => 1
    decimal-ceil(0.666, 1) => 0.7
    decimal-ceil(0.666, 2) => 0.67
*/
/*
  Floor a number to specified digits.

  @param  {Number} $number A number to round
  @param  {Number} [$digits:0] Digits to output
  @return {Number} A floored number
  @example
    decimal-floor(0.333)    => 0
    decimal-floor(0.333, 1) => 0.3
    decimal-floor(0.333, 2) => 0.33
    decimal-floor(0.666)    => 0
    decimal-floor(0.666, 1) => 0.6
    decimal-floor(0.666, 2) => 0.66
*/
/**
 * Return content wrapped with media query to provided direction.
 * If provided breakpoint is part of bootstrap breakpoints, then media-breakpoint-{DIRECTION} mixin is used,
 * otherwise mixin uses plain css query.
 */
/**
 * Shorthand for "resolve-media-query" mobile first
 */
/**
 * Shorthand for "resolve-media-query" desktop first
 */
/* Применить внутренние стили только для устройств, поддерживающих наведение */
/* Отключение полос прокруток для большинства устройств */
/* Стандартные примитивы */
/* Стандартные токены */
/* Доступные цветовые режимы */
/* Настройка цветовых схем */
:root {
  --typography-xxl: 1.875rem;
}

@media (min-width: 992px) {
  :root {
    --typography-xxl: 3rem;
  }
}
:root {
  --typography-xl: 1.75rem;
}

@media (min-width: 992px) {
  :root {
    --typography-xl: 2.5rem;
  }
}
:root {
  --typography-lg: 1.625rem;
}

@media (min-width: 992px) {
  :root {
    --typography-lg: 2.25rem;
  }
}
:root {
  --typography-h1: 1.5rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h1: 2rem;
  }
}
:root {
  --typography-h2: 1.375rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h2: 1.875rem;
  }
}
:root {
  --typography-h3: 1.25rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h3: 1.75rem;
  }
}
:root {
  --typography-h4: 1.1875rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h4: 1.625rem;
  }
}
:root {
  --typography-h5: 1.125rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h5: 1.5rem;
  }
}
:root {
  --typography-h6: 1.0625rem;
}

@media (min-width: 992px) {
  :root {
    --typography-h6: 1.25rem;
  }
}
:root {
  --typography-p: 1rem;
}

@media (min-width: 992px) {
  :root {
    --typography-p: 1rem;
  }
}
:root {
  --typography-small: 0.875rem;
}

@media (min-width: 992px) {
  :root {
    --typography-small: 0.875rem;
  }
}
:root {
  --typography-very-small: 0.8125rem;
}

@media (min-width: 992px) {
  :root {
    --typography-very-small: 0.8125rem;
  }
}
:root {
  --typography-display: var(--typography-xl);
  --typography-display-leading: var(--typography-xl-leading, inherit);
  --typography-display-weight: bold;
  --typography-display-font: Roboto, sans-serif;
  --typography-display-transform: uppercase;
}

:root {
  --typography-subdisplay: var(--typography-lg);
  --typography-subdisplay-leading: 130%;
}

:root {
  --typography-heading: var(--typography-h1);
  --typography-heading-leading: var(--typography-h1-leading, inherit);
  --typography-heading-font: Roboto, sans-serif;
}

:root {
  --typography-subheading: var(--typography-h3);
  --typography-subheading-leading: var(--typography-h3-leading, inherit);
}

:root {
  --typography-title: var(--typography-h2);
  --typography-title-leading: var(--typography-h2-leading, inherit);
  --typography-title-weight: bold;
  --typography-title-font: Roboto, sans-serif;
  --typography-title-transform: uppercase;
}

:root {
  --typography-subtitle: var(--typography-h4);
  --typography-subtitle-leading: var(--typography-h4-leading, inherit);
}

:root {
  --typography-caption: var(--typography-h5);
  --typography-caption-leading: var(--typography-h5-leading, inherit);
  --typography-caption-weight: bold;
  --typography-caption-font: Roboto, sans-serif;
  --typography-caption-transform: uppercase;
}

:root {
  --typography-subcaption: var(--typography-h6);
  --typography-subcaption-leading: var(--typography-h6-leading, inherit);
  --typography-subcaption-weight: bold;
}

:root {
  --typography-headline: var(--typography-h6);
  --typography-headline-leading: var(--typography-h6-leading, inherit);
  --typography-headline-weight: bold;
  --typography-headline-transform: uppercase;
}

:root {
  --typography-body: var(--typography-p);
  --typography-body-leading: var(--typography-p-leading, inherit);
}

:root {
  --typography-btn-default: var(--typography-p);
  --typography-btn-default-leading: var(--typography-p-leading, inherit);
}

:root {
  --typography-btn-small: var(--typography-small);
  --typography-btn-small-leading: var(--typography-small-leading, inherit);
}

:root {
  --typography-btn-large: var(--typography-h5);
  --typography-btn-large-leading: var(--typography-h5-leading, inherit);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

/* stylelint-disable scss/double-slash-comment-empty-line-before */
@font-face {
  font-family: "APIMediaIcons";
  src: url("/assets/fonts/IconFont/APIMediaIcons.eot?af3295bc105b2ad2df49d82190bfe8cb#iefix") format("embedded-opentype"), url("/assets/fonts/IconFont/APIMediaIcons.woff2?af3295bc105b2ad2df49d82190bfe8cb") format("woff2"), url("/assets/fonts/IconFont/APIMediaIcons.woff?af3295bc105b2ad2df49d82190bfe8cb") format("woff");
}
.icon, .icon::before, .icon::after {
  font-family: APIMediaIcons !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  display: inline-flex;
  line-height: 1;
  vertical-align: middle;
}

.icon-angle-down::before {
  content: "\f101";
}

.icon-angle-left::before {
  content: "\f102";
}

.icon-angle-right::before {
  content: "\f103";
}

.icon-angle-up::before {
  content: "\f104";
}

.icon-arrow-down::before {
  content: "\f105";
}

.icon-arrow-left::before {
  content: "\f106";
}

.icon-arrow-right::before {
  content: "\f107";
}

.icon-arrow-up::before {
  content: "\f108";
}

.icon-checkbox-cicle::before {
  content: "\f109";
}

.icon-checkbox-circle-checked::before {
  content: "\f10a";
}

.icon-chevron-down::before {
  content: "\f10b";
}

.icon-chevron-left::before {
  content: "\f10c";
}

.icon-chevron-right::before {
  content: "\f10d";
}

.icon-chevron-up::before {
  content: "\f10e";
}

.icon-social-avito::before {
  content: "\f10f";
}

.icon-social-dzen::before {
  content: "\f110";
}

.icon-social-facebook::before {
  content: "\f111";
}

.icon-social-instagram-outline::before {
  content: "\f112";
}

.icon-social-instagram::before {
  content: "\f113";
}

.icon-social-max::before {
  content: "\f114";
}

.icon-social-ok::before {
  content: "\f115";
}

.icon-social-rutube::before {
  content: "\f116";
}

.icon-social-telegram::before {
  content: "\f117";
}

.icon-social-tik-tok::before {
  content: "\f118";
}

.icon-social-viber::before {
  content: "\f119";
}

.icon-social-vk::before {
  content: "\f11a";
}

.icon-social-whatsapp::before {
  content: "\f11b";
}

.icon-social-x::before {
  content: "\f11c";
}

.icon-social-youtube::before {
  content: "\f11d";
}

.icon-triangle-down::before {
  content: "\f11e";
}

.icon-triangle-left::before {
  content: "\f11f";
}

.icon-triangle-right::before {
  content: "\f120";
}

.icon-triangle-up::before {
  content: "\f121";
}

.icon-calendar::before {
  content: "\f122";
}

.icon-cart::before {
  content: "\f123";
}

.icon-check::before {
  content: "\f124";
}

.icon-clock-outline::before {
  content: "\f125";
}

.icon-clock::before {
  content: "\f126";
}

.icon-close-2::before {
  content: "\f127";
}

.icon-close::before {
  content: "\f128";
}

.icon-download-file::before {
  content: "\f129";
}

.icon-download::before {
  content: "\f12a";
}

.icon-envelope-outline::before {
  content: "\f12b";
}

.icon-envelope::before {
  content: "\f12c";
}

.icon-sliders::before {
  content: "\f12d";
}

.icon-sort-by-attributes::before {
  content: "\f12e";
}

.icon-tile-2::before {
  content: "\f12f";
}

.icon-tile-3::before {
  content: "\f130";
}

.icon-tile::before {
  content: "\f131";
}

.icon-external-link::before {
  content: "\f132";
}

.icon-info-circle::before {
  content: "\f133";
}

.icon-info::before {
  content: "\f134";
}

.icon-internal-link::before {
  content: "\f135";
}

.icon-left-quote::before {
  content: "\f136";
}

.icon-lock::before {
  content: "\f137";
}

.icon-magnifier-minus::before {
  content: "\f138";
}

.icon-magnifier-plus::before {
  content: "\f139";
}

.icon-magnifier::before {
  content: "\f13a";
}

.icon-map-marker-outline::before {
  content: "\f13b";
}

.icon-map-marker::before {
  content: "\f13c";
}

.icon-minus::before {
  content: "\f13d";
}

.icon-moon::before {
  content: "\f13e";
}

.icon-phone-outline::before {
  content: "\f13f";
}

.icon-phone::before {
  content: "\f140";
}

.icon-play::before {
  content: "\f141";
}

.icon-plus::before {
  content: "\f142";
}

.icon-price::before {
  content: "\f143";
}

.icon-profile::before {
  content: "\f144";
}

.icon-question-mark::before {
  content: "\f145";
}

.icon-star::before {
  content: "\f146";
}

.icon-sun::before {
  content: "\f147";
}

.icon-timer::before {
  content: "\f148";
}

.icon-unlock::before {
  content: "\f149";
}

:root {
  --f-spinner-width: 2.25rem;
  --f-spinner-height: 2.25rem;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 1rem, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 1rem, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-4.6875rem);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(4.6875rem);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-4.6875rem);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(4.6875rem);
    opacity: 0;
  }
}
:root {
  --f-button-width: 2.5rem;
  --f-button-height: 2.5rem;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 1.25rem;
  --f-button-svg-height: 1.25rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 0.625rem;
  --f-spinner-width: 3.125rem;
  --f-spinner-height: 3.125rem;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 0.25rem;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 2.5rem;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 0.0625rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(0);
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 0.875rem 0 0.25rem 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 0.5rem;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 2.125rem;
  --f-button-height: 2.125rem;
  --f-button-border-radius: 0.25rem;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 1.375rem;
  --f-button-svg-height: 1.375rem;
  position: absolute;
  top: -2.375rem;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 1.5rem;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 0.75rem;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 1.125rem;
  --f-button-svg-height: 1.125rem;
  --f-button-svg-filter: none;
  top: 0.3125rem;
  right: 0.3125rem;
}

.fancybox__nav {
  --f-button-width: 3.125rem;
  --f-button-height: 3.125rem;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 1.625rem;
  --f-button-svg-height: 1.625rem;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(0.0625rem 0.0625rem 0.0625rem rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -1.875rem;
  right: -1.25rem;
  left: -1.25rem;
  bottom: -1.875rem;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 0.0625rem;
  overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 7.5rem);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 60rem;
  height: 33.75rem;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem) !important;
  clip-path: inset(50%) !important;
  height: 0.0625rem !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 0.0625rem !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 6rem;
  --f-thumb-height: 4.5rem;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 0.125rem;
  --f-thumb-offset: 0;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 0.5rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 0.25rem;
  --f-thumb-extra-gap: 1rem;
  --f-thumb-clip-width: 2.875rem;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  perspective: 62.5rem;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.125rem;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
  display: flex;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 0.0625rem + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -0.0625rem), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-0.0625rem 0 0 var(--f-thumb-outline-color)) drop-shadow(0.125rem 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -0.0625rem 0 var(--f-thumb-outline-color)) drop-shadow(0 0.125rem 0 var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 0.5rem 0 0.75rem 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 0.5rem;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 6rem;
  --f-thumb-height: 4.5rem;
  --f-thumb-border-radius: 0.125rem;
  --f-thumb-outline: 0.125rem;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 0.5rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 0.25rem;
  --f-thumb-extra-gap: 1rem;
  --f-thumb-clip-width: 2.875rem;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 4rem;
  --f-thumb-clip-width: 2rem;
  --f-thumb-height: 3rem;
  --f-thumb-extra-gap: 0.625rem;
}

.fancybox__thumbs.is-masked {
  max-height: 0 !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 2.875rem;
  --f-button-height: 2.875rem;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 1.5rem;
  --f-button-svg-height: 1.5rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(0.0625rem 0.0625rem 0.0625rem rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 0.3125rem;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 1.0625rem;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox__infobar span {
  padding: 0 0.3125rem;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.1875rem;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover, .air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 0.5rem 0 0.1875rem;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title, .air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 2rem;
  height: 2rem;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 0.125rem;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 0.5rem;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 0.75rem;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 0.875rem;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 0.125rem 0.1875rem;
  line-height: 1;
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 1.1875rem;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -0.125rem;
  top: -0.1875rem;
  right: -0.125rem;
  bottom: -0.125rem;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 0.375rem;
  font-size: 0.6875rem;
  margin-bottom: 0.0625rem;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 0.6875rem;
  height: 1.0625rem;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 0.25rem;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 0.1875rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 0.1875rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 0.1875rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 0.875rem;
  --adp-width: 15.375rem;
  --adp-z-index: 100;
  --adp-padding: 0.25rem;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 0.5rem;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 0.25rem;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 2rem;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 2rem;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 2rem;
  --adp-month-cell-height: 2.625rem;
  --adp-year-cell-height: 3.5rem;
  --adp-pointer-size: 0.625rem;
  --adp-poiner-border-radius: 0.125rem;
  --adp-pointer-offset: 0.875rem;
  --adp-cell-border-radius: 0.25rem;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 2rem;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 0.0625rem;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 0.75rem;
  --adp-time-padding-inner: 0.625rem;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 1rem;
  --adp-mobile-nav-height: 2.5rem;
  --adp-mobile-width: 20rem;
  --adp-mobile-day-cell-height: 2.375rem;
  --adp-mobile-month-cell-height: 3rem;
  --adp-mobile-year-cell-height: 4rem;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 0.0625rem);
}

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 0.0625rem);
}

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 0.0625rem);
}

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 0.0625rem);
}

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons, .air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.075), 0.0625rem 0.125rem 0.25rem rgba(0, 0, 0, 0.075), 0.0625rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.075), 0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.075);
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}

.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}

.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

.swal2-container.swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}

.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}

.swal2-container.swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}

.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 0.3125rem;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

.swal2-popup:focus {
  outline: none;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 0.1875rem transparent;
  font-weight: 500;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 0.1875rem rgba(112, 102, 224, 0.5);
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 0.1875rem rgba(220, 55, 65, 0.5);
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 0.1875rem rgba(110, 120, 129, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 0.1875rem rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
  outline: none;
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em;
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 0.3125rem;
  background: transparent;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}

.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 0.1875rem rgba(100, 150, 200, 0.5);
}

.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em 2em 0.1875rem;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.06), 0 0 0 0.1875rem transparent;
  color: inherit;
  font-size: 1.125em;
}

.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 0.125rem #f27474 !important;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.06), 0 0 0 0.1875rem rgba(100, 150, 200, 0.5);
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  margin: 1em 2em 0.1875rem;
  background: #fff;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-radio input,
.swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: inherit;
  font-weight: 600;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -0.0625rem;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -624.9375rem;
  width: 3.125rem;
  height: 3.125rem;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 22.5rem;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0.46875rem;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 0.625rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
  margin-right: 1.5625rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 0.125rem #005F75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 0.3125rem;
  position: absolute;
  right: 0.71875rem;
  top: 50%;
  margin-top: -0.15625rem;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -0.46875rem;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 0.71875rem;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 1.5625rem;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -0.25rem;
  margin-bottom: 0;
  margin-left: 0.5rem;
  padding-left: 1rem;
  border-left: 1px solid rgb(0, 53.5897435897, 66);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 0.5rem;
  width: 0.5rem;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.46875rem 0.46875rem 0.23438rem;
  border: 1px solid #ddd;
  border-radius: 0.15625rem;
  font-size: 0.875rem;
  min-height: 2.75rem;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: rgb(182.75, 182.75, 182.75);
}
.is-open .choices__inner {
  border-radius: 0.15625rem 0.15625rem 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 0.15625rem 0.15625rem;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 0.25rem;
  padding-left: 1rem;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 1.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.23438rem;
  margin-bottom: 0.23438rem;
  background-color: #005F75;
  border: 1px solid rgb(0, 74.2948717949, 91.5);
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 0.3125rem;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 0.23438rem;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: rgb(0, 74.2948717949, 91.5);
  border: 1px solid rgb(0, 53.5897435897, 66);
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: rgb(170.25, 170.25, 170.25);
  border: 1px solid rgb(144.75, 144.75, 144.75);
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -0.0625rem;
  border-bottom-left-radius: 0.15625rem;
  border-bottom-right-radius: 0.15625rem;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: rgb(182.75, 182.75, 182.75);
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 18.75rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 0.625rem;
  font-size: 0.875rem;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 6.25rem;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 0.75rem;
    opacity: 0;
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 6.25rem;
    padding-right: 0.625rem;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 0.625rem;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: rgb(242.25, 242.25, 242.25);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.625rem;
  border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
  color: rgb(127.5, 127.5, 127.5);
}

.choices__button {
  text-indent: -624.9375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 0.25rem 0 0.25rem 0.125rem;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 0.125rem;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
.sm {
  box-sizing: border-box;
  position: static;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm,
.sm .menu__list,
.sm .menu__item {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}

.sm .menu__list {
  display: none;
}

.sm .menu__item,
.sm .menu__link {
  position: relative;
}

.sm .menu__link {
  display: block;
}

.sm .menu__link.disabled {
  cursor: default;
}

.sm *,
.sm *::before,
.sm *::after {
  box-sizing: inherit;
}

@media (min-width: 992px) {
  .sm {
    position: relative;
  }
}
@media (min-width: 992px) {
  .menu .menu__list {
    position: absolute;
  }
  .menu .menu__link {
    white-space: nowrap;
  }
  .menu .menu__list .menu__link {
    white-space: normal;
  }
  .menu {
    padding: 0 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .menu:not(.is-discarded) {
    overflow: hidden;
  }
  .menu > .menu__item {
    border-top: none;
    margin-right: 2rem;
  }
  .menu > .menu__item:last-child {
    margin-right: 0;
  }
  .menu > .menu__item > .menu__link {
    height: var(--header-nav-height);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: var(--typography-p);
    line-height: var(--typography-p-leading, inherit);
    font-family: var(--typography-p-font, inherit);
    font-weight: var(--typography-p-weight, inherit);
    font-style: var(--typography-p-style, inherit);
    text-transform: var(--typography-p-transform, inherit);
  }
  .menu .menu__item:first-child {
    border-top: none;
  }
  .menu .menu__link {
    text-decoration: none;
    padding: 0;
    border-radius: 0;
    color: var(--header-color);
    transition: color 180ms ease, background-color 180ms ease;
    position: relative;
  }
  .menu .menu__link:hover, .menu .menu__link:focus, .menu .menu__link:active, .menu .menu__link.highlighted {
    color: var(--header-color-active);
  }
  .menu .menu__link.current, .menu .menu__link.active {
    color: var(--header-color-active);
  }
  .menu .menu__link.disabled {
    color: var(--menu-color-disabled);
  }
  .menu .menu__link.has-submenu {
    padding-right: 1.5625rem;
  }
  .menu .menu__link--discard {
    padding-right: 0 !important;
  }
  .menu .menu__link--discard > .sub-arrow {
    display: none !important;
  }
  .menu .menu__link .sub-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    right: 0;
    font-size: 0.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu .menu__link .sub-arrow::after {
    font-family: "APIMediaIcons";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f101";
    display: inline-block;
  }
  .menu > .menu__item {
    display: inline-block;
  }
  .menu > .menu__item > .menu__list,
  .menu > .menu__item > span.scroll-up,
  .menu > .menu__item > span.scroll-down {
    top: 100% !important;
  }
  .menu .menu__list {
    padding: 1rem 0;
    background: var(--menu-sub-color-background);
    border-radius: 0 !important;
    box-shadow: 0 0.3125rem 0.5625rem var(--menu-color-shadow);
    min-width: 20em;
    z-index: 70;
  }
  .menu .menu__list .menu__link {
    position: relative;
  }
  .menu .menu__list .menu__link, .menu .menu__list .menu__link:hover, .menu .menu__list .menu__link:focus, .menu .menu__list .menu__link:active, .menu .menu__list .menu__link.highlighted {
    border: 0 !important;
    padding: 0.5rem 2rem;
    color: var(--menu-sub-color);
    margin: 0;
    height: initial;
    color: var(--menu-sub-color);
  }
  .menu .menu__list .menu__link:hover, .menu .menu__list .menu__link:focus, .menu .menu__list .menu__link:active, .menu .menu__list .menu__link.highlighted, .menu .menu__list .menu__link.active {
    color: var(--color-primary-600);
  }
  .menu .menu__list .menu__link:hover .sub-arrow, .menu .menu__list .menu__link:focus .sub-arrow, .menu .menu__list .menu__link:active .sub-arrow, .menu .menu__list .menu__link.highlighted .sub-arrow, .menu .menu__list .menu__link.active .sub-arrow {
    color: var(--color-primary-600);
  }
  .menu .menu__list .menu__link.current {
    color: var(--menu-color-active);
  }
  .menu .menu__list .menu__link.disabled {
    background: var(--menu-sub-color-background);
    color: var(--menu-sub-color-disabled);
  }
  .menu .menu__list .menu__link.has-submenu {
    padding-right: 2.5rem;
  }
  .menu .menu__list .menu__link .sub-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    right: 0.875rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu .menu__list .menu__link .sub-arrow::after {
    font-family: "APIMediaIcons";
    content: "\f103";
    display: inline-block;
  }
  .menu .scroll-up,
  .menu .scroll-down {
    position: absolute;
    display: flex;
    visibility: hidden;
    overflow: hidden;
    background: rgba(var(--color-neutral-400--rgb), 0.2);
    height: 1.5rem;
    font-size: 0.75rem;
    transition: background-color 100ms ease, color 100ms ease;
    align-items: center;
    justify-content: center;
    color: var(--color-neutral-600);
  }
  .menu .scroll-up:hover,
  .menu .scroll-down:hover {
    background-color: rgba(var(--color-neutral-400--rgb), 0.5);
    color: var(--color-neutral-800);
  }
  .menu .scroll-up-arrow::after,
  .menu .scroll-down-arrow::after {
    font-family: "APIMediaIcons";
  }
  .menu .scroll-up-arrow::after {
    content: "\f121";
  }
  .menu .scroll-down-arrow::after {
    content: "\f11e";
  }
}
.menu > .menu__item--mega {
  position: static;
}
.menu > .menu__item--mega .scroll-up,
.menu > .menu__item--mega .scroll-down {
  margin-left: 0 !important;
  width: 100% !important;
}

.mega-menu {
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  position: absolute;
  display: none;
  padding: 0;
  background-color: var(--menu-sub-color-background);
  box-shadow: 0 0.3125rem 0.5625rem var(--menu-color-shadow);
  border-radius: 0;
  list-style: none;
  color: var(--menu-color);
}
.mega-menu__inner {
  padding: 2rem;
}

.mega-menu-group__title {
  font-size: var(--typography-h3);
  line-height: var(--typography-h3-leading, inherit);
  font-family: var(--typography-h3-font, inherit);
  font-weight: var(--typography-h3-weight, inherit);
  font-style: var(--typography-h3-style, inherit);
  text-transform: var(--typography-h3-transform, inherit);
}
.mega-menu-group__items {
  margin-top: 0.625rem;
}

.mega-menu-list__heading {
  margin-bottom: 1rem;
  font-size: var(--typography-h5);
  line-height: var(--typography-h5-leading, inherit);
  font-family: var(--typography-h5-font, inherit);
  font-weight: var(--typography-h5-weight, inherit);
  font-style: var(--typography-h5-style, inherit);
  text-transform: var(--typography-h5-transform, inherit);
}
.mega-menu-list__item {
  margin-bottom: 0.5rem;
  font-size: var(--typography-h6);
  line-height: var(--typography-h6-leading, inherit);
  font-family: var(--typography-h6-font, inherit);
  font-weight: var(--typography-h6-weight, inherit);
  font-style: var(--typography-h6-style, inherit);
  text-transform: var(--typography-h6-transform, inherit);
}
.mega-menu-list__item:last-child {
  margin-bottom: 0;
}

.mega-menu-tile {
  text-decoration: none;
}
.mega-menu-tile__link {
  width: 100%;
  height: 100%;
}
.mega-menu-tile__link:hover .mega-menu-tile__inner::before {
  opacity: 1;
}
.mega-menu-tile__inner {
  display: flex !important;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.mega-menu-tile__inner::before, .mega-menu-tile__inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.mega-menu-tile__inner::before {
  transition: opacity 180ms ease;
  background: rgba(24, 26, 28, 0.35);
  z-index: 1;
  opacity: 0;
}
.mega-menu-tile__inner::after {
  background: linear-gradient(1turn, rgba(0, 0, 0, 0.63), transparent 43.59%);
}
.mega-menu-tile__content {
  position: absolute;
  z-index: 2;
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  color: var(--color-white);
  height: 100%;
}

.edd-root {
  width: 100%;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.edd-root-disabled {
  color: #cccccc;
  cursor: not-allowed;
}

.edd-root.edd-root-focused::after,
.edd-root.edd-root-invalid::after {
  transform: scaleX(1);
}

.edd-root.edd-root-invalid::after {
  background: rgb(255, 105, 105);
}

.edd-head {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  transition: border-color 200ms;
}

.edd-root:not(.edd-root-disabled) .edd-head:hover {
  border-bottom-color: #aaaaaa;
}

.edd-value {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0.5rem 1.5625rem 0.5rem 0;
}

.edd-arrow {
  position: absolute;
  width: 0.875rem;
  height: 0.625rem;
  top: calc(50% - 0.3125rem);
  right: 0.1875rem;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
}
.edd-arrow::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f101";
  transition: transform 200ms;
  will-change: transform;
}

.edd-root-disabled .edd-arrow {
  color: #cccccc;
}

.edd-root-open .edd-arrow::before {
  transform: rotateX(180deg);
}

.edd-value,
.edd-option,
.edd-group-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.edd-root:not(.edd-root-disabled) .edd-value,
.edd-option {
  cursor: pointer;
}

.edd-select {
  position: absolute;
  opacity: 0 !important;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.edd-root-native .edd-select {
  pointer-events: auto;
}

.edd-body {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 999;
  background: white;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.08);
  border: 1px solid #eeeeee;
  border-top: 0;
  border-right: 0;
}

.edd-root-open .edd-body {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
  transition: opacity 200ms, transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.edd-root-open-above .edd-body {
  bottom: 100%;
}

.edd-root-open-below .edd-body {
  top: 100%;
}

.edd-items-list {
  overflow: auto;
  max-height: 0;
  transition: max-height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-overflow-scrolling: touch;
}

.edd-items-list::-webkit-scrollbar {
  width: 0.75rem;
}

.edd-items-list::-webkit-scrollbar-track {
  background: #efefef;
}

.edd-items-list::-webkit-scrollbar-thumb {
  background: #cccccc;
}

.edd-group-label {
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem 0.25rem 0;
  color: #555555;
  font-weight: 600;
}

.edd-group-has-label {
  padding-left: 1.375rem;
}

.edd-option {
  position: relative;
  padding: 0.25rem 0.5rem 0.25rem 1.375rem;
  transition: 200ms ease;
  transition-property: background-color, color;
}

.edd-option-selected {
  font-weight: 400;
}

.edd-option-selected::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.25rem;
  border-bottom: 2px solid #4ac5f1;
  border-left: 2px solid #4ac5f1;
  left: 0.375rem;
  top: calc(50% - 0.25rem);
  transform: rotate(-45deg);
}

.edd-option-focused:not(.edd-option-disabled) {
  color: #4ac5f1;
}

.edd-option-disabled,
.edd-group-disabled .edd-option {
  cursor: default;
  color: #cccccc;
}

.edd-gradient-top,
.edd-gradient-bottom {
  content: "";
  position: absolute;
  left: 0.125rem;
  right: 0.75rem;
  height: 2rem;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  background-size: 100% 200%;
  pointer-events: none;
  transition: opacity 100ms;
  opacity: 0;
}

.edd-gradient-top {
  background-position: bottom;
  top: 0;
}

.edd-gradient-bottom {
  background-position: top;
  bottom: 0;
}

.edd-body-scrollable .edd-gradient-top,
.edd-body-scrollable .edd-gradient-bottom {
  opacity: 1;
}

.edd-body-scrollable.edd-body-at-top .edd-gradient-top,
.edd-body-scrollable.edd-body-at-bottom .edd-gradient-bottom {
  opacity: 0;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.ui-slider-target,
.ui-slider-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.ui-slider-target {
  position: relative;
}

.ui-slider-base,
.ui-slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
  */
.ui-slider-connects {
  overflow: hidden;
  z-index: 0;
}

.ui-slider-connect,
.ui-slider-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
  */
.ui-slider-txt-dir-rtl.ui-slider-horizontal .ui-slider-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
.ui-slider-vertical .ui-slider-origin {
  top: -100%;
  width: 0;
}

.ui-slider-horizontal .ui-slider-origin {
  height: 0;
}

.ui-slider-handle {
  backface-visibility: hidden;
  position: absolute;
}

.ui-slider-touch-area {
  height: 100%;
  width: 100%;
}

.ui-slider-state-tap .ui-slider-connect,
.ui-slider-state-tap .ui-slider-origin {
  transition: transform 0.3s;
}

.ui-slider-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
  */
.ui-slider-horizontal {
  height: 1.125rem;
}

.ui-slider-horizontal .ui-slider-handle {
  width: 2.125rem;
  height: 1.75rem;
  right: -1.0625rem;
  top: -0.375rem;
}

.ui-slider-vertical {
  width: 1.125rem;
}

.ui-slider-vertical .ui-slider-handle {
  width: 1.75rem;
  height: 2.125rem;
  right: -0.375rem;
  bottom: -1.0625rem;
}

.ui-slider-txt-dir-rtl.ui-slider-horizontal .ui-slider-handle {
  left: -1.0625rem;
  right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
.ui-slider-target {
  background: #fafafa;
  border-radius: 0.25rem;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 0.0625rem 0.0625rem #f0f0f0, 0 0.1875rem 0.375rem -0.3125rem #bbb;
}

.ui-slider-connects {
  border-radius: 0.1875rem;
}

.ui-slider-connect {
  background: #3fb8af;
}

/* Handles and cursors;
  */
.ui-slider-draggable {
  cursor: ew-resize;
}

.ui-slider-vertical .ui-slider-draggable {
  cursor: ns-resize;
}

.ui-slider-handle {
  border: 1px solid #d9d9d9;
  border-radius: 0.1875rem;
  background: #fff;
  cursor: pointer;
  box-shadow: inset 0 0 0.0625rem #fff, inset 0 0.0625rem 0.4375rem #ebebeb, 0 0.1875rem 0.375rem -0.1875rem #bbb;
}

.ui-slider-active {
  box-shadow: inset 0 0 0.0625rem #fff, inset 0 0.0625rem 0.4375rem #ddd, 0 0.1875rem 0.375rem -0.1875rem #bbb;
}

/* Handle stripes;
  */
.ui-slider-handle:before,
.ui-slider-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 0.875rem;
  width: 0.0625rem;
  background: #e8e7e6;
  left: 0.875rem;
  top: 0.375rem;
}

.ui-slider-handle:after {
  left: 1.0625rem;
}

.ui-slider-vertical .ui-slider-handle:before,
.ui-slider-vertical .ui-slider-handle:after {
  width: 0.875rem;
  height: 0.0625rem;
  left: 0.375rem;
  top: 0.875rem;
}

.ui-slider-vertical .ui-slider-handle:after {
  top: 1.0625rem;
}

/* Disabled state;
  */
[disabled] .ui-slider-connect {
  background: #b8b8b8;
}

[disabled].ui-slider-target,
[disabled].ui-slider-handle,
[disabled] .ui-slider-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.ui-slider-pips,
.ui-slider-pips * {
  box-sizing: border-box;
}

.ui-slider-pips {
  position: absolute;
  color: #999;
}

/* Values;
  *
  */
.ui-slider-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.ui-slider-value-sub {
  color: #ccc;
  font-size: 0.625rem;
}

/* Markings;
  *
  */
.ui-slider-marker {
  position: absolute;
  background: #ccc;
}

.ui-slider-marker-sub {
  background: #aaa;
}

.ui-slider-marker-large {
  background: #aaa;
}

/* Horizontal layout;
  *
  */
.ui-slider-pips-horizontal {
  padding: 0.625rem 0;
  height: 5rem;
  top: 100%;
  left: 0;
  width: 100%;
}

.ui-slider-value-horizontal {
  transform: translate(-50%, 50%);
}
.ui-slider-rtl .ui-slider-value-horizontal {
  transform: translate(50%, 50%);
}

.ui-slider-marker-horizontal.ui-slider-marker {
  margin-left: -0.0625rem;
  width: 0.125rem;
  height: 0.3125rem;
}

.ui-slider-marker-horizontal.ui-slider-marker-sub {
  height: 0.625rem;
}

.ui-slider-marker-horizontal.ui-slider-marker-large {
  height: 0.9375rem;
}

/* Vertical layout;
  *
  */
.ui-slider-pips-vertical {
  padding: 0 0.625rem;
  height: 100%;
  top: 0;
  left: 100%;
}

.ui-slider-value-vertical {
  transform: translate(0, -50%);
  padding-left: 1.5625rem;
}
.ui-slider-rtl .ui-slider-value-vertical {
  transform: translate(0, 50%);
}

.ui-slider-marker-vertical.ui-slider-marker {
  width: 0.3125rem;
  height: 0.125rem;
  margin-top: -0.0625rem;
}

.ui-slider-marker-vertical.ui-slider-marker-sub {
  width: 0.625rem;
}

.ui-slider-marker-vertical.ui-slider-marker-large {
  width: 0.9375rem;
}

.ui-slider-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875rem;
  background: #fff;
  color: #000;
  padding: 0.3125rem;
  text-align: center;
  white-space: nowrap;
}

.ui-slider-horizontal .ui-slider-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.ui-slider-vertical .ui-slider-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.ui-slider-horizontal .ui-slider-origin > .ui-slider-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 0.625rem;
}

.ui-slider-vertical .ui-slider-origin > .ui-slider-tooltip {
  transform: translate(0, -1.125rem);
  top: auto;
  right: 1.75rem;
}

[data-color-mode=light], [data-color-mode=dark] {
  --bs-shadow-color: var(--color-shadow-main--rgb);
  --shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-shadow-color), 0.75);
  --shadow-md: 0 0.5rem 0.75rem rgba(var(--bs-shadow-color), 0.65);
  --shadow-lg: 0 0.75rem 2rem rgba(var(--bs-shadow-color), 0.5);
  /* Базовые токены */
  --palette-shadow: rgb(0 0 0 / .2);
  --palette-backdrop: rgb(0 0 0 / .8);
  --palette-placeholder: var(--color-neutral-400);
  --palette-overlay: rgb(0 0 0 / .75);
  /* Состояние: Active */
  --palette-active: var(--color-primary);
  --palette-active-fg: var(--color-primary-700);
  --palette-active-opposite: var(--color-primary-contrast);
  --palette-active-mix: var(--color-text-main);
  --palette-active-muted: rgba(var(--color-primary--rgb), 0.25);
  --palette-active-emphasis: var(--color-primary-600);
  --palette-active-bg: var(--color-primary);
  --palette-active-bg-hightlighted: var(--color-primary-600);
  --palette-active-bg-emphasis: rgba(var(--color-primary-600--rgb), 0.5);
  --palette-active-bg-opposite: var(--color-primary-contrast);
  --palette-active-bg-muted: rgba(var(--color-primary-600--rgb), 0.1);
  --palette-active-bg-muted-emphasis: var(--color-text-main);
  --palette-active-contrast: var(--color-primary-contrast);
  /* Состояние: Active + Highlight */
  --palette-highlight: var(--color-text-main);
  --palette-highlight-bg: rgba(var(--color-primary-600--rgb), 0.05);
  --palette-highlight-fg: rgba(var(--color-primary-700--rgb), 0.7);
  --palette-highlight-emphasis: var(--color-primary-300);
  /* Состояние: Danger */
  --palette-danger: var(--color-danger);
  --palette-danger-emphasis: var(--color-danger-700);
  --palette-danger-bg: var(--color-danger-100);
  --palette-danger-fg: var(--color-danger-600);
  --palette-danger-muted: rgba(var(--color-danger-300--rgb), 0.4);
  /* Состояние: Disabled */
  --palette-disabled: #909296;
  --palette-disabled-emphasis: #666666;
  --palette-disabled-bg: #f1f3f5;
  --palette-disabled-fg: #ced4da;
  --palette-disabled-contrast: #25262b;
  --palette-disabled-muted: #cdcdcd;
  /* Состояние: Muted */
  --palette-muted: #6f6f6f;
  --palette-muted-bg: #cbc7c7;
  /* Состояние: Success */
  --palette-success: #0f5132;
  --palette-success-emphasis: #238636;
  --palette-success-background: #d1e7dd;
  --palette-success-foreground: #badbcc;
  --palette-success-muted: rgb(46 160 67 / .4);
  /* TODO: обдумать */
  --palette-ambient: #fafafa;
  --palette-ambient-mix: #eeeeef;
  --palette-ambient-opposite: var(--color-neutral-800);
  --palette-ambient-opposite-mix: #363636;
}

[data-color-mode=dark] {
  --palette-disabled: #c1c2c5;
  --palette-disabled-muted: #7a7a7a;
  --palette-disabled-bg: #25262b;
  --palette-disabled-fg: #373a40;
  /* Окружение */
  --palette-ambient: #1a1b1e;
  --palette-ambient-mix: #2c2e33;
  --palette-ambient-opposite: var(--palette-ambient-mix);
  --palette-ambient-opposite-mix: #363636;
}

[data-color-mode=light], [data-color-mode=dark] {
  /* Scrollbar */
  --scrollbar-color-track: rgba(229, 229, 229, 0.5);
  --scrollbar-color-thumb: var(--palette-active);
  /* Header: основные цвета */
  --header-color: var(--color-text-main);
  --header-color-bg: var(--color-bg-main);
  --header-color-active: var(--color-primary);
  --header-color-icon: var(--color-primary);
  --header-color-shadow: var(--color-shadow-main);
  /* Меню */
  --menu-color: var(--header-color);
  --menu-color-focus: var(--color-primary);
  --menu-color-active: var(--color-primary);
  --menu-color-disabled: var(--palette-disabled);
  --menu-color-current: var(--header-menu-color-active);
  --menu-color-shadow: var(--header-color-shadow);
  /* Меню: подпункт */
  --menu-sub-color-background: var(--color-bg-main);
  --menu-sub-color-active: var(--menu-color-active);
  --menu-sub-color-disabled: var(--menu-color-disabled);
  --menu-sub-arrow-vertical-color: var(--color-white);
  /* Header: top bar */
  --header-tbar-color: var(--header-color);
  --header-tbar-color-background: var(--color-bg-side);
  /* Header: navigation */
  --header-nav-color: var(--header-color);
  --header-nav-color-background: var(--header-color-bg);
  /* Header: info */
  --header-info-color: var(--header-color);
  --header-info-color-background: var(--header-color-bg);
  /* Header: mobile */
  --header-mobile-color-background: var(--header-color-bg);
  --header-mobile-color: var(--color-text-main);
  /* Footer */
  --footer-color: var(--color-white);
  --footer-color-active: var(--color-primary);
  --footer-color-bg: var(--palette-ambient-opposite);
  --footer-color-bg-mix: var(--palette-ambient-opposite-mix);
  /* Scroll top */
  --scroll-top-color: var(--color-neutral-contrast);
  --scroll-top-bg: var(--color-neutral-300);
  --scroll-top-active-color: var(--color-primary-contrast);
  --scroll-top-active-bg: var(--color-primary);
}

[data-color-mode=dark] {
  /* Footer */
  --footer-color-bg: var(--color-neutral-900);
  --footer-color-bg-mix: var(--palette-ambient-mix);
  /* Scrollbar */
  --scrollbar-color-thumb: var(--color-primary-700);
  /* Scroll top */
  --scroll-top-bg: var(--color-neutral-700);
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/RobotoBold/RobotoBold.eot");
  src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
}
::-moz-selection {
  background-color: #3390ff;
  color: #ffffff;
}
::selection {
  background-color: #3390ff;
  color: #ffffff;
}

body {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
  min-width: 22.5rem;
  background-color: var(--color-body-bg);
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  color: var(--color-body-text);
  position: relative;
  overflow-x: hidden;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-right: var(--ui-scrollbar-compensation, 0);
}
body.is-locked {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
}

html {
  height: 100%;
  width: 100%;
  font-size: var(--rem);
}
html.no-transition *,
html.no-transition *::before,
html.no-transition *::after {
  transition: none !important;
}

main {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

[data-color-mode=light] {
  color-scheme: light;
}

[data-color-mode=dark] {
  color-scheme: dark;
}

b,
strong {
  font-weight: bold;
}

select,
button {
  cursor: pointer;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

:root {
  --container-width: 100%;
  --container-gutter: 1rem;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: calc(var(--container-width) + var(--container-gutter) * 2);
  padding-right: var(--container-gutter);
  padding-left: var(--container-gutter);
}

html {
  --rem: 4.4444444444vw;
}

:root {
  --container-width: 100%;
  --container-gutter: 1rem;
}

@media (min-width: 768px) {
  html {
    --rem: 1.6129032258vw;
  }
  :root {
    --container-width: 100%;
    --container-gutter: 1rem;
  }
}
@media (min-width: 992px) {
  html {
    --rem: 1.0204081633vw;
  }
  :root {
    --container-width: 100%;
    --container-gutter: 2rem;
  }
}
@media (min-width: 1440px) {
  html {
    --rem: 0.8333333333vw;
  }
  :root {
    --container-width: 94.001rem;
    --container-gutter: 2rem;
  }
}
/**
 * Adjust fancybox styles
 */
.fancybox__thumbs {
  --f-thumb-outline-color: var(--color-primary);
  --f-thumb-outline: 0.1875rem;
}
.fancybox__content {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .fancybox__content {
    padding: 3rem 2rem;
  }
}
.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 2.125rem;
  --f-button-height: 2.125rem;
  top: -2.375rem;
}
.fancybox__content > .f-button.is-close-btn svg {
  --f-button-svg-width: 1.125rem;
  --f-button-svg-height: 1.125rem;
}
.fancybox__container {
  --fancybox-slide-gap: 0.625rem;
  --fancybox-bg: var(--palette-backdrop);
  /* stylelint-disable-next-line custom-property-pattern */
  --fancybox-zIndex: 7000;
  --f-button-outline: 0;
  --fancybox-content-color: var(--color-popup-text);
  --fancybox-content-bg: var(--color-popup-bg);
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 2.5rem;
}
.fancybox__slide {
  padding: 0.25rem;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  top: 0.3125rem;
  right: 0.3125rem;
}

.has-rutube-short .fancybox__content,
.has-vk-clip .fancybox__content {
  height: 48rem;
  width: 27rem;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

button:focus {
  outline: none;
}

.has-icon::before,
.has-icon::after,
.has-icon-before::before,
.has-icon-after::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.marquiz-widget_open,
.marquiz-widget__container {
  z-index: 75 !important;
}

.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-responsive.img-width {
  width: 100%;
}
.img-responsive.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.currency-sign {
  font-family: Arial, -apple-system, system-ui, BlinkMacSystemFont, "“Segoe UI”", Roboto, "“Helvetica Neue”", sans-serif;
}

/**
 * Удобный сервис для визуализации соотношения сторон:
 * @see https://andrew.hedges.name/experiments/aspect_ratio/
 */
.ratio {
  --aspect-ratio: 100%;
  position: relative;
  width: 100%;
  padding-top: var(--aspect-ratio);
  display: block;
}
.ratio--3x2 {
  --aspect-ratio: 66.6666666667%;
}
.ratio--2x3 {
  --aspect-ratio: 150%;
}
.ratio--4x3 {
  --aspect-ratio: 75%;
}
.ratio--3x4 {
  --aspect-ratio: 133.3333333333%;
}
.ratio--5x4 {
  --aspect-ratio: 80%;
}
.ratio--4x5 {
  --aspect-ratio: 125%;
}
.ratio--16x9 {
  --aspect-ratio: 56.25%;
}
.ratio--16x10 {
  --aspect-ratio: 62.5%;
}
.ratio--9x16 {
  --aspect-ratio: 177.7777777778%;
}
.ratio--21x9 {
  --aspect-ratio: 42.8571428571%;
}
.ratio > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ratio__element {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.ratio__element--auto {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: fill;
     object-fit: fill;
  width: auto;
  height: auto;
}

.page-heading, .section-heading__title--level-1 {
  font-size: var(--typography-h1);
  line-height: var(--typography-h1-leading, inherit);
  font-family: var(--typography-h1-font, inherit);
  font-weight: var(--typography-h1-weight, inherit);
  font-style: var(--typography-h1-style, inherit);
  text-transform: var(--typography-h1-transform, inherit);
}

.section-heading__title--level-2 {
  font-size: var(--typography-h2);
  line-height: var(--typography-h2-leading, inherit);
  font-family: var(--typography-h2-font, inherit);
  font-weight: var(--typography-h2-weight, inherit);
  font-style: var(--typography-h2-style, inherit);
  text-transform: var(--typography-h2-transform, inherit);
}

.section-heading__title--level-3 {
  font-size: var(--typography-h3);
  line-height: var(--typography-h3-leading, inherit);
  font-family: var(--typography-h3-font, inherit);
  font-weight: var(--typography-h3-weight, inherit);
  font-style: var(--typography-h3-style, inherit);
  text-transform: var(--typography-h3-transform, inherit);
}

.section-heading__title--level-4 {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
}

.section-heading__title--level-5 {
  font-size: var(--typography-h5);
  line-height: var(--typography-h5-leading, inherit);
  font-family: var(--typography-h5-font, inherit);
  font-weight: var(--typography-h5-weight, inherit);
  font-style: var(--typography-h5-style, inherit);
  text-transform: var(--typography-h5-transform, inherit);
}

.section-heading__title--level-6 {
  font-size: var(--typography-h6);
  line-height: var(--typography-h6-leading, inherit);
  font-family: var(--typography-h6-font, inherit);
  font-weight: var(--typography-h6-weight, inherit);
  font-style: var(--typography-h6-style, inherit);
  text-transform: var(--typography-h6-transform, inherit);
}

.section-heading__text {
  font-size: var(--typography-p);
  line-height: var(--typography-p-leading, inherit);
  font-family: var(--typography-p-font, inherit);
  font-weight: var(--typography-p-weight, inherit);
  font-style: var(--typography-p-style, inherit);
  text-transform: var(--typography-p-transform, inherit);
}

.staged-menu__back {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}

.tg-xxl {
  font-size: var(--typography-xxl);
  line-height: var(--typography-xxl-leading, inherit);
  font-family: var(--typography-xxl-font, inherit);
  font-weight: var(--typography-xxl-weight, inherit);
  font-style: var(--typography-xxl-style, inherit);
  text-transform: var(--typography-xxl-transform, inherit);
}

.tg-xl {
  font-size: var(--typography-xl);
  line-height: var(--typography-xl-leading, inherit);
  font-family: var(--typography-xl-font, inherit);
  font-weight: var(--typography-xl-weight, inherit);
  font-style: var(--typography-xl-style, inherit);
  text-transform: var(--typography-xl-transform, inherit);
}

.tg-lg {
  font-size: var(--typography-lg);
  line-height: var(--typography-lg-leading, inherit);
  font-family: var(--typography-lg-font, inherit);
  font-weight: var(--typography-lg-weight, inherit);
  font-style: var(--typography-lg-style, inherit);
  text-transform: var(--typography-lg-transform, inherit);
}

.tg-h1 {
  font-size: var(--typography-h1);
  line-height: var(--typography-h1-leading, inherit);
  font-family: var(--typography-h1-font, inherit);
  font-weight: var(--typography-h1-weight, inherit);
  font-style: var(--typography-h1-style, inherit);
  text-transform: var(--typography-h1-transform, inherit);
}

.tg-h2 {
  font-size: var(--typography-h2);
  line-height: var(--typography-h2-leading, inherit);
  font-family: var(--typography-h2-font, inherit);
  font-weight: var(--typography-h2-weight, inherit);
  font-style: var(--typography-h2-style, inherit);
  text-transform: var(--typography-h2-transform, inherit);
}

.tg-h3 {
  font-size: var(--typography-h3);
  line-height: var(--typography-h3-leading, inherit);
  font-family: var(--typography-h3-font, inherit);
  font-weight: var(--typography-h3-weight, inherit);
  font-style: var(--typography-h3-style, inherit);
  text-transform: var(--typography-h3-transform, inherit);
}

.tg-h4 {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
}

.tg-h5 {
  font-size: var(--typography-h5);
  line-height: var(--typography-h5-leading, inherit);
  font-family: var(--typography-h5-font, inherit);
  font-weight: var(--typography-h5-weight, inherit);
  font-style: var(--typography-h5-style, inherit);
  text-transform: var(--typography-h5-transform, inherit);
}

.tg-h6 {
  font-size: var(--typography-h6);
  line-height: var(--typography-h6-leading, inherit);
  font-family: var(--typography-h6-font, inherit);
  font-weight: var(--typography-h6-weight, inherit);
  font-style: var(--typography-h6-style, inherit);
  text-transform: var(--typography-h6-transform, inherit);
}

.tg-p {
  font-size: var(--typography-p);
  line-height: var(--typography-p-leading, inherit);
  font-family: var(--typography-p-font, inherit);
  font-weight: var(--typography-p-weight, inherit);
  font-style: var(--typography-p-style, inherit);
  text-transform: var(--typography-p-transform, inherit);
}

.tg-small {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}

.tg-very-small {
  font-size: var(--typography-very-small);
  line-height: var(--typography-very-small-leading, inherit);
  font-family: var(--typography-very-small-font, inherit);
  font-weight: var(--typography-very-small-weight, inherit);
  font-style: var(--typography-very-small-style, inherit);
  text-transform: var(--typography-very-small-transform, inherit);
}

.tg-display {
  font-size: var(--typography-display);
  line-height: var(--typography-display-leading, inherit);
  font-family: var(--typography-display-font, inherit);
  font-weight: var(--typography-display-weight, inherit);
  font-style: var(--typography-display-style, inherit);
  text-transform: var(--typography-display-transform, inherit);
}

.tg-subdisplay {
  font-size: var(--typography-subdisplay);
  line-height: var(--typography-subdisplay-leading, inherit);
  font-family: var(--typography-subdisplay-font, inherit);
  font-weight: var(--typography-subdisplay-weight, inherit);
  font-style: var(--typography-subdisplay-style, inherit);
  text-transform: var(--typography-subdisplay-transform, inherit);
}

.tg-heading {
  font-size: var(--typography-heading);
  line-height: var(--typography-heading-leading, inherit);
  font-family: var(--typography-heading-font, inherit);
  font-weight: var(--typography-heading-weight, inherit);
  font-style: var(--typography-heading-style, inherit);
  text-transform: var(--typography-heading-transform, inherit);
}

.tg-subheading {
  font-size: var(--typography-subheading);
  line-height: var(--typography-subheading-leading, inherit);
  font-family: var(--typography-subheading-font, inherit);
  font-weight: var(--typography-subheading-weight, inherit);
  font-style: var(--typography-subheading-style, inherit);
  text-transform: var(--typography-subheading-transform, inherit);
}

.tg-title {
  font-size: var(--typography-title);
  line-height: var(--typography-title-leading, inherit);
  font-family: var(--typography-title-font, inherit);
  font-weight: var(--typography-title-weight, inherit);
  font-style: var(--typography-title-style, inherit);
  text-transform: var(--typography-title-transform, inherit);
}

.tg-subtitle {
  font-size: var(--typography-subtitle);
  line-height: var(--typography-subtitle-leading, inherit);
  font-family: var(--typography-subtitle-font, inherit);
  font-weight: var(--typography-subtitle-weight, inherit);
  font-style: var(--typography-subtitle-style, inherit);
  text-transform: var(--typography-subtitle-transform, inherit);
}

.tg-caption {
  font-size: var(--typography-caption);
  line-height: var(--typography-caption-leading, inherit);
  font-family: var(--typography-caption-font, inherit);
  font-weight: var(--typography-caption-weight, inherit);
  font-style: var(--typography-caption-style, inherit);
  text-transform: var(--typography-caption-transform, inherit);
}

.tg-subcaption {
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}

.tg-headline {
  font-size: var(--typography-headline);
  line-height: var(--typography-headline-leading, inherit);
  font-family: var(--typography-headline-font, inherit);
  font-weight: var(--typography-headline-weight, inherit);
  font-style: var(--typography-headline-style, inherit);
  text-transform: var(--typography-headline-transform, inherit);
}

.tg-body {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.tg-btn-default {
  font-size: var(--typography-btn-default);
  line-height: var(--typography-btn-default-leading, inherit);
  font-family: var(--typography-btn-default-font, inherit);
  font-weight: var(--typography-btn-default-weight, inherit);
  font-style: var(--typography-btn-default-style, inherit);
  text-transform: var(--typography-btn-default-transform, inherit);
}

.tg-btn-small {
  font-size: var(--typography-btn-small);
  line-height: var(--typography-btn-small-leading, inherit);
  font-family: var(--typography-btn-small-font, inherit);
  font-weight: var(--typography-btn-small-weight, inherit);
  font-style: var(--typography-btn-small-style, inherit);
  text-transform: var(--typography-btn-small-transform, inherit);
}

.tg-btn-large {
  font-size: var(--typography-btn-large);
  line-height: var(--typography-btn-large-leading, inherit);
  font-family: var(--typography-btn-large-font, inherit);
  font-weight: var(--typography-btn-large-weight, inherit);
  font-style: var(--typography-btn-large-style, inherit);
  text-transform: var(--typography-btn-large-transform, inherit);
}

@media (min-width: 768px) {
  .tg-t-xxl {
    font-size: var(--typography-xxl);
    line-height: var(--typography-xxl-leading, inherit);
    font-family: var(--typography-xxl-font, inherit);
    font-weight: var(--typography-xxl-weight, inherit);
    font-style: var(--typography-xxl-style, inherit);
    text-transform: var(--typography-xxl-transform, inherit);
  }
  .tg-t-xl {
    font-size: var(--typography-xl);
    line-height: var(--typography-xl-leading, inherit);
    font-family: var(--typography-xl-font, inherit);
    font-weight: var(--typography-xl-weight, inherit);
    font-style: var(--typography-xl-style, inherit);
    text-transform: var(--typography-xl-transform, inherit);
  }
  .tg-t-lg {
    font-size: var(--typography-lg);
    line-height: var(--typography-lg-leading, inherit);
    font-family: var(--typography-lg-font, inherit);
    font-weight: var(--typography-lg-weight, inherit);
    font-style: var(--typography-lg-style, inherit);
    text-transform: var(--typography-lg-transform, inherit);
  }
  .tg-t-h1 {
    font-size: var(--typography-h1);
    line-height: var(--typography-h1-leading, inherit);
    font-family: var(--typography-h1-font, inherit);
    font-weight: var(--typography-h1-weight, inherit);
    font-style: var(--typography-h1-style, inherit);
    text-transform: var(--typography-h1-transform, inherit);
  }
  .tg-t-h2 {
    font-size: var(--typography-h2);
    line-height: var(--typography-h2-leading, inherit);
    font-family: var(--typography-h2-font, inherit);
    font-weight: var(--typography-h2-weight, inherit);
    font-style: var(--typography-h2-style, inherit);
    text-transform: var(--typography-h2-transform, inherit);
  }
  .tg-t-h3 {
    font-size: var(--typography-h3);
    line-height: var(--typography-h3-leading, inherit);
    font-family: var(--typography-h3-font, inherit);
    font-weight: var(--typography-h3-weight, inherit);
    font-style: var(--typography-h3-style, inherit);
    text-transform: var(--typography-h3-transform, inherit);
  }
  .tg-t-h4 {
    font-size: var(--typography-h4);
    line-height: var(--typography-h4-leading, inherit);
    font-family: var(--typography-h4-font, inherit);
    font-weight: var(--typography-h4-weight, inherit);
    font-style: var(--typography-h4-style, inherit);
    text-transform: var(--typography-h4-transform, inherit);
  }
  .tg-t-h5 {
    font-size: var(--typography-h5);
    line-height: var(--typography-h5-leading, inherit);
    font-family: var(--typography-h5-font, inherit);
    font-weight: var(--typography-h5-weight, inherit);
    font-style: var(--typography-h5-style, inherit);
    text-transform: var(--typography-h5-transform, inherit);
  }
  .tg-t-h6 {
    font-size: var(--typography-h6);
    line-height: var(--typography-h6-leading, inherit);
    font-family: var(--typography-h6-font, inherit);
    font-weight: var(--typography-h6-weight, inherit);
    font-style: var(--typography-h6-style, inherit);
    text-transform: var(--typography-h6-transform, inherit);
  }
  .tg-t-p {
    font-size: var(--typography-p);
    line-height: var(--typography-p-leading, inherit);
    font-family: var(--typography-p-font, inherit);
    font-weight: var(--typography-p-weight, inherit);
    font-style: var(--typography-p-style, inherit);
    text-transform: var(--typography-p-transform, inherit);
  }
  .tg-t-small {
    font-size: var(--typography-small);
    line-height: var(--typography-small-leading, inherit);
    font-family: var(--typography-small-font, inherit);
    font-weight: var(--typography-small-weight, inherit);
    font-style: var(--typography-small-style, inherit);
    text-transform: var(--typography-small-transform, inherit);
  }
  .tg-t-very-small {
    font-size: var(--typography-very-small);
    line-height: var(--typography-very-small-leading, inherit);
    font-family: var(--typography-very-small-font, inherit);
    font-weight: var(--typography-very-small-weight, inherit);
    font-style: var(--typography-very-small-style, inherit);
    text-transform: var(--typography-very-small-transform, inherit);
  }
  .tg-t-display {
    font-size: var(--typography-display);
    line-height: var(--typography-display-leading, inherit);
    font-family: var(--typography-display-font, inherit);
    font-weight: var(--typography-display-weight, inherit);
    font-style: var(--typography-display-style, inherit);
    text-transform: var(--typography-display-transform, inherit);
  }
  .tg-t-subdisplay {
    font-size: var(--typography-subdisplay);
    line-height: var(--typography-subdisplay-leading, inherit);
    font-family: var(--typography-subdisplay-font, inherit);
    font-weight: var(--typography-subdisplay-weight, inherit);
    font-style: var(--typography-subdisplay-style, inherit);
    text-transform: var(--typography-subdisplay-transform, inherit);
  }
  .tg-t-heading {
    font-size: var(--typography-heading);
    line-height: var(--typography-heading-leading, inherit);
    font-family: var(--typography-heading-font, inherit);
    font-weight: var(--typography-heading-weight, inherit);
    font-style: var(--typography-heading-style, inherit);
    text-transform: var(--typography-heading-transform, inherit);
  }
  .tg-t-subheading {
    font-size: var(--typography-subheading);
    line-height: var(--typography-subheading-leading, inherit);
    font-family: var(--typography-subheading-font, inherit);
    font-weight: var(--typography-subheading-weight, inherit);
    font-style: var(--typography-subheading-style, inherit);
    text-transform: var(--typography-subheading-transform, inherit);
  }
  .tg-t-title {
    font-size: var(--typography-title);
    line-height: var(--typography-title-leading, inherit);
    font-family: var(--typography-title-font, inherit);
    font-weight: var(--typography-title-weight, inherit);
    font-style: var(--typography-title-style, inherit);
    text-transform: var(--typography-title-transform, inherit);
  }
  .tg-t-subtitle {
    font-size: var(--typography-subtitle);
    line-height: var(--typography-subtitle-leading, inherit);
    font-family: var(--typography-subtitle-font, inherit);
    font-weight: var(--typography-subtitle-weight, inherit);
    font-style: var(--typography-subtitle-style, inherit);
    text-transform: var(--typography-subtitle-transform, inherit);
  }
  .tg-t-caption {
    font-size: var(--typography-caption);
    line-height: var(--typography-caption-leading, inherit);
    font-family: var(--typography-caption-font, inherit);
    font-weight: var(--typography-caption-weight, inherit);
    font-style: var(--typography-caption-style, inherit);
    text-transform: var(--typography-caption-transform, inherit);
  }
  .tg-t-subcaption {
    font-size: var(--typography-subcaption);
    line-height: var(--typography-subcaption-leading, inherit);
    font-family: var(--typography-subcaption-font, inherit);
    font-weight: var(--typography-subcaption-weight, inherit);
    font-style: var(--typography-subcaption-style, inherit);
    text-transform: var(--typography-subcaption-transform, inherit);
  }
  .tg-t-headline {
    font-size: var(--typography-headline);
    line-height: var(--typography-headline-leading, inherit);
    font-family: var(--typography-headline-font, inherit);
    font-weight: var(--typography-headline-weight, inherit);
    font-style: var(--typography-headline-style, inherit);
    text-transform: var(--typography-headline-transform, inherit);
  }
  .tg-t-body {
    font-size: var(--typography-body);
    line-height: var(--typography-body-leading, inherit);
    font-family: var(--typography-body-font, inherit);
    font-weight: var(--typography-body-weight, inherit);
    font-style: var(--typography-body-style, inherit);
    text-transform: var(--typography-body-transform, inherit);
  }
  .tg-t-btn-default {
    font-size: var(--typography-btn-default);
    line-height: var(--typography-btn-default-leading, inherit);
    font-family: var(--typography-btn-default-font, inherit);
    font-weight: var(--typography-btn-default-weight, inherit);
    font-style: var(--typography-btn-default-style, inherit);
    text-transform: var(--typography-btn-default-transform, inherit);
  }
  .tg-t-btn-small {
    font-size: var(--typography-btn-small);
    line-height: var(--typography-btn-small-leading, inherit);
    font-family: var(--typography-btn-small-font, inherit);
    font-weight: var(--typography-btn-small-weight, inherit);
    font-style: var(--typography-btn-small-style, inherit);
    text-transform: var(--typography-btn-small-transform, inherit);
  }
  .tg-t-btn-large {
    font-size: var(--typography-btn-large);
    line-height: var(--typography-btn-large-leading, inherit);
    font-family: var(--typography-btn-large-font, inherit);
    font-weight: var(--typography-btn-large-weight, inherit);
    font-style: var(--typography-btn-large-style, inherit);
    text-transform: var(--typography-btn-large-transform, inherit);
  }
}
@media (min-width: 992px) {
  .tg-d-xxl {
    font-size: var(--typography-xxl);
    line-height: var(--typography-xxl-leading, inherit);
    font-family: var(--typography-xxl-font, inherit);
    font-weight: var(--typography-xxl-weight, inherit);
    font-style: var(--typography-xxl-style, inherit);
    text-transform: var(--typography-xxl-transform, inherit);
  }
  .tg-d-xl {
    font-size: var(--typography-xl);
    line-height: var(--typography-xl-leading, inherit);
    font-family: var(--typography-xl-font, inherit);
    font-weight: var(--typography-xl-weight, inherit);
    font-style: var(--typography-xl-style, inherit);
    text-transform: var(--typography-xl-transform, inherit);
  }
  .tg-d-lg {
    font-size: var(--typography-lg);
    line-height: var(--typography-lg-leading, inherit);
    font-family: var(--typography-lg-font, inherit);
    font-weight: var(--typography-lg-weight, inherit);
    font-style: var(--typography-lg-style, inherit);
    text-transform: var(--typography-lg-transform, inherit);
  }
  .tg-d-h1 {
    font-size: var(--typography-h1);
    line-height: var(--typography-h1-leading, inherit);
    font-family: var(--typography-h1-font, inherit);
    font-weight: var(--typography-h1-weight, inherit);
    font-style: var(--typography-h1-style, inherit);
    text-transform: var(--typography-h1-transform, inherit);
  }
  .tg-d-h2 {
    font-size: var(--typography-h2);
    line-height: var(--typography-h2-leading, inherit);
    font-family: var(--typography-h2-font, inherit);
    font-weight: var(--typography-h2-weight, inherit);
    font-style: var(--typography-h2-style, inherit);
    text-transform: var(--typography-h2-transform, inherit);
  }
  .tg-d-h3 {
    font-size: var(--typography-h3);
    line-height: var(--typography-h3-leading, inherit);
    font-family: var(--typography-h3-font, inherit);
    font-weight: var(--typography-h3-weight, inherit);
    font-style: var(--typography-h3-style, inherit);
    text-transform: var(--typography-h3-transform, inherit);
  }
  .tg-d-h4 {
    font-size: var(--typography-h4);
    line-height: var(--typography-h4-leading, inherit);
    font-family: var(--typography-h4-font, inherit);
    font-weight: var(--typography-h4-weight, inherit);
    font-style: var(--typography-h4-style, inherit);
    text-transform: var(--typography-h4-transform, inherit);
  }
  .tg-d-h5 {
    font-size: var(--typography-h5);
    line-height: var(--typography-h5-leading, inherit);
    font-family: var(--typography-h5-font, inherit);
    font-weight: var(--typography-h5-weight, inherit);
    font-style: var(--typography-h5-style, inherit);
    text-transform: var(--typography-h5-transform, inherit);
  }
  .tg-d-h6 {
    font-size: var(--typography-h6);
    line-height: var(--typography-h6-leading, inherit);
    font-family: var(--typography-h6-font, inherit);
    font-weight: var(--typography-h6-weight, inherit);
    font-style: var(--typography-h6-style, inherit);
    text-transform: var(--typography-h6-transform, inherit);
  }
  .tg-d-p {
    font-size: var(--typography-p);
    line-height: var(--typography-p-leading, inherit);
    font-family: var(--typography-p-font, inherit);
    font-weight: var(--typography-p-weight, inherit);
    font-style: var(--typography-p-style, inherit);
    text-transform: var(--typography-p-transform, inherit);
  }
  .tg-d-small {
    font-size: var(--typography-small);
    line-height: var(--typography-small-leading, inherit);
    font-family: var(--typography-small-font, inherit);
    font-weight: var(--typography-small-weight, inherit);
    font-style: var(--typography-small-style, inherit);
    text-transform: var(--typography-small-transform, inherit);
  }
  .tg-d-very-small {
    font-size: var(--typography-very-small);
    line-height: var(--typography-very-small-leading, inherit);
    font-family: var(--typography-very-small-font, inherit);
    font-weight: var(--typography-very-small-weight, inherit);
    font-style: var(--typography-very-small-style, inherit);
    text-transform: var(--typography-very-small-transform, inherit);
  }
  .tg-d-display {
    font-size: var(--typography-display);
    line-height: var(--typography-display-leading, inherit);
    font-family: var(--typography-display-font, inherit);
    font-weight: var(--typography-display-weight, inherit);
    font-style: var(--typography-display-style, inherit);
    text-transform: var(--typography-display-transform, inherit);
  }
  .tg-d-subdisplay {
    font-size: var(--typography-subdisplay);
    line-height: var(--typography-subdisplay-leading, inherit);
    font-family: var(--typography-subdisplay-font, inherit);
    font-weight: var(--typography-subdisplay-weight, inherit);
    font-style: var(--typography-subdisplay-style, inherit);
    text-transform: var(--typography-subdisplay-transform, inherit);
  }
  .tg-d-heading {
    font-size: var(--typography-heading);
    line-height: var(--typography-heading-leading, inherit);
    font-family: var(--typography-heading-font, inherit);
    font-weight: var(--typography-heading-weight, inherit);
    font-style: var(--typography-heading-style, inherit);
    text-transform: var(--typography-heading-transform, inherit);
  }
  .tg-d-subheading {
    font-size: var(--typography-subheading);
    line-height: var(--typography-subheading-leading, inherit);
    font-family: var(--typography-subheading-font, inherit);
    font-weight: var(--typography-subheading-weight, inherit);
    font-style: var(--typography-subheading-style, inherit);
    text-transform: var(--typography-subheading-transform, inherit);
  }
  .tg-d-title {
    font-size: var(--typography-title);
    line-height: var(--typography-title-leading, inherit);
    font-family: var(--typography-title-font, inherit);
    font-weight: var(--typography-title-weight, inherit);
    font-style: var(--typography-title-style, inherit);
    text-transform: var(--typography-title-transform, inherit);
  }
  .tg-d-subtitle {
    font-size: var(--typography-subtitle);
    line-height: var(--typography-subtitle-leading, inherit);
    font-family: var(--typography-subtitle-font, inherit);
    font-weight: var(--typography-subtitle-weight, inherit);
    font-style: var(--typography-subtitle-style, inherit);
    text-transform: var(--typography-subtitle-transform, inherit);
  }
  .tg-d-caption {
    font-size: var(--typography-caption);
    line-height: var(--typography-caption-leading, inherit);
    font-family: var(--typography-caption-font, inherit);
    font-weight: var(--typography-caption-weight, inherit);
    font-style: var(--typography-caption-style, inherit);
    text-transform: var(--typography-caption-transform, inherit);
  }
  .tg-d-subcaption {
    font-size: var(--typography-subcaption);
    line-height: var(--typography-subcaption-leading, inherit);
    font-family: var(--typography-subcaption-font, inherit);
    font-weight: var(--typography-subcaption-weight, inherit);
    font-style: var(--typography-subcaption-style, inherit);
    text-transform: var(--typography-subcaption-transform, inherit);
  }
  .tg-d-headline {
    font-size: var(--typography-headline);
    line-height: var(--typography-headline-leading, inherit);
    font-family: var(--typography-headline-font, inherit);
    font-weight: var(--typography-headline-weight, inherit);
    font-style: var(--typography-headline-style, inherit);
    text-transform: var(--typography-headline-transform, inherit);
  }
  .tg-d-body {
    font-size: var(--typography-body);
    line-height: var(--typography-body-leading, inherit);
    font-family: var(--typography-body-font, inherit);
    font-weight: var(--typography-body-weight, inherit);
    font-style: var(--typography-body-style, inherit);
    text-transform: var(--typography-body-transform, inherit);
  }
  .tg-d-btn-default {
    font-size: var(--typography-btn-default);
    line-height: var(--typography-btn-default-leading, inherit);
    font-family: var(--typography-btn-default-font, inherit);
    font-weight: var(--typography-btn-default-weight, inherit);
    font-style: var(--typography-btn-default-style, inherit);
    text-transform: var(--typography-btn-default-transform, inherit);
  }
  .tg-d-btn-small {
    font-size: var(--typography-btn-small);
    line-height: var(--typography-btn-small-leading, inherit);
    font-family: var(--typography-btn-small-font, inherit);
    font-weight: var(--typography-btn-small-weight, inherit);
    font-style: var(--typography-btn-small-style, inherit);
    text-transform: var(--typography-btn-small-transform, inherit);
  }
  .tg-d-btn-large {
    font-size: var(--typography-btn-large);
    line-height: var(--typography-btn-large-leading, inherit);
    font-family: var(--typography-btn-large-font, inherit);
    font-weight: var(--typography-btn-large-weight, inherit);
    font-style: var(--typography-btn-large-style, inherit);
    text-transform: var(--typography-btn-large-transform, inherit);
  }
}
.text-shadow {
  text-shadow: 0.0625rem 0.0625rem var(--color-dark);
}

html:not(.is-safari):not(.is-ios):not(.is-android) .scrollable::-webkit-scrollbar {
  width: 0.375rem;
}
html:not(.is-safari):not(.is-ios):not(.is-android) .scrollable::-webkit-scrollbar-track {
  background-color: var(--scrollbar-color-track);
}
html:not(.is-safari):not(.is-ios):not(.is-android) .scrollable::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color-thumb);
  min-height: 5rem;
  max-height: 12rem;
  border-radius: 0.25rem;
}
html:not(.is-safari):not(.is-ios):not(.is-android) .scrollable--y.scrollable--overlay {
  overflow-y: overlay;
}

.scrollable {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable.scrollable--x {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollable.scrollable--y {
  overflow-y: auto;
}
.is-firefox .scrollable.scrollable--y {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
  -ms-overflow-style: none;
}

.font-main {
  font-family: "Roboto", sans-serif;
}

.font-accent {
  font-family: "Roboto", sans-serif;
}

.row-cols-flex > [class^=col] {
  display: flex;
}

/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
[data-color-mode=light], [data-color-mode=dark] {
  --ui-color-warning: var(--color-warning);
  --ui-color-success: var(--color-success);
  --ui-color-shadow: var(--color-shadow-main);
  --ui-color-placeholder: var(--palette-placeholder);
  --ui-color-text: var(--color-text-main);
  --ui-color-text-muted: var(--color-neutral-400);
  --ui-color-text-disabled: var(--palette-disabled);
  --ui-color-neutral: var(--color-text-main);
  --ui-color-bg: var(--color-bg-main);
  --ui-color-bg-muted: rgba(var(--color-neutral-300--rgb), 0.1);
  --ui-color-bg-active-muted: var(--color-primary-600);
  --ui-color-bg-disabled: var(--palette-disabled-bg);
  --ui-color-border: var(--color-border-main);
  --ui-color-border-active: var(--color-primary);
  --ui-color-border-active-muted: var(--color-primary-300);
  --ui-color-border-disabled: var(--palette-disabled-fg);
  --ui-color-active: var(--palette-active);
  --ui-color-active-fg: var(--palette-active-fg);
  --ui-color-active-mix: var(--palette-active-mix);
  --ui-color-active-muted: var(--palette-active-muted);
  --ui-color-active-opposite: var(--palette-active-opposite);
  --ui-color-active-emphasis: var(--palette-active-emphasis);
  --ui-color-active-contrast: var(--palette-active-contrast);
  --ui-color-active-bg: var(--palette-active-bg);
  --ui-color-active-bg-muted: var(--palette-active-bg-muted);
  --ui-color-active-bg-muted-emphasis: var(--palette-active-bg-muted-emphasis);
  --ui-color-active-bg-opposite: var(--palette-active-bg-opposite);
  --ui-color-active-bg-emphasis: var(--palette-active-bg-emphasis);
  --ui-color-highlight: var(--palette-highlight);
  --ui-color-highlight-bg: var(--palette-highlight-bg);
  --ui-color-highlight-fg: var(--palette-highlight-fg);
  --ui-color-highlight-emphasis: var(--palette-highlight-emphasis);
  --ui-color-focus: var(--ui-color-success);
  --ui-color-focus-bg: var(--color-success-200);
  --ui-color-focus-fg: var(--color-success-700);
  --ui-color-danger: var(--palette-danger);
  --ui-color-danger-bg: var(--palette-danger-bg);
  --ui-color-danger-fg: var(--palette-danger-fg);
  --ui-outline-offset: 0.125rem;
  --ui-outline-style: dashed;
  --ui-outline-size: 0.0625rem;
  --ui-color-disabled: var(--palette-disabled);
  --ui-color-disabled-bg: var(--palette-disabled-bg);
  --ui-color-disabled-fg: var(--palette-disabled-fg);
  --ui-color-disabled-emphasis: var(--palette-disabled-emphasis);
  --ui-color-disabled-muted: var(--palette-disabled-muted);
  --ui-color-disabled-faint: var(--palette-disabled-faint);
  --ui-color-muted: var(--palette-muted);
  --ui-color-muted-bg: var(--palette-muted-bg);
  --ui-color-muted-fg: var(--color-muted-fg);
  --ui-dropdown-background: var(--ui-color-bg);
  --ui-dropdown-color: var(--ui-color-text);
  --ui-dropdown-border-color: var(--ui-color-active-muted);
  --ui-dropdown-padding-x: .5rem;
  --ui-dropdown-padding-y: .75rem;
  --ui-component-size: 3.5rem;
  --ui-component-size-sm: 2.5rem;
  --ui-component-size-lg: 4.5rem;
  --ui-component-radius: .25rem;
  --ui-component-stroke-width: 1px;
  --ui-transition-duration: 180ms;
  --ui-transition-duration-fast: 100ms;
  --ui-transition-duration-slow: 300ms;
  --ui-transition-easing: ease;
  --ui-transition-easing-in: cubic-bezier(0, 0, 0.2, 1);
  --ui-transition-easing-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ui-stroke-width: var(--ui-component-stroke-width);
  --ui-stroke-width-lg: 2px;
  --ui-radius: .25rem;
  --ui-radius-rounded: .25rem;
  --ui-radius-curved: .375rem;
  --ui-radius-circular: 624.9375rem;
  --ui-textfield-color: var(--ui-color-text);
  --ui-textfield-background: var(--ui-color-bg);
  --ui-textfield-border-color: var(--ui-color-border);
  --ui-textfield-placeholder-color: var(--color-text-side);
  --ui-textfield-filled-color: var(--ui-textfield-color);
  --ui-textfield-filled-background: var(--ui-color-bg);
  --ui-textfield-filled-border-color: var(--ui-color-border);
  --ui-textfield-filled-placeholder-color: var(--ui-textfield-placeholder-color);
  --ui-textfield-invalid-color: var(--ui-color-danger);
  --ui-textfield-invalid-background: var(--ui-color-bg);
  --ui-textfield-invalid-border-color: var(--ui-color-danger);
  --ui-textfield-invalid-placeholder-color: var(--ui-textfield-invalid-color);
  --ui-textfield-focused-color: var(--ui-textfield-color);
  --ui-textfield-focused-background: var(--ui-textfield-background);
  --ui-textfield-focused-border-color: var(--ui-color-active);
  --ui-textfield-focused-placeholder-color: var(--ui-textfield-focused-color);
  --ui-textfield-disabled-color: var(--ui-color-disabled);
  --ui-textfield-disabled-background: var(--ui-color-disabled-bg);
  --ui-textfield-disabled-border-color: var(--ui-color-disabled-fg);
  --ui-textfield-disabled-placeholder-color: var(--ui-textfield-disabled-color);
  --ui-select-dropdown-color: var(--ui-dropdown-color);
  --ui-select-dropdown-background: var(--ui-dropdown-background);
  --ui-select-dropdown-border-color: var(--ui-color-border);
  --ui-select-option-color: var(--ui-dropdown-color);
  --ui-select-option-background: transparent;
  --ui-select-option-focused-color: var(--ui-color-highlight);
  --ui-select-option-focused-background: var(--ui-color-highlight-bg);
  --ui-select-option-selected-color: var(--ui-color-active);
  --ui-select-option-selected-background: var(--ui-color-active-bg-muted);
  --ui-select-option-selected-icon-color: var(--ui-color-highlight-emphasis);
  --ui-select-option-disabled-color: var(--ui-color-disabled-muted);
  --ui-select-option-disabled-background: var(--ui-select-option-background);
  --ui-select-group-color: #999999;
  --ui-select-group-disabled-color: var(--ui-color-disabled-muted);
  --ui-checkbox-size: 1.25rem;
  --ui-checkbox-icon: 0.625rem;
  --ui-checkbox-background: var(--ui-color-bg);
  --ui-checkbox-border-width: var(--ui-component-stroke-width);
  --ui-checkbox-border-color: var(--ui-color-border);
  --ui-radio-size: 1.25rem;
  --ui-radio-offset: 0.1875rem;
  --ui-radio-border-width: var(--ui-component-stroke-width);
  --ui-radio-active-color: var(--ui-color-active);
  --ui-radio-focus-color: var(--ui-color-active-emphasis);
  --ui-radio-background: var(--ui-color-bg);
  --ui-radio-color: var(--ui-color-border);
}

[data-color-mode=dark] {
  --ui-textfield-invalid-color: var(--color-danger-400);
  --ui-textfield-invalid-placeholder-color: var(--color-danger-400);
  --ui-textfield-invalid-border-color: var(--color-danger-400);
}

.ui-form-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ui-form-error {
  color: var(--ui-textfield-error-color, var(--ui-color-danger));
  margin-top: 0.25rem;
  font-size: var(--ui-textfield-error-font-size);
  transition: max-height 180ms cubic-bezier(0, 0, 0.2, 1), opacity 180ms cubic-bezier(0, 0, 0.2, 1);
  max-height: 6.25rem;
  overflow: hidden;
}
.ui-form-error.is-entering, .ui-form-error.is-leaving {
  opacity: 0;
  max-height: 0;
}
.ui-form-error.is-entering {
  transition: none;
}

.ui-field {
  position: relative;
  z-index: 1;
  width: 100%;
  color: var(--ui-textfield-color);
}
.ui-field .is-filled .ui-field-inner {
  color: var(--ui-textfield-filled-color);
  background-color: var(--ui-textfield-filled-background);
  border-color: var(--ui-textfield-filled-border-color);
}
.ui-field.is-error .ui-field-inner {
  color: var(--ui-textfield-invalid-color);
  background-color: var(--ui-textfield-invalid-background);
  border-color: var(--ui-textfield-invalid-border-color);
}
.ui-field.is-focused .ui-field-inner {
  color: var(--ui-textfield-focused-color);
  background-color: var(--ui-textfield-focused-background);
  border-color: var(--ui-textfield-focused-border-color);
  outline: none;
}
.ui-field.is-disabled .ui-field-inner {
  cursor: not-allowed;
  color: var(--ui-textfield-disabled-color);
  background-color: var(--ui-textfield-disabled-background);
  border-color: var(--ui-textfield-disabled-border-color);
  opacity: var(--ui-textfield-disabled-opacity);
}
.ui-field.is-initialized .ui-range-hints {
  opacity: 1;
}
.ui-field--has-slider .ui-field-inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: var(--ui-textfield-border-color) !important;
}
.ui-field-inner {
  position: relative;
  background: var(--ui-textfield-background);
  border: var(--ui-component-stroke-width) solid var(--ui-textfield-border-color);
  display: flex;
  height: var(--ui-textfield-height);
  border-radius: var(--ui-textfield-radius);
  transition: 180ms ease;
  transition-property: color, border-color, background-color, opacity;
  cursor: text;
  color: currentcolor;
}
.ui-field-body {
  flex-grow: 1;
  display: flex;
  position: relative;
  padding: var(--ui-textfield-padding-y) var(--ui-textfield-padding-x);
}
.ui-field-head {
  position: absolute;
  white-space: nowrap;
  display: block;
  top: calc(var(--ui-component-stroke-width) * -1 + var(--ui-textfield-height) * 0.5 - var(--ui-textfield-label-font-size) * var(--ui-textfield-label-leading) / 2);
  line-height: var(--ui-textfield-label-leading);
  font-size: var(--ui-textfield-label-font-size);
  max-width: calc(100% - 1rem);
  transition: 100ms ease-in-out;
  transition-property: color, font-size, transform;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ui-textfield-placeholder-color);
}
.is-focused .ui-field-head, .is-filled .ui-field-head, .is-stateful .ui-field-head {
  transform: translate3d(0, calc(var(--ui-textfield-label-offset) * -1), 0);
  font-size: var(--ui-textfield-focus-label-font-size);
}
.is-required .ui-field-label::after {
  content: "*";
  color: var(--ui-color-danger);
  margin-left: 0.125rem;
  font-size: 1em;
  position: relative;
  bottom: 0.15em;
}
.ui-field-content {
  margin-top: auto;
  line-height: 1;
  flex-grow: 1;
}
.ui-field-input {
  border: none;
  background: transparent;
  margin: 0;
  display: block;
  outline: 0;
  resize: none;
  font-size: 100%;
  width: 100%;
  padding: 0;
  color: currentcolor;
}

.ui-range.is-initialized .ui-range-input {
  opacity: 1;
}
.ui-range--double {
  cursor: default;
}
.ui-range-input {
  opacity: 0;
  transition: opacity 100ms ease;
}
.ui-range-fields {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
.ui-range-fields::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: calc(100% - 0.25rem);
  width: 0.0625rem;
  transform: translate(-50%, -50%);
  background-color: var(--ui-textfield-border-color);
}
.ui-range-fields .ui-range-input:first-child {
  text-align: left;
}
.ui-range-fields .ui-range-input:last-child {
  text-align: right;
}
.ui-range-hints {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
  color: var(--color-text-side);
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.125rem;
  opacity: 0;
  transition: opacity 15ms ease;
}

.ui-field-slider {
  position: absolute;
  top: calc(100% - 0.0625rem);
  left: 0;
  width: 100%;
  height: var(--ui-component-stroke-width);
  border: none;
  z-index: 100;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
@media (min-width: 992px) {
  .ui-field-slider {
    pointer-events: auto;
  }
}
.ui-field-slider .ui-slider-connects {
  overflow: visible;
  height: var(--ui-component-stroke-width);
  background-color: transparent;
  cursor: pointer;
}
.ui-field-slider .ui-slider-connect {
  background: var(--color-primary);
  height: calc(var(--ui-component-stroke-width) * 2);
  top: 50%;
  margin-top: calc(var(--ui-component-stroke-width) * -0.5);
}
.ui-field-slider .ui-slider-handle {
  height: 1.5rem;
  width: 1.5rem;
  border: none;
  background: transparent;
  box-shadow: none;
  transition: transform 180ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc((var(--ui-component-stroke-width) * 0.5 + 0.75rem) * -1);
  right: -0.75rem;
  outline: none;
  cursor: grab;
  pointer-events: auto;
}
@media (min-width: 992px) {
  .ui-field-slider .ui-slider-handle.ui-slider-active, .ui-field-slider .ui-slider-handle:hover {
    transform: scale(1.2);
  }
}
.ui-field-slider .ui-slider-handle::before, .ui-field-slider .ui-slider-handle::after {
  display: none;
}
.ui-field-slider .ui-slider-touch-area {
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 50%;
  background: var(--color-primary);
}

.ui-numberfield--side .ui-numberfield-controls {
  border-left: var(--ui-stroke-width) solid var(--ui-textfield-border-color);
  display: flex;
  flex-direction: column;
  width: 2rem;
  height: 100%;
}
.ui-numberfield--side .ui-numberfield-control {
  flex: 0 0 50%;
  font-size: 0.75rem;
}
.ui-numberfield--side .ui-numberfield-control:hover {
  color: var(--color-text-side);
  background-color: var(--color-bg-side);
}
.ui-numberfield--side .ui-numberfield-control:first-child {
  border-top-right-radius: var(--ui-textfield-radius);
  border-bottom: var(--ui-stroke-width) solid var(--ui-textfield-border-color);
}
.ui-numberfield--side .ui-numberfield-control:last-child {
  border-bottom-right-radius: var(--ui-textfield-radius);
}
.ui-numberfield--inside .ui-numberfield-controls {
  padding-right: calc(var(--ui-textfield-padding-x) * 0.5);
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ui-numberfield--inside .ui-numberfield-control {
  border-radius: 50%;
  border: var(--ui-stroke-width) solid var(--color-border-side);
  height: 2rem;
  width: 2rem;
  font-size: 0;
}
.ui-numberfield--inside .ui-numberfield-control::before {
  font-size: 0.875rem;
}
.ui-numberfield--inside .ui-numberfield-control:first-child {
  margin-right: 0.25rem;
}
.ui-numberfield-controls {
  margin-left: calc(var(--ui-textfield-padding-x) * 0.5);
}
.ui-numberfield-control {
  transition: color 100ms ease, background-color 100ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: currentcolor;
  position: relative;
  overflow: hidden;
}
.ui-numberfield-control:hover {
  background: var(--color-bg-side);
  color: var(--color-text-side);
}
.ui-numberfield-control::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-effect-click:active {
  position: relative;
  top: 0.0625rem;
}

.ui-ripple {
  --ui-ripple-duration: 300ms;
  --ui-ripple-color: currentcolor;
  --ui-ripple-opacity: 0.25;
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.ui-ripple-animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--ui-ripple-color);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.ui-ripple-animation--enter {
  transition: none;
  opacity: 0;
}
.ui-ripple-animation--in {
  transition: transform var(--ui-ripple-duration) cubic-bezier(0, 0, 0.2, 1), opacity var(--ui-ripple-duration) cubic-bezier(0, 0, 0.2, 1);
  opacity: var(--ui-ripple-opacity);
}
.ui-ripple-animation--out {
  transition: opacity var(--ui-ripple-duration) cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}

.ui-spinner {
  pointer-events: none;
  display: inline-block;
  position: relative;
  width: var(--ui-spinner-size);
  height: var(--ui-spinner-size);
  font-size: 0;
}
.ui-spinner::before {
  content: "";
  width: 100%;
  height: 100%;
  border-width: var(--ui-spinner-stroke, 3px);
  border-radius: 50%;
  border-style: solid;
  border-color: currentcolor;
  border-bottom-color: transparent !important;
  animation: spinner-rotate 1568ms linear infinite;
  will-change: transform;
}

@keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
:root {
  --ui-textfield-height: var(--ui-component-size);
  --ui-textfield-radius: var(--ui-component-radius);
  --ui-textfield-padding-x: 1rem;
  --ui-textfield-padding-y: .375rem;
  --ui-textfield-offset-y: 1.75rem;
  --ui-textfield-padding: var(--ui-textfield-offset-y) var(--ui-textfield-padding-x) var(--ui-textfield-padding-y);
  --ui-textfield-label-font-size: 1rem;
  --ui-textfield-label-offset: .625rem;
  --ui-textfield-label-leading: 1.5;
  --ui-textfield-focus-label-font-size: .875rem;
  --ui-textfield-error-font-size: .8em;
  --ui-textfield-disabled-opacity: .6;
}

.ui-textfield {
  position: relative;
  color: var(--ui-textfield-color);
  display: flex;
  width: 100%;
}
.ui-textfield-input,
.ui-choice,
.ui-select .edd-value,
.ui-select:not(.edd-root) {
  height: var(--ui-textfield-height);
  border-radius: var(--ui-textfield-radius);
  padding: var(--ui-textfield-padding);
  display: block;
  width: 100%;
  transition: 180ms ease;
  transition-property: color, border-color, background-color, opacity;
  outline: transparent var(--ui-outline-style) var(--ui-outline-size);
  font-size: 100%;
  color: currentcolor;
  background: var(--ui-textfield-background);
  border: var(--ui-component-stroke-width) solid var(--ui-textfield-border-color);
}
.ui-textfield-input::-moz-placeholder, .ui-choice::-moz-placeholder, .ui-select .edd-value::-moz-placeholder, .ui-select:not(.edd-root)::-moz-placeholder {
  color: var(--ui-textfield-placeholder-color);
}
.ui-textfield-input::placeholder,
.ui-choice::placeholder,
.ui-select .edd-value::placeholder,
.ui-select:not(.edd-root)::placeholder {
  color: var(--ui-textfield-placeholder-color);
}
.ui-textfield-input--datepicker {
  cursor: pointer;
}
.ui-textfield-input--smart::-moz-placeholder {
  color: transparent !important;
}
.ui-textfield-input--smart::placeholder {
  color: transparent !important;
}
.ui-textfield-input.is-filled,
.is-filled.ui-choice,
.ui-select .is-filled.edd-value,
.is-filled.ui-select:not(.edd-root) {
  color: var(--ui-textfield-filled-color);
  background-color: var(--ui-textfield-filled-background);
  border-color: var(--ui-textfield-filled-border-color);
}
.ui-textfield-input.is-error,
.is-error.ui-choice,
.ui-select .is-error.edd-value,
.is-error.ui-select:not(.edd-root) {
  color: var(--ui-textfield-invalid-color);
  background-color: var(--ui-textfield-invalid-background);
  border-color: var(--ui-textfield-invalid-border-color);
}
.ui-textfield-input:focus::-moz-placeholder, .ui-choice:focus::-moz-placeholder, .ui-select .edd-value:focus::-moz-placeholder, .ui-select:focus:not(.edd-root)::-moz-placeholder {
  color: var(--ui-textfield-focused-color);
  background-color: var(--ui-textfield-focused-background);
  border-color: var(--ui-textfield-focused-border-color);
  outline: none;
}
.ui-textfield-input:focus, .ui-textfield-input:focus::placeholder, .ui-textfield-input.is-focused,
.ui-choice:focus,
.ui-select .edd-value:focus,
.ui-select:focus:not(.edd-root),
.ui-choice:focus::placeholder,
.ui-select .edd-value:focus::placeholder,
.ui-select:focus:not(.edd-root)::placeholder,
.is-focused.ui-choice,
.ui-select .is-focused.edd-value,
.is-focused.ui-select:not(.edd-root) {
  color: var(--ui-textfield-focused-color);
  background-color: var(--ui-textfield-focused-background);
  border-color: var(--ui-textfield-focused-border-color);
  outline: none;
}
.ui-textfield-input:disabled, .ui-textfield-input.is-disabled,
.ui-choice:disabled,
.ui-select .edd-value:disabled,
.ui-select:disabled:not(.edd-root),
.is-disabled.ui-choice,
.ui-select .is-disabled.edd-value,
.is-disabled.ui-select:not(.edd-root) {
  cursor: not-allowed;
  color: var(--ui-textfield-disabled-color);
  background-color: var(--ui-textfield-disabled-background);
  border-color: var(--ui-textfield-disabled-border-color);
  opacity: var(--ui-textfield-disabled-opacity);
}
.ui-textfield-label {
  position: absolute;
  left: calc(var(--ui-textfield-padding-x) + var(--ui-component-stroke-width));
  max-width: calc(100% - var(--ui-textfield-padding-x) * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  transform: none;
  transition: 100ms ease-in-out;
  line-height: var(--ui-textfield-label-leading);
  transition-property: color, font-size, transform;
  will-change: transform, font-size;
  white-space: nowrap;
  pointer-events: none;
  display: block;
  color: var(--ui-textfield-placeholder-color);
  z-index: 1;
}
.ui-textfield-label, .ui-textfield-input.ui-textfield-input--datepicker:focus ~ .ui-textfield-label {
  font-size: var(--ui-textfield-label-font-size);
  top: calc(var(--ui-textfield-height) * 0.5 - var(--ui-textfield-label-font-size) * var(--ui-textfield-label-leading) / 2);
  transform: none;
}
.ui-textfield-input.is-error ~ .ui-textfield-label, .is-error > .ui-textfield-label, .is-error .ui-textfield-label {
  color: var(--ui-textfield-invalid-placeholder-color);
}
.ui-textfield-input--smart:not(:-moz-placeholder) ~ .ui-textfield-label {
  transform: translate3d(0, calc(var(--ui-textfield-label-offset) * -1), 0);
  font-size: var(--ui-textfield-focus-label-font-size);
}
.is-focused > .ui-textfield-label, .ui-textfield-input.is-filled ~ .ui-textfield-label, .ui-textfield-input.is-filled:focus ~ .ui-textfield-label, .ui-textfield-input:focus ~ .ui-textfield-label, .ui-textfield-input--smart:not(:placeholder-shown) ~ .ui-textfield-label, .ui-select ~ .ui-textfield-label, .ui-choice-composite ~ .ui-textfield-label, .ui-choice-multiple ~ .ui-textfield-label, .ui-textfield.ui-textfield--static > .ui-textfield-label {
  transform: translate3d(0, calc(var(--ui-textfield-label-offset) * -1), 0);
  font-size: var(--ui-textfield-focus-label-font-size);
}
.ui-textfield-input--smart:not(:-moz-placeholder) ~ .ui-textfield-label {
  color: var(--ui-textfield-filled-placeholder-color);
}
.is-filled > .ui-textfield-label, .ui-textfield-input--smart:not(:placeholder-shown) ~ .ui-textfield-label {
  color: var(--ui-textfield-filled-placeholder-color);
}
.is-focused > .ui-textfield-label, .ui-textfield-input:focus ~ .ui-textfield-label {
  color: var(--ui-textfield-focused-placeholder-color);
}
.ui-textfield-input:required ~ .ui-textfield-label::after, .ui-textfield-input.is-required ~ .ui-textfield-label::after, .ui-textfield-input[data-required] ~ .ui-textfield-label::after, .is-required > .ui-textfield-label::after {
  content: "*";
  color: var(--ui-color-danger);
  margin-left: 0.125rem;
  font-size: 1em;
  position: relative;
  bottom: 0.15em;
}
.ui-textfield-input:disabled ~ .ui-textfield-label, .ui-textfield-input.is-disabled ~ .ui-textfield-label, .is-disabled .ui-textfield-label {
  color: var(--ui-textfield-disabled-placeholder-color);
}

textarea.ui-textfield-input {
  height: auto;
  min-height: var(--ui-textfield-height);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.ui-button,
.tab-btn {
  --ui-button-padding-x: 2rem;
  --ui-button-padding-y: .75rem;
  --ui-button-border-width: 0;
  --ui-button-base: var(--color-primary);
  --ui-button-contrast: var(--color-primary-contrast);
  --ui-button-accent: var(--color-primary-accent);
  --ui-button-color: var(--ui-button-contrast);
  --ui-button-bg: var(--ui-button-base);
  --ui-button-bc: var(--ui-button-base);
  --ui-button-hover-color: var(--ui-button-accent-contrast, var(--ui-button-contrast));
  --ui-button-hover-bg: var(--ui-button-accent);
  --ui-button-hover-bc: var(--ui-button-hover-bg);
  --ui-button-disabled-color: var(--ui-color-disabled);
  --ui-button-disabled-bg: var(--ui-color-disabled-bg);
  --ui-button-disabled-border-color: var(--ui-color-disabled-bg);
  --ui-button-disabled-opacity: .6;
  position: relative;
  white-space: normal;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: auto;
  transition: 180ms ease;
  transition-property: background-color, color, border-color, opacity, box-shadow;
  border-radius: var(--ui-button-radius, var(--ui-radius));
  border: var(--ui-button-border-width) solid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  fill: currentcolor;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  color: var(--ui-button-color);
  font-size: var(--typography-btn-default);
  line-height: var(--typography-btn-default-leading, inherit);
  font-family: var(--typography-btn-default-font, inherit);
  font-weight: var(--typography-btn-default-weight, inherit);
  font-style: var(--typography-btn-default-style, inherit);
  text-transform: var(--typography-btn-default-transform, inherit);
  --ui-spinner-size: 2rem;
  min-height: var(--ui-component-size);
  padding: 0.75rem 2rem;
}
.ui-button, .ui-button:visited,
.tab-btn {
  border-color: var(--ui-button-bc);
  background-color: var(--ui-button-bg);
}
.ui-button:active, .ui-button.is-loading, .ui-button.active,
.tab-btn:active,
.is-loading.tab-btn,
.active.tab-btn {
  color: var(--ui-button-hover-color, var(--ui-button-color));
  background-color: var(--ui-button-hover-bg, var(--ui-button-bg));
  border-color: var(--ui-button-hover-bc, var(--ui-button-hover-bg));
}
@media (min-width: 992px) {
  .ui-button:hover,
  .tab-btn:hover {
    color: var(--ui-button-hover-color, var(--ui-button-color));
    background-color: var(--ui-button-hover-bg, var(--ui-button-bg));
    border-color: var(--ui-button-hover-bc, var(--ui-button-hover-bg));
  }
}
.ui-button:focus-visible,
.tab-btn:focus-visible {
  color: var(--ui-button-hover-color, var(--ui-button-color));
  background-color: var(--ui-button-hover-bg, var(--ui-button-bg));
  border-color: var(--ui-button-hover-bc, var(--ui-button-hover-bg));
}
.ui-button:disabled, .ui-button.is-disabled, .ui-button--disabled,
.tab-btn:disabled,
.is-disabled.tab-btn {
  pointer-events: none;
}
.ui-button.is-disabled, .ui-button--disabled,
.is-disabled.tab-btn {
  color: var(--ui-button-disabled-color);
  background-color: var(--ui-button-disabled-bg);
  border-color: var(--ui-button-disabled-border-color, var(--ui-button-disabled-bg));
  opacity: var(--ui-button-disabled-opacity);
}

.ui-button--default,
.ui-button_theme_default {
  font-size: var(--typography-btn-default);
  line-height: var(--typography-btn-default-leading, inherit);
  font-family: var(--typography-btn-default-font, inherit);
  font-weight: var(--typography-btn-default-weight, inherit);
  font-style: var(--typography-btn-default-style, inherit);
  text-transform: var(--typography-btn-default-transform, inherit);
  --ui-spinner-size: 2rem;
  min-height: var(--ui-component-size);
  padding: 0.75rem 2rem;
}

.ui-button--sm,
.ui-button_theme_sm {
  font-size: var(--typography-btn-small);
  line-height: var(--typography-btn-small-leading, inherit);
  font-family: var(--typography-btn-small-font, inherit);
  font-weight: var(--typography-btn-small-weight, inherit);
  font-style: var(--typography-btn-small-style, inherit);
  text-transform: var(--typography-btn-small-transform, inherit);
  --ui-spinner-size: 1.5rem;
  min-height: var(--ui-component-size-sm);
  padding: 0.5rem 1.5rem;
}

.ui-button--lg,
.ui-button_theme_lg {
  font-size: var(--typography-btn-large);
  line-height: var(--typography-btn-large-leading, inherit);
  font-family: var(--typography-btn-large-font, inherit);
  font-weight: var(--typography-btn-large-weight, inherit);
  font-style: var(--typography-btn-large-style, inherit);
  text-transform: var(--typography-btn-large-transform, inherit);
  --ui-spinner-size: 2.5rem;
  min-height: var(--ui-component-size-lg);
  padding: 0.5rem 1.5rem;
}

.ui-button--primary,
.tab-btn {
  --ui-button-base: var(--color-primary);
  --ui-button-contrast: var(--color-primary-contrast);
  --ui-button-accent: var(--color-primary-accent);
  --ui-button-neon: rgba(var(--color-primary--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-primary--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-primary--rgb), 0.4);
  --ui-button-shine: var(--color-shine-primary);
}

.ui-button--secondary {
  --ui-button-base: var(--color-secondary);
  --ui-button-contrast: var(--color-secondary-contrast);
  --ui-button-accent: var(--color-secondary-accent);
  --ui-button-neon: rgba(var(--color-secondary--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-secondary--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-secondary--rgb), 0.4);
  --ui-button-shine: var(--color-shine-secondary);
}

.ui-button--neutral {
  --ui-button-base: var(--color-neutral);
  --ui-button-contrast: var(--color-neutral-contrast);
  --ui-button-accent: var(--color-neutral-accent);
  --ui-button-neon: rgba(var(--color-neutral--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-neutral--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-neutral--rgb), 0.4);
  --ui-button-shine: var(--color-shine-neutral);
}

.ui-button--dark {
  --ui-button-base: var(--color-dark);
  --ui-button-contrast: var(--color-dark-contrast);
  --ui-button-accent: var(--color-dark-accent);
  --ui-button-neon: rgba(var(--color-dark--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-dark--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-neutral--rgb), 0.4);
  --ui-button-shine: var(--color-shine-dark);
}

.ui-button--light {
  --ui-button-base: var(--color-light);
  --ui-button-contrast: var(--color-light-contrast);
  --ui-button-accent: var(--color-light-accent);
  --ui-button-neon: rgba(var(--color-light--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-light--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-neutral--rgb), 0.4);
  --ui-button-shine: var(--color-shine-light);
  --ui-button-shiner: rgba(var(--color-neutral--rgb), 0.2);
}

.ui-button--success {
  --ui-button-base: var(--color-success);
  --ui-button-contrast: var(--color-success-contrast);
  --ui-button-accent: var(--color-success-accent);
  --ui-button-neon: rgba(var(--color-success--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-success--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-success--rgb), 0.4);
  --ui-button-shine: var(--color-shine-success);
}

.ui-button--danger {
  --ui-button-base: var(--color-danger);
  --ui-button-contrast: var(--color-danger-contrast);
  --ui-button-accent: var(--color-danger-accent);
  --ui-button-neon: rgba(var(--color-danger--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-danger--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-danger--rgb), 0.4);
  --ui-button-shine: var(--color-shine-danger);
}

.ui-button--warning {
  --ui-button-base: var(--color-warning);
  --ui-button-contrast: var(--color-warning-contrast);
  --ui-button-accent: var(--color-warning-accent);
  --ui-button-neon: rgba(var(--color-warning--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-warning--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-warning--rgb), 0.4);
  --ui-button-shine: var(--color-shine-warning);
}

.ui-button--info {
  --ui-button-base: var(--color-info);
  --ui-button-contrast: var(--color-info-contrast);
  --ui-button-accent: var(--color-info-accent);
  --ui-button-neon: rgba(var(--color-info--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-info--rgb), 0.1);
  --ui-button-shadow: rgba(var(--color-info--rgb), 0.4);
  --ui-button-shine: var(--color-shine-info);
}

.ui-button--contrast {
  --ui-button-base: var(--color-bg-contrast);
  --ui-button-contrast: var(--color-text-contrast);
  --ui-button-accent: var(--color-opposite);
  --ui-button-accent-contrast: var(--color-opposite-contrast);
  --ui-button-neon: rgba(var(--color-opposite-subtle--rgb), 0.05);
  --ui-button-subtle: rgba(var(--color-opposite-subtle--rgb), 0.1);
  --ui-button-shine: var(--color-shine-contrast);
  --ui-button-shiner: rgba(var(--color-neutral--rgb), 0.2);
}

.ui-button--full {
  width: 100%;
}
@media (max-width: 767.98px) {
  .ui-button--mobile-full {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .ui-button--laptop-full {
    width: 100%;
  }
}

/* Варианты кнопок */
.ui-button--outline,
.tab-btn {
  --ui-button-color: var(--color-text-main);
  --ui-button-bg: transparent;
  --ui-button-border-width: var(--ui-stroke-width);
  --ui-button-bc: var(--ui-button-base);
  --ui-button-hover-color: var(--ui-button-contrast);
  --ui-button-hover-bg: var(--ui-button-base);
}
.ui-button--outline-match {
  --ui-button-color: var(--ui-button-base);
}

.ui-button--ghost {
  --ui-button-color: var(--ui-button-base);
  --ui-button-border-width: 0;
  --ui-button-bc: transparent;
  --ui-button-bg: transparent;
  --ui-button-hover-color: var(--ui-button-base);
  --ui-button-hover-bg: var(--ui-button-subtle);
}

.ui-button--neon {
  --ui-button-bg: transparent;
  --ui-button-color: var(--ui-button-base);
  --ui-button-bc: var(--ui-button-base);
  --ui-button-border-width: var(--ui-stroke-width);
  --ui-button-hover-color: var(--ui-button-base);
  --ui-button-hover-bg: var(--ui-button-neon);
  --ui-button-hover-bc: var(--ui-button-base);
}

/* Эффекты кнопок, дополнительные возможности */
.ui-button .ui-wave {
  color: var(--ui-button-wave, var(--ui-button-bg));
}

.ui-button--glow {
  transform: translateZ(0);
  overflow: hidden;
}
@media (min-width: 992px) {
  .ui-button--glow::before {
    --glow-opacity: 0;
    --glow-scale: 0;
    --glow-size: 25rem;
    content: "";
    z-index: -1;
    position: absolute;
    transform: translate(calc(var(--glow-x) - var(--glow-w) * 0.5), calc(var(--glow-y) - var(--glow-h) * 0.5));
    scale: var(--glow-scale);
    opacity: var(--glow-opacity);
    width: var(--glow-size);
    height: var(--glow-size);
    background: radial-gradient(circle closest-side, var(--ui-button-base), transparent);
    transition: var(--ui-transition-duration-slow) var(--ui-transition-easing-in);
    transition-property: scale, opacity;
  }
  .ui-button--glow:hover {
    box-shadow: 0 0.5rem 1.5rem var(--ui-button-shadow);
  }
  .ui-button--glow:hover::before {
    --glow-scale: 1;
    --glow-opacity: 1;
  }
}

.ui-button--pulse {
  --ui-button-pulse-size: 0.375rem;
  --ui-button-pulse-duration: 2s;
  box-shadow: 0 0 0 0 var(--ui-button-bg);
  animation: ui-button-pulse infinite var(--ui-button-pulse-duration) ease both;
}

.ui-button--pulse-continuous {
  animation-name: ui-button-pulse-continuous;
  animation-duration: calc(var(--ui-button-pulse-duration) * 0.5);
}

@keyframes ui-button-pulse {
  50%, 100% {
    box-shadow: 0 0 0 var(--ui-button-pulse-size) transparent;
  }
}
@keyframes ui-button-pulse-continuous {
  100% {
    box-shadow: 0 0 0 var(--ui-button-pulse-size) transparent;
  }
}
@property --initial-angle {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.ui-button--flare,
.ui-button--nimbus,
.ui-button--glare {
  --initial-angle: 0;
  --speed: 3;
  --spread-base: 20;
  --spread-side: 100;
}
.ui-button--flare::before, .ui-button--flare::after,
.ui-button--nimbus::before,
.ui-button--glare::before,
.ui-button--nimbus::after,
.ui-button--glare::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: var(--ui-button-radius, var(--ui-radius));
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-mask-clip: padding-box, border-box;
          mask-clip: padding-box, border-box;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
}
.ui-button--flare::before,
.ui-button--nimbus::before,
.ui-button--glare::before {
  border: 2px solid transparent;
  background-color: rgba(var(--color-white--rgb), 0.6);
  animation: animation-flare calc(var(--speed) * 1s) linear infinite both;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc(var(--initial-angle) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-side) * 1deg));
          mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc(var(--initial-angle) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-side) * 1deg));
}
.ui-button--flare::after,
.ui-button--nimbus::after,
.ui-button--glare::after {
  background: #fafafa;
  border: 2px solid transparent;
  animation: animation-flare calc(var(--speed) * 1s) linear infinite both;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--initial-angle) + (var(--spread-side) - var(--spread-base)) / 2) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-base) * 1deg));
          mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--initial-angle) + (var(--spread-side) - var(--spread-base)) / 2) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-base) * 1deg));
}
body.no-at-property .ui-button--flare::before,
body.no-at-property .ui-button--nimbus::before,
body.no-at-property .ui-button--glare::before {
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc(var(--initial-angle) * var(--speed) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-side) * 1deg));
          mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc(var(--initial-angle) * var(--speed) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-side) * 1deg));
}
body.no-at-property .ui-button--flare::after,
body.no-at-property .ui-button--nimbus::after,
body.no-at-property .ui-button--glare::after {
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--initial-angle) * var(--speed) + (var(--spread-side) - var(--spread-base)) / 2) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-base) * 1deg));
          mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--initial-angle) * var(--speed) + (var(--spread-side) - var(--spread-base)) / 2) * 1deg), hsla(0, 0%, 100%, 0.15) 0deg, #ffffff, hsla(0, 0%, 100%, 0.15) calc(var(--spread-base) * 1deg));
}
.ui-button--flare .ui-button-shine,
.ui-button--nimbus .ui-button-shine,
.ui-button--glare .ui-button-shine {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--ui-button-radius, var(--ui-radius));
  perspective: 1000;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.ui-button--flare .ui-button-shine::before,
.ui-button--nimbus .ui-button-shine::before,
.ui-button--glare .ui-button-shine::before {
  content: "";
  width: 120%;
  height: 25rem;
  height: auto;
  animation: shine-turn calc(var(--speed) * 1s) infinite linear;
  position: absolute;
  border-radius: var(--ui-button-radius, var(--ui-radius));
  background: linear-gradient(calc(var(--initial-angle) * 1deg), transparent 0%, var(--ui-button-shine) 90%, var(--ui-button-shine) 100%);
  left: 50%;
  top: 50%;
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  transform: translate(-50%, -50%) rotate(0deg);
  z-index: 1;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
}
.ui-button--flare .ui-button-text,
.ui-button--nimbus .ui-button-text,
.ui-button--glare .ui-button-text {
  position: relative;
  z-index: 2;
}
@supports (aspect-ratio: 1/1) {
  .ui-button--flare .ui-button-shine::before,
  .ui-button--nimbus .ui-button-shine::before,
  .ui-button--glare .ui-button-shine::before {
    height: auto;
    aspect-ratio: 1/1;
  }
}

@keyframes animation-flare {
  0% {
    --initial-angle: 0;
  }
  100% {
    --initial-angle: 360;
  }
}
@keyframes shine-turn {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.ui-button--glare {
  --ui-button-ping-duration: 2.5s;
}
.ui-button--glare::after {
  display: none;
}
.ui-button--glare::before {
  display: block;
  border: none;
  -webkit-mask: none;
          mask: none;
  background-color: transparent;
  box-shadow: 0 0.5rem 1.5rem 0 var(--ui-button-shadow);
  animation: ui-button-ping infinite var(--ui-button-ping-duration) cubic-bezier(0.28, -0.01, 0.97, 0.4) alternate both;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  left: 0;
  top: 0;
  z-index: 3;
}
@keyframes ui-button-ping {
  100% {
    opacity: 0.25;
  }
}

.ui-button--nimbus::after {
  display: none;
}
.ui-button--nimbus::before {
  display: block;
  border: none;
  border-radius: var(--ui-button-radius, var(--ui-radius));
  background-size: 100% 100%;
  background-position: 0 0;
  background-color: transparent;
  -webkit-mask: none;
          mask: none;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  left: 0;
  top: 0;
  z-index: -1;
  filter: blur(0.4375rem);
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation: animation-nimbus calc(var(--speed) * 1s) linear infinite both;
  background-image: conic-gradient(from calc((var(--initial-angle)) * 1deg) at 50% 50%, var(--ui-button-bg) 0%, var(--ui-button-bg) 23%, var(--ui-button-shine) 50%, var(--ui-button-bg) 76%, var(--ui-button-bg) 100%);
}

@keyframes animation-nimbus {
  0% {
    --initial-angle: 0;
  }
  100% {
    --initial-angle: 360;
  }
}
.ui-button--shine {
  --ui-button-shine-angle: -22deg;
  --ui-button-shine-size: 2.8125rem;
  --ui-button-shine-duration: 3s;
  --ui-button-shine-easing: ease;
  overflow: hidden;
}
.ui-button--shine::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: var(--ui-button-shine-duration) var(--ui-button-shine-easing) infinite ui-button-shine;
  animation-iteration-count: infinite;
  background-size: var(--ui-button-shine-size) 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, transparent 0%, var(--ui-button-shine-color, rgba(var(--color-white--rgb), 0.6)) 100%);
  transform: translate3d(calc((100% + var(--ui-button-shine-size) * 0.5) * -1), 0, 0) skew(var(--ui-button-shine-angle));
}
.ui-button--shine .ui-button-text {
  position: relative;
  z-index: 2;
}

.ui-button--shine-continuous::before {
  animation-name: ui-button-shine-continuous;
  animation-duration: var(--ui-button-shine-continuous-duration, calc(var(--ui-button-shine-duration) * 0.75));
}

@keyframes ui-button-shine {
  75%, 100% {
    transform: translate3d(calc(100% + var(--ui-button-shine-size) * 0.5), 0, 0) skew(var(--ui-button-shine-angle));
  }
}
@keyframes ui-button-shine-continuous {
  100% {
    transform: translate3d(calc(100% + var(--ui-button-shine-size) * 0.5), 0, 0) skew(var(--ui-button-shine-angle));
  }
}
@media (min-width: 992px) {
  .ui-button--burst {
    --ui-button-hover-bg: var(--ui-button-bg);
    --ui-button-hover-bc: var(--ui-button-bc);
    --ui-button-burst-color: var(--ui-button-accent);
    --ui-button-burst-duration: 180ms;
    --ui-button-burst-easing: cubic-bezier(0.5, 1, 0.89, 1);
    overflow: hidden;
  }
  .ui-button--burst.ui-button--outline {
    --ui-button-burst-color: var(--ui-button-base);
  }
  .ui-button--burst.ui-button--neon {
    --ui-button-burst-color: var(--ui-button-neon);
  }
  .ui-button--burst .ui-button-text {
    position: relative;
    z-index: 1;
  }
  .ui-button--burst .ui-button-burst {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: transform var(--ui-button-burst-duration) var(--ui-button-burst-easing);
    transform-origin: 0 0;
    will-change: transform;
  }
  .ui-button--burst .ui-button-burst::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--size);
    height: var(--size);
    background: var(--ui-button-burst-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Вспомогательные классы */
.ui-button.is-loading .ui-button-text, .ui-button--loading .ui-button-text {
  visibility: hidden;
}
.ui-button-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.ui-button-icon {
  width: 1em;
  height: 1em;
  margin-left: 0.5rem;
  font-size: inherit;
}
.ui-button-icon--before {
  margin-left: 0;
  margin-right: 0.5rem;
}

.ui-checkbox {
  position: relative;
  padding-left: var(--ui-checkbox-size);
  line-height: var(--ui-checkbox-size);
  margin: 0;
  cursor: pointer;
}
.is-disabled > .ui-checkbox, .ui-checkbox.is-disabled {
  cursor: not-allowed;
}
.ui-checkbox:has(> .ui-checkbox__input:disabled) {
  cursor: not-allowed;
}
.ui-checkbox--filled .ui-checkbox__input:not(:disabled):checked {
  color: var(--ui-checkbox-checked-contrast, var(--ui-color-active-contrast));
  background-color: var(--ui-checkbox-checked-color, var(--ui-color-active));
  border-color: var(--ui-checkbox-checked-color, var(--ui-color-active));
}
.ui-checkbox__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: inherit;
  flex-shrink: 0;
  outline-offset: var(--ui-outline-offset);
  outline: transparent var(--ui-outline-style) var(--ui-outline-size);
  background-color: var(--ui-checkbox-background);
  width: var(--ui-checkbox-size);
  height: var(--ui-checkbox-size);
  font-size: var(--ui-checkbox-icon);
  border: var(--ui-checkbox-border-width) solid var(--ui-checkbox-border-color);
  border-radius: var(--ui-checkbox-radius, var(--ui-component-radius));
}
.ui-checkbox__input::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f124";
  color: transparent;
}
.ui-checkbox__input:focus-visible {
  outline-color: var(--ui-color-focus);
}
.ui-checkbox__input:checked {
  color: var(--ui-checkbox-checked-color, var(--ui-color-active));
  border-color: var(--ui-checkbox-checked-border-color, var(--ui-color-active));
  background-color: var(--ui-checkbox-checked-background, var(--ui-color-bg));
}
.ui-checkbox__input:checked::before {
  color: currentcolor;
}
.ui-checkbox__input.is-error {
  color: var(--ui-checkbox-invalid-color, var(--ui-color-danger));
  border-color: var(--ui-checkbox-invalid-border-color, var(--ui-color-danger-fg));
  background-color: var(--ui-checkbox-invalid-bg, var(--ui-color-danger-bg));
}
.ui-checkbox__input.is-error + .ui-checkbox__text {
  color: var(--ui-checkbox-invalid-color, var(--ui-color-danger));
}
.ui-checkbox__input:disabled ~ .ui-checkbox__input, .ui-checkbox__input.is-disabled ~ .ui-checkbox__input, .ui-checkbox.is-disabled .ui-checkbox__input {
  color: var(--ui-checkbox-disabled-color, var(--ui-color-disabled));
  border-color: var(--ui-checkbox-disabled-border-color, var(--ui-color-disabled-fg));
  background-color: var(--ui-checkbox-disabled-background, var(--ui-color-disabled-bg));
}
.ui-checkbox__input:disabled ~ .ui-checkbox__input + .ui-checkbox__text, .ui-checkbox__input.is-disabled ~ .ui-checkbox__input + .ui-checkbox__text, .ui-checkbox.is-disabled .ui-checkbox__input + .ui-checkbox__text {
  color: var(--ui-checkbox-disabled-text, var(--ui-color-muted));
}
.ui-checkbox__text {
  display: inline-block;
  margin-left: var(--ui-checkbox-gap, 0.5rem);
}

.ui-checkbox--straight {
  --ui-checkbox-radius: 0;
}

.ui-checkbox--rounded {
  --ui-checkbox-radius: var(--ui-radius-rounded);
}

.ui-checkbox--curved {
  --ui-checkbox-radius: var(--ui-radius-curved);
}

.ui-checkbox--circular {
  --ui-checkbox-radius: var(--ui-radius-circular);
}

.ui-checkbox--primary {
  --ui-checkbox-checked-color: var(--color-primary);
  --ui-checkbox-checked-border-color: var(--color-primary);
  --ui-checkbox-checked-contrast: var(--color-primary-contrast);
}

.ui-checkbox--secondary {
  --ui-checkbox-checked-color: var(--color-secondary);
  --ui-checkbox-checked-border-color: var(--color-secondary);
  --ui-checkbox-checked-contrast: var(--color-secondary-contrast);
}

.ui-checkbox--dark {
  --ui-checkbox-checked-color: var(--color-dark);
  --ui-checkbox-checked-border-color: var(--color-dark);
  --ui-checkbox-checked-contrast: var(--color-dark-contrast);
}

.ui-checkbox--light {
  --ui-checkbox-checked-color: var(--color-light);
  --ui-checkbox-checked-border-color: var(--color-light);
  --ui-checkbox-checked-contrast: var(--color-light-contrast);
}

.ui-checkbox--neutral {
  --ui-checkbox-checked-color: var(--color-neutral);
  --ui-checkbox-checked-border-color: var(--color-neutral);
  --ui-checkbox-checked-contrast: var(--color-neutral-contrast);
}

.ui-checkbox--success {
  --ui-checkbox-checked-color: var(--color-success);
  --ui-checkbox-checked-border-color: var(--color-success);
  --ui-checkbox-checked-contrast: var(--color-success-contrast);
}

.ui-checkbox--warning {
  --ui-checkbox-checked-color: var(--color-warning);
  --ui-checkbox-checked-border-color: var(--color-warning);
  --ui-checkbox-checked-contrast: var(--color-warning-contrast);
}

.ui-checkbox--danger {
  --ui-checkbox-checked-color: var(--color-danger);
  --ui-checkbox-checked-border-color: var(--color-danger);
  --ui-checkbox-checked-contrast: var(--color-danger-contrast);
}

.ui-checkbox--info {
  --ui-checkbox-checked-color: var(--color-info);
  --ui-checkbox-checked-border-color: var(--color-info);
  --ui-checkbox-checked-contrast: var(--color-info-contrast);
}

.ui-radio {
  position: relative;
  padding-left: var(--ui-radio-size);
  min-height: var(--ui-radio-size);
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.is-disabled > .ui-radio, .ui-radio.is-disabled {
  cursor: not-allowed;
}
.ui-radio:has(> .ui-radio__input:disabled) {
  cursor: not-allowed;
}
.ui-radio__input {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: inherit;
  outline: transparent var(--ui-outline-style) var(--ui-outline-size);
  background-color: var(--ui-radio-background);
  outline-offset: var(--ui-outline-offset);
  border: var(--ui-radio-border-width) solid var(--ui-radio-border-color, var(--ui-radio-color));
  width: var(--ui-radio-size);
  height: var(--ui-radio-size);
  color: var(--ui-radio-color);
}
.ui-radio__input::before {
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 var(--ui-radio-offset) var(--ui-radio-background), inset 0 0 0 var(--ui-radio-size) currentcolor;
  border-radius: 50%;
  opacity: 0;
}
.ui-radio__input:checked {
  --ui-radio-color: var(--ui-radio-active-color);
  border-color: currentcolor;
}
.ui-radio__input:checked::before {
  opacity: 1;
}
.ui-radio__input:focus-visible {
  outline-color: var(--ui-color-focus);
}
.ui-radio__input.is-error {
  color: var(--ui-radio-invalid-color, var(--ui-color-danger));
  border-color: var(--ui-radio-invalid-border-color, var(--ui-color-danger-fg));
  background-color: var(--ui-radio-invalid-bg, var(--ui-color-danger-bg));
}
.ui-radio__input.is-error + .ui-radio__text {
  color: var(--ui-radio-invalid-color, var(--ui-color-danger));
}
.ui-radio__input:disabled, .ui-radio__input.is-disabled, .ui-radio.is-disabled .ui-radio__input {
  color: var(--ui-color-disabled);
  background-color: var(--ui-radio-disabled-background, var(--ui-color-disabled-bg));
}
.ui-radio__input:disabled + .ui-radio__text, .ui-radio__input.is-disabled + .ui-radio__text, .ui-radio.is-disabled .ui-radio__input + .ui-radio__text {
  color: var(--ui-radio-disabled-text, var(--ui-color-muted));
}
.ui-radio__text {
  margin-left: var(--ui-radio-gap, 0.5rem);
}

.ui-radio--primary {
  --ui-radio-active-color: var(--color-primary);
  --ui-radio-focus-color: var(--color-primary-300);
}

.ui-radio--secondary {
  --ui-radio-active-color: var(--color-secondary);
  --ui-radio-focus-color: var(--color-secondary-300);
}

.ui-radio--dark {
  --ui-radio-active-color: var(--color-dark);
  --ui-radio-focus-color: var(--color-dark-600);
}

.ui-radio--light {
  --ui-radio-active-color: var(--color-light);
  --ui-radio-focus-color: var(--color-light-400);
}

.ui-radio--neutral {
  --ui-radio-active-color: var(--color-neutral);
  --ui-radio-focus-color: var(--color-light-300);
}

.ui-radio--success {
  --ui-radio-active-color: var(--color-success);
  --ui-radio-focus-color: var(--color-success-300);
}

.ui-radio--warning {
  --ui-radio-active-color: var(--color-warning);
  --ui-radio-focus-color: var(--color-warning-400);
}

.ui-radio--danger {
  --ui-radio-active-color: var(--color-danger);
  --ui-radio-focus-color: var(--color-danger-300);
}

.ui-radio--info {
  --ui-radio-active-color: var(--color-info);
  --ui-radio-focus-color: var(--color-info-300);
}

.ui-radio-group {
  --gap: 1rem;
  display: flex;
  align-items: center;
  margin: calc(var(--gap) * -0.5);
}
.ui-radio-group__item {
  padding: calc(var(--gap) * 0.5);
}

.ui-link,
.footer-nav__link,
.top-nav__link,
.mobile-header__controls-item,
.tgs-file__link,
.section-heading__title-link,
.content a {
  --ui-link-color: currentcolor;
  --ui-link-hover-color: var(--color-primary);
  transition: 180ms ease;
  transition-property: color, border-color, opacity;
  cursor: pointer;
  color: var(--ui-link-color);
  background-color: transparent;
  --ui-link-color: currentcolor;
  --ui-link-hover-color: var(--color-primary);
}
.ui-link, .ui-link:hover,
.footer-nav__link,
.top-nav__link,
.mobile-header__controls-item,
.tgs-file__link,
.section-heading__title-link,
.content a {
  text-decoration: none;
}
.ui-link, .ui-link:focus,
.footer-nav__link,
.top-nav__link,
.mobile-header__controls-item,
.tgs-file__link,
.section-heading__title-link,
.content a {
  outline: none;
}
.ui-link:hover, .ui-link.active,
.footer-nav__link:hover,
.top-nav__link:hover,
.mobile-header__controls-item:hover,
.tgs-file__link:hover,
.section-heading__title-link:hover,
.content a:hover,
.active.footer-nav__link,
.active.top-nav__link,
.active.mobile-header__controls-item,
.active.tgs-file__link,
.active.section-heading__title-link,
.content a.active {
  color: var(--ui-link-hover-color);
  opacity: var(--ui-link-hover-opacity, 1);
}
.ui-link:focus-visible,
.footer-nav__link:focus-visible,
.top-nav__link:focus-visible,
.mobile-header__controls-item:focus-visible,
.tgs-file__link:focus-visible,
.section-heading__title-link:focus-visible,
.content a:focus-visible {
  color: var(--ui-link-hover-color);
  opacity: var(--ui-link-hover-opacity, 1);
}

.ui-link--standard {
  --ui-link-color: currentcolor;
  --ui-link-hover-color: var(--color-primary);
}

.ui-link--primary {
  --ui-link-color: var(--color-primary);
  --ui-link-hover-color: var(--color-primary-accent);
}

.ui-link--secondary {
  --ui-link-color: var(--color-secondary);
  --ui-link-hover-color: var(--color-secondary-accent);
}

.ui-link--success {
  --ui-link-color: var(--color-success);
  --ui-link-hover-color: var(--color-success-accent);
}

.ui-link--danger {
  --ui-link-color: var(--color-danger);
  --ui-link-hover-color: var(--color-danger-accent);
}

.ui-link--warning {
  --ui-link-color: var(--color-warning);
  --ui-link-hover-color: var(--color-warning-accent);
}

.ui-link--info {
  --ui-link-color: var(--color-info);
  --ui-link-hover-color: var(--color-info-accent);
}

.ui-link--neutral {
  --ui-link-color: var(--color-neutral);
  --ui-link-hover-color: var(--color-neutral-accent);
}

.ui-link--dark {
  --ui-link-color: var(--color-dark);
  --ui-link-hover-color: var(--color-dark-accent);
}

.ui-link--light {
  --ui-link-color: var(--color-light);
  --ui-link-hover-color: var(--color-light-accent);
}

.ui-link--underline,
.content a {
  border-bottom: 1px solid currentcolor;
}
.ui-link--current {
  color: currentcolor;
}

.ui-drawer {
  --ui-drawer-background: var(--color-popup-bg);
  --ui-drawer-color: var(--color-popup-text);
  --ui-drawer-color-shadow: var(--palette-shadow);
  --ui-drawer-backdrop: var(--palette-backdrop);
  --ui-drawer-padding: 1rem;
  --ui-drawer-size: 48rem;
  --ui-drawer-close-size: 1.25rem;
  --ui-drawer-header-height: 3.75rem;
  --ui-drawer-header-padding-y: .5rem;
  --ui-drawer-header-padding-x: var(--ui-drawer-padding);
  --ui-drawer-header-shadow: 0.125rem 0.125rem 0.25rem 0 var(--ui-drawer-color-shadow);
  --ui-drawer-body-padding: var(--ui-drawer-padding);
  --ui-drawer-footer-padding: .5rem 1rem;
  --ui-drawer-footer-background: var(--ui-drawer-backdrop);
  --ui-drawer-footer-height: 3.75rem;
  position: fixed;
  width: 100%;
  display: none;
  z-index: 10000;
  transition-property: opacity;
  transition-timing-function: ease;
  min-height: 100%;
  overflow: hidden;
}
.ui-drawer--full {
  --ui-drawer-size: 100%;
}
.ui-drawer, .ui-drawer-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ui-drawer--active {
  display: block;
}
.ui-drawer--fade.ui-drawer--enter-active, .ui-drawer--fade.ui-drawer--leave-active {
  transition-duration: 180ms;
}
.ui-drawer--fade.ui-drawer--enter-from, .ui-drawer--fade.ui-drawer--leave-to {
  opacity: 0;
}
.ui-drawer--animated.ui-drawer--left.ui-drawer--enter-from .ui-drawer-element, .ui-drawer--animated.ui-drawer--left.ui-drawer--leave-to .ui-drawer-element {
  transform: translateX(-100%);
}
.ui-drawer--animated.ui-drawer--left.ui-drawer--enter-to .ui-drawer-element, .ui-drawer--animated.ui-drawer--left.ui-drawer--leave-from .ui-drawer-element {
  transform: translateX(0);
}
.ui-drawer--animated.ui-drawer--left-in.ui-drawer--leave-to .ui-drawer-element {
  transform: translateX(0);
}
.ui-drawer--animated.ui-drawer--right.ui-drawer--enter-from .ui-drawer-element, .ui-drawer--animated.ui-drawer--right.ui-drawer--leave-to .ui-drawer-element {
  transform: translateX(100%);
}
.ui-drawer--animated.ui-drawer--right.ui-drawer--enter-to .ui-drawer-element, .ui-drawer--animated.ui-drawer--right.ui-drawer--leave-from .ui-drawer-element {
  transform: translateX(0);
}
.ui-drawer--animated.ui-drawer--right-in.ui-drawer--leave-to .ui-drawer-element {
  transform: translateX(0);
}
.ui-drawer--right {
  --ui-drawer-header-shadow: -0.25rem 0.25rem 0.5rem 0 var(--ui-drawer-color-shadow);
}
.ui-drawer--right .ui-drawer-element {
  right: 0;
}
.ui-drawer-element {
  max-width: var(--ui-drawer-size);
  background: var(--ui-drawer-background);
  color: var(--ui-drawer-color);
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
  border-top: var(--ui-drawer-bias-size) solid var(--ui-drawer-bias-bg, transparent);
  overflow: hidden;
}
.ui-drawer--animated.ui-drawer--enter-active .ui-drawer-element, .ui-drawer--animated.ui-drawer--leave-active .ui-drawer-element {
  transition-duration: 180ms;
}
.ui-drawer--animated.ui-drawer--leave-active .ui-drawer-element {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ui-drawer-element > .ui-drawer-close {
  z-index: 10;
  right: 0.5rem;
  top: 0.5rem;
}
.ui-drawer-backdrop {
  position: fixed;
  background-color: var(--ui-drawer-backdrop);
}
.ui-drawer--enter-from .ui-drawer-backdrop--animated, .ui-drawer--leave-to .ui-drawer-backdrop--animated {
  opacity: 0;
}
.ui-drawer--enter-active .ui-drawer-backdrop--animated, .ui-drawer--leave-active .ui-drawer-backdrop--animated {
  transition: opacity 180ms ease;
}
.ui-drawer-header {
  height: var(--ui-drawer-header-height);
  padding: var(--ui-drawer-header-padding-y, 0.25rem) var(--ui-drawer-header-height) var(--ui-drawer-header-padding-y, 0.25rem) var(--ui-drawer-header-padding-x);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: box-shadow 180ms ease;
}
.ui-drawer-header--shadow {
  box-shadow: var(--ui-drawer-header-shadow);
}
.is-scrolled .ui-drawer-header {
  box-shadow: var(--ui-drawer-header-shadow);
}
.ui-drawer-body {
  flex-grow: 1;
  overflow-y: auto;
}
.ui-drawer-close {
  display: flex;
  background: transparent;
  align-items: center;
  justify-content: center;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  color: currentcolor;
  padding: 0;
  width: var(--ui-drawer-header-height);
  height: var(--ui-drawer-header-height);
  font-size: var(--ui-drawer-close-size);
}
.ui-drawer-close::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f128";
}
.ui-drawer-footer {
  flex-shrink: 0;
  height: var(--ui-drawer-footer-height);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-shadow: 0 -0.25rem 0.5rem 0 var(--ui-drawer-color-shadow);
  padding: var(--ui-drawer-footer-padding, var(--ui-drawer-base-padding, 1rem));
  background: var(--ui-drawer-background);
}
.ui-drawer-footer > button {
  margin-right: 0.5rem;
  min-height: auto;
}
.ui-drawer-footer > button:last-child {
  margin-right: 0;
}
.ui-drawer-control {
  padding: 0.25rem 1rem;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.25rem;
}
.ui-drawer-heading {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ui-contact {
  --ui-contact-icon-color: currentcolor;
  --ui-contact-icon-size: 1rem;
  --ui-contact-icon-frame: var(--ui-contact-icon-size);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  color: currentcolor;
}
.ui-contact--baseline {
  align-items: baseline;
}
.ui-contact--primary.ui-contact--icon::before {
  color: var(--color-primary);
}
.ui-contact--secondary.ui-contact--icon::before {
  color: var(--color-secondary);
}
.ui-contact--success.ui-contact--icon::before {
  color: var(--color-success);
}
.ui-contact--danger.ui-contact--icon::before {
  color: var(--color-danger);
}
.ui-contact--warning.ui-contact--icon::before {
  color: var(--color-warning);
}
.ui-contact--info.ui-contact--icon::before {
  color: var(--color-info);
}
.ui-contact--neutral.ui-contact--icon::before {
  color: var(--color-neutral);
}
.ui-contact--dark.ui-contact--icon::before {
  color: var(--color-dark);
}
.ui-contact--light.ui-contact--icon::before {
  color: var(--color-light);
}
.ui-contact--icon::before, .ui-contact--icon::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--ui-contact-icon-color);
  font-size: var(--ui-contact-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--ui-contact-icon-frame);
  height: var(--ui-contact-icon-frame);
}
.ui-contact--icon::before {
  margin-right: 1rem;
}
.ui-contact--icon::after {
  margin-left: 1rem;
}
.ui-contact__icon {
  margin-right: 1rem;
  font-size: var(--ui-contact-icon-size);
  flex-shrink: 0;
  color: var(--ui-contact-icon-color);
  width: var(--ui-contact-icon-frame);
  height: var(--ui-contact-icon-frame);
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-color-mode=light], [data-color-mode=dark] {
  --ui-dropzone-color: var(--ui-color-neutral);
  --ui-dropzone-bg: var(--ui-color-bg-muted);
  --ui-dropzone-border-color: var(--ui-color-border);
  --ui-dropzone-active-color: var(--ui-dropzone-color);
  --ui-dropzone-active-bg: var(--ui-color-active-bg-muted);
  --ui-dropzone-active-border-color: var(--ui-color-border-active);
  --ui-dropzone-disabled-color: var(--ui-color-text-disabled);
  --ui-dropzone-disabled-bg: var(--ui-color-bg-disabled);
  --ui-dropzone-disabled-border-color: var(--ui-color-border-disabled);
}

.ui-dropzone {
  text-align: center;
  color: var(--ui-dropzone-color);
  border: var(--ui-stroke-width-lg) dashed var(--ui-dropzone-border-color);
  background-color: var(--ui-dropzone-bg);
  border-radius: var(--ui-component-radius);
  transition: 0.15s ease;
  transition-property: opacity, background-color, border-color, color;
  padding: 2rem;
  cursor: pointer;
}
.ui-dropzone:hover, .ui-dropzone--highlighted {
  color: var(--ui-dropzone-active-color);
  background: var(--ui-dropzone-active-bg);
  border-color: var(--ui-dropzone-active-border-color);
}
.ui-dropzone:focus-visible {
  color: var(--ui-dropzone-active-color);
  background: var(--ui-dropzone-active-bg);
  border-color: var(--ui-dropzone-active-border-color);
}
.ui-dropzone--highlighted + .dropzone-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ui-dropzone.dz-max-files-reached {
  pointer-events: none;
  color: var(--ui-dropzone-disabled-color);
  background: var(--ui-dropzone-disabled-bg);
  border-color: var(--ui-dropzone-disabled-border-color);
}
.ui-dropzone.dz-max-files-reached, .ui-dropzone.dz-max-files-reached:hover, .ui-dropzone.dz-max-files-reached:focus {
  cursor: default;
}

.dropzone-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.dropzone-container:empty {
  margin-top: 0;
}

.dropzone-preview {
  display: flex;
  align-items: center;
  width: 100%;
  background: var(--color-bg-side);
  padding: 0.5rem 0.75rem;
  border-radius: var(--ui-component-radius);
  color: var(--color-text-side);
}
.dropzone-preview__thumb {
  width: 3.125rem;
  height: 3.125rem;
  flex-shrink: 0;
  margin-right: 1rem;
  border-radius: var(--ui-component-radius);
  background: center/contain no-repeat;
}
.is-ext-doc .dropzone-preview__thumb {
  background-image: url("/assets/img/mime/doc.svg");
}
.is-ext-xls .dropzone-preview__thumb {
  background-image: url("/assets/img/mime/xls.svg");
}
.is-ext-pdf .dropzone-preview__thumb {
  background-image: url("/assets/img/mime/pdf.svg");
}
.dropzone-preview__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: var(--ui-component-radius);
}
.dropzone-preview__filesize, .dropzone-preview__filename {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.dropzone-preview__filesize {
  margin-bottom: 0.25rem;
}
.dropzone-preview__filename {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.dropzone-preview__details {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 6.625rem);
  margin-right: 1rem;
}
.dropzone-preview__actions {
  flex: 0 0 1.5rem;
  max-width: 1.5rem;
}
.dropzone-preview__action {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.5rem;
  transition: 180ms ease;
  transition-property: color, background-color, opacity;
}
.dropzone-preview__action::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dropzone-preview__action--remove {
  background: var(--color-neutral-700);
  color: var(--color-neutral-contrast);
}
.dropzone-preview__action--remove:hover {
  opacity: 0.8;
}
.dropzone-preview__action--remove::before {
  content: "\f128";
}

[data-color-mode=light], [data-color-mode=dark] {
  /* Select */
  --ui-select-arrow-size: 1rem;
  --ui-select-arrow-width: 2.5rem;
  /* Option */
  --ui-select-option-padding: var(--ui-dropdown-padding-x) var(--ui-dropdown-padding-y);
  --ui-select-option-font-size: .875rem;
  /* Option: check mark */
  --ui-select-option-check-size: .75rem;
  --ui-select-option-check-gap: .5rem;
}

.ui-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--ui-radius);
}
.ui-select:disabled + .ui-textfield-label {
  color: var(--ui-textfield-disabled-placeholder-color);
}
.is-error .ui-select {
  color: var(--ui-textfield-invalid-color);
  background-color: var(--ui-textfield-invalid-background);
  border-color: var(--ui-textfield-invalid-border-color);
}
.is-error .ui-select + .ui-textfield-label {
  color: var(--ui-textfield-invalid-placeholder-color);
}
.ui-select:not(.edd-root) {
  padding: var(--ui-textfield-padding);
  height: var(--ui-textfield-height);
}
.ui-select, .ui-select.edd-root {
  width: 100%;
}
.ui-select.edd-root-focused {
  outline: none;
}
.ui-select .edd-value {
  padding: var(--ui-textfield-padding);
  padding-right: var(--ui-select-arrow-width);
  color: currentcolor;
}
.ui-select .edd-head {
  height: 100%;
  border: none;
  transition: none;
}
.ui-select .edd-arrow {
  width: var(--ui-select-arrow-width);
  height: 100%;
  right: 0;
  top: 0;
  font-size: var(--ui-select-arrow-size);
  color: var(--ui-textfield-periphery);
}
.ui-select .edd-body {
  transform: translateY(0.5rem);
  opacity: 0;
  border-radius: var(--ui-component-radius);
  background: var(--ui-dropdown-background);
  box-shadow: 0 0 0.375rem var(--ui-color-shadow);
  border: var(--ui-stroke-width) solid var(--ui-dropdown-border-color);
  color: var(--ui-dropdown-color);
}
.ui-select.edd-root-open .edd-body {
  opacity: 1;
  transform: translateY(0);
}
.ui-select.edd-root-open-below .edd-body {
  top: calc(100% + 0.125rem);
}
.ui-select.edd-root-open-above .edd-body {
  bottom: calc(100% + 0.125rem);
}
.ui-select .edd-items-list {
  overflow: auto;
  max-height: 0;
  transition: none;
}
.ui-select .edd-gradient-top,
.ui-select .edd-gradient-bottom {
  display: none !important;
}
.ui-select .edd-option {
  position: relative;
  padding: var(--ui-select-option-padding);
  padding-right: calc(var(--ui-select-option-check-gap) * 2 + var(--ui-select-option-check-size));
  font-size: var(--ui-select-option-font-size);
  line-height: 1.25;
  min-height: 2rem;
  display: flex;
  align-items: center;
  white-space: normal;
  background: var(--ui-select-option-background);
  color: var(--ui-select-option-color);
}
.ui-select .edd-option.edd-option-focused {
  color: var(--ui-select-option-focused-color);
  background-color: var(--ui-select-option-focused-background);
}
.ui-select .edd-option.edd-option-selected {
  display: flex;
  align-items: center;
  background-color: var(--ui-select-option-selected-background);
  color: var(--ui-select-option-selected-color);
}
.ui-select .edd-option.edd-option-selected::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f124";
  position: absolute;
  left: auto;
  border: none;
  transform: none;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: flex;
  font-size: var(--ui-select-option-check-size);
  color: var(--ui-select-option-selected-icon-color, currentcolor);
  width: calc(var(--ui-select-option-check-gap) * 2 + var(--ui-select-option-check-size));
}
.ui-select .edd-option.edd-option-disabled, .edd-group-disabled .ui-select .edd-option {
  cursor: default;
  color: var(--ui-select-option-disabled-color);
  background-color: var(--ui-select-option-disabled-background);
}
.ui-select .edd-group-has-label {
  padding-left: 0;
}
.ui-select .edd-group-has-label .edd-group-label {
  padding: var(--ui-dropdown-padding-x) var(--ui-dropdown-padding-y);
  color: var(--ui-select-group-color);
}
.ui-select .edd-group-disabled .edd-group-label {
  color: var(--ui-select-group-disabled-color);
}
.ui-select.edd-root-has-value .edd-head {
  color: var(--ui-textfield-filled-color);
}
.ui-select.edd-root-has-value .edd-value {
  background-color: var(--ui-textfield-filled-background);
  border-color: var(--ui-textfield-filled-border-color);
}
.ui-select.edd-root-has-value + .ui-textfield-label {
  color: var(--ui-textfield-filled-placeholder-color);
}
.is-error .ui-select .edd-head {
  color: var(--ui-textfield-invalid-color);
}
.is-error .ui-select .edd-value {
  background-color: var(--ui-textfield-invalid-background);
  border-color: var(--ui-textfield-invalid-border-color);
}
.is-error .ui-select + .ui-textfield-label {
  color: var(--ui-textfield-invalid-placeholder-color);
}
.ui-select.edd-root-open .edd-head, .ui-select.edd-root-focused .edd-head {
  color: var(--ui-textfield-focused-color);
}
.ui-select.edd-root-open .edd-value, .ui-select.edd-root-focused .edd-value {
  background-color: var(--ui-textfield-focused-background);
  border-color: var(--ui-textfield-focused-border-color);
}
.ui-select.edd-root-open + .ui-textfield-label, .ui-select.edd-root-focused + .ui-textfield-label {
  color: var(--ui-textfield-focused-placeholder-color);
}
.ui-select.edd-root-disabled .edd-head {
  color: var(--ui-textfield-disabled-color);
  opacity: var(--ui-textfield-disabled-opacity);
}
.ui-select.edd-root-disabled .edd-value {
  background-color: var(--ui-textfield-disabled-background);
  border-color: var(--ui-textfield-disabled-border-color);
}
.ui-select.edd-root-disabled + .ui-textfield-label {
  color: var(--ui-textfield-disabled-placeholder-color);
}

.ui-select--primary {
  --ui-select-option-selected-color: var(--color-primary);
  --ui-select-option-selected-background: var(--color-primary-50);
  --ui-select-option-selected-icon-color: var(--color-primary);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-primary-50);
}

.ui-select--secondary {
  --ui-select-option-selected-color: var(--color-secondary);
  --ui-select-option-selected-background: var(--color-secondary-50);
  --ui-select-option-selected-icon-color: var(--color-secondary);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-secondary-50);
}

.ui-select--neutral {
  --ui-select-option-selected-color: var(--color-neutral);
  --ui-select-option-selected-background: var(--color-neutral-50);
  --ui-select-option-selected-icon-color: var(--color-neutral);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-neutral-50);
}

.ui-select--success {
  --ui-select-option-selected-color: var(--color-success);
  --ui-select-option-selected-background: var(--color-success-50);
  --ui-select-option-selected-icon-color: var(--color-success);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-success-50);
}

.ui-select--warning {
  --ui-select-option-selected-color: var(--color-warning);
  --ui-select-option-selected-background: var(--color-warning-50);
  --ui-select-option-selected-icon-color: var(--color-warning);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-warning-50);
}

.ui-select--danger {
  --ui-select-option-selected-color: var(--color-danger);
  --ui-select-option-selected-background: var(--color-danger-50);
  --ui-select-option-selected-icon-color: var(--color-danger);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-danger-50);
}

.ui-select--info {
  --ui-select-option-selected-color: var(--color-info);
  --ui-select-option-selected-background: var(--color-info-50);
  --ui-select-option-selected-icon-color: var(--color-info);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-info-50);
}

.ui-select--dark {
  --ui-select-option-selected-color: var(--color-dark);
  --ui-select-option-selected-background: rgba(var(--color-dark--rgb), .06);
  --ui-select-option-selected-icon-color: var(--color-dark);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: rgba(var(--color-dark--rgb), .06);
}

.ui-select--light {
  --ui-select-option-selected-color: var(--color-light-contrast);
  --ui-select-option-selected-background: var(--color-light);
  --ui-select-option-selected-icon-color: var(--color-light-contrast);
  --ui-select-option-focused-color: var(--color-text-main);
  --ui-select-option-focused-background: var(--color-light);
}

[data-color-mode=light], [data-color-mode=dark] {
  --ui-switch-width: 3rem;
  --ui-switch-height: 1.5rem;
  --ui-switch-thumb-size: 1.25rem;
  --ui-switch-offset: .125rem;
  --ui-switch-thumb: var(--color-primary-contrast);
  --ui-switch-track: var(--ui-color-muted-bg);
  --ui-switch-active-thumb: var(--ui-switch-thumb);
  --ui-switch-active-track: var(--ui-color-active);
  --ui-switch-disabled-thumb: #e9ecef;
  --ui-switch-disabled-track: #4a4b4e;
}

[data-color-mode=dark] {
  --ui-switch-disabled-thumb: #eeeeee;
  --ui-switch-disabled-track: #5a5c60;
}

.ui-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.is-disabled > .ui-switch, .ui-switch.is-disabled {
  cursor: not-allowed;
}
.ui-switch:has(> .ui-switch__input:disabled) {
  cursor: not-allowed;
}
.ui-switch__thumb {
  color: var(--color-dark);
  width: var(--ui-switch-thumb-size);
  height: var(--ui-switch-thumb-size);
  background-color: var(--ui-switch-thumb);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  left: var(--ui-switch-offset);
  transform: translateY(-50%);
  top: 50%;
  transition: transform 150ms ease;
  z-index: 1;
  box-shadow: 0 0.1875rem 0.0625rem 0 rgba(0, 0, 0, 0.05), 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.1), 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.05);
}
.ui-switch__icon {
  position: absolute;
}
.ui-switch__input {
  width: var(--ui-switch-width);
  height: var(--ui-switch-height);
  cursor: inherit;
  background-color: var(--ui-switch-track);
  display: block;
  border-radius: 624.9375rem;
  transition: background-color 180ms ease;
  outline-offset: var(--ui-outline-offset);
  outline: transparent var(--ui-outline-style) var(--ui-outline-size);
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-switch__input:checked {
  background-color: var(--ui-switch-active-track);
}
.ui-switch__input:checked ~ .ui-switch__thumb {
  transform: translateX(calc(var(--ui-switch-width) - var(--ui-switch-thumb-size) - var(--ui-switch-offset) * 2)) translateY(-50%);
  background-color: var(--ui-switch-active-thumb);
}
.ui-switch__input:focus-visible {
  outline-color: var(--ui-color-focus);
}
.ui-switch__input:disabled {
  background-color: var(--ui-switch-disabled-track);
}
.ui-switch__input:disabled ~ .ui-switch__thumb {
  background-color: var(--ui-switch-disabled-thumb);
}
.ui-switch__input:disabled ~ .ui-switch, .ui-switch__input:disabled ~ .ui-switch__thumb {
  opacity: 0.65;
}
.ui-switch__input:disabled ~ .ui-switch__text {
  color: var(--ui-switch-disabled-text);
}
.ui-switch--appearance .ui-switch__input:checked + .ui-switch__thumb .icon-sun {
  opacity: 0;
}
.ui-switch--appearance .ui-switch__input:checked + .ui-switch__thumb .icon-moon {
  opacity: 1;
}
.ui-switch--appearance .ui-switch__thumb .icon {
  position: absolute;
  font-size: 0.75rem;
  transition: opacity 180ms ease;
}
.ui-switch--appearance .ui-switch__thumb .icon-sun {
  opacity: 1;
}
.ui-switch--appearance .ui-switch__thumb .icon-moon {
  opacity: 0;
}

.ui-options {
  --ui-options-gap: 1rem;
}
.ui-options > *:not(:last-child) {
  margin-bottom: var(--ui-options-gap);
}

.ui-option {
  --ui-option-gap: 1rem;
  --ui-option-color-disabled: var(--ui-color-disabled);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-option-gap);
  cursor: pointer;
}
.ui-option.is-disabled {
  cursor: not-allowed;
  color: var(--ui-option-color-disabled);
}

.air-datepicker {
  --adp-background-color: var(--color-popup-bg);
  --adp-background-color-hover: var(--color-bg-side);
  --adp-background-color-active: var(--color-bg-side);
  --adp-color: var(--color-popup-text);
  --adp-color-other-month: var(--color-text-muted);
  --adp-nav-arrow-color: var(--color-text-side);
  --adp-btn-color: var(--color-primary);
  --adp-btn-color-hover: var(--color-primary-contrast);
  --adp-btn-background-color-hover: var(--color-primary);
  --adp-cell-color-hover: var(--color-primary);
  --adp-cell-color-selected: var(--color-primary-contrast);
  --adp-cell-background-color-selected: var(--color-primary);
  --adp-cell-background-color-selected-hover: var(--color-primary);
  --adp-border-color-inner: var(--color-border-main);
}
.air-datepicker-cell.-focus- {
  color: var(--adp-cell-color-hover);
}
.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-cell-color-hover);
}
.air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-focus- {
  color: var(--adp-cell-color-selected);
}
.air-datepicker-cell.-disabled- {
  background-color: transparent;
}
.air-datepicker-body--cells {
  gap: 0.0625rem;
}
.air-datepicker-button {
  transition: color 100ms ease, background-color 100ms ease;
}
.air-datepicker-nav--action {
  font-size: 0.75rem;
}

.ui-wave {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}
.ui-wave-motion {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.6;
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ui-wave-motion--active {
  box-shadow: 0 0 0 var(--wave-spread, 6px) currentcolor;
  opacity: 0;
}

.ui-choice {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--ui-radius);
  padding: var(--ui-textfield-padding);
  padding-right: var(--ui-select-arrow-width);
  height: var(--ui-textfield-height);
  margin-bottom: 0;
}
.ui-choice.choices[data-type*=select-one]:not(:has(+ .ui-textfield-label)), .ui-choice.choices[data-type*=select-multiple]:not(:has(+ .ui-textfield-label)) {
  padding: var(--ui-textfield-padding-y) var(--ui-select-arrow-width) var(--ui-textfield-padding-y) var(--ui-textfield-padding-x);
}
.ui-choice.choices[data-type*=select-one] .choices__list, .ui-choice.choices[data-type*=select-multiple] .choices__list {
  left: calc(var(--ui-component-stroke-width) * -1);
  right: 0;
  width: calc(100% + var(--ui-component-stroke-width) * 2);
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown, .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown {
  box-shadow: 0 0 0.375rem var(--ui-color-shadow);
  background-color: var(--color-bg-main);
  color: var(--color-text-main);
  border: var(--ui-stroke-width) solid var(--ui-dropdown-border-color);
  z-index: 30;
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown .choices__list, .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown .choices__list::-webkit-scrollbar, .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list::-webkit-scrollbar {
  width: 0.375rem;
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown .choices__list::-webkit-scrollbar-track, .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
  background-color: var(--scrollbar-color-track);
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb, .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color-thumb);
  min-height: 5rem;
  max-height: 12rem;
  border-radius: 0.25rem;
}
.ui-choice.choices[data-type*=select-one] .choices__list--dropdown,
.ui-choice.choices[data-type*=select-one] .choices__list[aria-expanded], .ui-choice.choices[data-type*=select-multiple] .choices__list--dropdown,
.ui-choice.choices[data-type*=select-multiple] .choices__list[aria-expanded] {
  top: calc(100% + 0.125rem);
  bottom: auto;
  border-radius: var(--ui-component-radius);
  margin-top: 0;
}
.ui-choice.choices[data-type*=select-one] .choices__inner, .ui-choice.choices[data-type*=select-multiple] .choices__inner {
  padding: 0;
  background-color: transparent;
  border: none;
  height: auto;
  min-height: 100%;
  font-size: 100%;
}
.ui-choice.choices[data-type*=select-one].is-flipped .choices__list--dropdown,
.ui-choice.choices[data-type*=select-one].is-flipped .choices__list[aria-expanded], .ui-choice.choices[data-type*=select-multiple].is-flipped .choices__list--dropdown,
.ui-choice.choices[data-type*=select-multiple].is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: calc(100% + 0.125rem);
  margin-bottom: 0;
  border-radius: var(--ui-component-radius);
}

.ui-choice-composite:not(:has(+ .ui-textfield-label)) .choices__list--single .choices__item--selectable .ui-choice-composite__img,
.ui-choice-composite:not(:has(+ .ui-textfield-label)) .ui-choice-composite__img {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
}
.ui-choice-composite:not(:has(+ .ui-textfield-label)) .choices__inner {
  display: flex;
  align-items: center;
}
.ui-choice-composite:not(:has(+ .ui-textfield-label)) .choices__list--single .choices__item--selectable .ui-choice-composite__img,
.ui-choice-composite:not(:has(+ .ui-textfield-label)) .ui-choice-composite__img {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
}
.ui-choice-composite .choices__list--single .choices__item--selectable {
  display: flex;
  align-items: center;
}
.ui-choice-composite .choices__list--single .choices__item--selectable .ui-choice-composite__img {
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.5rem;
}
.ui-choice-composite__img {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.ui-choice-composite.choices[data-type*=select-one]::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f101";
  border: none;
  font-size: var(--ui-select-arrow-size);
  width: var(--ui-select-arrow-width);
  right: 0;
  top: 0;
  position: absolute;
  height: 100%;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 180ms ease;
}
.ui-choice-composite.choices[data-type*=select-one].is-open::after {
  transform: rotateX(180deg);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__input {
  background-color: var(--color-bg-main);
  color: var(--color-text-main);
  border-bottom: 1px solid var(--color-border-side);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__input::-moz-placeholder {
  color: var(--color-text-main);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__input::placeholder {
  color: var(--color-text-main);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--single {
  padding: 0;
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--ui-color-active-bg-muted);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--dropdown .choices__item--disabled {
  background-color: transparent !important;
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--dropdown .choices__item--selectable.is-highlighted::after {
  opacity: 1;
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--dropdown .choices__item--selectable.is-selected {
  background-color: var(--ui-color-active-bg-muted);
}
.ui-choice-composite.choices[data-type*=select-one] .choices__list--dropdown .choices__item--selectable.is-selected::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f124";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ui-color-active);
  opacity: 1;
}

.ui-choice-multiple {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ui-choice-multiple::-webkit-scrollbar {
  display: none;
}
.ui-choice-multiple.choices[data-type*=select-multiple] {
  --ui-textfield-height: calc(3.8rem - 0.125rem);
  min-height: var(--ui-textfield-height);
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-choice-multiple.choices[data-type*=select-multiple]:not(:has(+ .ui-textfield-label)) {
  display: flex;
  align-items: center;
}
.ui-choice-multiple.choices[data-type*=select-multiple]::after {
  height: auto;
  top: 1.45rem;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__inner .choices__list--multiple:not(:empty) .choices__item:last-child {
  margin-right: 0.5rem;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__inner .choices__list--multiple:not(:empty) ~ .choices__input::-moz-placeholder {
  visibility: hidden;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__inner .choices__list--multiple:not(:empty) ~ .choices__input::placeholder {
  visibility: hidden;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__input {
  padding: 0;
  background-color: transparent;
  margin: 0;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__button {
  border-left: none;
  width: 1rem;
  height: 1rem;
  font-size: 0.4rem;
  background-color: var(--color-primary-contrast);
  border-radius: 50%;
  margin: 0;
  padding: 0;
  margin-left: 0.25rem;
  color: var(--color-primary-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-image: none;
  opacity: 1;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__button::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f127";
  text-indent: 0;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__list--multiple .choices__item {
  padding: 0.25rem 0.375rem;
  margin: 0;
  font-size: 0.6875rem;
  background-color: var(--color-primary-accent);
  border-color: var(--color-primary-accent);
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:not(:last-child) {
  margin-right: 0.25rem;
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--ui-color-active-bg-muted);
}
.ui-choice-multiple.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item--selectable.is-selected .ui-checkbox__input::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f124";
  color: var(--ui-color-active);
}

.ui-choice-multiple-arrow {
  width: var(--ui-select-arrow-width);
  height: var(--ui-select-arrow-width);
  position: absolute;
  right: 0;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ui-choice-multiple-arrow::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f101";
  border: none;
  font-size: var(--ui-select-arrow-size);
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 180ms ease;
}
.ui-choice-multiple-arrow.is-open::after {
  transform: rotateX(180deg);
}

/* Core styles */
.stgm-menu {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stgm-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  display: none;
  background: transparent;
  padding-bottom: 4rem;
}
.stgm-panel--root {
  display: block;
}
.stgm-panel-forward-enter-active, .stgm-panel-forward-leave-active {
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms;
}
.stgm-panel-forward-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}
.stgm-panel-forward-enter-from {
  transform: translateX(100%);
  opacity: 0;
}
.stgm-panel-forward-enter-to {
  transform: translateX(0);
}
.stgm-panel-backward-enter-active, .stgm-panel-backward-leave-active {
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}
.stgm-panel-backward-leave-to {
  transform: translateX(100%);
  opacity: 0;
}
.stgm-panel-backward-enter-from {
  transform: translateX(-100%);
  opacity: 0;
}
.stgm-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stgm-link {
  display: block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  background: 0;
  outline: none;
  width: 100%;
  text-align: left;
}

/* Theme styles */
.staged-menu {
  --staged-menu-spacing-x: 1rem;
  --staged-menu-spacing-y: 0.8125rem;
  --staged-menu-toggle-size: 1rem;
}
.staged-menu__link {
  padding: var(--staged-menu-spacing-y) var(--staged-menu-spacing-x);
}
.staged-menu__link {
  color: var(--color-popup-text);
}
.staged-menu__link.active {
  color: var(--color-primary);
}
.staged-menu__link--deep {
  padding-right: calc(var(--staged-menu-spacing-x) * 2 + var(--staged-menu-toggle-size));
}
.staged-menu__link--deep::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f103";
  position: absolute;
  right: 0;
  top: 0;
  width: calc(var(--staged-menu-spacing-x) * 2 + var(--staged-menu-toggle-size));
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--staged-menu-arrow-size);
}
.staged-menu__link--self {
  color: var(--color-primary);
  background: rgba(var(--color-primary--rgb), 0.05);
}
.staged-menu__back {
  font-weight: bold;
  padding: 0 var(--staged-menu-spacing-x);
  display: flex;
  align-items: center;
  background: transparent;
  width: 100%;
  border: 0;
  height: 3.25rem;
  background: var(--header-color-bg);
  position: sticky;
  top: 0;
  z-index: 1;
}
.staged-menu__back, .staged-menu__back:hover {
  color: var(--color-text-soft);
}
.staged-menu__back::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f102";
  margin-right: 1rem;
  font-size: 0.75em;
}
.staged-menu__content {
  padding: var(--staged-menu-spacing-x);
}

.breadcrumbs {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0;
}
@media (max-width: 991.98px) {
  .breadcrumbs {
    font-size: var(--typography-small);
    line-height: var(--typography-small-leading, inherit);
    font-family: var(--typography-small-font, inherit);
    font-weight: var(--typography-small-weight, inherit);
    font-style: var(--typography-small-style, inherit);
    text-transform: var(--typography-small-transform, inherit);
    /* Прячем скроллбар на всех устройствах */
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding: 0;
    width: 100%;
  }
  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 992px) {
  .breadcrumbs {
    margin: -0.125rem 0;
    padding: 0;
    overflow: hidden;
    flex-wrap: wrap;
    font-size: var(--typography-h6);
    line-height: var(--typography-h6-leading, inherit);
    font-family: var(--typography-h6-font, inherit);
    font-weight: var(--typography-h6-weight, inherit);
    font-style: var(--typography-h6-style, inherit);
    text-transform: var(--typography-h6-transform, inherit);
  }
}
.breadcrumbs__item {
  white-space: nowrap;
}
.breadcrumbs__item--current {
  display: none;
}
@media (max-width: 991.98px) {
  .breadcrumbs__item {
    margin-left: 0.5rem;
  }
  .breadcrumbs__item:first-child {
    margin-left: var(--container-gutter);
  }
  .breadcrumbs__item:last-child {
    margin-right: var(--container-gutter);
  }
}
@media (min-width: 992px) {
  .breadcrumbs__item {
    display: inline-flex;
    padding: 0.125rem 0;
    border-radius: 0;
  }
  .breadcrumbs__item::after {
    content: "/";
    font-size: 1rem;
    padding: 0 0.25rem;
    color: var(--color-text-side);
  }
}
.breadcrumbs__link {
  text-decoration: none;
  transition: 180ms ease;
}
@media (max-width: 991.98px) {
  .breadcrumbs__link {
    transition-property: border-color, background-color, color;
    border: 1px solid var(--color-border-side);
    display: inline-block;
    line-height: 1.875rem;
    vertical-align: middle;
    padding: 0 1.25rem;
    background-color: var(--color-bg-main);
    border-radius: var(--ui-component-radius);
  }
  .breadcrumbs__link, .breadcrumbs__link:focus, .breadcrumbs__link:hover {
    color: var(--color-text-side);
  }
  .breadcrumbs__link:active {
    background-color: var(--color-primary-700);
    border-color: var(--color-primary-700);
    color: var(--color-primary-contrast);
  }
}
@media (min-width: 992px) {
  .breadcrumbs__link {
    color: var(--color-text-side);
    transition-property: color;
    font-size: var(--typography-p);
    line-height: var(--typography-p-leading, inherit);
    font-family: var(--typography-p-font, inherit);
    font-weight: var(--typography-p-weight, inherit);
    font-style: var(--typography-p-style, inherit);
    text-transform: var(--typography-p-transform, inherit);
  }
  .breadcrumbs__link:hover, .breadcrumbs__link:focus {
    color: var(--color-primary);
  }
}
@media (min-width: 992px) {
  .breadcrumbs__link--current, .breadcrumbs__link--current:hover {
    color: var(--color-text-main);
  }
}

:root {
  --content-gutter: 1rem;
  --content-heading-gutter: .5em;
  --content-color-main: var(--color-primary);
  --content-color-accent: var(--color-primary-accent);
  --content-list-gutter: .5rem;
  --content-list-offset: 1.5rem;
  --content-list-disc-size: 0.625rem;
  --content-list-disc-offset: .5em;
  --content-link-color: var(--content-color-main);
  --content-link-color-accent: var(--content-color-accent);
  --content-link-underline-style: dashed;
  --content-table-border-width: 0.0625rem;
  --content-table-radius: .5rem;
  --content-table-spacing-x: .75rem;
  --content-table-spacing-y: 1rem;
  --content-table-shadow-color: var(--color-shadow-main);
  --content-table-color: var(--color-text-main);
  --content-table-bc: rgba(var(--color-border-main--rgb), 0.35);
  --content-table-bg: transparent;
  --content-table-heading-color: var(--color-text-main);
  --content-table-heading-bc: var(--color-border-side);
  --content-table-heading-bg: var(--color-bg-side);
  --content-table-heading-border-width: 0;
  --content-table-row-bg: var(--color-bg-main);
  --content-table-row-even-bg: var(--color-bg-main);
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin: calc(var(--content-heading-gutter) * 2) 0 var(--content-heading-gutter);
  font-weight: bold;
}
.content > :first-child {
  margin-top: 0;
}
.content h1 {
  font-size: var(--typography-h1);
  line-height: var(--typography-h1-leading, inherit);
  font-family: var(--typography-h1-font, inherit);
  font-weight: var(--typography-h1-weight, inherit);
  font-style: var(--typography-h1-style, inherit);
  text-transform: var(--typography-h1-transform, inherit);
}
.content h2 {
  font-size: var(--typography-h2);
  line-height: var(--typography-h2-leading, inherit);
  font-family: var(--typography-h2-font, inherit);
  font-weight: var(--typography-h2-weight, inherit);
  font-style: var(--typography-h2-style, inherit);
  text-transform: var(--typography-h2-transform, inherit);
}
.content h3 {
  font-size: var(--typography-h3);
  line-height: var(--typography-h3-leading, inherit);
  font-family: var(--typography-h3-font, inherit);
  font-weight: var(--typography-h3-weight, inherit);
  font-style: var(--typography-h3-style, inherit);
  text-transform: var(--typography-h3-transform, inherit);
}
.content h4 {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
}
.content h5 {
  font-size: var(--typography-h5);
  line-height: var(--typography-h5-leading, inherit);
  font-family: var(--typography-h5-font, inherit);
  font-weight: var(--typography-h5-weight, inherit);
  font-style: var(--typography-h5-style, inherit);
  text-transform: var(--typography-h5-transform, inherit);
}
.content h6 {
  font-size: var(--typography-h6);
  line-height: var(--typography-h6-leading, inherit);
  font-family: var(--typography-h6-font, inherit);
  font-weight: var(--typography-h6-weight, inherit);
  font-style: var(--typography-h6-style, inherit);
  text-transform: var(--typography-h6-transform, inherit);
}
.content p {
  margin: 0 0 var(--content-gutter) 0;
  word-wrap: break-word;
}
.content p:last-child {
  margin-bottom: 0;
}
.content blockquote {
  margin: var(--content-gutter) 0;
  position: relative;
  word-wrap: break-word;
  border-left: 0.25rem solid var(--content-color-main);
  background-color: var(--color-bg-side);
  color: var(--color-text-side);
  padding: 1rem 1rem 1rem 2.5rem;
}
.content blockquote::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f136";
  position: absolute;
  font-size: 1rem;
  left: 0.65rem;
  top: 0.5rem;
  color: var(--content-color-main);
}
.content hr {
  width: 50%;
  margin: calc(var(--content-gutter) * 2) auto;
}
.content hr::after {
  content: "";
  display: block;
  border-top: 1px solid var(--color-border-main);
}
.content strong {
  font-weight: bold;
}
.content small {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.content a {
  color: var(--content-link-color);
  border-bottom-style: var(--content-link-underline-style);
}
.content a:hover {
  color: var(--content-link-color-accent);
}
.content a:focus-visible {
  color: var(--content-link-color-accent);
}
.content img {
  max-width: 100%;
  height: auto;
}
.content iframe {
  max-width: 100%;
}
.content ol,
.content ul {
  margin: 0 0 var(--content-gutter);
  padding-left: var(--content-list-offset);
}
.content ol li,
.content ul li {
  --content-gutter: var(--content-list-gutter);
  line-height: var(--content-list-leading);
}
.content ol ol,
.content ol ul,
.content ul ol,
.content ul ul {
  margin: var(--content-gutter) 0;
}
.content ul li {
  list-style-type: none;
}
.content ul li::before {
  content: "";
  position: absolute;
  width: var(--content-list-disc-size);
  height: var(--content-list-disc-size);
  border-radius: 50%;
  top: var(--content-list-disc-offset);
  left: calc(var(--content-list-offset) * -1);
  transform: translate(0, 0);
  background: var(--color-primary);
}
.content li {
  position: relative;
}
.content li:not(:last-child) {
  margin-bottom: var(--content-list-gutter);
}
.content > :last-child {
  margin-bottom: 0;
}
.content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  color: var(--content-table-color);
  margin: 0;
  background: var(--content-table-bg);
  box-shadow: 0 0 0.75rem 0 var(--content-table-shadow-color);
  border: var(--content-table-border-width) solid var(--content-table-bc);
}
.content th:not(:last-child) {
  border-right: var(--content-table-heading-border-width) solid var(--content-table-heading-bc);
}
.content th,
.content td {
  padding: var(--content-table-spacing-y) var(--content-table-spacing-x);
}
.content thead tr,
.content tfoot tr {
  background-color: var(--content-table-heading-bg);
  font-weight: bold;
}
.content thead tr {
  border-bottom: var(--content-table-border-width) solid var(--content-table-bc);
}
.content tfoot tr {
  border-top: var(--content-table-border-width) solid var(--content-table-bc);
}
.content th,
.content thead th {
  background-color: var(--content-table-heading-bg);
}
.content thead td,
.content thead th {
  color: var(--content-table-heading-color);
}
.content td {
  color: var(--content-table-color);
}
.content tr,
.content tbody tr {
  background-color: var(--content-table-row-bg);
  border: var(--content-table-border-width) solid var(--content-table-bc);
}
.content tr td,
.content tbody tr td {
  border-right: var(--content-table-border-width) solid var(--content-table-bc);
}
.content tr td:last-child,
.content tbody tr td:last-child {
  border-right: none;
}
.content tr:not(:last-child),
.content tbody tr:not(:last-child) {
  border-bottom: var(--content-table-border-width) solid var(--content-table-bc);
}
.content tr:nth-child(even) {
  background-color: var(--content-table-row-even-bg);
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin: 0 0 var(--content-gutter) 0;
}

.hamburger {
  --hamburger-layer-width: 1.75rem;
  --hamburger-layer-height: 0.1875rem;
  --hamburger-layer-spacing: 0.25rem;
  --hamburger-layer-radius: 0.625rem;
  display: inline-flex;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: 0;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: var(--hamburger-layer-width);
  height: calc(var(--hamburger-layer-height) * 3 + var(--hamburger-layer-spacing) * 2);
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: calc(var(--hamburger-layer-height) / -2);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: var(--hamburger-layer-width);
  height: var(--hamburger-layer-height);
  background-color: currentcolor;
  border-radius: var(--hamburger-layer-radius);
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: calc((var(--hamburger-layer-spacing) + var(--hamburger-layer-height)) * -1);
}
.hamburger-inner::after {
  bottom: calc((var(--hamburger-layer-spacing) + var(--hamburger-layer-height)) * -1);
}

.hamburger .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fabs {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
  z-index: 1;
}

.fab {
  --fab-color: var(--color-primary-contrast);
  --fab-bg: var(--color-primary-300);
  --fab-active-bg: var(--color-primary-accent);
  --fab-active-color: var(--color-primary-contrast);
  z-index: 29;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: 180ms ease;
  transition-property: color, background-color, opacity, transform;
  border-radius: 0.125rem;
  border: none;
  height: 3rem;
  width: 3rem;
  font-size: 1rem;
  text-decoration: none;
  pointer-events: none;
  background-color: var(--fab-bg);
}
.fab, .fab:hover {
  color: var(--fab-color);
}
.fab:focus-visible {
  color: var(--fab-color);
}
.fab.is-visible {
  pointer-events: auto;
  opacity: 0.65;
}
@media (min-width: 992px) {
  .fab.is-visible:hover {
    color: var(--fab-active-color);
    background-color: var(--fab-active-bg);
    opacity: 1;
  }
}

.scroll-top {
  --fab-color: var(--scroll-top-color);
  --fab-bg: var(--scroll-top-bg);
  --fab-active-bg: var(--scroll-top-active-bg);
  --fab-active-color: var(--scroll-top-active-color);
  z-index: 20;
}
.scroll-top::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
}
.swal2-toast-patch .scroll-top {
  opacity: 0;
  transition-duration: 50ms;
}

.floating-cart {
  font-size: 1.5rem;
}

.pagination {
  --pagination-size: 1.65rem;
  --pagination-font-size: .75rem;
  --pagination-gap: .25rem;
  --pagination-radius: .125rem;
  padding: 0;
  margin: 2rem auto 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .pagination {
    --pagination-size: 2rem;
    --pagination-font-size: .875rem;
    --pagination-gap: .25rem;
  }
}
.pagination__item {
  display: flex;
  margin-right: var(--pagination-gap);
}
.pagination__item:last-child {
  margin-right: 0;
}
.pagination__link {
  transition: 180ms ease;
  transition-property: background-color, color;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 0.25rem;
  line-height: var(--pagination-size);
  min-width: var(--pagination-size);
  font-size: 0.875rem;
  text-decoration: none !important;
  outline: none !important;
}
.pagination__link--current {
  cursor: default;
}
.pagination__link--disabled, .pagination__link--disabled:hover, .pagination__link--disabled:focus {
  cursor: not-allowed;
}
.pagination__link {
  color: var(--color-primary);
  background-color: var(--color-bg-main);
  border: 1px solid var(--color-primary);
  border-radius: var(--pagination-radius);
  position: relative;
  transition-property: background-color, color, border-color;
}
.pagination__link--arrow {
  border: none;
}
.pagination__link--arrow::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.625rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pagination__link--prev, .pagination__link--next, .pagination__link--first, .pagination__link--last {
  color: var(--color-text-main);
  background-color: transparent;
}
.pagination__link--prev::before {
  content: "\f102";
}
.pagination__link--next::before {
  content: "\f103";
}
.pagination__link--first::before {
  content: "\f10c";
}
.pagination__link--last::before {
  content: "\f10d";
}
.pagination__link:hover, .pagination__link--current {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary);
}
.pagination__link--disabled, .pagination__link--disabled:hover {
  color: var(--color-neutral-600);
  background-color: transparent;
}

/**
 * Конфигурация тем для социальных сетей.
 *
 * Ключ - название темы, значение - стили.
 * Спроектирован под несколько вариантов использования:
 *
 * Вариант 1)
 * В качестве значения используется "ассоциативный массив" Map (мапа),
 * который состоит из двух вложенных мап с ключами:
 * 1. "static" - мапа свойств темы в статичном состоянии;
 * 2. "active" - мапа свойств темы в активном состоянии (наведение, фокус).
 *
 * Вариант 2)
 * В качестве значения используется кортеж цветов - List (список), этот вариант
 * базируется на подходе, что у темы в активном состоянии меняется только цвет фона.
 *
 * 1 элемент (обязательный): цвет фона темы по умолчанию;
 * 2 элемент (обязательный): цвет фона темы в активном состоянии;
 * 3 элемент (опциональный): цвет текста для обоих состояний, по умолчанию используется цвет, определенный в классе.
 */
.social-list {
  margin: -0.25rem;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.social-list__item {
  display: inline-block;
  padding: 0.25rem;
}

.social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 200ms, border-color 200ms, background-color 200ms;
  height: var(--social-link-size, 2rem);
  width: var(--social-link-size, 2rem);
  font-size: var(--social-link-font-size, 0.875rem);
}
.social-link, .social-link:hover {
  color: var(--color-white);
  text-decoration: none;
}
.social-link__icon {
  font-size: inherit;
  z-index: 1;
}
.social-link--circle {
  border-radius: 50%;
}
.social-link--square {
  border-radius: 0.125rem;
}
.social-link--translucent {
  --social-link-size: 2.5rem;
  --social-link-font-size: 1.375rem;
}
.social-link--primary {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary);
}
.social-link--primary:hover, .social-link--primary:focus {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary-accent);
}
.social-link--secondary {
  color: var(--color-secondary-contrast);
  background-color: var(--color-secondary);
}
.social-link--secondary:hover, .social-link--secondary:focus {
  color: var(--color-secondary-contrast);
  background-color: var(--color-secondary-accent);
}
.social-link--translucent {
  color: var(--color-text-main);
}
.social-link--translucent:hover, .social-link--translucent:focus {
  color: var(--color-primary-accent);
}
.social-link--instagram {
  background-color: #c13584;
}
.social-link--instagram:hover, .social-link--instagram:focus {
  background-color: rgb(152.987804878, 42.012195122, 104.6341463415);
}
.social-link--telegram {
  background-color: #27a7e7;
}
.social-link--telegram:hover, .social-link--telegram:focus {
  background-color: rgb(21.9, 138.7, 197.1);
}
.social-link--whatsapp {
  background-color: #43d854;
}
.social-link--whatsapp:hover, .social-link--whatsapp:focus {
  background-color: rgb(39.859030837, 192.140969163, 57.2334801762);
}
.social-link--viber {
  background-color: #7360f2;
}
.social-link--viber:hover, .social-link--viber:focus {
  background-color: rgb(73.488372093, 48.8546511628, 238.1453488372);
}
.social-link--vk {
  background-color: #0077ff;
}
.social-link--vk:hover, .social-link--vk:focus {
  background-color: rgb(0, 95.2, 204);
}
.social-link--youtube {
  background-color: #cd201f;
}
.social-link--youtube:hover, .social-link--youtube:focus {
  background-color: rgb(160.6991525424, 25.0847457627, 24.3008474576);
}
.social-link--facebook {
  background-color: #1877f2;
}
.social-link--facebook:hover, .social-link--facebook:focus {
  background-color: rgb(11.4549180328, 95.1639344262, 203.5450819672);
}
.social-link--ok {
  background-color: #ee8208;
}
.social-link--ok:hover, .social-link--ok:focus {
  background-color: rgb(213.3292682927, 116.5243902439, 7.1707317073);
}
.social-link--rutube {
  background-color: #100943;
}
.social-link--rutube:hover, .social-link--rutube:focus {
  background-color: rgb(10.6315789474, 5.9802631579, 44.5197368421);
}
.social-link--x {
  background-color: #000000;
}
.social-link--x:hover, .social-link--x:focus {
  background-color: hsl(0, 0%, -5%);
}
.social-link--avito {
  background-color: #ffffff;
}
.social-link--avito:hover, .social-link--avito:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.social-link--dzen {
  background-color: #000000;
}
.social-link--dzen:hover, .social-link--dzen:focus {
  background-color: hsl(0, 0%, -5%);
}
.social-link--tiktok {
  background-color: #000000;
}
.social-link--tiktok:hover, .social-link--tiktok:focus {
  background-color: hsl(0, 0%, -5%);
}
.social-link--max {
  background-color: #000000;
}
.social-link--max:hover, .social-link--max:focus {
  background-color: hsl(0, 0%, -5%);
}
.social-link--rutube {
  position: relative;
  overflow: hidden;
}
.social-link--rutube::after {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  background-color: #ed143b;
  border-radius: 50%;
  height: var(--social-link-size, 2rem);
  width: var(--social-link-size, 2rem);
}
.social-link--avito {
  border: 1px solid var(--color-border-soft);
}
.social-link--avito::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3342 16.1191C14.7215 16.1191 16.6567 14.1839 16.6567 11.7966C16.6567 9.40937 14.7215 7.47412 12.3342 7.47412C9.94696 7.47412 8.01172 9.40937 8.01172 11.7966C8.01172 14.1839 9.94696 16.1191 12.3342 16.1191Z' fill='%2397CF26'/%3E%3Cpath d='M4.20832 13.8087C5.31953 13.8087 6.22034 12.9079 6.22034 11.7967C6.22034 10.6855 5.31953 9.78467 4.20832 9.78467C3.0971 9.78467 2.19629 10.6855 2.19629 11.7967C2.19629 12.9079 3.0971 13.8087 4.20832 13.8087Z' fill='%23A169F7'/%3E%3Cpath d='M12.3339 6.45352C13.8705 6.45352 15.1161 5.2079 15.1161 3.67134C15.1161 2.13479 13.8705 0.88916 12.3339 0.88916C10.7974 0.88916 9.55176 2.13479 9.55176 3.67134C9.55176 5.2079 10.7974 6.45352 12.3339 6.45352Z' fill='%23FF6163'/%3E%3Cpath d='M4.20859 7.22381C6.17049 7.22381 7.76092 5.63338 7.76092 3.67148C7.76092 1.70958 6.17049 0.119141 4.20859 0.119141C2.24668 0.119141 0.65625 1.70958 0.65625 3.67148C0.65625 5.63338 2.24668 7.22381 4.20859 7.22381Z' fill='%2300AAFF'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  width: var(--social-link-font-size, 0.875rem);
  height: var(--social-link-font-size, 0.875rem);
}
.social-link--max {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAoACgDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD4/wDEuqy6AZFjYpsLKOccgH2+n0Nf9TuW4OGYqLkk+ZXeh/DazRUZWU9n3seZyfE26Em03DkhiMb/AEPT/wDWK92fCtHlv7OKuv5e6PschzV1pxTk3d97/jf+tB3/AAse52+YJ2X/AIGfQfXpivAxnDtKKceRP5f13+R+/wDC0YVXTb1vb+v0K3/C2L9WEYunxkDhz9P8818ljOGqDcn7ON9Xt8z+juHMup1KcEop6b28j1Pwf4kk1944pZC5fHU5zn6+tfBZzgY4BSlFJWvt0PuVlvsY80Y/1/XkR/FzTGiuLrhuGk6Zr9s4QxilSo6r4Y9j/DirnPNVfvr4u58j3ULrdNw/3m/vcfNX6hPEx9jvHZdl0PvuGMzvVp+/1XXz/wAiWTeIcYb9fT/P6V8pja8XKWq/D+v6Z/U3BeP5vY+8n8PVGEoY3K/e+8PX1/z/AJ5r5jGVVaW23kf1lwjiOanT22Xb+t/66H1H8IYiLu0Jzjeg7/yr8g4wrpUa23ws/WoUvbUrJbp7ebSX5n0z8W/CU0lzdYiJyz9Aff2719BwnnMI0qXv/Zj1/wCCf81c+IIxrPmqfafX7+p8fal4NuVuHxBxub+E+v0r9MeeQdLWp0W78vU/R+E+I6cqtNe16rqu/r/X3mLd+F7lISTFjH+yfT/P9K8HEZxTlJrn/FH9fcB5xGp7G077db/1/XY4v+x5EugGQj5h/Cf72K83EZjCUJPmvo+q7H9ocE4mU4UmtdF+S/r8T6W+FunSx3VtgcB07Y7fj2r8k4uxsJUauurUtnc/o/I4KrCDmt0t/VPsfqX4+8BRXck58oHcW7Kfb/P5V8dw/wAQSpQhedrJdWf8kWa57Vp4iajJ/E+/dHzfqXwtjMrn7OP4v4R65/z/AFr7apxW1T/idF18j7HgviGvLFUlzSa5vPv/AF+Rwmu/DVI7ZyIcYDfw+3UV4z4qlKrrU7dfM/v/AMLMwnW+rczf2N9L+Xz/AOHPnnU/BPlX5Aibhx2P98+len/rBz0vjWqfXy/r0P8ARvw8jz4eg21svyX9XPaPh54eFvNCXQggp1B7c9+/1Pr71+fcR5q6sJ2ldPm/r0P6TyiShCFmv6/r+uv6+ahokeoFiE3bj6ZPOfb3r8/w+PlhlZytb/NH/IXWws8bPmhq5N+ZyF/4CGxpDB2/u+oH+fwqqvETb5fafj2P0PgvJK8cTSk117PujyjxF4MVkkj8jPDcbfb/AD/9esqebycubn7dfz/r9D+9fDGhUovD8ztrDp2a8/vPAtY+GsjTtKLcgbs/cz0Of8/SvYp557vK6nluf6H+H+YRp4ejFyWkV18uxSttBOkvuZNu3HbHT/P+eK5MRjHiU0ne9+vc/o3J8yg409fx/r+vuP/Z");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

:root {
  --section-gutter: 2rem;
}

@media (min-width: 992px) {
  :root {
    --section-gutter: 4rem;
  }
}
.page-section {
  margin-bottom: var(--section-gutter);
}
.page-section--inset + .page-section--inset, .page-section--inset + .page-section--custom,
.page-section + .page-section-compensate {
  margin-top: calc(var(--section-gutter) * -1);
}
.page-section--custom {
  margin: 0;
  padding: 0;
}
.page-section--inset {
  padding-top: var(--section-gutter);
  padding-bottom: var(--section-gutter);
}
.page-section--last.page-section--inset, .page-section:last-of-type.page-section--inset:not(.page-section--down):not(.page-section--both) {
  margin-bottom: 0;
}
.page-section--up, .page-section--both {
  margin-top: var(--section-gutter);
}
.page-section--down, .page-section--both {
  margin-bottom: var(--section-gutter);
}

.section-heading {
  position: relative;
  margin: 0 0 2rem;
}
.section-heading__title {
  margin: 0;
  font-weight: bold;
}
.section-heading__text {
  margin: 1rem 0 0;
}

.page-heading {
  margin: 0;
  font-weight: bold;
}

.page-start {
  padding: 1.5rem 0 0;
  margin: 0;
}
.page-start + .footer, .page-start + .cross-form, .page-start + .hybrid-form {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .page-start + .footer, .page-start + .cross-form, .page-start + .hybrid-form {
    margin-top: 2rem;
  }
}
.page-start + .page-section:not(.page-section--inset) {
  padding-top: 0;
}
@media (min-width: 768px) {
  .page-start {
    padding: 2rem 0 0;
  }
}
.page-start + .page-section:not(.page-section--inset) {
  padding-top: 0;
  margin-top: var(--section-gutter);
}
.page-start--bg-layer {
  padding: 1.5rem 0 1rem;
  background: center/cover no-repeat;
}
@media (min-width: 768px) {
  .page-start--bg-layer {
    padding: 2rem 0;
  }
}
@media (max-width: 991.98px) {
  .page-start__container--breadcrumbs {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-start__title {
  margin: 1rem 0 0;
}
.page-start__title--single {
  margin-top: 0;
}

.tabs__panels {
  margin-top: 2rem;
}
.tabs__pagination {
  margin-top: 2rem;
}

.tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 991.98px) {
  .tab-list {
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-left: calc(var(--container-gutter) * -1);
    margin-right: calc(var(--container-gutter) * -1);
    gap: 0;
    /* Костыль для айфонов, на которых обрезается правый отступ в контейнерах с горизонтальной прокруткой */
  }
  .tab-list::-webkit-scrollbar, .tab-list::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
            appearance: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .tab-list > .tab {
    margin-left: var(--container-gutter);
  }
  .tab-list::after {
    content: "";
    display: block;
    flex: 0 0 var(--container-gutter);
  }
}

.tab-btn {
  white-space: nowrap;
  padding: 0.75rem 1rem;
  min-height: auto;
}

.ec-antispam {
  display: none;
}

/*
 * Rating input
 *****************************************************************************/
.ec-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ec-rating-stars {
  float: left;
  margin-right: 1.25rem;
  margin-bottom: 0.5rem;
}

.ec-rating-stars span {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  height: 1.25rem;
  float: left;
  display: block;
  margin: 0;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.65295 4.99121L8.76526 5.33691H12.6764L9.80627 7.42188L9.51233 7.63574L9.62463 7.98047L10.7203 11.3535L7.8512 9.26953L7.55725 9.05566L7.26331 9.26953L4.39319 11.3535L5.48987 7.98047L5.60217 7.63574L5.30823 7.42188L2.43811 5.33691H6.34924L6.46155 4.99121L7.55725 1.61816L8.65295 4.99121Z' stroke='%23F9B004'/%3E%3C/svg%3E%0A");
}

.ec-rating-stars span.active {
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0L8.5716 4.83688H13.6574L9.5429 7.82624L11.1145 12.6631L7 9.67376L2.8855 12.6631L4.4571 7.82624L0.342604 4.83688H5.4284L7 0Z' fill='%23F9B004'/%3E%3C/svg%3E%0A");
}

.ec-rating-stars span.active-disabled {
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.65295 4.99121L8.76526 5.33691H12.6764L9.80627 7.42188L9.51233 7.63574L9.62463 7.98047L10.7203 11.3535L7.8512 9.26953L7.55725 9.05566L7.26331 9.26953L4.39319 11.3535L5.48987 7.98047L5.60217 7.63574L5.30823 7.42188L2.43811 5.33691H6.34924L6.46155 4.99121L7.55725 1.61816L8.65295 4.99121Z' stroke='%23F9B004'/%3E%3C/svg%3E%0A");
}

.ec-rating-description {
  float: left;
  padding-top: 0.0625rem;
  color: var(--color-neutral-300);
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}

/*
 * Stars
 *****************************************************************************/
.ec-stars,
.ec-stars span {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='48' viewBox='0 0 20 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L11.8885 8.11146H18L13.0557 11.8885L14.9443 18L10 14.2229L5.05573 18L6.94427 11.8885L2 8.11146H8.11146L10 2Z' fill='%23F9B004'/%3E%3Cpath d='M11.4111 36.2588L11.5195 36.6113H16.5215L12.752 39.4912L12.4746 39.7031L12.5781 40.0361L14.0039 44.6523L10.3037 41.8252L10 41.5938L9.69629 41.8252L5.99512 44.6523L7.42188 40.0361L7.52539 39.7031L7.24805 39.4912L3.47852 36.6113H8.48047L8.58887 36.2588L10 31.6924L11.4111 36.2588Z' stroke='%23F9B004'/%3E%3C/svg%3E%0A");
}

.ec-stars {
  background-position: 0 -1.6875rem;
  background-repeat: repeat-x;
  background-size: 1.25rem auto;
  width: 6.25rem;
  height: 1.25rem;
  margin: 0.125rem 0 0.375rem;
}

.ec-stars span {
  margin-bottom: 0.9375rem;
  background-size: 1.25rem auto;
  background-position: 0 0;
  background-repeat: repeat-x;
  display: block;
  height: 1.25rem;
  width: 0;
}

.ec-stars span.rating-0 {
  width: 0;
}

.ec-stars span.rating-1 {
  width: 1.25rem;
}

.ec-stars span.rating-2 {
  width: 2.5rem;
}

.ec-stars span.rating-3 {
  width: 3.75rem;
}

.ec-stars span.rating-4 {
  width: 5rem;
}

.ec-stars span.rating-5 {
  width: 6.25rem;
}

.review-card {
  background-color: var(--color-bg-soft);
  padding: 1rem;
  border-radius: var(--radius-md);
}
@media (min-width: 768px) {
  .review-card {
    padding: 2rem;
  }
}
.review-card__name {
  margin-top: 1rem;
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}
.review-card__description {
  margin-top: 1rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.city-select-link {
  display: flex;
  align-items: center;
  color: var(--color-text-main);
  transition: color 180ms ease;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.city-select-link:hover {
  color: var(--color-primary-700);
}
.city-select-link__icon {
  margin-right: 0.5rem;
  color: var(--color-primary);
  display: flex;
  align-items: center;
}
.city-select-link__icon::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f13c";
}
.city-select-link__angle {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.city-select-link__angle::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f101";
}

.catalog-nav {
  padding: 1.5rem;
  border-radius: var(--ui-component-radius);
  background: var(--color-bg-main);
  margin-bottom: 2rem;
}
.catalog-nav__inner {
  padding-top: 3rem;
  position: relative;
}
.catalog-nav__inner::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 1.5rem;
  height: 0.0625rem;
  transform: translateY(-50%);
  background-color: var(--color-border-side);
}
.catalog-nav__link-heading {
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}

.catalog-nav-toggle {
  position: relative;
  cursor: pointer;
  padding-right: 1.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.catalog-nav-toggle::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f103";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg) perspective(0.0625rem);
  transition: color 180ms ease, transform 180ms ease;
  font-size: 1rem;
  width: 1.25rem;
  height: 1.25rem;
}
.catalog-nav-toggle.collapsed {
  color: var(--color-text-main);
}
.catalog-nav-toggle.collapsed::after {
  color: var(--color-text-side);
}
.catalog-nav-toggle.collapsed::after {
  transform: translateY(-50%) rotate(0) perspective(0.0625rem);
  color: #888888;
}
.catalog-nav-toggle, .catalog-nav-toggle:hover {
  color: var(--color-primary);
}
.catalog-nav-toggle::after, .catalog-nav-toggle:hover::after {
  color: var(--color-primary);
}

.catalog-nav-item:not(:last-child) {
  margin-bottom: 1rem;
}
.catalog-nav-item__link {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.catalog-nav-item__inner {
  padding-left: 1rem;
  padding-top: 1rem;
}
.catalog-nav-item__item:not(:last-child) {
  margin-bottom: 1rem;
}

.sweetalert2-container.swal2-container {
  z-index: 20000;
  overflow: hidden !important;
}
.sweetalert2-container.swal2-container .sweetalert2-custom-icon {
  border: none;
}
.sweetalert2-container.swal2-container .sweetalert2-custom-icon .swal2-icon-content {
  font-size: 2em !important;
}
.sweetalert2-container.swal2-container .sweetalert2-icon-success {
  color: var(--color-success);
}
.sweetalert2-container.swal2-container .sweetalert2-icon-success::before {
  content: "\f10a";
}
.sweetalert2-container.swal2-container .swal2-icon {
  border-color: transparent;
  margin: 0;
}
.sweetalert2-container.swal2-container .swal2-icon.swal2-success {
  color: var(--color-success);
  border-color: var(--color-success-300);
}
.sweetalert2-container.swal2-container .swal2-icon.swal2-error {
  color: var(--color-danger);
  border-color: var(--color-danger-300);
}
.sweetalert2-container.swal2-container .swal2-icon.swal2-info {
  color: var(--color-info);
  border-color: var(--color-info-300);
}
.sweetalert2-container.swal2-container .swal2-icon.swal2-warning {
  color: var(--color-warning);
  border-color: var(--color-warning-300);
}
.sweetalert2-container.swal2-container .sweetalert2-content {
  margin-left: 1rem;
  flex: 1 1 auto;
  max-width: calc(100% - 5rem);
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-close {
  width: 2rem;
  height: 2rem;
  color: var(--color-text-side);
  flex-shrink: 0;
  font-size: 1rem;
  position: absolute;
  right: 0.6rem;
  top: auto;
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-close::before {
  content: "\f128";
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-close:hover {
  color: var(--color-text-main);
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-close:focus {
  box-shadow: none;
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast {
  background: var(--color-popup-bg);
  color: var(--color-popup-text);
  padding: 1.25rem;
  min-height: 6rem;
  align-items: center;
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-title {
  margin: 0;
}
.sweetalert2-container.swal2-container .swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.25rem 0 0;
  line-height: 1.25;
  overflow: initial;
}
@media (max-width: 767.98px) {
  .sweetalert2-container.swal2-container {
    padding: 0.5rem !important;
    width: 100% !important;
  }
  .sweetalert2-container.swal2-container > .sweetalert2-notification {
    min-height: 5rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
.sweetalert2-container.swal2-container .sweetalert2-animation {
  animation: 300ms cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.sweetalert2-container.swal2-container .sweetalert2-animation--show {
  animation-name: sweetalert2-enter-mobile;
}
@media (min-width: 768px) {
  .sweetalert2-container.swal2-container .sweetalert2-animation--show {
    animation-name: sweetalert2-enter-desktop;
  }
}
.sweetalert2-container.swal2-container .sweetalert2-animation--hide {
  animation-name: sweetalert2-leave;
}
.sweetalert2-container.swal2-container .swal2-timer-progress-bar {
  background: rgba(var(--color-bg-side-contrast--rgb), 0.4);
}

@keyframes sweetalert2-enter-mobile {
  0% {
    transform: scale(0.92);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes sweetalert2-enter-desktop {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes sweetalert2-leave {
  to {
    opacity: 0;
  }
}
.tippy-box {
  --tippy-bg: #333333;
  --tippy-color: #ffffff;
  position: relative;
  background-color: var(--tippy-bg);
  color: var(--tippy-color);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
  will-change: transform, opacity;
  box-shadow: 0 0 1.25rem 0.25rem var(--color-shadow-main), 0 0.25rem 5rem -0.5rem var(--color-shadow-main), 0 0.25rem 0.25rem -0.125rem var(--color-shadow-main);
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -0.4375rem;
  left: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -0.4375rem;
  left: 0;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: initial;
  right: -0.4375rem;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -0.4375rem;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-box > .tippy-backdrop {
  background-color: var(--tippy-bg);
}
.tippy-box > .tippy-svg-arrow {
  fill: var(--tippy-bg);
}

[data-tippy-root] {
  max-width: calc(100vw - 0.625rem);
}

.tippy-arrow {
  width: 1rem;
  height: 1rem;
  color: var(--tippy-bg);
}
.tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 0.3125rem 0.5625rem;
  z-index: 1;
}

.tippy-box[data-theme~=auto] {
  --tippy-bg: var(--color-popup-bg);
  --tippy-color: var(--color-popup-text);
}

.tippy-box[data-theme~=dark] {
  --tippy-bg: var(--color-dark);
  --tippy-color: var(--color-dark-contrast);
}

.tippy-box[data-theme~=light] {
  --tippy-bg: var(--color-light);
  --tippy-color: var(--color-light-contrast);
}

.tippy-box[data-animation=shift][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift][data-state=hidden][data-placement^=top] {
  transform: translateY(0.3125rem);
}
.tippy-box[data-animation=shift][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-0.3125rem);
}
.tippy-box[data-animation=shift][data-state=hidden][data-placement^=left] {
  transform: translateX(0.3125rem);
}
.tippy-box[data-animation=shift][data-state=hidden][data-placement^=right] {
  transform: translateX(-0.3125rem);
}

.tooltip-popup-root {
  --fancybox-content-color: var(--color-popup-text);
  --fancybox-content-bg: var(--color-popup-bg);
}
.tooltip-popup-root .fancybox__content {
  max-width: 25rem;
  width: 80vw;
  padding: 1rem;
  border-radius: 0.5rem;
}

.tooltip-popup {
  display: flex;
  flex-direction: column;
}
.tooltip-popup--in {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both tooltip-in;
}
.tooltip-popup--out {
  animation: var(--f-transition-duration, 0.2s) ease both tooltip-out;
}
.tooltip-popup__content {
  margin-bottom: 1rem;
}
.tooltip-popup__btn {
  margin-top: auto;
}

@keyframes tooltip-in {
  from {
    opacity: 0;
    transform: scale(0.875);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tooltip-out {
  to {
    transform: scale(0.875);
    opacity: 0;
  }
}
.alert {
  --alert-transparency: .25;
  position: relative;
  color: var(--color-text-main);
  background-color: var(--alert-bg);
  border-radius: var(--alert-radius, 0.25rem);
  padding: var(--alert-padding-y, 1rem) var(--alert-padding-x, 1rem);
  border: var(--alert-border-width, 1px) solid var(--alert-border-color);
}

[data-color-mode=dark] .alert {
  --alert-transparency: .15;
}

.alert--primary {
  --alert-bg: rgba(var(--color-primary--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-primary-600);
}

.alert--secondary {
  --alert-bg: rgba(var(--color-secondary--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-secondary-600);
}

.alert--neutral {
  --alert-bg: rgba(var(--color-neutral--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-neutral-600);
}

.alert--success {
  --alert-bg: rgba(var(--color-success--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-success-600);
}

.alert--warning {
  --alert-bg: rgba(var(--color-warning--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-warning-600);
}

.alert--danger {
  --alert-bg: rgba(var(--color-danger--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-danger-600);
}

.alert--info {
  --alert-bg: rgba(var(--color-info--rgb), var(--alert-transparency));
  --alert-border-color: var(--color-info-600);
}

.notification {
  --notification-gap: 1rem;
  --notification-radius: .5rem;
  --notification-size: 28.75rem;
  --notification-spacing-x: 1rem;
  --notification-spacing-y: 1rem;
  --notification-close-size: 2rem;
  --notification-controls-gap: 1rem;
  background: var(--color-popup-bg);
  color: var(--color-popup-text);
  position: fixed;
  z-index: 20000;
  border-radius: var(--notification-radius) var(--notification-radius) 0 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--color-shadow-main--rgb), 0.75);
  max-width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  padding: var(--notification-spacing-y) var(--notification-spacing-x);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .notification {
    --notification-spacing-x: 2rem;
    --notification-spacing-y: 2rem;
    --notification-gap: 1.5rem;
    max-width: var(--notification-size);
    border-radius: var(--notification-radius);
    left: 1rem;
    bottom: 1rem;
    right: auto;
  }
}
.notification-enter-from {
  opacity: 0;
  transform: translateY(1rem);
}
@media (min-width: 768px) {
  .notification-enter-from {
    transform: translateY(1rem) scale(0.96);
  }
}
.notification-leave-to {
  opacity: 0;
  transform: translateY(0.5rem);
}
.notification-enter-active {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);
}
.notification-leave-active {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);
}
.notification__title {
  font-size: var(--typography-h3);
  line-height: var(--typography-h3-leading, inherit);
  font-family: var(--typography-h3-font, inherit);
  font-weight: var(--typography-h3-weight, inherit);
  font-style: var(--typography-h3-style, inherit);
  text-transform: var(--typography-h3-transform, inherit);
  max-width: calc(100% - var(--notification-close-size) * 0.75);
  font-weight: bold;
}
.notification__close {
  height: var(--notification-close-size);
  width: var(--notification-close-size);
  right: calc(var(--notification-spacing-x) * 0.5);
  top: calc(var(--notification-spacing-y) * 0.5);
  flex-shrink: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  color: var(--color-text-soft);
  background: transparent;
  cursor: pointer;
  z-index: 10;
  transition: color 180ms, background-color 180ms;
  padding: 0;
}
.notification__close:hover {
  color: var(--color-text-soft);
  background: var(--color-bg-soft);
}
.notification__close:focus-visible {
  color: var(--color-text-soft);
  background: var(--color-bg-soft);
}
.notification__body {
  margin-top: var(--notification-gap);
}
.notification__controls {
  display: flex;
  gap: var(--notification-controls-gap);
  margin-top: var(--notification-gap);
}
.notification__control {
  white-space: normal;
  flex: 1 0 0%;
  font-weight: bold;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 75rem;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 75rem;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 0.0625rem;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 0.0625rem;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

:root {
  --dst-recess: 1rem;
  --dst-slide-height: auto;
}

.dst {
  position: relative;
}
.dst .swiper-slide {
  box-sizing: border-box;
}
.dst-wrapper {
  position: relative;
}
.dst-container--recess {
  padding: var(--dst-recess);
  margin: calc(var(--dst-recess) * -1) 0;
  left: calc(var(--dst-recess) * -1);
  width: 100%;
  box-sizing: content-box;
}
@media (max-width: 991.98px) {
  .dst-container--modern {
    padding: var(--dst-recess);
    margin: calc(var(--dst-recess) * -1) 0;
    left: calc(var(--dst-recess) * -1);
    width: 100%;
    box-sizing: content-box;
  }
}
.dst-container--lazy {
  visibility: hidden;
  transition: opacity 0.1s;
  opacity: 0;
}
.dst-container--lazy.swiper-initialized {
  visibility: visible;
  opacity: 1;
}
.dst-container--auto-height-fix:not(.swiper-initialized) .swiper-slide + .swiper-slide {
  position: absolute;
  visibility: hidden;
}
.dst-container > .swiper-wrapper > .swiper-slide {
  height: var(--dst-slide-height);
}

:root {
  --dst-pagination-size: 0.75rem;
  --dst-pagination-color: rgba(var(--color-neutral-200--rgb), 0.75);
  --dst-pagination-border: none;
  --dst-pagination-scale: .5;
  --dst-pagination-active-color: var(--color-neutral-950);
  --dst-pagination-active-opacity: 1;
  --dst-pagination-active-scale: 1;
  --dst-pagination-gap-horizontal: .25rem;
  --dst-pagination-gap-vertical: .25rem;
}

.dst-pagination {
  font-size: 0;
  margin: 0 auto;
  transform: translate3d(0, 0, 0);
  transition: background-color 180ms ease;
  z-index: 10;
  width: calc(var(--dst-pagination-bullet-width, var(--dst-pagination-size, 0.5rem)) * 5 + var(--dst-pagination-gap-horizontal, 0.25rem) * 10) !important;
}
.dst-pagination--classic {
  width: auto !important;
}
.dst-pagination-bullets {
  text-align: center;
}
.dst-pagination-bullets-dynamic {
  overflow: hidden;
  white-space: nowrap;
  height: var(--dst-pagination-bullet-height, var(--dst-pagination-size, 0.5rem));
  line-height: var(--dst-pagination-bullet-height, var(--dst-pagination-size, 0.5rem));
}
.dst-pagination-bullets-dynamic > .dst-pagination-bullet {
  transition: 200ms left;
  position: relative;
  transform: scale(var(--dst-pagination-scale, 0.5));
}
.dst-pagination-bullets-dynamic > .dst-pagination-bullet-active-main {
  transform: scale(var(--dst-pagination-active-scale, 1));
}
.dst-pagination-bullet {
  width: var(--dst-pagination-bullet-width, var(--dst-pagination-size, 0.5rem));
  height: var(--dst-pagination-bullet-height, var(--dst-pagination-size, 0.5rem));
  display: inline-block;
  border-radius: 50%;
  background: var(--dst-pagination-color);
  flex-shrink: 0;
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.dst-pagination-clickable .dst-pagination-bullet {
  cursor: pointer;
}
.dst-pagination-bullet:only-child {
  display: none !important;
}
.dst-pagination-bullet-active, .dst-pagination-bullet-active:hover, .dst-pagination-bullet-active:focus {
  background: var(--dst-pagination-active-color);
}
.dst-pagination-hidden, .dst-pagination-locked {
  display: none;
}

.swiper-horizontal > .dst-pagination-bullets .dst-pagination-bullet,
.dst-pagination-horizontal.dst-pagination-bullets .dst-pagination-bullet {
  margin: var(--dst-pagination-bullet-vertical-gap, 0.25rem) var(--dst-pagination-bullet-horizontal-gap, 0.25rem);
}

.swiper-horizontal > .dst-pagination-bullets-dynamic .dst-pagination-bullet,
.dst-pagination-horizontal.dst-pagination-bullets-dynamic .dst-pagination-bullet {
  margin: 0 var(--dst-pagination-bullet-horizontal-gap, 0.25rem);
}

.dst-pagination--primary {
  --dst-pagination-color: var(--color-primary-200);
  --dst-pagination-active-color: var(--color-primary);
}

:root {
  --dst-button-height: 4rem;
  --dst-button-width: 4rem;
  --dst-button-radius: 0;
  --dst-button-font-size: 1.5rem;
  --dst-button-color: var(--color-text-main);
  --dst-button-background: transparent;
  --dst-button-active-color: var(--color-primary);
  --dst-button-active-background: transparent;
}

.dst-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: var(--dst-button-width, 50px);
  height: var(--dst-button-height, 50px);
  border-radius: var(--dst-button-radius);
  background: var(--dst-button-background);
  color: var(--dst-button-color);
  font-size: var(--dst-button-font-size);
  transition: 180ms ease;
  transition-property: color, background-color, opacity, border-color;
  z-index: 10;
  pointer-events: auto;
  flex-shrink: 0;
  outline: none !important;
}
@media (min-width: 992px) {
  .dst-button:hover {
    color: var(--dst-button-active-color);
    background: var(--dst-button-active-background);
  }
}
.dst-button::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dst-button-prev::before {
  content: "\f102";
}
.dst-button-next::before {
  content: "\f103";
}
.dst-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.dst-button-locked, .dst-button-hidden {
  display: none;
}

.dst-button--primary {
  --dst-button-color: var(--color-primary);
  --dst-button-active-color: var(--color-primary-700);
}
.dst-button--translucent.dst-button-disabled {
  opacity: 0.1;
}

:root {
  --dst-controls-gutter-top: 1rem;
  --dst-controls-gutter-bottom: 0;
}

.dst-controls-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 1;
}
.dst-controls-group > * {
  margin-top: var(--dst-controls-gutter-top);
  margin-bottom: var(--dst-controls-gutter-bottom);
}
@media (min-width: 768px) {
  .dst-controls-group {
    justify-content: center;
  }
}
.dst-controls-group > .dst-button {
  position: static;
  transform: none;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.dst-controls-group > .dst-button-prev {
  margin-right: 1rem;
}
.dst-controls-group > .dst-button-next {
  margin-left: 1rem;
}
.dst-controls-group > .dst-pagination {
  margin-left: 0;
  margin-right: 0;
}
.dst-controls-group--overlap {
  --dst-controls-gutter-top: 0;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.dst-controls-group--vertical {
  margin-top: 0 !important;
  flex-flow: column;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}
@media (min-width: 768px) {
  .dst-controls-group--vertical {
    right: 2rem;
  }
}
.dst-controls-group--vertical .dst-button-prev {
  margin-right: 0;
  outline: none !important;
}
.dst-controls-group--vertical .dst-button-prev::before {
  transform: rotate(90deg);
}
.dst-controls-group--vertical .dst-button-disabled {
  opacity: 0.5;
}
.dst-controls-group--vertical .dst-button-next {
  margin-left: 0;
}
.dst-controls-group--vertical .dst-button-next::before {
  transform: rotate(90deg);
}

.dst-tpl-1:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
  margin-right: 2rem;
}

@media (min-width: 768px) {
  .dst-tpl-2:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 2rem) / 2);
    margin-right: 2rem;
  }
}

@media (min-width: 768px) {
  .dst-tpl-3:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 2rem) / 2);
    margin-right: 2rem;
  }
}
@media (min-width: 992px) {
  .dst-tpl-3:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 4rem) / 3);
    margin-right: 2rem;
  }
}

@media (min-width: 768px) {
  .dst-tpl-4:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 2rem) / 2);
    margin-right: 2rem;
  }
}
@media (min-width: 992px) {
  .dst-tpl-4:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 4rem) / 3);
    margin-right: 2rem;
  }
}
@media (min-width: 1440px) {
  .dst-tpl-4:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 6rem) / 4);
    margin-right: 2rem;
  }
}

@media (min-width: 768px) {
  .dst-tpl-5:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 4rem) / 3);
    margin-right: 2rem;
  }
}
@media (min-width: 992px) {
  .dst-tpl-5:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 6rem) / 4);
    margin-right: 2rem;
  }
}
@media (min-width: 1440px) {
  .dst-tpl-5:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 8rem) / 5);
    margin-right: 2rem;
  }
}

@media (min-width: 768px) {
  .dst-tpl-composite:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 4rem) / 5);
    margin-right: 1rem;
  }
}
@media (min-width: 992px) {
  .dst-tpl-composite:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 5rem) / 6);
    margin-right: 1rem;
  }
}
@media (min-width: 1440px) {
  .dst-tpl-composite:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 7rem) / 8);
    margin-right: 1rem;
  }
}

.swiper-gl {
  max-width: 100%;
  overflow: hidden;
}
.swiper-gl .swiper-slide,
.swiper-gl swiper-slide {
  position: relative;
}
.swiper-gl .swiper-gl-image {
  display: none;
}
.swiper-gl > canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.swiper-gl-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}

.composite-gallery {
  position: relative;
}
@media (min-width: 992px) {
  .composite-gallery {
    display: flex;
    flex-flow: column;
  }
}
.composite-gallery__thumbs {
  margin-top: 0;
  position: relative;
}
.composite-gallery__thumbs .swiper-slide {
  height: 100%;
}
.composite-gallery__main {
  position: relative;
  padding-top: 75%;
}
@media (min-width: 768px) {
  .composite-gallery__main {
    padding-top: 56.25%;
  }
}
@media (min-width: 992px) {
  .composite-gallery__main {
    flex: 0 1 100%;
    max-width: 100%;
    background-color: transparent;
  }
}
.composite-gallery__main .swiper-slide {
  height: 100% !important;
}
.composite-gallery__main-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.composite-gallery__pagination {
  position: static;
  left: 0;
  transform: translateX(0);
  bottom: 0;
}
.composite-gallery .dst-pagination {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.composite-gallery .dst-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.composite-gallery .dst-button-prev {
  left: 0.5rem;
}
.composite-gallery .dst-button-next {
  right: 0.5rem;
}
.composite-gallery__thumbs-slider {
  height: 100%;
}
.composite-gallery__thumbs-slider .swiper-wrapper {
  box-sizing: border-box;
}
.composite-gallery__main-slider-button {
  color: var(--color-dark-300);
  height: 4rem;
  width: 4.125rem;
  background: transparent;
  font-size: 1.5rem;
}
.composite-gallery__main-slider-button:hover, .composite-gallery__main-slider-button:focus {
  color: var(--color-white);
  background: var(--color-dark-300);
}
@media (min-width: 992px) {
  .composite-gallery--vertical {
    height: 29rem;
    flex-flow: row nowrap;
  }
}
.composite-gallery--vertical .composite-gallery__thumbs {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .composite-gallery--vertical .composite-gallery__thumbs {
    margin-top: 2rem;
  }
}
@media (min-width: 992px) {
  .composite-gallery--vertical .composite-gallery__thumbs {
    order: 1;
    flex: 0 1 5rem;
    max-width: 5rem;
    margin-right: 1rem;
    margin-top: 0;
  }
}
.composite-gallery--vertical .composite-gallery__main {
  padding-top: 0;
}
@media (min-width: 992px) {
  .composite-gallery--vertical .composite-gallery__main {
    order: 2;
    flex: 0 1 calc(100% - 6rem);
    max-width: calc(100% - 6rem);
  }
}
.composite-gallery--vertical .composite-gallery__main-slider {
  height: 18.75rem;
  position: static;
}
@media (min-width: 992px) {
  .composite-gallery--vertical .composite-gallery__main-slider {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
  }
}
.composite-gallery--vertical .composite-gallery__pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
}
@media (min-width: 992px) {
  .composite-gallery--vertical .composite-gallery__pagination {
    bottom: 1.875rem;
  }
}
.composite-gallery--vertical .dst-pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.composite-gallery--vertical .dst-button {
  margin-top: 0;
  margin-bottom: 0;
}
.composite-gallery--vertical .composite-gallery-thumb__wrapper {
  padding-top: 100%;
}
@media (min-width: 992px) {
  .composite-gallery--vertical .composite-gallery-thumb__wrapper {
    padding-top: 0;
    height: 5rem;
    width: 5rem;
  }
}

.composite-gallery-thumb {
  cursor: pointer;
  border-radius: 0.25rem;
}
.composite-gallery-thumb:only-child {
  display: none;
}
.composite-gallery-thumb--translucent:not(.swiper-slide-thumb-active) {
  opacity: 0.7;
}
.composite-gallery-thumb--bordered .composite-gallery-thumb__wrapper::after {
  border: 2px solid var(--color-primary);
}
.composite-gallery-thumb--bordered:not(.swiper-slide-thumb-active) .composite-gallery-thumb__wrapper::after {
  opacity: 0;
}
.composite-gallery-thumb__wrapper {
  position: relative;
  padding-top: 100%;
  border-radius: inherit;
}
.composite-gallery-thumb__wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.1s ease;
  border-radius: inherit;
}
.composite-gallery-thumb__image {
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
}

.composite-gallery-slide {
  position: relative;
}
.composite-gallery-slide__link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: zoom-in;
  outline: none;
}
.composite-gallery-slide__image {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .composite-gallery-slide__image {
    height: auto;
  }
}
.composite-gallery-slide__image_horizontal {
  height: 100%;
}

.project-slider-buttons__button {
  width: 100%;
}
@media (min-width: 768px) {
  .project-slider-buttons__button {
    width: auto;
    min-width: 22rem;
  }
}

.cross-form {
  padding: var(--section-gutter) 0;
  background: 50%/cover no-repeat var(--color-bg-soft);
  color: var(--color-text-main);
  position: relative;
}
.cross-form__bg {
  background: center/cover no-repeat;
  width: 46.5%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: auto;
  display: none;
}
@media (min-width: 768px) {
  .cross-form__bg {
    display: block;
  }
}
@media (min-width: 992px) {
  .cross-form__bg {
    width: 62.5%;
  }
}
.cross-form__title, .cross-form__subtitle {
  text-align: center;
  margin-bottom: 1rem;
}
.cross-form__title {
  font-size: var(--typography-title);
  line-height: var(--typography-title-leading, inherit);
  font-family: var(--typography-title-font, inherit);
  font-weight: var(--typography-title-weight, inherit);
  font-style: var(--typography-title-style, inherit);
  text-transform: var(--typography-title-transform, inherit);
}
.cross-form__subtitle {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.form-popup {
  display: inline-block;
  width: 100%;
  max-width: 34rem;
  background-color: var(--color-popup-bg);
  color: var(--color-popup-text);
  border-radius: var(--ui-component-radius);
}
.form-popup--lg {
  max-width: 43.75rem;
}
.form-popup__head {
  text-align: center;
  line-height: 1.25;
}
.form-popup__title {
  font-size: var(--typography-subheading);
  line-height: var(--typography-subheading-leading, inherit);
  font-family: var(--typography-subheading-font, inherit);
  font-weight: var(--typography-subheading-weight, inherit);
  font-style: var(--typography-subheading-style, inherit);
  text-transform: var(--typography-subheading-transform, inherit);
  color: var(--color-text-main);
  margin: 0;
}
.form-popup__subtitle {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
  color: var(--color-text-side);
  margin: 1rem 0 0;
}
.form-popup__fields {
  margin-top: 1.5rem;
}
.form-popup__controls {
  margin-top: 1rem;
}
.form-popup__submit {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.response-popup {
  text-align: center;
  width: 100%;
  max-width: 25rem;
}
.response-popup__title {
  font-size: var(--typography-h2);
  line-height: var(--typography-h2-leading, inherit);
  font-family: var(--typography-h2-font, inherit);
  font-weight: var(--typography-h2-weight, inherit);
  font-style: var(--typography-h2-style, inherit);
  text-transform: var(--typography-h2-transform, inherit);
}
.response-popup__text {
  font-size: var(--typography-p);
  line-height: var(--typography-p-leading, inherit);
  font-family: var(--typography-p-font, inherit);
  font-weight: var(--typography-p-weight, inherit);
  font-style: var(--typography-p-style, inherit);
  text-transform: var(--typography-p-transform, inherit);
  margin-top: 1rem;
}

.hybrid-form {
  padding: var(--section-gutter) 0;
  background-color: var(--color-bg-main);
}
.hybrid-form__title {
  font-size: var(--typography-subheading);
  line-height: var(--typography-subheading-leading, inherit);
  font-family: var(--typography-subheading-font, inherit);
  font-weight: var(--typography-subheading-weight, inherit);
  font-style: var(--typography-subheading-style, inherit);
  text-transform: var(--typography-subheading-transform, inherit);
}
.hybrid-form__bg {
  width: 100%;
  height: 100%;
  background: center/cover no-repeat;
}

:root {
  --tgs-size-sm: 60rem;
  --tgs-size-md: 72rem;
  --tgs-size-lg: 84rem;
  --tgs-gutter: 2rem;
  --tgs-nested-gutter: 2rem;
  --tgs-heading-gutter: 1rem;
  --tgs-radius: .25rem;
  --tgs-color-placeholder: var(--palette-placeholder);
  --tgs-color-border: var(--color-border-main);
}

@media (min-width: 992px) {
  .tgs {
    --tgs-gutter: 4rem;
  }
}
.tgs--nested .tgs-section__container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tgs__section:first-child {
  margin-top: 0 !important;
}
.tgs__section.tgs-section--inset:last-child {
  margin-bottom: 0 !important;
}

.tgs-row {
  --bs-gutter-y: 2rem;
}

.tgs-nested-blocks__item:not(:last-child) {
  margin-bottom: var(--tgs-nested-gutter, 1rem);
}

.tgs-popup {
  max-width: var(--container-width);
  width: 100%;
  padding: 3rem 1.5rem 2rem;
}
@media (min-width: 992px) {
  .tgs-popup {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .tgs-popup--size-sm {
    max-width: var(--tgs-size-sm);
  }
  .tgs-popup--size-md {
    max-width: var(--tgs-size-md);
  }
  .tgs-popup--size-lg {
    max-width: var(--tgs-size-lg);
  }
}

.tgs-content {
  --content-gutter: 1rem;
}

.tgs-container--full, .tgs-container--fluid {
  max-width: 100%;
}
.tgs-container--full {
  padding-left: 0;
  padding-right: 0;
}

.tgs-inner--size-full, .tgs-inner--size-fluid {
  max-width: 100%;
}
@media (min-width: 992px) {
  .tgs-inner--size-sm {
    max-width: var(--tgs-size-sm);
  }
  .tgs-inner--size-md {
    max-width: var(--tgs-size-md);
  }
  .tgs-inner--size-lg {
    max-width: var(--tgs-size-lg);
  }
}
@media (min-width: 992px) {
  .tgs-inner--position-start {
    margin-left: 0;
  }
  .tgs-inner--position-end {
    margin-right: 0;
  }
}

.tgs-section {
  margin: var(--tgs-gutter) 0;
}
.tgs-section--inset {
  padding: var(--tgs-gutter) 0;
}
.tgs-section--inset + .tgs-section--inset {
  margin-top: calc(var(--tgs-gutter) * -1);
}
.tgs-section__heading {
  font-size: var(--typography-h2);
  line-height: var(--typography-h2-leading, inherit);
  font-family: var(--typography-h2-font, inherit);
  font-weight: var(--typography-h2-weight, inherit);
  font-style: var(--typography-h2-style, inherit);
  text-transform: var(--typography-h2-transform, inherit);
  font-weight: bold;
  margin: 0 0 var(--tgs-heading-gutter);
}
.tgs-picture {
  padding-top: 100%;
  position: relative;
  display: block;
  margin: 0;
  width: 100%;
}
.tgs-picture--size-3x2 {
  padding-top: 66.6666666667%;
}
.tgs-picture--size-2x3 {
  padding-top: 150%;
}
.tgs-picture--size-4x3 {
  padding-top: 75%;
}
.tgs-picture--size-3x4 {
  padding-top: 133.3333333333%;
}
.tgs-picture--size-5x4 {
  padding-top: 80%;
}
.tgs-picture--size-4x5 {
  padding-top: 125%;
}
.tgs-picture--size-16x9 {
  padding-top: 56.25%;
}
.tgs-picture--size-16x10 {
  padding-top: 62.5%;
}
.tgs-picture--size-9x16 {
  padding-top: 177.7777777778%;
}
.tgs-picture--size-21x9 {
  padding-top: 42.8571428571%;
}
.tgs-picture--rounded,
.tgs-picture--rounded .tgs-picture__img {
  border-radius: var(--tgs-radius);
}
.tgs-picture--placeholder:not(.tgs-picture--loaded) {
  background-color: var(--tgs-color-placeholder);
}
.tgs-picture--crop .tgs-picture__img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: none;
}
.tgs-picture__img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.tgs-picture-caption {
  font-size: var(--typography-h5);
  line-height: var(--typography-h5-leading, inherit);
  font-family: var(--typography-h5-font, inherit);
  font-weight: var(--typography-h5-weight, inherit);
  font-style: var(--typography-h5-style, inherit);
  text-transform: var(--typography-h5-transform, inherit);
  text-align: center;
  margin-top: 1rem;
  display: block;
  width: 100%;
}

.tgs-composite__column {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 992px) {
  .tgs-composite--swap .tgs-composite__column--left {
    order: 1;
  }
}

.tgs-accordion {
  color: var(--color-text-main);
}
.tgs-accordion__item:first-child {
  border-top-left-radius: var(--tgs-radius);
  border-top-right-radius: var(--tgs-radius);
}
.tgs-accordion__item:last-child {
  border-bottom-left-radius: var(--tgs-radius);
  border-bottom-right-radius: var(--tgs-radius);
}
.tgs-accordion__item:not(:first-child) {
  border-top: 0;
}
.tgs-accordion-item {
  display: block;
  background-color: var(--color-bg-main);
  border: 1px solid var(--color-border-main);
  --tgs-accordion-gutter-x: 1rem;
  --tgs-accordion-gutter-y: .75rem;
  --tgs-accordion-panel-gutter-x: var(--tgs-accordion-gutter-x);
  --tgs-accordion-panel-gutter-y: var(--tgs-accordion-gutter-x);
}
@media (min-width: 992px) {
  .tgs-accordion-item {
    --tgs-accordion-gutter-x: 1.5rem;
    --tgs-accordion-gutter-y: 1rem;
  }
}
.tgs-accordion-item__head {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
  color: var(--color-primary);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: var(--tgs-accordion-gutter-y) var(--tgs-accordion-gutter-x);
  cursor: pointer;
  border: none;
  outline: none !important;
  text-align: left;
  transition: 180ms ease;
  transition-property: color, background-color;
  background-color: var(--color-bg-main);
  border-radius: inherit;
}
.tgs-accordion-item__head.collapsed {
  background-color: transparent;
  color: var(--color-text-main);
}
.tgs-accordion-item__head.collapsed > .tgs-accordion-item__head-indicator {
  transform: scaleY(-1);
}
.tgs-accordion-item__head-title {
  width: 100%;
  display: block;
}
.tgs-accordion-item__head-indicator {
  margin-left: 1rem;
  flex-shrink: 0;
  transition: transform 180ms ease;
  will-change: transform;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tgs-accordion-item__head-indicator::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
}
@media (min-width: 992px) {
  .tgs-accordion-item__head-indicator {
    font-size: 1.25rem;
  }
}
.tgs-accordion-item__inner {
  padding: var(--tgs-accordion-panel-gutter-y) var(--tgs-accordion-panel-gutter-x);
  box-shadow: inset 0 0.0625rem 0 var(--color-border-main);
}

.tgs-video__inner {
  padding-top: 56.25%;
}
.tgs-video__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tgs-video__title {
  text-align: center;
}

.tgs-set--overlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--palette-overlay);
  transition: opacity 180ms ease;
  z-index: 1;
}
.tgs-set--overlay:hover::before {
  opacity: 0.85;
}
.tgs-set--position-left, .tgs-set--position-start {
  margin-right: auto;
}
.tgs-set--position-center {
  margin-left: auto;
  margin-right: auto;
}
.tgs-set--position-right, .tgs-set--position-end {
  margin-left: auto;
}
@media (min-width: 992px) {
  .tgs-set--width-1\/2 {
    width: 50%;
  }
  .tgs-set--width-1\/4 {
    width: 25%;
  }
  .tgs-set--width-3\/4 {
    width: 75%;
  }
  .tgs-set--width-full {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .tgs-set--size-1\/4 {
    flex: 0 0 auto;
    width: 25%;
  }
  .tgs-set--size-1\/3 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .tgs-set--size-1\/2 {
    flex: 0 0 auto;
    width: 50%;
  }
  .tgs-set--size-2\/3 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .tgs-set--size-3\/4 {
    flex: 0 0 auto;
    width: 75%;
  }
  .tgs-set--size-full {
    flex: 0 0 auto;
    width: 100%;
  }
  .tgs-set--size-auto {
    flex: 1 1 0;
    max-width: 100%;
  }
}
.tgs-set--ratio-1x1 {
  padding-top: 100%;
}
.tgs-set--ratio-3x2 {
  padding-top: 66.6666666667%;
}
.tgs-set--ratio-2x3 {
  padding-top: 150%;
}
.tgs-set--ratio-4x3 {
  padding-top: 75%;
}
.tgs-set--ratio-3x4 {
  padding-top: 133.3333333333%;
}
.tgs-set--ratio-5x4 {
  padding-top: 80%;
}
.tgs-set--ratio-4x5 {
  padding-top: 125%;
}
.tgs-set--ratio-16x9 {
  padding-top: 56.25%;
}
.tgs-set--ratio-16x10 {
  padding-top: 62.5%;
}
.tgs-set--ratio-9x16 {
  padding-top: 177.7777777778%;
}

.tgs-tabs__panels {
  margin-top: 2rem;
}
.tgs-tabs__panel > .tgs-nested-blocks {
  overflow: hidden;
}

.tgs-tabs-nav {
  padding-left: 0;
  list-style: none;
  display: flex;
  gap: 0.5rem;
  overflow: auto;
  margin: 0 calc(var(--container-gutter, 0px) * -1) -0.5rem;
  padding-left: var(--container-gutter, 0);
  padding-bottom: 0.5rem;
}
@media (max-width: 991.98px) {
  .tgs-tabs-nav > .tgs-tabs-nav__item:last-child::after {
    content: "";
    display: block;
    width: var(--container-gutter, 0);
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .tgs-tabs-nav {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
}
.tgs-tabs-nav__item {
  display: flex;
  align-items: center;
}
.tgs-tabs-nav__link {
  position: relative;
  display: flex;
  width: 100%;
  transition: 180ms ease;
  transition-property: color, border-color, background-color;
  border: 1px solid var(--color-border-main);
  background: var(--color-bg-main);
  border-radius: var(--tgs-radius);
  padding: 0.75rem 1.25rem;
  color: currentcolor;
}
.tgs-tabs-nav__link.active {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  border-color: var(--color-primary);
}
@media (min-width: 992px) {
  .tgs-tabs-nav__link:hover {
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
    border-color: var(--color-primary);
  }
}
.tgs-tabs-nav__link:focus-visible {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  border-color: var(--color-primary);
}

.tgs-collapse {
  display: block;
  background-color: var(--color-bg-main);
  border: 1px solid var(--color-border-main);
  color: var(--color-text-main);
  border-radius: var(--tgs-radius);
  --tgs-collapse-gutter-x: 1rem;
  --tgs-collapse-gutter-y: .75rem;
  --tgs-collapse-panel-gutter-x: var(--tgs-collapse-gutter-x);
  --tgs-collapse-panel-gutter-y: var(--tgs-collapse-gutter-x);
}
@media (min-width: 992px) {
  .tgs-collapse {
    --tgs-collapse-gutter-x: 1.5rem;
    --tgs-collapse-gutter-y: 1rem;
  }
}
.tgs-collapse__head {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
  color: var(--color-primary);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: var(--tgs-collapse-gutter-y) var(--tgs-collapse-gutter-x);
  cursor: pointer;
  border: none;
  outline: none !important;
  text-align: left;
  transition: 180ms ease;
  transition-property: color, background-color;
  background-color: var(--color-bg-main);
  border-radius: inherit;
}
.tgs-collapse__head-title {
  width: 100%;
  display: block;
}
.tgs-collapse__head-indicator {
  margin-left: 1rem;
  flex-shrink: 0;
  transition: transform 180ms ease;
  will-change: transform;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tgs-collapse__head-indicator::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
}
@media (min-width: 992px) {
  .tgs-collapse__head-indicator {
    font-size: 1.25rem;
  }
}
.tgs-collapse__inner {
  padding: var(--tgs-collapse-panel-gutter-y) var(--tgs-collapse-panel-gutter-x);
  box-shadow: inset 0 0.0625rem 0 var(--color-border-main);
}
.tgs-collapse.collapsed .tgs-collapse__head {
  background-color: transparent;
  color: var(--color-text-main);
}
.tgs-collapse.collapsed .tgs-collapse__head > .tgs-collapse__head-indicator {
  transform: scaleY(-1);
}

.tgs-popup {
  background-color: var(--color-body-bg);
  color: var(--color-body-text);
}

.tgs-files {
  padding: 0;
  margin: 0 0 var(--content-gutter);
  list-style: none;
}
.tgs-files__item:not(:last-child) {
  margin-bottom: var(--content-list-gutter);
}

.tgs-file {
  display: flex;
  align-items: center;
}
.tgs-file__link {
  display: inline-flex;
  align-items: center;
}
.tgs-file__link::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f129";
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.tgs-file__filesize {
  margin-left: 0.5rem;
  color: var(--color-text-soft);
}

.tgs-media {
  position: relative;
  display: block;
}
.tgs-media--video:hover .tgs-media-overlay, .tgs-media--video:focus .tgs-media-overlay {
  background-color: rgba(var(--color-primary-600--rgb), 0.85);
}

.tgs-media-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tgs-media-overlay--video {
  width: 4rem;
  height: 4rem;
  background-color: rgba(var(--color-dark--rgb), 0.85);
  transition: background-color 180ms ease;
  border-radius: 50%;
  max-width: 6rem;
}
.tgs-media-overlay--video::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik04MzkuODUxIDQxNi45MTMgMjcxLjA1OSAyNy41MkMyNDQuNzkxIDkuNTI1IDIxOC4zMjQgMCAxOTYuMzI1IDBjLTQyLjUzMSAwLTY4Ljg0IDM0LjEzNC02OC44NCA5MS4yN3Y4NDEuNTkyYzAgNTcuMDcgMjYuMjc2IDkxLjEzOCA2OC43MDggOTEuMTM4IDIyLjAzMiAwIDQ4LjA3Ni05LjUzMiA3NC40MDItMjcuNTc4bDU2OS4wNTctMzg5LjM4NWMzNi41OTYtMjUuMDgzIDU2Ljg2My01OC44MzUgNTYuODYzLTk1LjA4My4wMDgtMzYuMjIzLTIwLjAyNi02OS45NjgtNTYuNjY0LTk1LjA0MnoiLz48L3N2Zz4K");
  background-size: 100%;
  width: 33%;
  height: 33%;
}

@supports (aspect-ratio: 1/1) {
  .tgs-media-overlay--video {
    width: 20%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.tgs-card {
  --tgs-card-bg: var(--color-bg-main);
  --tgs-card-icon: var(--color-primary-soft);
  --tgs-card-border-color: transparent;
  --tgs-card-color: var(--color-text-main);
  --tgs-card-radius: 1rem;
}
.tgs-card--primary {
  --tgs-card-bg: var(--color-primary-accent);
  --tgs-card-icon: var(--color-primary-soft);
  --tgs-card-border-color: var(--color-primary-accent);
  --tgs-card-color: var(--color-text-contrast);
}
.tgs-card--secondary {
  --tgs-card-bg: var(--color-secondary-accent);
  --tgs-card-icon: var(--color-secondary-soft);
  --tgs-card-border-color: var(--color-secondary-accent);
  --tgs-card-color: var(--color-text-contrast);
}
.tgs-card--dark {
  --tgs-card-bg: var(--color-dark-accent);
  --tgs-card-border-color: var(--color-dark-accent);
  --tgs-card-color: var(--color-dark-contrast);
  --tgs-card-icon: var(--color-dark-contrast);
}
.tgs-card--light {
  --tgs-card-bg: var(--color-light-accent);
  --tgs-card-icon: var(--color-neutral-accent);
  --tgs-card-border-color: var(--color-light-accent);
  --tgs-card-color: var(--color-light-contrast);
}

.tgs-card {
  height: 100%;
  background-color: var(--tgs-card-bg, transparent);
  border-radius: var(--tgs-card-radius, var(--tgs-radius));
  color: var(--tgs-card-color);
}
.tgs-card--shadow {
  box-shadow: 0.25rem 0.25rem 0.75rem 0 var(--color-shadow-main);
}
.tgs-card--spacing:has(.tgs-card-icon) .tgs-card-head {
  padding: 1rem 1rem 0.5rem;
}
@media (min-width: 768px) {
  .tgs-card--spacing:has(.tgs-card-icon) .tgs-card-head {
    padding: 2rem 2rem 1rem;
  }
}
.tgs-card--spacing:has(.tgs-card-icon) .tgs-card-body {
  padding: 0.5rem 1rem 1rem;
}
@media (min-width: 768px) {
  .tgs-card--spacing:has(.tgs-card-icon) .tgs-card-body {
    padding: 1rem 2rem 2rem;
  }
}
.tgs-card--spacing .tgs-card-body {
  padding: 1rem;
}
@media (min-width: 768px) {
  .tgs-card--spacing .tgs-card-body {
    padding: 2rem;
  }
}
.tgs-card-body {
  padding: 1rem 0 0;
}
.tgs-card-poster {
  border-radius: var(--tgs-card-radius, var(--tgs-radius)) var(--tgs-card-radius, var(--tgs-radius)) 0 0;
}
.tgs-card-poster-source {
  transition: transform 300ms ease;
  will-change: transform;
  border-radius: var(--tgs-card-radius, var(--tgs-radius)) var(--tgs-card-radius, var(--tgs-radius)) 0 0;
}
.tgs-card-title {
  font-size: var(--typography-caption);
  line-height: var(--typography-caption-leading, inherit);
  font-family: var(--typography-caption-font, inherit);
  font-weight: var(--typography-caption-weight, inherit);
  font-style: var(--typography-caption-style, inherit);
  text-transform: var(--typography-caption-transform, inherit);
}
.tgs-card-subtitle {
  margin-top: 0.5rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.tgs-card-icon {
  width: 4rem;
  height: 4rem;
  background-color: var(--tgs-card-icon);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tgs-card-icon__img {
  max-width: 100%;
  max-height: 100%;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.tgs-card-button {
  background-color: var(--tgs-card-button-bg, var(--ui-button-bg));
  color: var(--tgs-card-button-color, var(--ui-button-color));
  border-color: var(--tgs-card-button-bc, var(--ui-button-bc));
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .tgs-card-button {
    margin-top: 2rem;
  }
}
.tgs-card-button:active, .tgs-card-button.is-loading, .tgs-card-button.active {
  background-color: var(--tgs-card-button-hover-bg, var(--ui-button-hover-bg));
  color: var(--tgs-card-button-hover-color, var(--ui-button-hover-color));
  border-color: var(--tgs-card-button-hover-bc, var(--ui-button-hover-bc));
}
@media (min-width: 992px) {
  .tgs-card-button:hover {
    background-color: var(--tgs-card-button-hover-bg, var(--ui-button-hover-bg));
    color: var(--tgs-card-button-hover-color, var(--ui-button-hover-color));
    border-color: var(--tgs-card-button-hover-bc, var(--ui-button-hover-bc));
  }
}
.tgs-card-button:focus-visible {
  background-color: var(--tgs-card-button-hover-bg, var(--ui-button-hover-bg));
  color: var(--tgs-card-button-hover-color, var(--ui-button-hover-color));
  border-color: var(--tgs-card-button-hover-bc, var(--ui-button-hover-bc));
}

.tgs-card-poster-peer {
  overflow: hidden;
}
.tgs-card-poster-peer:hover .tgs-card-poster-source {
  transform: scale(1.03);
}
.tgs-card-poster-peer:focus-visible .tgs-card-poster-source {
  transform: scale(1.03);
}

.spotlight {
  --spotlight-bias: 0.125rem;
  --spotlight-size: 15.625rem;
  --spotlight-color: var(--color-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}
.spotlight--outline:hover {
  transition: box-shadow 180ms ease;
  box-shadow: 0 0 0 var(--spotlight-bias) var(--spotlight-color);
}
.spotlight::before {
  content: "";
  border-radius: inherit;
  z-index: -1;
  position: absolute;
  inset: calc(var(--spotlight-bias) * -1);
  height: calc(100% + var(--spotlight-bias) * 2);
  width: calc(100% + var(--spotlight-bias) * 2);
  isolation: isolate;
  will-change: background-image;
  background: radial-gradient(var(--spotlight-size) circle at var(--spotlight-x) var(--spotlight-y), var(--spotlight-color) 0, transparent 100%);
}
.spotlight__inner {
  overflow: hidden;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  border-radius: inherit;
}

.marquee {
  --marquee-gap: 1rem;
  --marquee-duration: 8s;
  display: flex;
  place-items: center center;
  overflow: hidden;
  flex-wrap: nowrap;
  gap: var(--marquee-gap);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000000 3.125rem, #000000 calc(100% - 3.125rem), transparent);
          mask-image: linear-gradient(90deg, transparent 0, #000000 3.125rem, #000000 calc(100% - 3.125rem), transparent);
}
.marquee > div {
  animation: marquee var(--marquee-duration) linear infinite;
}

@keyframes marquee {
  to {
    transform: translate(calc(-100% - var(--marquee-gap)), 0);
  }
}
.gradient-card {
  --from: var(--color-primary-300);
  --to: var(--color-primary-800);
  --radius: .375rem;
  --size: 25rem;
  --stroke: 0.0625rem;
  border-radius: var(--radius);
  position: relative;
  padding: var(--stroke);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.gradient-card--secondary {
  --from: var(--color-secondary-300);
  --to: var(--color-secondary-800);
}
.gradient-card--success {
  --from: var(--color-success-300);
  --to: var(--color-success-800);
}
.gradient-card--danger {
  --from: var(--color-danger-300);
  --to: var(--color-danger-800);
}
.gradient-card--warning {
  --from: var(--color-warning-300);
  --to: var(--color-warning-800);
}
.gradient-card--info {
  --from: var(--color-info-300);
  --to: var(--color-info-800);
}
.gradient-card--neon {
  --to: transparent;
}
.gradient-card--animated::before {
  animation: 6s infinite gradient-card-rotate cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.gradient-card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  margin-top: -75%;
  margin-left: -75%;
  aspect-ratio: 1/1;
  border-radius: var(--radius);
  background-image: conic-gradient(from -60deg, var(--from), var(--to) 20%, var(--to) 45%, var(--from) 55%, var(--to) 70%, var(--to) 95%, var(--from) 100%);
}
.gradient-card__inner {
  background: var(--color-body-bg);
  position: relative;
  border-radius: var(--radius);
  flex-grow: 1;
}

@keyframes gradient-card-rotate {
  to {
    transform: rotate(360deg);
  }
}
.card {
  --card-duration: 300ms;
  --card-easing: ease;
  --card-radius: .5rem;
  --card-body-radius: var(--card-radius);
  --card-spacing-x: 1rem;
  --card-spacing-y: 1.5rem;
  --card-bg: var(--color-bg-main);
  --card-placeholder: var(--palette-placeholder);
  --card-color: var(--color-text-main);
  --card-bc: var(--color-border-main);
  --card-overlay: rgb(0 0 0 / .5);
  --card-active-overlay: rgb(0 0 0 / .35);
  --card-border-width: 0.0625rem;
  --card-border-color: var(--color-border-main);
  --card-ratio: 56.5%;
  --card-outline-size: 0.1875rem;
  --card-outline-color: var(--color-primary);
  --card-spotlight-size: 15.625rem;
  --card-spotlight-color: var(--color-success);
  --card-color-shadow: var(--color-shadow-main--rgb);
  --card-elevation: -0.3125rem;
  display: flex;
  border-radius: var(--card-radius);
  flex-direction: column;
  width: 100%;
  background: var(--card-bg);
  color: var(--card-color);
  position: relative;
}
.card--elevation {
  transition: box-shadow var(--card-duration) var(--card-easing), transform var(--card-duration) var(--card-easing);
}
.card--elevation:hover {
  transform: translateY(var(--card-elevation));
  box-shadow: 0 -1.25rem 5rem rgba(var(--card-color-shadow), 0.07), 0 5.06366rem 2.92824rem rgba(var(--card-color-shadow), 0.05), 0 3.00926rem 1.59259rem rgba(var(--card-color-shadow), 0.04), 0 1.5625rem 0.8125rem rgba(var(--card-color-shadow), 0.04), 0 0.63658rem 0.40741rem rgba(var(--card-color-shadow), 0.03), 0 0.14468rem 0.19676rem rgba(var(--card-color-shadow), 0.02);
}
.card--elevation:focus-visible {
  transform: translateY(var(--card-elevation));
  box-shadow: 0 -1.25rem 5rem rgba(var(--card-color-shadow), 0.07), 0 5.06366rem 2.92824rem rgba(var(--card-color-shadow), 0.05), 0 3.00926rem 1.59259rem rgba(var(--card-color-shadow), 0.04), 0 1.5625rem 0.8125rem rgba(var(--card-color-shadow), 0.04), 0 0.63658rem 0.40741rem rgba(var(--card-color-shadow), 0.03), 0 0.14468rem 0.19676rem rgba(var(--card-color-shadow), 0.02);
}
.card--unit {
  --aspect-ratio: 100%;
  position: relative;
  width: 100%;
  padding-top: var(--aspect-ratio);
  display: block;
  --aspect-ratio: var(--card-ratio);
  color: var(--color-dark-contrast);
}
.card--unit > .card-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--card-radius);
}
.card--outline, .card--spotlight {
  padding: var(--card-outline-size);
}
.card--outline > .card-body, .card--spotlight > .card-body {
  border-radius: var(--card-body-radius);
  background-color: var(--card-bg);
}
.card--outline {
  background-color: var(--card-outline-color);
}
.card--spotlight {
  background-color: var(--card-bg);
}
.card--spotlight-outline {
  transition: background-color var(--card-duration) var(--card-easing);
}
.card--spotlight-outline:hover {
  background-color: var(--card-spotlight-color);
}
.card--spotlight-outline:focus-visible {
  background-color: var(--card-spotlight-color);
}
.card--spotlight::before {
  content: "";
  border-radius: var(--card-radius);
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  isolation: isolate;
  will-change: background-image;
  background: radial-gradient(var(--card-spotlight-size) circle at var(--spotlight-x) var(--spotlight-y), var(--card-spotlight-color) 0, transparent 100%);
}
.card--border {
  border: var(--card-border-width) solid var(--card-border-color);
}
.card-head {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  display: block;
  position: relative;
}
.card-head--placeholder {
  background-color: var(--card-placeholder);
}
.card-head > .card-poster {
  --aspect-ratio: 100%;
  position: relative;
  width: 100%;
  padding-top: var(--aspect-ratio);
  display: block;
  --aspect-ratio: var(--card-ratio);
}
.card-head--header {
  padding: var(--card-spacing-y) var(--card-spacing-x);
}
.card > .card-poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--card-radius);
}
.card-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
  padding: var(--card-spacing-y) var(--card-spacing-x);
  position: relative;
  z-index: 2;
}
.card-poster {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  overflow: hidden;
}
.card-poster-source {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  transition: transform var(--card-duration) var(--card-easing);
  will-change: transform;
}
.card-overlay {
  background-color: var(--card-overlay);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: var(--card-radius);
  transition: background-color var(--card-duration) var(--card-easing);
}

.card-poster-peer:hover .card-poster-source {
  transform: scale(1.025);
}
.card-poster-peer:focus-visible .card-poster-source {
  transform: scale(1.025);
}

.card-overlay-peer:hover .card-overlay {
  background-color: var(--card-active-overlay);
}
.card-overlay-peer:focus-visible .card-overlay {
  background-color: var(--card-active-overlay);
}

.dst-tpl-modern-demo:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
  width: calc((100% - 0rem) / 1.25);
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .dst-tpl-modern-demo:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 1rem) / 2.33);
    margin-right: 1rem;
  }
}
@media (min-width: 992px) {
  .dst-tpl-modern-demo:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 6rem) / 4);
    margin-right: 2rem;
  }
}
@media (min-width: 1440px) {
  .dst-tpl-modern-demo:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 10rem) / 6);
    margin-right: 2rem;
  }
}

:root {
  --custom-cursor-color: var(--color-primary);
  --custom-cursor-size: .725rem;
}

.custom-cursor-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1000;
  transition: scale 180ms ease;
}
.custom-cursor-wrapper.is-active .custom-cursor::before {
  transform: scale(0.5);
}
.custom-cursor-wrapper.is-hidden .custom-cursor {
  opacity: 0;
}

.custom-cursor {
  width: var(--custom-cursor-size);
  height: var(--custom-cursor-size);
  position: relative;
  left: 0;
  top: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  margin-top: -50%;
  margin-left: -50%;
  z-index: 10;
  opacity: 0;
  transition: opacity 180ms ease;
}
.custom-cursor::before, .custom-cursor::after {
  content: "";
  border-radius: 50%;
}
.custom-cursor::before {
  display: block;
  width: 100%;
  height: 100%;
  transition: box-shadow 300ms ease, transform 300ms ease, background-color 300ms ease;
  box-shadow: 0 0 var(--custom-cursor-size) 0 var(--custom-cursor-color) inset, 0 0 calc(var(--custom-cursor-size) * 2.85) 0 var(--custom-cursor-color), 0 0 var(--custom-cursor-size) 0 var(--custom-cursor-color);
}
.custom-cursor::after {
  display: none;
}
.custom-cursor.is-visible {
  opacity: 1;
}

:root {
  --ec-shadow: 0 0 1rem rgba(0, 0, 0, .1);
  --ec-filters-active-color: var(--color-primary);
  --ec-filters-base-padding: 1rem;
  --ec-filters-max-height: 18.75rem;
  --ec-filters-desktop-bottom-padding: 1.5rem;
  --zindex-ec-filters: 100;
}

.ec-product-tile {
  --product-tile-radius: .5rem;
  border: 2px solid var(--color-border-soft);
  border-radius: var(--product-tile-radius, var(--ui-component-radius));
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 1rem;
  background-color: var(--color-bg-main);
}
@media (min-width: 768px) {
  .ec-product-tile {
    padding: 0.5rem;
  }
}
@media (min-width: 992px) {
  .ec-product-tile {
    padding: 1.5rem;
  }
}
.ec-product-tile__head {
  position: relative;
}
.ec-product-tile__body {
  height: 100%;
  display: flex;
  flex-flow: column;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .ec-product-tile__body {
    margin-top: 2rem;
  }
}
.ec-product-tile__title {
  flex: 1;
}
.ec-product-tile__counter {
  width: 6rem;
  background-color: var(--color-primary-50);
  border-radius: 0.25rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-primary);
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.ec-product-tile__counter-control {
  cursor: pointer;
  line-height: 1;
}
.ec-product-tile__counter-input {
  width: 2.25rem;
  margin: 0 0.25rem;
  text-align: center;
  border: none;
  background: transparent;
  color: var(--color-primary);
}
.ec-product-tile__counter-input:focus {
  outline-color: var(--color-primary);
}
.ec-product-tile__voblers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  pointer-events: none;
  z-index: 10;
}
.ec-product-tile__badges {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ec-product-tile__actions {
  display: flex;
  flex-direction: column;
  margin: -0.5rem -0.5rem 0 0.5rem;
}
.ec-product-tile__action {
  pointer-events: auto;
}
.ec-product-tile__action:not(:last-child) {
  margin-bottom: 0.5rem;
}
.ec-product-tile__action-fav {
  border-radius: 50%;
  background-color: var(--color-white);
  width: 2.875rem;
  height: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ec-product-tile__action-fav-icon {
  display: block;
  width: 2.875rem;
  transition: 180ms ease;
  transform: scale(1.001);
}
.ec-product-tile__action-fav:hover .ec-product-tile__action-fav-icon {
  transform: scale(1.05);
}
.ec-product-tile__action-comparison {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background-color: var(--color-white);
}
.ec-product-tile__action-comparison:hover .ec-product-tile__action-comparison-icon {
  transform: scale(1.05);
}
.ec-product-tile__action-comparison-icon {
  display: block;
  width: 1.3125rem;
  height: auto;
}

.ec-filter-utilities {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .ec-filter-utilities__desktop,
  .ec-filter-utilities__desktop > .ec-filter-utils {
    height: 4.0625rem;
  }
  .ec-filter-utilities__desktop, .ec-filter-utilities__desktop.collapse {
    display: block;
  }
}
.ec-filter-utilities__desktop.collapsing {
  transition: none;
}
.ec-filter-utilities__mobile {
  display: block;
}
@media (min-width: 992px) {
  .ec-filter-utilities__mobile {
    display: none;
  }
}

.ec-filter-utils {
  background: transparent;
  border-radius: var(--ui-component-radius);
  box-shadow: none;
}
@media (min-width: 992px) {
  .ec-filter-utils {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    box-shadow: var(--ec-shadow);
    padding: 1.5rem;
    background: var(--color-bg-main);
  }
}
.ec-filter-utils__column_right {
  margin-top: 1rem;
}
.ec-filter-utils__column:first-child {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .ec-filter-utils__column {
    display: flex;
    align-items: center;
  }
  .ec-filter-utils__column:first-child {
    margin-top: 0;
  }
  .ec-filter-utils__column_left {
    margin-right: 1rem;
  }
  .ec-filter-utils__column_right {
    margin-top: 0;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .ec-filter-util {
    display: inline-flex;
    align-items: center;
  }
  .ec-filter-util__content {
    margin-left: 0.5rem;
  }
}
.ec-filter-util__content {
  display: flex;
}
.ec-filter-util__content > .bootstrap-select {
  display: inline-flex;
}
.ec-filter-util__title {
  margin-bottom: 0.5rem;
  color: var(--color-text-soft);
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
@media (min-width: 992px) {
  .ec-filter-util__title {
    margin-bottom: 0;
  }
}
.ec-filter-util__button {
  background-color: transparent;
  color: var(--color-text-main);
  line-height: 1;
  font-size: var(--typography-p);
  line-height: var(--typography-p-leading, inherit);
  font-family: var(--typography-p-font, inherit);
  font-weight: var(--typography-p-weight, inherit);
  font-style: var(--typography-p-style, inherit);
  text-transform: var(--typography-p-transform, inherit);
}
.ec-filter-util__button:focus, .ec-filter-util__button:active {
  outline: none !important;
  box-shadow: none !important;
}
.ec-filter-util__button::after {
  color: var(--color-text-main);
  font-size: 0.875rem;
  margin-left: 0.625rem;
  margin-top: 0.1875rem;
}
@media (max-width: 991.98px) {
  .ec-filter-util__button {
    border: 1px solid var(--color-primary);
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .ec-filter-util__button {
    border: 1px solid transparent;
    padding: 0.5rem;
  }
}
@media (min-width: 992px) {
  .ec-filter-util__button {
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .ec-filter-util_limit {
    margin-right: 1rem;
  }
}
@media (min-width: 1440px) {
  .ec-filter-util_limit {
    margin-right: 2rem;
  }
}
@media (max-width: 991.98px) {
  .ec-filter-util_view {
    display: none;
  }
}
.ec-filter-util__sort {
  --ui-select-arrow-size: 1rem;
  width: 100%;
}
@media (min-width: 992px) {
  .ec-filter-util__sort {
    width: auto;
  }
}
.ec-filter-util__sort .ui-select {
  border-radius: 0;
  border: none;
  padding: 0;
}
@media (min-width: 992px) {
  .ec-filter-util__sort .ui-select {
    padding: 0.25rem 0;
  }
}
.ec-filter-util__sort .edd-value {
  padding: 1rem var(--ui-select-arrow-width) 1rem 1rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
@media (min-width: 992px) {
  .ec-filter-util__sort .edd-value {
    border: none;
    height: auto;
    padding: 0.25rem calc(var(--ui-select-arrow-size) + 0.5rem) 0.25rem 0;
  }
}
.ec-filter-util__sort .edd-option {
  text-wrap: nowrap;
  font-size: var(--typography-very-small);
  line-height: var(--typography-very-small-leading, inherit);
  font-family: var(--typography-very-small-font, inherit);
  font-weight: var(--typography-very-small-weight, inherit);
  font-style: var(--typography-very-small-style, inherit);
  text-transform: var(--typography-very-small-transform, inherit);
}
.ec-filter-util__sort .edd-arrow::before {
  transition: none;
}
@media (min-width: 992px) {
  .ec-filter-util__sort .edd-arrow {
    width: auto;
    height: auto;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.ec-filter-util__sort .edd-body {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 3.75rem;
}

.ec-filter-views {
  display: flex;
  margin-left: 0.5rem;
}
.ec-filter-views__item {
  height: 1rem;
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  color: var(--color-text-main);
}
.ec-filter-views__item.active, .ec-filter-views__item:hover {
  color: var(--color-primary);
}
.ec-filter-views__item:last-child {
  margin-right: 0;
}
.ec-filter-views__icon {
  font-size: 1rem;
}

.ec-filter-mobile-button {
  padding: 0;
  width: 100%;
  border-radius: 0.375rem;
  height: 2.5rem;
  border: 1px solid var(--color-primary);
  background-color: var(--color-bg-main);
  color: var(--color-text-main);
}
.ec-filter-mobile-button_views[data-selected-tpl="0"]::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12f";
}
.ec-filter-mobile-button_views[data-selected-tpl="1"]::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f131";
}
.ec-filter-mobile-button_sort {
  background-color: var(--color-primary-600);
  color: var(--color-white);
}
.ec-filter-mobile-button_sort.collapsed {
  background-color: var(--color-bg-main);
  color: var(--color-text-main);
}
@media (min-width: 992px) {
  .ec-filter-mobile-button_filters::before, .ec-filter-mobile-button_sort::before {
    display: none;
  }
}
.ec-filter-mobile-button_filters::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12d";
  margin-right: 0.5rem;
}
.ec-filter-mobile-button_filters .ec-filter-mobile-button__count {
  min-width: 1.25rem;
  display: inline-block;
  margin-left: 0.5rem;
  border-radius: 50%;
  background-color: var(--ec-filters-active-color);
  color: var(--color-white);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
.ec-filter-mobile-button_sort::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12e";
  margin-right: 0.5rem;
}
.ec-filter-mobile-button_sort .ec-filter-mobile-button__text {
  display: none;
}
.ec-filter-mobile-button_sort .ec-filter-mobile-button__text {
  display: inline;
}

.ec-filter-mobile-buttons {
  display: flex;
  margin: 0 -0.25rem;
}
.ec-filter-mobile-buttons__item {
  margin: 0 0.25rem;
  display: flex;
  flex: 1;
}
.ec-filter-mobile-buttons__item_sort {
  flex: 0 0 2.5rem;
  min-width: var(--ui-component-size);
}
.ec-filter-mobile-buttons__item_filters {
  flex: 1;
}
.ec-filter-mobile-buttons__item_views {
  flex: 0 0 2.5rem;
  min-width: var(--ui-component-size);
}
.ec-filter-mobile-buttons__item_full .ec-filter-mobile-button__text {
  display: initial;
}
.ec-filter-mobile-buttons__item_sort {
  order: 2;
}
.ec-filter-mobile-buttons__item_filters {
  order: 1;
}
.ec-filter-mobile-buttons__item_views {
  order: 3;
}
.ec-filter-mobile-buttons__item_filters {
  flex: 1;
}

.ec-filters-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  display: none;
  z-index: calc(var(--zindex-ec-filters) - 1);
  will-change: opacity;
}
@media (max-width: 991.98px) {
  .ec-filters-backdrop {
    display: block;
  }
}

.ec-filters__mobile-heading {
  position: fixed;
  top: 0;
  width: 75%;
  z-index: var(--zindex-ec-filters);
  background-color: var(--color-white);
  height: var(--mobile-header-height);
  padding: 1rem var(--mobile-header-height) 1rem 1rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.2);
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
}
.ec-filters__mobile-heading-close {
  position: absolute;
  right: 0;
  top: 0;
  height: var(--mobile-header-height);
  width: var(--mobile-header-height);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--color-text-main);
}
@media (max-width: 991.98px) {
  .ec-filters {
    display: block;
    position: fixed;
    margin: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 75%;
    z-index: var(--zindex-ec-filters);
    padding-top: 3.75rem;
    background-color: var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.16) 0 0.0625rem 0.125rem 0;
    overflow-y: auto;
    border: solid 1px transparent;
  }
  .ec-filters, .ec-filters__mobile-heading, .ec-filters__controls {
    right: -100%;
    will-change: right;
  }
  .ec-filters.is-active,
  .ec-filters.is-active .ec-filters__mobile-heading,
  .ec-filters.is-active .ec-filters__controls {
    transition: right ease 180ms;
    right: 0;
  }
  .ec-filters.is-active + .ec-filters-backdrop {
    transition: opacity ease 180ms;
    pointer-events: auto;
    opacity: 1;
  }
  .ec-filters__items {
    padding-bottom: 4.375rem;
  }
  .ec-filters__controls {
    position: fixed;
    bottom: 0;
    width: 75%;
    padding: 0.5rem;
    margin-top: 0;
    box-shadow: 0 -0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
    background-color: var(--color-white);
    height: calc(var(--ui-component-size) + 1rem);
    display: flex;
    z-index: 10;
  }
}
@media (max-width: 767.98px) {
  .ec-filters, .ec-filters__mobile-heading, .ec-filters__controls {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ec-filters__backdrop, .ec-filters__mobile-heading {
    display: none;
  }
}
@media (min-width: 992px) {
  .ec-filters {
    background: var(--color-bg-main);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: var(--ui-component-radius);
  }
  .ec-filters__controls {
    padding-left: var(--ec-filters-base-padding);
    padding-right: var(--ec-filters-base-padding);
  }
}
@media (min-width: 992px) {
  .ec-filters__item:last-child {
    margin-bottom: calc(var(--ui-filter-desktop-bottom-padding) * -1);
  }
}

@media (max-width: 991.98px) {
  .ec-filter-controls {
    flex: 1;
    height: auto;
    display: flex;
    margin: 0 -0.25rem;
  }
  .ec-filter-controls__item {
    flex: 1;
    display: flex;
    padding: 0 0.25rem;
  }
  .ec-filter-controls__button {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .ec-filter-controls__button {
    margin-right: 0;
    max-width: 100%;
  }
}
.ec-filter-controls__button_show {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.ec-filter-controls__button_show:hover, .ec-filter-controls__button_show:focus, .ec-filter-controls__button_show:active {
  color: var(--color-white);
  background-color: var(--color-primary-600);
}
@media (min-width: 992px) {
  .ec-filter-controls__button.hidden {
    display: none;
  }
  .ec-filter-controls__button_reset {
    width: 100%;
    margin-top: var(--ui-filters-desktop-bottom-padding);
  }
  .ec-filter-controls__button_show {
    display: none;
  }
}

.ec-filter {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .ec-filter {
    padding-bottom: var(--ec-filters-desktop-bottom-padding);
  }
}
.ec-filter__toggle {
  width: 100%;
  border: none;
  padding: 1rem calc(var(--ec-filters-base-padding) * 2 + 1.25rem) 1rem 1rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.25;
  transition: 180ms ease;
  font-weight: bold;
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}
@media (min-width: 992px) {
  .ec-filter__toggle {
    padding: 0 calc(var(--ec-filters-base-padding) * 2 + 1.25rem) 0 var(--ec-filters-base-padding);
  }
}
.ec-filter__toggle, .ec-filter__toggle:hover, .ec-filter__toggle:focus {
  color: var(--color-primary-400);
}
.ec-filter__toggle.collapsed {
  color: var(--color-text-main);
}
.ec-filter__toggle.collapsed:hover, .ec-filter__toggle.collapsed:focus {
  color: var(--color-primary-400);
}
.ec-filter__toggle.collapsed::after {
  transform: translateY(-50%) rotate(0) perspective(0.0625rem);
}
.ec-filter__toggle::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f101";
  display: flex;
  backface-visibility: hidden;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: var(--ec-filters-base-padding);
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  font-size: 1rem;
  font-weight: bold;
  transition-property: transform;
  transition-delay: 0;
  transition-timing-function: ease;
  transition-duration: inherit;
}
.ec-filter__inner {
  padding: var(--ec-filters-base-padding);
}
@media (min-width: 992px) {
  .ec-filter__inner {
    margin-top: 1.25rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.ec-filter__items {
  overflow-y: auto;
  max-height: var(--ec-filters-max-height);
  margin-left: calc(var(--ec-filters-base-padding) * -1);
  margin-right: calc(var(--ec-filters-base-padding) * -1);
  padding-left: var(--ec-filters-base-padding);
  padding-right: var(--ec-filters-base-padding);
}
.ec-filter__item {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.ec-filter__actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.25rem -0.25rem;
  margin-top: 1.5rem;
}
.ec-filter__link {
  font-size: 0.625rem;
  border-bottom: 1px dotted var(--color-neutral-600);
  margin: 0 0.25rem;
  transition-property: color, border-color;
}
.ec-filter__link.ec-filter__link_link_hidden {
  visibility: hidden;
}
.ec-filter__link_fold, .ec-filter__link_fold:hover, .ec-filter__link_fold:focus {
  color: var(--color-neutral);
  border-color: var(--color-neutral);
}
.ec-filter__link_reset {
  margin-left: auto;
}
.ec-filter__link_reset, .ec-filter__link_reset:hover, .ec-filter__link_reset:focus {
  color: var(--color-neutral);
  border-color: var(--color-neutral);
}
.ec-filter__search {
  margin-bottom: var(--ec-filters-base-padding);
  position: relative;
}
@media (min-width: 992px) {
  .ec-filter__search {
    margin-bottom: 0.625rem;
  }
}

.ec-slider {
  position: relative;
  text-align: left;
}

.ec-slider .ec-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ec-slider .ec-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ec-slider-horizontal .ec-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ec-slider-horizontal .ec-slider-range {
  top: 0;
  height: 100%;
}

.ec-slider-vertical .ec-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ec-slider-vertical .ec-slider-range {
  left: 0;
  width: 100%;
}

.ec-slider-horizontal {
  height: 0.8em;
}

.ec-slider-horizontal .ec-slider-range-min {
  left: 0;
}

.ec-slider-horizontal .ec-slider-range-max {
  right: 0;
}

.ec-slider-vertical {
  width: 0.8em;
  height: 6.25rem;
}

.ec-slider-vertical .ec-slider-range-min {
  bottom: 0;
}

.ec-slider-vertical .ec-slider-range-max {
  top: 0;
}

.ec-filter-slider {
  --ec-filter-slider-stripe-height: 0.0625rem;
  --ec-filter-slider-stripe-background: var(--color-border-side);
  --ec-filter-slider-stripe-filled-background: var(--color-secondary);
  --ec-filter-slider-handle-size: 1rem;
  --ec-filter-slider-handle-border-radius: 50%;
  --ec-filter-slider-handle-background-color: var(--color-secondary);
  --ec-filter-slider-handle-border-color: var(--color-secondary);
  --ec-filter-slider-handle-active-background-color: var(--color-secondary-600);
  --ec-filter-slider-handle-active-border-color: var(--color-secondary-600);
  padding-top: calc(var(--ec-filter-slider-handle-size) / 2);
  padding-bottom: calc(var(--ec-filter-slider-handle-size) / 2 + 0.8125rem);
  /* Filter slider stuff */
}
.ec-filter-slider .mse2_number_slider {
  border: none;
  border-radius: 0;
  background: var(--ec-filter-slider-stripe-background);
  height: var(--ec-filter-slider-stripe-height);
  margin-left: calc(var(--ec-filter-slider-handle-size) / 2);
  margin-right: calc(var(--ec-filter-slider-handle-size) / 2);
}
.ec-filter-slider .ec-slider-range {
  border: none;
  border-radius: 0;
  height: var(--ec-filter-slider-stripe-height);
  background: var(--ec-filter-slider-stripe-filled-background);
}
.ec-filter-slider .ec-slider-handle {
  display: block;
  border-width: 0.0625rem;
  cursor: pointer;
  border-style: solid;
  outline: none;
  font-size: 0;
  top: 0;
  height: var(--ec-filter-slider-handle-size);
  width: var(--ec-filter-slider-handle-size);
  background-color: var(--ec-filter-slider-handle-background-color);
  border-color: var(--ec-filter-slider-handle-border-color);
  border-radius: var(--ec-filter-slider-handle-border-radius);
  margin-left: calc(var(--ec-filter-slider-handle-size) / 2 * -1);
  transition-duration: 180ms;
  transition-timing-function: ease;
  transition-property: background-color, border-color;
  margin-top: calc((var(--ec-filter-slider-handle-size) / 2 - var(--ec-filter-slider-stripe-height) / 2) * -1);
  box-shadow: none;
}
.ec-filter-slider .ec-slider-handle::before, .ec-filter-slider .ec-slider-handle::after {
  display: none;
}
.ec-filter-slider .ec-slider-handle.ec-state-hover, .ec-filter-slider .ec-slider-handle.ec-state-active {
  background-color: var(--ec-filter-slider-handle-active-background-color);
  border-color: var(--ec-filter-slider-handle-active-border-color);
}
.ec-filter-slider .hidden {
  display: none;
}

/* support: IE8 - See #6727 */
.ec-slider.ec-state-disabled .ec-slider-handle,
.ec-slider.ec-state-disabled .ec-slider-range {
  filter: inherit;
}

.ec-filter-numbers {
  display: flex;
  margin: 0 -0.3125rem;
}
.ec-filter-numbers__item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 0.3125rem;
}

.ec-filter-number {
  margin-bottom: 0;
  padding: 0.5rem;
  border: 1px solid var(--color-border-side);
  border-radius: 0.125rem;
  display: flex;
  align-items: baseline;
  height: 2.375rem;
  cursor: pointer;
}
.ec-filter-number__title {
  margin-right: 0.3125rem;
  color: var(--color-text-muted);
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.ec-filter-number__input {
  border: none;
  padding: 0;
  flex: 1;
  min-width: 0;
  outline: none;
  height: 100%;
  color: var(--color-text-main);
  width: 100%;
  background-color: var(--color-bg-main);
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.ec-category-layout {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .ec-category-layout {
    flex-wrap: nowrap;
  }
}
.ec-category-layout__column {
  width: 100%;
}
.ec-category-layout__column--left {
  flex: 0 0 100%;
  order: 2;
  margin-top: 2rem;
}
@media (min-width: 992px) {
  .ec-category-layout__column--left {
    margin-top: 0;
    order: 1;
    flex: 0 0 20rem;
  }
}
.ec-category-layout__column--right {
  flex: 1 1 auto;
  order: 1;
}
@media (min-width: 992px) {
  .ec-category-layout__column--right {
    margin-left: 2.6875rem;
    order: 2;
  }
}
.ec-category-layout__item {
  box-shadow: var(--ec-shadow);
}

.ec-prices {
  display: flex;
  align-items: center;
}
.ec-prices__price {
  text-wrap: nowrap;
  font-size: var(--typography-subdisplay);
  line-height: var(--typography-subdisplay-leading, inherit);
  font-family: var(--typography-subdisplay-font, inherit);
  font-weight: var(--typography-subdisplay-weight, inherit);
  font-style: var(--typography-subdisplay-style, inherit);
  text-transform: var(--typography-subdisplay-transform, inherit);
  color: var(--color-primary);
}
.ec-prices__price--old {
  color: var(--color-secondary);
  position: relative;
  display: inline-flex;
  margin-left: 1rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.ec-prices__price--old::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-secondary);
  transform: translate(0, -50%);
}

.ec-badge {
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  padding: 0.25rem 0.5rem;
  display: inline-block;
  border-radius: 0.125rem;
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.ec-badge:not(:last-child) {
  margin-bottom: 0.5rem;
}
.ec-badge--discount {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
}
.ec-badge--fav {
  border-color: #ff3d00;
  color: #ff3d00;
}
.ec-badge--new {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ec-badge--stock {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

.ec-showcase {
  padding: 2rem;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-primary-100);
  border-radius: var(--ui-component-radius);
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .ec-showcase {
    padding: 3.125rem;
  }
}
.ec-showcase__icon {
  margin-bottom: 1rem;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .ec-showcase__icon {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.ec-showcase__title {
  color: var(--color-primary-800);
  font-size: var(--typography-subdisplay);
  line-height: var(--typography-subdisplay-leading, inherit);
  font-family: var(--typography-subdisplay-font, inherit);
  font-weight: var(--typography-subdisplay-weight, inherit);
  font-style: var(--typography-subdisplay-style, inherit);
  text-transform: var(--typography-subdisplay-transform, inherit);
}

.ec-category-card {
  background: center/cover no-repeat;
  border-radius: var(--ui-component-radius);
  position: relative;
  height: 100%;
  padding: 1rem;
  min-height: 9.375rem;
}
@media (min-width: 768px) {
  .ec-category-card {
    min-height: 16.875rem;
  }
}
.ec-category-card:hover .ec-category-card__img {
  transform: scale(1.02);
}
@media (min-width: 768px) {
  .ec-category-card {
    padding: 2rem;
  }
}
.ec-category-card__img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--ui-component-radius);
}
.ec-category-card__img-wrap:hover + .ec-category-card__inner .ec-category-card__internal-link::before {
  color: var(--color-primary);
}
.ec-category-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--ui-component-radius);
  will-change: transform;
  transition: transform 300ms ease;
}
.ec-category-card__inner {
  position: relative;
}
.ec-category-card__inner:not(:has(.ec-category-card__submenu)) {
  height: 100%;
}
.ec-category-card__inner:not(:has(.ec-category-card__submenu)) .ec-category-card__head {
  height: 100%;
}
.ec-category-card__inner:not(:has(.ec-category-card__submenu)) .ec-category-card__title {
  align-self: flex-end;
}
.ec-category-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-decoration: none;
  transition: color 300ms ease;
  font-size: var(--typography-headline);
  line-height: var(--typography-headline-leading, inherit);
  font-family: var(--typography-headline-font, inherit);
  font-weight: var(--typography-headline-weight, inherit);
  font-style: var(--typography-headline-style, inherit);
  text-transform: var(--typography-headline-transform, inherit);
}
.ec-category-card__head:has(+ .ec-category-card__submenu) {
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .ec-category-card__head:has(+ .ec-category-card__submenu) {
    padding-bottom: 1rem;
  }
}
.ec-category-card__head:hover {
  color: var(--color-primary);
}
.ec-category-card__head:hover .ec-category-card__internal-link::before {
  color: var(--color-primary);
}
.ec-category-card__internal-link {
  margin-left: 1rem;
}
.ec-category-card__internal-link::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f135";
  color: var(--color-primary-800);
  transition: color 300ms ease;
}
.ec-category-card__submenu-item:not(:last-child) {
  margin-bottom: 0.25rem;
}
.ec-category-card__submenu-link {
  position: relative;
  padding-left: calc(0.5rem + 0.3125rem);
}
.ec-category-card__submenu-link::before {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.ec-category-card__submenu-hidden {
  margin-top: 0.25rem;
}
.ec-category-card__submenu-hidden {
  transition: none;
}
.ec-category-card__more-details {
  margin-top: 1rem;
  display: inline-flex;
  position: relative;
  padding-bottom: 0.125rem;
}
.ec-category-card__more-details:not(.collapsed) {
  display: none;
}
.ec-category-card__more-details::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px dashed var(--color-primary);
}
.ec-category-card__more-details:hover::after {
  border-color: var(--color-primary-600);
}

.ec-options__item:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .ec-options__item:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.ec-options__heading {
  margin-bottom: 1rem;
  font-size: var(--typography-p);
  line-height: var(--typography-p-leading, inherit);
  font-family: var(--typography-p-font, inherit);
  font-weight: var(--typography-p-weight, inherit);
  font-style: var(--typography-p-style, inherit);
  text-transform: var(--typography-p-transform, inherit);
}

.ec-modifications .dst-wrapper {
  padding: 0 1.5rem;
}
.ec-modifications .dst-controls-group {
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
}
.ec-modifications .dst-button {
  --dst-button-width: 1rem;
  --dst-button-height: 1rem;
  --dst-button-font-size: 1rem;
}
.ec-modifications .swiper-slide-active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-secondary);
  top: 0;
  left: 0;
  z-index: 1;
}

.pb-quiz-app__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 1rem;
  padding: 2rem;
  text-align: center;
}
.pb-quiz-app__state-text {
  margin: 0;
}
.pb-quiz-app__state-spinner {
  display: block;
  width: 2rem;
  height: 2rem;
  border: 3px solid var(--color-primary-100);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: quiz-spin 0.7s linear infinite;
}

@keyframes quiz-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 767.98px) {
  [data-pb-quiz=inline] .quiz-start {
    background: var(--color-bg-side-contrast);
  }
}
[data-pb-quiz=inline] .pb-quiz-app__progress-bar {
  position: relative;
  margin-bottom: 2rem;
}
[data-pb-quiz=inline] .pb-quiz-app__body {
  height: auto;
  overflow: visible;
}
[data-pb-quiz=inline] .pb-quiz-app__steps {
  scrollbar-gutter: auto;
  overflow-y: visible;
  padding: 0;
}
[data-pb-quiz=inline] .pb-quiz-app__footer {
  position: static;
  height: auto;
  scrollbar-gutter: auto;
  overflow-y: visible;
  margin-top: 2rem;
  padding: 0;
}
[data-pb-quiz=inline] .quiz-lead__inner {
  padding: 0;
}
@media (min-width: 768px) {
  [data-pb-quiz=inline] .quiz-lead--media .quiz-lead__inner {
    padding-left: 2rem;
  }
}
@media (min-width: 992px) {
  [data-pb-quiz=inline] .quiz-lead--media .quiz-lead__inner {
    padding-left: 4rem;
  }
}
[data-pb-quiz=inline] .quiz-step__bg {
  height: 100%;
}

.pb-quiz {
  --quiz-progress-bar-height: 0.375rem;
  --quiz-footer-height: calc(3.5rem + 1rem + 1rem);
}
@media (min-width: 768px) {
  .pb-quiz {
    --quiz-footer-height: 9.75rem;
    --quiz-progress-bar-height: 1rem;
  }
}
@media (max-width: 767.98px) {
  .pb-quiz.ui-drawer {
    --ui-drawer-header-height: 1.5rem;
    --ui-drawer-close-size: .75rem;
  }
}
@media (max-width: 767.98px) {
  .pb-quiz:has(.quiz-start) .ui-drawer-element {
    --ui-drawer-background: var(--color-bg-side-contrast);
  }
}
.pb-quiz:has(.quiz-start) .ui-drawer-close {
  color: white;
}
.pb-quiz .ui-drawer-close {
  z-index: 3;
  top: var(--quiz-progress-bar-height);
  right: var(--quiz-progress-bar-height);
}
.pb-quiz .media-loading,
.pb-quiz .media-fallback {
  background: #eeeeee;
}
.pb-quiz .no-image {
  background-color: var(--palette-placeholder);
}

.pb-quiz-app {
  position: relative;
  width: 100%;
  height: 100%;
}
.pb-quiz-app__inner {
  --quiz-theme-color: var(--color-primary);
  --quiz-theme-contrast: var(--color-primary-contrast);
  --ui-textfield-focused-border-color: var(--quiz-theme-color);
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  min-height: auto;
}
.pb-quiz-app__inner .ui-slider-connect,
.pb-quiz-app__inner .ui-slider-touch-area {
  background: var(--quiz-theme-color);
}
.pb-quiz-app__body {
  height: calc(100% - var(--quiz-footer-height));
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .pb-quiz-app__body {
    padding-bottom: 0.5rem;
  }
}
.pb-quiz-app__steps {
  padding: calc(var(--quiz-progress-bar-height) + 1.5rem) 1rem 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  position: relative;
  height: 100%;
}
@media (min-width: 768px) {
  .pb-quiz-app__steps {
    padding: calc(var(--quiz-progress-bar-height) + 4rem) 3rem 0;
  }
}
@media (min-width: 992px) {
  .pb-quiz-app__steps {
    padding: calc(var(--quiz-progress-bar-height) + 4rem) 4rem 0;
  }
}
.pb-quiz-app__progress-bar {
  background: var(--color-bg-soft);
  width: 100%;
  height: var(--quiz-progress-bar-height);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  padding-bottom: var(--quiz-progress-bar-height);
}
.pb-quiz-app__progress {
  background: var(--quiz-theme-color);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: left;
  transition: transform 300ms ease;
}
.pb-quiz-app__footer {
  padding: 1rem;
  position: sticky;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--color-bg-main);
  height: var(--quiz-footer-height);
  scrollbar-gutter: stable;
  overflow-y: auto;
  z-index: 2;
}
@media (min-width: 768px) {
  .pb-quiz-app__footer {
    padding: 2rem calc(4rem + var(--scrollbar-width, 0px)) 3rem 3rem;
  }
}
@media (min-width: 992px) {
  .pb-quiz-app__footer {
    padding: 2rem calc(4rem + var(--scrollbar-width, 0px)) 4rem 4rem;
  }
}
.pb-quiz-app__button-next.disallowed {
  cursor: not-allowed;
  color: var(--ui-button-disabled-color);
  background-color: var(--ui-button-disabled-bg);
  border-color: var(--ui-button-disabled-border-color, var(--ui-button-disabled-bg));
  opacity: var(--ui-button-disabled-opacity);
}
.pb-quiz-app__button-prev {
  margin-right: 0.5rem;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.75rem;
}
.pb-quiz-app__button-prev::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
  font-size: 1rem;
}
.pb-quiz-app__step-counter {
  letter-spacing: 0.25rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.pb-quiz-app__actions {
  display: flex;
  align-items: center;
}

.quiz-theme--primary {
  --quiz-theme-color: var(--color-primary);
  --quiz-theme-contrast: var(--color-primary-contrast);
}

.quiz-theme--secondary {
  --quiz-theme-color: var(--color-secondary);
  --quiz-theme-contrast: var(--color-secondary-contrast);
}

.quiz-theme--success {
  --quiz-theme-color: var(--color-success);
  --quiz-theme-contrast: var(--color-success-contrast);
}

.quiz-theme--danger {
  --quiz-theme-color: var(--color-danger);
  --quiz-theme-contrast: var(--color-danger-contrast);
}

.quiz-theme--warning {
  --quiz-theme-color: var(--color-warning);
  --quiz-theme-contrast: var(--color-warning-contrast);
}

.quiz-theme--info {
  --quiz-theme-color: var(--color-info);
  --quiz-theme-contrast: var(--color-info-contrast);
}

.quiz-theme--neutral {
  --quiz-theme-color: var(--color-neutral);
  --quiz-theme-contrast: var(--color-neutral-contrast);
}

.quiz-theme--dark {
  --quiz-theme-color: var(--color-dark);
  --quiz-theme-contrast: var(--color-dark-contrast);
}

.quiz-theme--light {
  --quiz-theme-color: var(--color-light);
  --quiz-theme-contrast: var(--color-light-contrast);
}

.quiz-start {
  padding: 0;
  height: 100%;
  color: var(--color-white);
  position: relative;
}
@media (min-width: 768px) {
  .quiz-start {
    padding: 4rem;
  }
}
.quiz-start__inner {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  height: auto;
  position: relative;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .quiz-start__inner {
    height: 100%;
    padding: 0;
    justify-content: space-between;
  }
}
.quiz-start__footer {
  margin-top: 2rem;
}
.quiz-start__img-wrap {
  padding-top: 56.25%;
  position: relative;
}
@media (min-width: 768px) {
  .quiz-start__img-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.quiz-start__bg {
  position: absolute;
}
.quiz-start__contact {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.quiz-start__industry {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.quiz-start__content {
  max-width: 31.875rem;
}
.quiz-start__title {
  font-size: var(--typography-caption);
  line-height: var(--typography-caption-leading, inherit);
  font-family: var(--typography-caption-font, inherit);
  font-weight: var(--typography-caption-weight, inherit);
  font-style: var(--typography-caption-style, inherit);
  text-transform: var(--typography-caption-transform, inherit);
}
.quiz-start__button {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .quiz-start__button {
    margin-top: 2rem;
  }
}
.quiz-start__subtitle {
  margin-top: 0.75rem;
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}
.quiz-start__industry {
  margin-bottom: 1rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.quiz-step__img-wrap {
  max-width: 21.8125rem;
}
.quiz-step__img-inner {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .quiz-step__img-inner {
    margin-top: 2rem;
  }
}
.quiz-step__title {
  font-size: var(--typography-caption);
  line-height: var(--typography-caption-leading, inherit);
  font-family: var(--typography-caption-font, inherit);
  font-weight: var(--typography-caption-weight, inherit);
  font-style: var(--typography-caption-style, inherit);
  text-transform: var(--typography-caption-transform, inherit);
}
.quiz-step__elements {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .quiz-step__elements {
    margin-top: 2rem;
  }
}
.quiz-step__element:not(:last-child) {
  margin-bottom: 1rem;
}
.quiz-step__options {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}
.quiz-step__options--media {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
@media (min-width: 768px) {
  .quiz-step__options--media {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
}
.quiz-step__info-widget {
  color: var(--color-text-side);
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: var(--ui-component-radius);
  background: var(--color-neutral-50);
  display: inline-flex;
  align-items: center;
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
}
.quiz-step__info-widget::before {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f133";
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.quiz-step__bg {
  width: 100%;
  height: 100vh;
  position: sticky;
  inset: 0;
  z-index: 0;
  background: center/cover no-repeat fixed;
}

.quiz-option {
  --quiz-option-color: var(--color-primary-50);
  --quiz-option-border-color: var(--color-primary-200);
  padding: 0.625rem 0.75rem;
  background-color: var(--quiz-option-color);
  display: block;
  border-radius: var(--ui-component-radius);
  cursor: pointer;
}
.quiz-option:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .quiz-option {
    padding: 0.75rem 1rem;
  }
}
.quiz-option--media {
  padding: 0;
  position: relative;
  border: 1px solid var(--quiz-option-border-color);
  background-color: var(--color-bg-main);
}
.quiz-option--media.quiz-option--checked {
  background-color: var(--quiz-option-color);
}
.quiz-option--media .ui-checkbox,
.quiz-option--media .ui-radio {
  position: static;
  padding: 0.75rem 1rem;
}
.quiz-option--media .ui-checkbox__input,
.quiz-option--media .ui-radio__input {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  left: auto;
}
.quiz-option__img-area {
  position: relative;
}
.quiz-option__img-wrap {
  border-radius: var(--ui-component-radius);
}
.quiz-option__img {
  border-radius: var(--ui-component-radius);
}
.quiz-option__tooltip {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  padding: 0;
  border: none;
  font-size: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--quiz-theme-color);
  color: var(--quiz-theme-contrast);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: opacity 180ms ease;
}
.quiz-option__tooltip:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .quiz-option__tooltip {
    bottom: 0.75rem;
    left: 0.75rem;
  }
}

.quiz-option--primary {
  --quiz-option-color: var(--color-primary-50);
  --quiz-option-border-color: var(--color-primary-200);
}

.quiz-option--secondary {
  --quiz-option-color: var(--color-secondary-50);
  --quiz-option-border-color: var(--color-secondary-200);
}

.quiz-option--success {
  --quiz-option-color: var(--color-success-50);
  --quiz-option-border-color: var(--color-success-200);
}

.quiz-option--danger {
  --quiz-option-color: var(--color-danger-50);
  --quiz-option-border-color: var(--color-danger-200);
}

.quiz-option--warning {
  --quiz-option-color: var(--color-warning-50);
  --quiz-option-border-color: var(--color-warning-200);
}

.quiz-option--info {
  --quiz-option-color: var(--color-info-50);
  --quiz-option-border-color: var(--color-info-200);
}

.quiz-option--neutral {
  --quiz-option-color: var(--color-neutral-50);
  --quiz-option-border-color: var(--color-neutral-200);
}

.quiz-option--dark {
  --quiz-option-color: rgba(var(--color-dark--rgb), .06);
  --quiz-option-border-color: rgba(var(--color-dark--rgb), .2);
}

.quiz-option--light {
  --quiz-option-color: var(--color-light);
  --quiz-option-border-color: var(--color-neutral-200);
}

.quiz-own-answer {
  margin-top: 0.75rem;
}

.quiz-bonus {
  --quiz-bonus-bg: var(--color-primary-50);
  --quiz-bonus-icon-color: var(--color-primary);
  --quiz-bonus-color: var(--color-neutral-800);
  --quiz-bonus-description-color: var(--color-neutral-600);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: var(--quiz-bonus-bg);
  color: var(--quiz-bonus-color);
  text-align: left;
}
.quiz-bonus__icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--quiz-bonus-icon-color);
}
.quiz-bonus__text {
  display: flex;
  flex-flow: column;
  min-width: 0;
}
.quiz-bonus__title {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
  font-weight: 500;
}
.quiz-bonus__description {
  margin-top: 0.125rem;
  color: var(--quiz-bonus-description-color);
  font-size: 0.875rem;
  line-height: 1.3;
}
.quiz-bonus--compact {
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
}
.quiz-bonus--compact .quiz-bonus__icon {
  font-size: 1rem;
}
.quiz-bonus--compact .quiz-bonus__title {
  font-size: 0.875rem;
  line-height: 1.3;
}

.quiz-bonus--primary {
  --quiz-bonus-bg: var(--color-primary-50);
  --quiz-bonus-icon-color: var(--color-primary);
}

.quiz-bonus--secondary {
  --quiz-bonus-bg: var(--color-secondary-50);
  --quiz-bonus-icon-color: var(--color-secondary);
}

.quiz-bonus--success {
  --quiz-bonus-bg: var(--color-success-50);
  --quiz-bonus-icon-color: var(--color-success);
}

.quiz-bonus--danger {
  --quiz-bonus-bg: var(--color-danger-50);
  --quiz-bonus-icon-color: var(--color-danger);
}

.quiz-bonus--warning {
  --quiz-bonus-bg: var(--color-warning-50);
  --quiz-bonus-icon-color: var(--color-warning);
}

.quiz-bonus--info {
  --quiz-bonus-bg: var(--color-info-50);
  --quiz-bonus-icon-color: var(--color-info);
}

.quiz-bonus--neutral {
  --quiz-bonus-bg: var(--color-neutral-50);
  --quiz-bonus-icon-color: var(--color-neutral);
}

.quiz-bonus--dark {
  --quiz-bonus-bg: var(--color-neutral-100);
  --quiz-bonus-icon-color: var(--color-dark);
}

.quiz-bonus--light {
  --quiz-bonus-bg: var(--color-neutral-900);
  --quiz-bonus-icon-color: var(--color-light);
  --quiz-bonus-color: var(--color-white);
  --quiz-bonus-description-color: var(--color-neutral-300);
}

.pb-quiz-app__bonus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .pb-quiz-app__bonus {
    margin-bottom: 2rem;
  }
}

.pb-quiz-app__bonus-text {
  color: var(--color-text-side);
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.pb-quiz-app__preview-note {
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  border: 1px dashed var(--color-warning);
  border-radius: 0.5rem;
  color: var(--color-text-side);
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.quiz-start__bonus {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .quiz-start__bonus {
    margin-top: 2rem;
  }
}

.quiz-start__bonus-label {
  margin-bottom: 0.5rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}

.quiz-lead__bonus {
  margin-top: 1rem;
}

.quiz-lead {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.quiz-lead__inner {
  padding: 1rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
}
@media (min-width: 768px) {
  .quiz-lead__inner {
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  .quiz-lead__inner {
    padding: 4rem;
  }
}
.quiz-lead__title {
  font-size: var(--typography-caption);
  line-height: var(--typography-caption-leading, inherit);
  font-family: var(--typography-caption-font, inherit);
  font-weight: var(--typography-caption-weight, inherit);
  font-style: var(--typography-caption-style, inherit);
  text-transform: var(--typography-caption-transform, inherit);
}
.quiz-lead__subtitle {
  color: var(--color-text-side);
  margin-top: 0.75rem;
  font-size: var(--typography-subcaption);
  line-height: var(--typography-subcaption-leading, inherit);
  font-family: var(--typography-subcaption-font, inherit);
  font-weight: var(--typography-subcaption-weight, inherit);
  font-style: var(--typography-subcaption-style, inherit);
  text-transform: var(--typography-subcaption-transform, inherit);
}
.quiz-lead__preview-note {
  color: var(--color-text-side);
  font-size: 0.875rem;
}

.quiz-tooltip-popup {
  z-index: 999999;
}
.quiz-tooltip-popup.tooltip-popup-root .fancybox__content {
  max-width: 100%;
  min-width: auto;
  width: auto;
}
@media (min-width: 768px) {
  .quiz-tooltip-popup.tooltip-popup-root .fancybox__content {
    min-width: 25rem;
  }
}

:root {
  --mobile-header-height: 3.75rem;
  --mobile-menu-hamburger-size: var(--mobile-header-height);
  --mobile-menu-gutter-x: 1.25rem;
  --mobile-menu-gutter-y: 0.8125rem;
  --header-bar-height: 2.875rem;
  --header-nav-height: 3.25rem;
  --header-info-height: 6rem;
  --header-base-height: 6rem;
  --header-hybrid-height: 8.75rem;
  --header-desktop-height: 12.125rem;
  --header-height: var(--mobile-header-height);
  --header-shadow: 0 0.1875rem 0.5625rem var(--color-shadow-main);
  --header-duration: 300ms;
  --header-easing: ease;
  --header-blur: 0.25rem;
}

@media (min-width: 992px) {
  :root {
    --header-height: var(--header-desktop-height);
  }
}
.header-layout {
  --header-layout-gutter: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header-layout__wrapper {
  margin: 0 var(--header-layout-gutter);
  display: flex;
  align-items: center;
}
.header-layout__wrapper:first-child {
  margin-left: 0;
}
.header-layout__wrapper:last-child {
  margin-right: 0;
}

.mobile-header {
  padding: 0 var(--mobile-menu-hamburger-size) 0 1rem;
  background-color: var(--header-mobile-color-background);
  color: var(--header-mobile-color);
  width: 100%;
  position: fixed;
  height: var(--mobile-header-height);
  top: 0;
  left: 0;
  z-index: 70;
  box-shadow: var(--header-shadow);
}
@media (min-width: 992px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.mobile-header__hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: var(--mobile-menu-hamburger-size);
  height: 100%;
  background: 0;
  border: 0;
  color: currentcolor;
}
.mobile-header__hamburger .hamburger {
  --hamburger-layer-color: var(--header-mobile-color);
}
.mobile-header__logo {
  display: flex;
  font-weight: bold;
  text-decoration: none;
  align-items: center;
  color: var(--color-primary-700);
}
.mobile-header__logo-img {
  max-width: 100%;
  width: 8.125rem;
  height: auto;
}
.mobile-header__controls {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.mobile-header__controls-item {
  height: 3rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  text-decoration: none;
  border: none;
  background: 0;
  padding: 0;
}
.mobile-header__controls-item:not(:last-child) {
  margin-right: 0.5rem;
}
.mobile-header__controls-item, .mobile-header__controls-item:hover, .mobile-header__controls-item:focus {
  color: var(--color-text-main);
}
@media (min-width: 992px) {
  .mobile-header__controls-item:hover, .mobile-header__controls-item:focus-visible {
    color: var(--color-primary);
  }
}

@media (max-width: 991.98px) {
  body {
    padding-top: var(--header-height);
  }
}
.mobile-menu {
  --ui-drawer-body-padding: 1rem 0;
  --ui-drawer-bias-size: var(--mobile-header-height);
  --ui-drawer-bias-bg: var(--ui-drawer-backgdround);
  --ui-drawer-duration: var(--header-duration);
  z-index: 80;
}
.mobile-menu,
.mobile-menu .ui-drawer-backdrop {
  top: var(--mobile-header-height);
}
.mobile-menu .ui-drawer-element {
  pointer-events: none;
  background: transparent;
}
.mobile-menu .ui-drawer-element::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  background: var(--color-border-soft);
  height: 0.0625rem;
  z-index: 5;
}
.mobile-menu .ui-drawer-body {
  pointer-events: auto;
  background: var(--ui-drawer-background);
}
@media (min-width: 992px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu__body {
  height: 100%;
  width: 100%;
}

.header-top-bar {
  height: var(--header-bar-height);
  background-color: var(--header-tbar-color-background);
  color: var(--header-tbar-color);
}
@media (max-width: 991.98px) {
  .header-top-bar {
    display: none;
  }
}
.header-top-bar__container {
  height: 100%;
}

.header-info {
  background: var(--header-info-color-background);
  color: var(--header-info-color);
  height: var(--header-info-height);
}
@media (max-width: 991.98px) {
  .header-info {
    display: none;
  }
}
@media (min-width: 1440px) {
  .header-info__layout {
    --header-layout-gutter: 2rem;
  }
}
.header-info__container {
  height: 100%;
}
.header-info__nav {
  margin-right: auto;
}
.header-info__contacts {
  margin-left: calc(var(--header-layout-gutter) * 2);
}
.header-info__logo {
  width: 12.5rem;
  height: auto;
  display: block;
}
.header-info__logo-img {
  width: 100%;
}

.header-nav {
  height: var(--header-nav-height);
  color: var(--header-nav-color);
  background: var(--header-nav-color-background);
  z-index: 70;
  box-shadow: 0 0.1875rem 0.5625rem var(--header-color-shadow);
  position: sticky;
  top: 0;
  display: none;
  /* Используется для скрытия тени, падающей на предыдущий блок */
}
.header-nav::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0.5rem;
  background-color: var(--header-nav-color-background);
}
@media (min-width: 992px) {
  .header-nav {
    display: block;
  }
}
.header-nav__nav, .header-nav__menu {
  height: var(--header-nav-height);
}

.header-hybrid {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--header-color-bg);
  color: var(--header-color);
  height: var(--header-hybrid-height);
  z-index: 70;
  box-shadow: var(--header-shadow);
  display: none;
}
@media (min-width: 992px) {
  .header-hybrid {
    display: block;
  }
}
.header-hybrid__container {
  height: 100%;
}
@media (min-width: 1440px) {
  .header-hybrid__layout {
    --header-layout-gutter: 2rem;
  }
}
.header-hybrid__logo {
  width: 14.25rem;
  height: auto;
  display: block;
}
.header-hybrid__logo-img {
  width: 100%;
}
.header-hybrid__company-name {
  margin-bottom: 0.5rem;
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.header-hybrid__city-select {
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading, inherit);
  font-family: var(--typography-body-font, inherit);
  font-weight: var(--typography-body-weight, inherit);
  font-style: var(--typography-body-style, inherit);
  text-transform: var(--typography-body-transform, inherit);
}
.header-hybrid__right {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.header-hybrid__company-contacts {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.header-hybrid__nav {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.header-hybrid .menu-desktop {
  height: 100%;
}

.header-base {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--header-color-bg);
  color: var(--header-color);
  height: var(--header-base-height);
  z-index: 70;
  box-shadow: var(--header-shadow);
  display: none;
}
@media (min-width: 992px) {
  .header-base {
    display: block;
  }
}
.header-base__container {
  height: 100%;
}
@media (min-width: 1440px) {
  .header-base__layout {
    --header-layout-gutter: 2rem;
  }
}
.header-base__nav {
  margin-right: auto;
}
.header-base__contacts {
  margin-left: calc(var(--header-layout-gutter) * 2);
}
.header-base__logo {
  width: 12.5rem;
  height: auto;
  display: block;
}
.header-base__logo-img {
  width: 100%;
}
.header-base .menu > .menu__item > .menu__list {
  top: calc(100% + 1.375rem) !important;
}

.header-link,
.top-nav__link {
  color: currentcolor;
}
.header-link:hover, .header-link:focus, .header-link.active,
.top-nav__link:hover,
.top-nav__link:focus,
.active.top-nav__link {
  color: var(--header-color-active);
}

.header-contacts {
  --gap: .5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap);
  justify-content: flex-start;
}
.header-contacts--row {
  --gap: 2rem;
  flex-direction: row;
  align-items: center;
}
.header-contacts--center {
  align-items: center;
}
.header-contacts__item .ui-contact {
  --ui-contact-icon-color: var(--header-color-icon);
}

.header-contact {
  --ui-contact-icon-color: var(--header-color-icon);
}

.top-nav {
  font-size: var(--typography-small);
  line-height: var(--typography-small-leading, inherit);
  font-family: var(--typography-small-font, inherit);
  font-weight: var(--typography-small-weight, inherit);
  font-style: var(--typography-small-style, inherit);
  text-transform: var(--typography-small-transform, inherit);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 991.98px) {
  .top-nav {
    margin: -0.125rem -1rem;
  }
}
@media (min-width: 992px) {
  .top-nav {
    max-width: none;
  }
}
.top-nav__item {
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .top-nav__item {
    padding: 0.25rem 1rem;
  }
}
@media (min-width: 992px) {
  .top-nav__item:not(:last-child) {
    margin-right: 2rem;
  }
}
.footer-copyright__link:hover, .footer-nav__link:hover, .footer-info__contact-link:hover, .footer-copyright__link:focus, .footer-nav__link:focus, .footer-info__contact-link:focus, .active.footer-copyright__link, .active.footer-nav__link, .active.footer-info__contact-link,
.footer-link:hover,
.footer-link:focus,
.footer-link.active {
  color: var(--footer-color-active);
}

.footer {
  background-color: var(--footer-color-bg);
  color: var(--footer-color);
  z-index: 30;
  position: relative;
}
@media (min-width: 992px) {
  .footer {
    z-index: auto;
  }
}
.footer__scroll-up {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  text-decoration: none;
  line-height: 2.5rem;
}
.footer__scroll-up, .footer__scroll-up:hover {
  color: var(--footer-color);
  background: var(--footer-color-bg-mix);
}
.footer__scroll-up::after {
  font-family: "APIMediaIcons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f108";
  margin-left: 0.25rem;
  font-size: 0.8em;
}
@media (min-width: 992px) {
  .footer__scroll-up {
    display: none;
  }
}

.footer-info {
  padding: 2rem 0;
}
.footer-info__logo {
  width: 7.875rem;
  margin: 0 0 1rem;
  display: block;
}
@media (min-width: 768px) {
  .footer-info__logo {
    margin: 0 0 1.5rem;
    width: 7.875rem;
  }
}
.footer-info__logo img {
  width: 100%;
}
.footer-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-nav__item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.footer-menu__title {
  font-size: var(--typography-h4);
  line-height: var(--typography-h4-leading, inherit);
  font-family: var(--typography-h4-font, inherit);
  font-weight: var(--typography-h4-weight, inherit);
  font-style: var(--typography-h4-style, inherit);
  text-transform: var(--typography-h4-transform, inherit);
  margin-bottom: 1rem;
}

.footer-copyright {
  padding: 1rem 0;
}
.board {
  --board-color: var(--color-white);
  --board-compensation: var(--header-height);
  height: 100%;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: center/cover no-repeat;
}
.board::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.board--slider {
  padding-top: 31.25rem;
}
.board--slider .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.board__fs {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.board__video {
  clip-path: inset(0 0 0 0);
}
.board__video-source {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.board__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.board__inner {
  position: relative;
  color: var(--board-color);
  text-align: center;
  width: 100%;
  padding: 4rem 0;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 5;
}
.board .dst {
  position: absolute;
  top: 0;
  left: 0;
}
.board .dst,
.board .dst-wrapper,
.board .dst-container {
  width: 100%;
  height: 100%;
}

@media screen and (orientation: portrait) and (min-width: 768px) {
  .board {
    padding-top: 56.25%;
    display: block;
    min-height: auto;
  }
  .board__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 0;
  }
}
@media screen and (orientation: landscape) and (min-width: 768px) {
  .board {
    padding: 0;
    height: calc(100vh - var(--board-compensation));
    height: calc(100svh - var(--board-compensation));
    display: flex;
    min-height: 28.125rem;
  }
  .board__inner {
    position: relative;
    text-align: left;
    padding: 4rem 0;
  }
}
@media screen and (orientation: landscape) and (min-width: 992px) {
  .board {
    min-height: 37.5rem;
  }
}
.board-content__title {
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--typography-xxl);
  line-height: var(--typography-xxl-leading, inherit);
  font-family: var(--typography-xxl-font, inherit);
  font-weight: var(--typography-xxl-weight, inherit);
  font-style: var(--typography-xxl-style, inherit);
  text-transform: var(--typography-xxl-transform, inherit);
}
.board-content__subtitle {
  margin-top: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--typography-h1);
  line-height: var(--typography-h1-leading, inherit);
  font-family: var(--typography-h1-font, inherit);
  font-weight: var(--typography-h1-weight, inherit);
  font-style: var(--typography-h1-style, inherit);
  text-transform: var(--typography-h1-transform, inherit);
}
.board-content__button {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .board-content__button {
    margin-top: 2rem;
  }
}
.board-content__inner {
  z-index: 10;
}

:root {
  --radius-none: 0;
  --radius: 1rem;
  --radius-sm: calc(var(--radius) / 4);
  --radius-md: calc(var(--radius) / 2);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) / .5);
  --radius-2xl: calc(var(--radius) / .125);
  --radius-3xl: 22.5rem;
  --radius-full: 624.9375rem;
  --radius-circle: 50%;
}