@charset "UTF-8";
.h-4xl {
  color: var(--color-txt-white);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-xxxl {
  color: var(--color-txt-white);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-xxl {
  color: var(--color-txt-white);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-xxl-2 {
  color: var(--color-txt-white);
  font-size: var(--font-size-xxl-faq);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-xl {
  color: var(--color-txt-white);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-xl-2 {
  color: var(--color-txt-white);
  font-size: var(--font-size-xl-2);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.h-l {
  color: var(--color-txt-white);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-light);
  line-height: 115%;
  text-transform: none;
  font-family: var(--font-family-headings);
}

.lh-140 {
  line-height: 140%;
}

.p-xl {
  color: var(--color-txt-white);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.p-l {
  color: var(--color-txt-white);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.p-m {
  color: var(--color-txt-white);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.p-s {
  color: var(--color-txt-white);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.p-xs {
  color: var(--color-txt-white);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.p-xxs {
  color: var(--color-txt-white);
  font-size: var(--font-size-xxs);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  text-transform: none;
  font-family: var(--font-family-primary);
}

.link-white {
  color: var(--color-txt-white);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: var(--transition-default);
  font-family: var(--font-family-primary);
}
.link-white:hover {
  opacity: 0.7;
}

.link-white-70 {
  color: var(--color-txt-white-70);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: var(--transition-default);
  font-family: var(--font-family-primary);
}
.link-white-70:hover {
  opacity: 1;
}

.link-black {
  color: var(--color-txt-black);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: var(--transition-default);
  font-family: var(--font-family-primary);
}
.link-black:hover {
  opacity: 0.7;
}

.gap-0 {
  gap: var(--gap-0);
}

.gap-2 {
  gap: var(--gap-2);
}

.gap-4 {
  gap: var(--gap-4);
}

.gap-8 {
  gap: var(--gap-8);
}

.gap-10 {
  gap: var(--gap-10);
}

.gap-10-8-4 {
  gap: var(--gap-10-8-4);
}

.gap-14 {
  gap: var(--gap-14);
}

.gap-16 {
  gap: var(--gap-16);
}

.gap-18 {
  gap: var(--gap-18);
}

.gap-20 {
  gap: var(--gap-20);
}

.gap-20-14 {
  gap: var(--gap-20-14);
}

.gap-20-20-10 {
  gap: var(--gap-20-20-10);
}

.gap-20-20-14 {
  gap: var(--gap-20-20-14);
}

.gap-20-20-40 {
  gap: var(--gap-20-20-40);
}

.gap-24-24-14 {
  gap: var(--gap-24-24-14);
}

.gap-30-20-20 {
  gap: var(--gap-30-20-20);
}

.gap-30-30-20 {
  gap: var(--gap-30-30-20);
}

.gap-30-30-24 {
  gap: var(--gap-30-30-24);
}

.gap-40 {
  gap: var(--gap-40);
}

.gap-40-24-20 {
  gap: var(--gap-40-24-20);
}

.gap-40-16-14 {
  gap: var(--gap-40-16-14);
}

.gap-40-20-10 {
  gap: var(--gap-40-20-10);
}

.gap-50-50-40 {
  gap: var(--gap-50-50-40);
}

.gap-60-48-40 {
  gap: var(--gap-60-48-40);
}

.gap-60-48-30 {
  gap: var(--gap-60-48-30);
}

.gap-60-20 {
  gap: var(--gap-60-20);
}

.row-gap-0 {
  row-gap: var(--gap-0);
}

.row-gap-2 {
  row-gap: var(--gap-2);
}

.row-gap-4 {
  row-gap: var(--gap-4);
}

.row-gap-8 {
  row-gap: var(--gap-8);
}

.row-gap-10 {
  row-gap: var(--gap-10);
}

.row-gap-10-8-4 {
  row-gap: var(--gap-10-8-4);
}

.row-gap-14 {
  row-gap: var(--gap-14);
}

.row-gap-20 {
  row-gap: var(--gap-20);
}

.row-gap-20-14 {
  row-gap: var(--gap-20-14);
}

.row-gap-20-20-10 {
  row-gap: var(--gap-20-20-10);
}

.row-gap-20-20-14 {
  row-gap: var(--gap-20-20-14);
}

.row-gap-20-20-40 {
  row-gap: var(--gap-20-20-40);
}

.row-gap-24-24-14 {
  row-gap: var(--gap-24-24-14);
}

.row-gap-30-30-20 {
  row-gap: var(--gap-30-30-20);
}

.row-gap-30-30-24 {
  row-gap: var(--gap-30-30-24);
}

.row-gap-40 {
  row-gap: var(--gap-40);
}

.row-gap-40-24-20 {
  row-gap: var(--gap-40-24-20);
}

.row-gap-40-16-14 {
  row-gap: var(--gap-40-16-14);
}

.row-gap-40-20-10 {
  row-gap: var(--gap-40-20-10);
}

.row-gap-50-50-40 {
  row-gap: var(--gap-50-50-40);
}

.row-gap-60-48-40 {
  row-gap: var(--gap-60-48-40);
}

.row-gap-60-20 {
  row-gap: var(--gap-60-20);
}

.col-gap-0 {
  column-gap: var(--gap-0);
}

.col-gap-2 {
  column-gap: var(--gap-2);
}

.col-gap-4 {
  column-gap: var(--gap-4);
}

.col-gap-8 {
  column-gap: var(--gap-8);
}

.col-gap-10 {
  column-gap: var(--gap-10);
}

.col-gap-10-8-4 {
  column-gap: var(--gap-10-8-4);
}

.col-gap-14 {
  column-gap: var(--gap-14);
}

.col-gap-20 {
  column-gap: var(--gap-20);
}

.col-gap-20-14 {
  column-gap: var(--gap-20-14);
}

.col-gap-20-20-10 {
  column-gap: var(--gap-20-20-10);
}

.col-gap-20-20-14 {
  column-gap: var(--gap-20-20-14);
}

.col-gap-20-20-40 {
  column-gap: var(--gap-20-20-40);
}

.col-gap-24-24-14 {
  column-gap: var(--gap-24-24-14);
}

.col-gap-30-30-20 {
  column-gap: var(--gap-30-30-20);
}

.col-gap-30-30-24 {
  column-gap: var(--gap-30-30-24);
}

.col-gap-40 {
  column-gap: var(--gap-40);
}

.col-gap-40-24-20 {
  column-gap: var(--gap-40-24-20);
}

.col-gap-40-16-14 {
  column-gap: var(--gap-40-16-14);
}

.col-gap-40-20-10 {
  column-gap: var(--gap-40-20-10);
}

.col-gap-50-50-40 {
  column-gap: var(--gap-50-50-40);
}

.col-gap-60-48-40 {
  column-gap: var(--gap-60-48-40);
}

.col-gap-60-20 {
  column-gap: var(--gap-60-20);
}

.p-0-0-4 {
  padding: var(--padding-0-0-4);
}

.p-0-0-14 {
  padding: var(--padding-0-0-14);
}

.p-2 {
  padding: var(--padding-2);
}

.p-4 {
  padding: var(--padding-4);
}

.p-10 {
  padding: var(--padding-10);
}

.p-10-10-4 {
  padding: var(--padding-10-10-4);
}

.p-12-12-10 {
  padding: var(--padding-12-12-10);
}

.p-14 {
  padding: var(--padding-14);
}

.p-16-16-10 {
  padding: var(--padding-16-16-10);
}

.p-20 {
  padding: var(--padding-20);
}

.p-20-20-14 {
  padding: var(--padding-20-20-14);
}

.p-24 {
  padding: var(--padding-24);
}

.p-24-24-14 {
  padding: var(--padding-24-24-14);
}

.p-28 {
  padding: var(--padding-28);
}

.p-30-30-20 {
  padding: var(--padding-30-30-20);
}

.p-30-30-80 {
  padding: var(--padding-30-30-80);
}

.p-40-24-20 {
  padding: var(--padding-40-24-20);
}

.p-50-50-40 {
  padding: var(--padding-50-50-40);
}

.p-50-24-20 {
  padding: var(--padding-50-24-20);
}

.p-60-50-40 {
  padding: var(--padding-60-50-40);
}

.p-60-0 {
  padding: var(--padding-60-0);
}

.p-64 {
  padding: var(--padding-64);
}

.p-60-40-20 {
  padding: var(--padding-60-40-20);
}

.p-140-140-50 {
  padding: var(--padding-140-140-50);
}

.p-160-80-50 {
  padding: var(--padding-160-80-50);
}

.p-200-100-80 {
  padding: var(--padding-200-100-80);
}

.p-200-100-0 {
  padding: var(--padding-200-100-0);
}

.pt-0-0-4 {
  padding-top: var(--padding-0-0-4);
}

.pt-0-0-14 {
  padding-top: var(--padding-0-0-14);
}

.pt-2 {
  padding-top: var(--padding-2);
}

.pt-4 {
  padding-top: var(--padding-4);
}

.pt-10 {
  padding-top: var(--padding-10);
}

.pt-10-10-4 {
  padding-top: var(--padding-10-10-4);
}

.pt-12-12-10 {
  padding-top: var(--padding-12-12-10);
}

.pt-14 {
  padding-top: var(--padding-14);
}

.pt-16-16-10 {
  padding-top: var(--padding-16-16-10);
}

.pt-20 {
  padding-top: var(--padding-20);
}

.pt-20-20-14 {
  padding-top: var(--padding-20-20-14);
}

.pt-24 {
  padding-top: var(--padding-24);
}

.pt-24-24-14 {
  padding-top: var(--padding-24-24-14);
}

.pt-28 {
  padding-top: var(--padding-28);
}

.pt-30-30-20 {
  padding-top: var(--padding-30-30-20);
}

.pt-30-30-80 {
  padding-top: var(--padding-30-30-80);
}

.pt-40-24-20 {
  padding-top: var(--padding-40-24-20);
}

.pt-50-50-40 {
  padding-top: var(--padding-50-50-40);
}

.pt-50-24-20 {
  padding-top: var(--padding-50-24-20);
}

.pt-60-50-40 {
  padding-top: var(--padding-60-50-40);
}

.pt-60-0 {
  padding-top: var(--padding-60-0);
}

.pt-64 {
  padding-top: var(--padding-64);
}

.pt-60-40-20 {
  padding-top: var(--padding-60-40-20);
}

.pt-140-140-50 {
  padding-top: var(--padding-140-140-50);
}

.pt-160-80-50 {
  padding-top: var(--padding-160-80-50);
}

.pt-160-100-80 {
  padding-top: var(--padding-160-100-80);
}

.pt-200-100-80 {
  padding-top: var(--padding-200-100-80);
}

.pt-200-100-0 {
  padding-top: var(--padding-200-100-0);
}

.pb-0-0-4 {
  padding-bottom: var(--padding-0-0-4);
}

.pb-0-0-14 {
  padding-bottom: var(--padding-0-0-14);
}

.pb-2 {
  padding-bottom: var(--padding-2);
}

.pb-4 {
  padding-bottom: var(--padding-4);
}

.pb-10 {
  padding-bottom: var(--padding-10);
}

.pb-10-10-4 {
  padding-bottom: var(--padding-10-10-4);
}

.pb-12-12-10 {
  padding-bottom: var(--padding-12-12-10);
}

.pb-14 {
  padding-bottom: var(--padding-14);
}

.pb-16-16-10 {
  padding-bottom: var(--padding-16-16-10);
}

.pb-20 {
  padding-bottom: var(--padding-20);
}

.pb-20-20-14 {
  padding-bottom: var(--padding-20-20-14);
}

.pb-24 {
  padding-bottom: var(--padding-24);
}

.pb-24-24-14 {
  padding-bottom: var(--padding-24-24-14);
}

.pb-28 {
  padding-bottom: var(--padding-28);
}

.pb-30-30-20 {
  padding-bottom: var(--padding-30-30-20);
}

.pb-30-30-80 {
  padding-bottom: var(--padding-30-30-80);
}

.pb-40-24-20 {
  padding-bottom: var(--padding-40-24-20);
}

.pb-50-50-40 {
  padding-bottom: var(--padding-50-50-40);
}

.pb-50-24-20 {
  padding-bottom: var(--padding-50-24-20);
}

.pb-60-50-40 {
  padding-bottom: var(--padding-60-50-40);
}

.pb-60-0 {
  padding-bottom: var(--padding-60-0);
}

.pb-64 {
  padding-bottom: var(--padding-64);
}

.pb-60-40-20 {
  padding-bottom: var(--padding-60-40-20);
}

.pb-140-140-50 {
  padding-bottom: var(--padding-140-140-50);
}

.pb-160-80-50 {
  padding-bottom: var(--padding-160-80-50);
}

.pb-200-100-80 {
  padding-bottom: var(--padding-200-100-80);
}

.pb-200-100-0 {
  padding-bottom: var(--padding-200-100-0);
}

.pl-0-0-4 {
  padding-left: var(--padding-0-0-4);
}

.pl-0-0-14 {
  padding-left: var(--padding-0-0-14);
}

.pl-2 {
  padding-left: var(--padding-2);
}

.pl-4 {
  padding-left: var(--padding-4);
}

.pl-10 {
  padding-left: var(--padding-10);
}

.pl-10-10-4 {
  padding-left: var(--padding-10-10-4);
}

.pl-12-12-10 {
  padding-left: var(--padding-12-12-10);
}

.pl-14 {
  padding-left: var(--padding-14);
}

.pl-16-16-10 {
  padding-left: var(--padding-16-16-10);
}

.pl-20 {
  padding-left: var(--padding-20);
}

.pl-20-20-14 {
  padding-left: var(--padding-20-20-14);
}

.pl-24 {
  padding-left: var(--padding-24);
}

.pl-24-24-14 {
  padding-left: var(--padding-24-24-14);
}

.pl-28 {
  padding-left: var(--padding-28);
}

.pl-30-30-20 {
  padding-left: var(--padding-30-30-20);
}

.pl-30-30-80 {
  padding-left: var(--padding-30-30-80);
}

.pl-40-24-20 {
  padding-left: var(--padding-40-24-20);
}

.pl-50-50-40 {
  padding-left: var(--padding-50-50-40);
}

.pl-50-24-20 {
  padding-left: var(--padding-50-24-20);
}

.pl-60-50-40 {
  padding-left: var(--padding-60-50-40);
}

.pl-60-0 {
  padding-left: var(--padding-60-0);
}

.pl-64 {
  padding-left: var(--padding-64);
}

.pl-60-40-20 {
  padding-left: var(--padding-60-40-20);
}

.pl-140-140-50 {
  padding-left: var(--padding-140-140-50);
}

.pl-160-80-50 {
  padding-left: var(--padding-160-80-50);
}

.pl-200-100-80 {
  padding-left: var(--padding-200-100-80);
}

.pl-200-100-0 {
  padding-left: var(--padding-200-100-0);
}

.pr-0-0-4 {
  padding-right: var(--padding-0-0-4);
}

.pr-0-0-14 {
  padding-right: var(--padding-0-0-14);
}

.pr-2 {
  padding-right: var(--padding-2);
}

.pr-4 {
  padding-right: var(--padding-4);
}

.pr-10 {
  padding-right: var(--padding-10);
}

.pr-10-10-4 {
  padding-right: var(--padding-10-10-4);
}

.pr-12-12-10 {
  padding-right: var(--padding-12-12-10);
}

.pr-14 {
  padding-right: var(--padding-14);
}

.pr-16-16-10 {
  padding-right: var(--padding-16-16-10);
}

.pr-20 {
  padding-right: var(--padding-20);
}

.pr-20-20-14 {
  padding-right: var(--padding-20-20-14);
}

.pr-24 {
  padding-right: var(--padding-24);
}

.pr-24-24-14 {
  padding-right: var(--padding-24-24-14);
}

.pr-28 {
  padding-right: var(--padding-28);
}

.pr-30-30-20 {
  padding-right: var(--padding-30-30-20);
}

.pr-30-30-80 {
  padding-right: var(--padding-30-30-80);
}

.pr-40-24-20 {
  padding-right: var(--padding-40-24-20);
}

.pr-50-50-40 {
  padding-right: var(--padding-50-50-40);
}

.pr-50-24-20 {
  padding-right: var(--padding-50-24-20);
}

.pr-60-50-40 {
  padding-right: var(--padding-60-50-40);
}

.pr-60-0 {
  padding-right: var(--padding-60-0);
}

.pr-64 {
  padding-right: var(--padding-64);
}

.pr-60-40-20 {
  padding-right: var(--padding-60-40-20);
}

.pr-140-140-50 {
  padding-right: var(--padding-140-140-50);
}

.pr-160-80-50 {
  padding-right: var(--padding-160-80-50);
}

.pr-200-100-80 {
  padding-right: var(--padding-200-100-80);
}

.pr-200-100-0 {
  padding-right: var(--padding-200-100-0);
}

.px-0-0-4 {
  padding-inline: var(--padding-0-0-4);
}

.px-0-0-14 {
  padding-inline: var(--padding-0-0-14);
}

.px-2 {
  padding-inline: var(--padding-2);
}

.px-4 {
  padding-inline: var(--padding-4);
}

.px-10 {
  padding-inline: var(--padding-10);
}

.px-10-10-4 {
  padding-inline: var(--padding-10-10-4);
}

.px-12-12-10 {
  padding-inline: var(--padding-12-12-10);
}

.px-14 {
  padding-inline: var(--padding-14);
}

.px-16-16-10 {
  padding-inline: var(--padding-16-16-10);
}

.px-20 {
  padding-inline: var(--padding-20);
}

.px-20-20-14 {
  padding-inline: var(--padding-20-20-14);
}

.px-24 {
  padding-inline: var(--padding-24);
}

.px-24-24-14 {
  padding-inline: var(--padding-24-24-14);
}

.px-28 {
  padding-inline: var(--padding-28);
}

.px-30-30-20 {
  padding-inline: var(--padding-30-30-20);
}

.px-30-30-80 {
  padding-inline: var(--padding-30-30-80);
}

.px-40-24-20 {
  padding-inline: var(--padding-40-24-20);
}

.px-50-50-40 {
  padding-inline: var(--padding-50-50-40);
}

.px-50-24-20 {
  padding-inline: var(--padding-50-24-20);
}

.px-60-50-40 {
  padding-inline: var(--padding-60-50-40);
}

.px-60-0 {
  padding-inline: var(--padding-60-0);
}

.px-64 {
  padding-inline: var(--padding-64);
}

.px-60-40-20 {
  padding-inline: var(--padding-60-40-20);
}

.px-140-140-50 {
  padding-inline: var(--padding-140-140-50);
}

.px-160-80-50 {
  padding-inline: var(--padding-160-80-50);
}

.px-200-100-80 {
  padding-inline: var(--padding-200-100-80);
}

.px-200-100-0 {
  padding-inline: var(--padding-200-100-0);
}

.py-0-0-4 {
  padding-block: var(--padding-0-0-4);
}

.py-0-0-14 {
  padding-block: var(--padding-0-0-14);
}

.py-2 {
  padding-block: var(--padding-2);
}

.py-4 {
  padding-block: var(--padding-4);
}

.py-10 {
  padding-block: var(--padding-10);
}

.py-10-10-4 {
  padding-block: var(--padding-10-10-4);
}

.py-12-12-10 {
  padding-block: var(--padding-12-12-10);
}

.py-14 {
  padding-block: var(--padding-14);
}

.py-16-16-10 {
  padding-block: var(--padding-16-16-10);
}

.py-20 {
  padding-block: var(--padding-20);
}

.py-20-20-14 {
  padding-block: var(--padding-20-20-14);
}

.py-24 {
  padding-block: var(--padding-24);
}

.py-24-24-14 {
  padding-block: var(--padding-24-24-14);
}

.py-28 {
  padding-block: var(--padding-28);
}

.py-30-30-20 {
  padding-block: var(--padding-30-30-20);
}

.py-30-30-80 {
  padding-block: var(--padding-30-30-80);
}

.py-40-24-20 {
  padding-block: var(--padding-40-24-20);
}

.py-50-50-40 {
  padding-block: var(--padding-50-50-40);
}

.py-50-24-20 {
  padding-block: var(--padding-50-24-20);
}

.py-60-50-40 {
  padding-block: var(--padding-60-50-40);
}

.py-60-0 {
  padding-block: var(--padding-60-0);
}

.py-64 {
  padding-block: var(--padding-64);
}

.py-60-40-20 {
  padding-block: var(--padding-60-40-20);
}

.py-140-140-50 {
  padding-block: var(--padding-140-140-50);
}

.py-160-80-50 {
  padding-block: var(--padding-160-80-50);
}

.py-200-100-80 {
  padding-block: var(--padding-200-100-80);
}

.py-200-100-0 {
  padding-block: var(--padding-200-100-0);
}

.tc-black {
  color: var(--color-txt-black);
}

.tc-white {
  color: var(--color-txt-white);
}

.tc-white-70 {
  color: var(--color-txt-white-70);
}

.tc-red {
  color: var(--color-txt-red);
}

.tc-yellow {
  color: var(--color-txt-yellow);
}

.tc-green {
  color: #26D76D;
}

.border-gradient {
  position: relative;
}
.border-gradient::after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  padding: var(--border-width-card);
  border-radius: inherit;
  background: linear-gradient(264deg, var(--color-bdr-black) 0.99%, var(--color-bdr-black-50) 6.42%, var(--color-bdr-black-0) 49.83%, var(--color-bdr-black-50) 93.69%, var(--color-bdr-black) 98.75%), linear-gradient(96deg, var(--color-bdr-white) 2.13%, var(--color-bdr-white-50) 4.51%, var(--color-bdr-white-20) 49.79%, var(--color-bdr-white-50) 96%, var(--color-bdr-white) 98.08%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--color-bg-white) var(--color-bg-white-10);
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-track {
  background: var(--color-bg-white-10);
  border-radius: var(--border-radius-pill);
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-bg-white);
  border-radius: var(--border-radius-pill);
  border: 1px solid transparent;
  background-clip: padding-box;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-white);
}
.scrollbar--black {
  scrollbar-width: thin;
  scrollbar-color: var(--color-bg-black) transparent;
}
.scrollbar--black::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar--black::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--border-radius-pill);
}
.scrollbar--black::-webkit-scrollbar-thumb {
  background: var(--color-bg-black);
  border-radius: var(--border-radius-pill);
  border: 1px solid transparent;
  background-clip: padding-box;
}
.scrollbar--black::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-black);
}

@property --has-scroll {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes has-scroll {
  from, to {
    --has-scroll: 1;
  }
}
.ui-timer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-10);
  color: var(--color-txt-white);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-regular);
  line-height: 100%;
  text-transform: none;
  font-family: var(--font-family-primary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.ui-timer b {
  display: inline-block;
  min-width: 2ch;
  text-align: center;
  font-weight: var(--font-weight-regular);
}
.ui-timer__icon {
  flex-shrink: 0;
  width: var(--width-24);
  height: var(--width-24);
  background-color: var(--color-icon-white);
  mask: url("/wp-content/themes/softswiss2022/assets/images/icons/timer.svg") no-repeat center/contain;
  -webkit-mask: url("/wp-content/themes/softswiss2022/assets/images/icons/timer.svg") no-repeat center/contain;
  flex-shrink: 0;
}
.ui-timer__digits {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-4-2-2);
}
.ui-timer__value, .ui-timer__sep {
  line-height: 1;
}

body.header-menu-lock {
  overflow: hidden;
}

.header {
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease, transform 0.35s ease, top 0.3s ease;
}
.header--scrolled {
  background-color: var(--color-bg-black-30);
  backdrop-filter: blur(15px);
}
.header--scrolled.header--ready:hover, .header--scrolled.header--ready:focus-within, .header:has(.main-menu__item--open), .header--menu-open {
  background-color: var(--color-bg-black);
  backdrop-filter: none;
}
.header.header--ready:hover, .header.header--ready:focus-within {
  background-color: var(--color-bg-black);
}
.header:not(.header--ready) {
  transition: none;
}
.header--hidden {
  transform: translateY(-100%);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .header {
    transition: none;
  }
}
.header__body::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-black);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 743px) {
  .header__contact:hover {
    background-color: var(--color-bg-red) !important;
  }
}
.header[data-theme=light] .header__contact.ui-button--red-border:hover {
  background-color: var(--color-bg-black);
  color: var(--color-txt-red);
}
.header[data-theme=light] .main-menu__trigger:hover .main-menu__title,
.header[data-theme=light] .main-menu__title--link:hover {
  color: var(--color-icon-yellow);
}
.header[data-theme=light] .main-menu__trigger:hover .main-menu__arrow {
  background-color: var(--color-icon-yellow);
}
.header[data-theme=light] .main-menu__item--open > .main-menu__trigger > .main-menu__title {
  color: var(--color-icon-yellow);
}
.header[data-theme=light] .main-menu__item--open > .main-menu__trigger > .main-menu__arrow {
  background-color: var(--color-icon-yellow);
}
.header[data-theme=light] .main-menu__link:hover {
  color: var(--color-icon-yellow);
}
.header[data-theme=light] .main-menu__subitem a:hover {
  color: var(--color-icon-yellow);
}
@media (max-width: 1239px) {
  .header__toggle {
    transition: opacity 0.2s ease;
    transition-delay: 0.2s;
  }
}
.header__toggle-box {
  transition: background-color 0.2s ease;
}
.header__toggle-box::before, .header__toggle-box::after {
  transition: transform 0.3s ease;
}
.header--menu-open .header__toggle {
  background-color: var(--color-bg-white);
}
.header--menu-open .header__toggle-box {
  background-color: transparent;
}
.header--menu-open .header__toggle-box::before, .header--menu-open .header__toggle-box::after {
  background-color: var(--color-bg-black);
}
.header--menu-open .header__toggle-box::before {
  transform: translateY(6px) rotate(45deg);
}
.header--menu-open .header__toggle-box::after {
  transform: translateY(-6px) rotate(-45deg);
}

.main-menu__title {
  transition: color 0.3s ease;
}
.main-menu__arrow {
  transition: transform 0.35s ease, background-color 0.3s ease;
}
.main-menu__item--open > .main-menu__trigger > .main-menu__arrow {
  transform: rotate(90deg);
}
.main-menu__link {
  transition: color 0.3s ease;
}
.main-menu-list-items .products_item > a {
  color: var(--color-txt-white);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-regular);
  line-height: 100%;
  text-transform: none;
  font-family: var(--font-family-primary);
}
@media (min-width: 1239.02px) {
  .main-menu__trigger:hover .main-menu__title, .main-menu__title--link:hover {
    color: var(--color-icon-yellow);
  }
  .main-menu__trigger:hover .main-menu__arrow {
    background-color: var(--color-icon-yellow);
  }
  .main-menu__item--open > .main-menu__trigger > .main-menu__arrow {
    background-color: var(--color-icon-yellow);
  }
  .main-menu__item--open > .main-menu__trigger > .main-menu__title {
    color: var(--color-icon-yellow);
  }
  .main-menu__link:hover {
    color: var(--color-icon-yellow);
  }
  .main-menu__panel {
    padding-top: max(80px, 80 * var(--fluid-unit));
    background-color: var(--color-bg-black);
    border-bottom: var(--border-width-s) solid var(--color-bdr-grey-dark);
    transform-origin: top;
    z-index: 1;
    overflow: hidden;
    transform: translateY(-100%);
    transition: 0.3s ease 0.3s;
  }
  .main-menu__panel-inner {
    padding-top: var(--padding-40-24-20);
    padding-bottom: var(--padding-50-50-40);
    opacity: 0;
    transform: translateY(calc(50 * var(--fluid-unit)));
    transition: 0.2s ease-in;
  }
  .main-menu__item--open .main-menu__panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition: 0.2s ease-in;
  }
  .main-menu__item--open .main-menu__panel-inner {
    transform: translateY(0);
    opacity: 1;
    transition: 0.2s ease-in 0.1s;
  }
  .main-menu__panel-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .main-menu__panel-info {
    min-width: 0;
    max-width: 66%;
  }
  .main-menu__sublist {
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 1 1 0;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gap-20);
    row-gap: var(--gap-30-30-20);
  }
  .main-menu__subitem {
    font-size: var(--font-size-xs);
    line-height: 1;
    min-width: 0;
  }
  .main-menu__subitem a {
    line-height: 1;
    transition: color 0.3s ease;
  }
  .main-menu__subitem a:hover {
    color: var(--color-icon-yellow);
  }
  .main-menu__subitem ul a {
    transition: color 0.3s ease;
  }
  .main-menu__subitem ul a:hover {
    color: var(--color-icon-yellow);
  }
}
@media (max-width: 1239px) {
  .main-menu__list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }
  .main-menu__item {
    padding-inline: var(--padding-60-40-20);
    border-top: var(--border-width-s) solid var(--color-bdr-grey-dark);
  }
  .main-menu__trigger, .main-menu__title--link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-block: var(--padding-20-20-14);
  }
  .main-menu__trigger {
    padding-block: 20px;
  }
  .main-menu__title {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-xl);
    white-space: normal;
  }
  .main-menu__arrow {
    flex-shrink: 0;
    width: var(--width-24);
    height: var(--width-24);
    background-color: var(--color-icon-white);
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M2 7L12 17L22 7%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M2 7L12 17L22 7%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  }
  .main-menu__panel {
    display: grid;
    grid-template-rows: 0fr;
    min-height: 0;
    transition: grid-template-rows 0.35s ease;
  }
  .main-menu__item--open > .main-menu__panel {
    grid-template-rows: 1fr;
  }
  .main-menu__panel-inner {
    min-height: 0;
    overflow: hidden;
    padding: 0;
  }
  .main-menu__panel-row {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--padding-20-20-14);
  }
  .main-menu__panel-info {
    display: none;
  }
  .main-menu__sublist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: var(--gap-20);
    padding-bottom: var(--padding-20-20-14);
  }
  .main-menu__subitem .p-xs {
    color: var(--color-txt-white-70);
  }
}
@media (max-width: 743px) {
  .main-menu__sublist {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .main-menu__panel, .main-menu__arrow, .main-menu__title, .main-menu__link {
    transition: none;
  }
}

@media (max-width: 1239px) {
  .header--menu-open .header__body::after {
    opacity: 1;
  }
  .header__drawer {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100dvh;
    z-index: 1;
    background-color: var(--color-bg-black);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--color-bdr-grey-dark) transparent;
  }
  .header__drawer::-webkit-scrollbar {
    width: 4px;
  }
  .header__drawer::-webkit-scrollbar-thumb {
    background-color: var(--color-bdr-grey-dark);
    border-radius: 4px;
  }
  .header__drawer::-webkit-scrollbar-track {
    background: transparent;
  }
  .header__drawer {
    padding-top: calc(var(--height-44) + 2 * var(--padding-16-16-10) + var(--border-width-s));
    visibility: hidden;
    transform: translateY(-100%);
    pointer-events: none;
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s, visibility 0s linear 0.3s;
  }
  .header__drawer-inner {
    display: flex;
    flex-direction: column;
    padding-block: var(--padding-30-30-20);
    padding-bottom: 20px;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .header--menu-open .header__drawer {
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .header--menu-open .header__drawer-inner {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
  }
  .header__langs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding-top: var(--padding-14);
    padding-inline: var(--padding-60-40-20);
    gap: 40px;
    border-top: var(--border-width-s) solid var(--color-bdr-grey-dark);
  }
  .header .lang-item a {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-medium);
    color: var(--color-txt-white);
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease;
  }
  .header .lang-item a:hover {
    color: var(--color-icon-yellow);
  }
}
@media (max-width: 1239px) and (max-width: 1239px) {
  .header .lang-item a {
    font-size: var(--font-size-xl);
  }
}
@media (max-width: 1239px) {
  .header .lang-item.current-lang a {
    color: var(--color-icon-yellow);
  }
}
.menu-language > li > a {
  transition: background-color 0.3s ease;
  pointer-events: none;
}
.menu-language > li > a::after {
  transition: transform 0.3s ease;
}
.menu-language > li:hover > a, .menu-language > li:focus-within > a {
  color: var(--color-icon-yellow);
}
.menu-language > li:hover > a::after, .menu-language > li:focus-within > a::after {
  transform: rotate(90deg);
  background-color: var(--color-icon-yellow);
}
.menu-language .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  top: calc(100% + var(--padding-16-16-10));
  left: calc(-14 * var(--fluid-unit));
  z-index: 10;
  min-width: max(246px, 246 * var(--fluid-unit));
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
  padding: var(--padding-4);
  background-color: var(--color-bg-black);
  border: var(--border-width-s) solid var(--color-bdr-white-20);
  border-radius: max(14px, 14 * var(--fluid-unit));
  backdrop-filter: blur(var(--blur-m));
  transform: rotateX(90deg);
  transform-origin: top;
  transition: transform 0.3s ease 0.1s, visibility 0.31s linear 0.1s;
}
.menu-language .sub-menu > li {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.2s ease;
}
.menu-language .sub-menu::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 100%;
  left: -10px;
  right: 60px;
  height: 30px;
}
.header.header--ready .menu-language > li:hover > .sub-menu, .header.header--ready .menu-language > li:focus-within > .sub-menu {
  visibility: visible;
  transform: rotateX(0);
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.header.header--ready .menu-language > li:hover > .sub-menu > li, .header.header--ready .menu-language > li:focus-within > .sub-menu > li {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease 0.1s, transform 0.2s ease 0.1s;
}
.menu-language .sub-menu a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-20);
  height: var(--height-48);
  min-height: 44px;
  padding: var(--padding-16-16-10) var(--padding-24) var(--padding-16-16-10) var(--padding-20);
  border-radius: var(--border-radius-m);
  color: var(--color-txt-white);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xs);
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.menu-language .sub-menu li > a:hover,
.menu-language .sub-menu .current-menu-item > a,
.menu-language .sub-menu .current-lang > a {
  background-color: var(--color-bg-white);
  color: var(--color-txt-black);
}
@media (prefers-reduced-motion: reduce) {
  .menu-language > li > a::after,
  .menu-language .sub-menu,
  .menu-language .sub-menu a {
    transition: none;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.overlay.header-overlay {
  z-index: 99;
}
.overlay.active {
  opacity: 1;
  pointer-events: auto;
}

body.has-notification-bar .header-search {
  top: 0;
}
body.has-notification-bar:has(#notification-bar.notification-bar--ready:not(.notification-bar--hidden)):not(:has(#header.header--menu-open)) .header-search {
  top: var(--notification-bar-height);
}
body.has-notification-bar:has(#notification-bar.notification-bar--ready:not(.notification-bar--hidden)):not(:has(#header.header--menu-open)) .header-search .header-search__panel {
  max-height: calc(100dvh - var(--notification-bar-height));
}

body.header-search-lock {
  overflow: hidden;
}

.header-search {
  --header-search-inline-padding: var(--padding-60-40-20);
  --header-search-panel-duration: 0.4s;
  --header-search-panel-easing: cubic-bezier(0.25, 0, 0.35, 1);
  position: fixed;
  inset: 0;
  z-index: 200;
  visibility: hidden;
  pointer-events: none;
  transition: top 0.3s ease, visibility 0s linear var(--header-search-panel-duration);
}
@media (prefers-reduced-motion: reduce) {
  .header-search {
    --header-search-panel-duration: 0s;
    transition: top 0.3s ease, visibility 0s;
  }
  .header-search .header-search__panel {
    transition: none;
  }
}
@media (max-width: 1239px) {
  .header-search {
    pointer-events: none !important;
  }
  .header-search.content-open {
    pointer-events: auto !important;
  }
  .header-search.content-open .header-search__bar {
    width: 100%;
  }
}
.header-search__backdrop {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: default;
  transition: background-color 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .header-search__backdrop {
    transition: none;
  }
}
.header-search:has(.header-search__content:not([hidden])) .header-search__backdrop {
  background-color: var(--color-bg-black-50);
}
.header-search__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100dvh;
  background-color: var(--color-bg-black);
  transform: translateY(-100%);
  transition: transform var(--header-search-panel-duration) var(--header-search-panel-easing);
}
@media (max-width: 1239px) {
  .header-search__panel {
    background-color: transparent;
    pointer-events: none;
  }
}
.header-search--open {
  visibility: visible;
  pointer-events: auto;
  transition: top 0.3s ease, visibility 0s linear 0s;
}
.header-search--open .header-search__panel {
  transform: translateY(0);
}
.header-search__bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  gap: var(--gap-20);
  min-height: var(--header-height-base);
  padding-inline: var(--header-search-inline-padding);
  padding-block: var(--padding-16-16-10);
}
@media (max-width: 1239px) {
  .header-search__bar {
    pointer-events: auto;
    background-color: var(--color-bg-black);
    width: calc(100% - var(--padding-60-40-20) - max(44px, 44 * var(--fluid-unit)));
    transition: width 0.3s ease;
  }
}
.header-search__field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-10);
  flex: 1 1 auto;
  min-width: 0;
}
.header-search__field input {
  padding-left: var(--padding-10);
}
@media (max-width: 1239px) {
  .header-search__field {
    gap: var(--gap-10);
    min-height: 44px;
    height: max(44px, 44 * var(--fluid-unit));
    padding-inline: var(--padding-20) var(--padding-10);
    border: var(--border-width-s) solid var(--color-bdr-grey-dark);
    border-radius: max(10px, 10 * var(--fluid-unit));
  }
  .header-search__field input {
    padding-left: 0;
  }
}
.header-search__field-icon {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  width: max(44px, 44 * var(--fluid-unit));
  height: max(44px, 44 * var(--fluid-unit));
  order: 0;
  flex-shrink: 0;
  pointer-events: none;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-search__field-icon:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: max(24px, 24 * var(--fluid-unit));
  height: max(24px, 24 * var(--fluid-unit));
  background-color: var(--color-icon-white);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22 stroke=%22%23000%22 stroke-width=%221.4%22/%3E%3Cpath d=%22M20 20L16.5 16.5%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22 stroke=%22%23000%22 stroke-width=%221.4%22/%3E%3Cpath d=%22M20 20L16.5 16.5%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (max-width: 1239px) {
  .header-search__field-icon {
    order: 2;
  }
}
.header-search__field:has(.header-search__input:not(:placeholder-shown)) .header-search__field-icon {
  pointer-events: auto;
  cursor: pointer;
}
.header-search__field:has(.header-search__input:not(:placeholder-shown)) .header-search__field-icon:before {
  flex-shrink: 0;
  width: max(24px, 24 * var(--fluid-unit));
  height: max(24px, 24 * var(--fluid-unit));
  background-color: var(--color-icon-white);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
}
.header-search__input {
  color: var(--color-txt-white);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
  text-transform: none;
  font-family: var(--font-family-primary);
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  appearance: none;
  caret-color: var(--color-bdr-red);
}
.header-search__input::placeholder {
  color: var(--color-txt-white-50);
  opacity: 1;
}
.header-search__input::-webkit-search-decoration, .header-search__input::-webkit-search-cancel-button, .header-search__input::-webkit-search-results-button {
  display: none;
}
.header-search__close {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--height-48);
  height: var(--height-48);
  border-radius: var(--border-radius-m);
  background-color: var(--color-bg-white);
  transition: opacity 0.3s ease;
}
@media (max-width: 1239px) {
  .header-search__close {
    display: none;
    width: 44px;
    height: 44px;
  }
}
.header-search__close:hover {
  opacity: 0.9;
}
.header-search__close-icon {
  flex-shrink: 0;
  width: max(24px, 24 * var(--fluid-unit));
  height: max(24px, 24 * var(--fluid-unit));
  background-color: var(--color-txt-black);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
}
.header-search__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-block: var(--padding-14) var(--padding-20);
  background-color: var(--color-bg-black);
}
.header-search__content[hidden] {
  display: none;
}
@media (max-width: 1239px) {
  .header-search__content {
    pointer-events: auto;
  }
}
.header-search__head {
  color: var(--color-txt-white);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-light);
  line-height: 1.15;
  text-transform: none;
  font-family: var(--font-family-headings);
  flex: 0 0 auto;
  padding-block: var(--padding-14);
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 743px) {
  .header-search__head {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: initial;
    overflow: hidden;
    max-height: 2.6em;
    max-height: 2.3lh;
  }
}
.header-search__head[hidden] {
  display: none;
}
.header-search__head-term {
  color: var(--color-txt-white);
}
.header-search__filters {
  flex: 0 0 auto;
  padding-inline: var(--padding-60-40-20);
  padding-top: var(--padding-20);
  overflow-x: auto;
}
@media (hover: none) and (pointer: coarse) {
  .header-search__filters {
    scrollbar-width: none;
  }
}
.header-search__filters .ui-tabs-group {
  width: fit-content;
}
@media (max-width: 1239px) {
  .header-search__filters .ui-tabs-group {
    display: flex;
  }
  .header-search__filters .ui-tabs-group::-webkit-scrollbar {
    display: none;
  }
}
.header-search__filters .ui-tabs-group--rectangle .ui-tabs-group__tab {
  min-width: 0;
  flex-shrink: 0;
}
@media (max-width: 1239px) {
  .header-search__filters .ui-tabs-group--rectangle .ui-tabs-group__tab {
    background-color: var(--color-bg-white-10);
  }
}
.header-search__list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: var(--gap-30);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--color-bg-white) var(--color-bg-white-10);
}
.header-search__list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.header-search__list::-webkit-scrollbar-track {
  background: var(--color-bg-white-10);
  border-radius: var(--border-radius-pill);
}
.header-search__list::-webkit-scrollbar-thumb {
  background: var(--color-bg-white);
  border-radius: var(--border-radius-pill);
  border: 1px solid transparent;
  background-clip: padding-box;
}
.header-search__list::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-white);
}
.header-search__list {
  animation: has-scroll linear;
  animation-timeline: scroll(self block);
  padding-right: calc(var(--has-scroll) * 10px);
}
.header-search__list:empty {
  flex: 0 0 auto;
  margin-top: 0;
}
.header-search__list--stale {
  flex: 0 0 auto;
  height: 0;
  min-height: 0;
  margin-top: 0;
  overflow: hidden;
  visibility: hidden;
}
.header-search__item {
  border-top: var(--border-width-s) solid var(--color-bdr-grey-dark);
  border-right: calc(var(--has-scroll) * var(--border-width-s)) solid var(--color-bdr-grey-dark);
}
.header-search__item:last-child {
  border-bottom: var(--border-width-s) solid var(--color-bdr-grey-dark);
}
.header-search__item-link {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: max(120px, 120 * var(--fluid-unit));
  padding-inline: var(--header-search-inline-padding);
  padding-block: var(--padding-40-24-20);
  text-decoration: none;
  transition: background-color 0.25s ease;
}
@media (max-width: 1239px) {
  .header-search__item-link {
    gap: 60pxl;
  }
}
@media (max-width: 743px) {
  .header-search__item-link {
    gap: 20px;
  }
}
.header-search__item-text {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr max(518px, 518 * var(--fluid-unit));
  gap: var(--gap-20);
  align-items: start;
}
@media (max-width: 1239px) {
  .header-search__item-text {
    grid-template-columns: 1fr;
    gap: var(--gap-10);
  }
}
.header-search__item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: initial;
  overflow: hidden;
  margin: 0;
  transition: color 0.25s ease;
}
@media (min-width: 1239.02px) {
  .header-search__item-title {
    padding-right: max(60px, 60 * var(--fluid-unit));
  }
}
.header-search__item-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-14);
}
.header-search__item-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: initial;
  overflow: hidden;
  margin: 0;
  transition: color 0.25s ease;
}
@media (max-width: 743px) {
  .header-search__item-excerpt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.header-search__item-cats {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-8);
}
.header-search__item-cat {
  color: var(--color-txt-red);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  text-transform: none;
  font-family: var(--font-family-primary);
}
.header-search__item-cat + .header-search__item-cat::before {
  content: "|";
  margin-right: var(--gap-8);
  color: var(--color-txt-red);
}
.header-search__item-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--height-48);
  height: var(--height-48);
  border-radius: var(--border-radius-m);
  background-color: var(--color-bg-red);
  opacity: 0;
  transition: opacity 0.25s ease;
}
@media (max-width: 1239px) {
  .header-search__item-arrow {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    opacity: 1;
  }
}
.header-search__item-arrow::before {
  content: "";
  flex-shrink: 0;
  width: max(24px, 24 * var(--fluid-unit));
  height: max(24px, 24 * var(--fluid-unit));
  background-color: var(--color-icon-white);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M19.3359 19.3596L19.3359 4.62823L4.60454 4.62823%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M4.59375 19.3657L19.3251 4.63433%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M19.3359 19.3596L19.3359 4.62823L4.60454 4.62823%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M4.59375 19.3657L19.3251 4.63433%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (hover: hover) and (min-width: 1239.02px) {
  .header-search .header-search__item-link:hover {
    background-color: var(--color-bg-white);
  }
  .header-search .header-search__item-link:hover .header-search__item-title {
    color: var(--color-txt-black);
  }
  .header-search .header-search__item-link:hover .header-search__item-excerpt {
    color: var(--color-txt-black);
  }
  .header-search .header-search__item-link:hover .header-search__item-arrow {
    opacity: 1;
  }
}
.header-search__empty {
  flex: 0 0 auto;
  padding-inline: var(--padding-60-40-20);
  padding-block: var(--padding-14);
}
.header-search__empty-line {
  color: var(--color-txt-white);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-light);
  line-height: 1.15;
  text-transform: none;
  font-family: var(--font-family-headings);
  margin: 0;
}
.header-search__empty-line--muted {
  color: var(--color-txt-white-50);
}
.header-search__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  padding-block: var(--padding-60-50-40);
  min-height: var(--header-search-loader-height, 0);
}
.header-search__loader[hidden] {
  display: none;
}
.header-search__more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding-block: var(--padding-30-30-20);
}
.header-search__more[hidden] {
  display: none;
}
.header-search__spinner {
  width: max(40px, 40 * var(--fluid-unit));
  height: max(40px, 40 * var(--fluid-unit));
  border-radius: 50%;
  border: var(--border-width-l) solid var(--color-bdr-white-20);
  border-top-color: var(--color-bdr-red);
  animation: header-search-spin 0.8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .header-search__spinner {
    animation-duration: 2s;
  }
}
.header-search__spinner--sm {
  width: max(28px, 28 * var(--fluid-unit));
  height: max(28px, 28 * var(--fluid-unit));
}

@keyframes header-search-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1239px) {
  .header.header--menu-open .header-search.content-open .header__toggle {
    opacity: 0;
    transition-delay: 0s;
  }
}
.ui-tabs-group--ghost-white {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: var(--gap-60-48-40);
  padding-bottom: 0;
  border-bottom: var(--border-width-xs) solid var(--color-bdr-white-20);
}
.ui-tabs-group--ghost-white::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * var(--border-width-xs));
  left: var(--_ind-left, 0px);
  right: var(--_ind-right, 100%);
  height: var(--border-width-xl);
  background: var(--color-bdr-white);
  transition: right 0.28s cubic-bezier(0.25, 0, 0.35, 1), left 0.38s cubic-bezier(0.25, 0, 0.35, 1) 0.05s;
}
.ui-tabs-group--ghost-white.ui-tabs-group--no-transition::after {
  transition: none;
}
.ui-tabs-group--ghost-white .ui-tabs-group__tab {
  display: flex;
  align-items: flex-start;
  padding-bottom: var(--gap-30-30-20);
  border: none;
  border-bottom: var(--border-width-xl) solid transparent;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease;
  margin-bottom: calc(-1 * var(--border-width-xs));
  color: var(--color-txt-white-50);
  font-size: var(--font-size-4xl-tab);
  font-weight: var(--font-weight-light);
  line-height: 100%;
  text-transform: none;
  font-family: var(--font-family-headings);
}
@media (hover: hover) {
  .ui-tabs-group--ghost-white .ui-tabs-group__tab:hover {
    color: var(--color-txt-white);
  }
}
.ui-tabs-group--ghost-white .ui-tabs-group__tab--active {
  color: var(--color-txt-white);
}

.ui-tabs-group--rectangle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--gap-4);
  padding: var(--padding-4);
  border-radius: var(--border-radius-m);
  border: var(--border-width-s) solid var(--color-bdr-white-20);
  background: var(--color-bg-black);
  height: var(--height-56);
}
.ui-tabs-group--rectangle::before {
  content: "";
  position: absolute;
  top: var(--padding-4);
  left: var(--_rect-left, var(--padding-4));
  width: var(--_rect-width, 0px);
  height: calc(100% - var(--padding-4) * 2);
  background: var(--color-bg-white);
  border-radius: var(--border-radius-s);
  transition: left 0.3s cubic-bezier(0.25, 0, 0.35, 1), width 0.3s cubic-bezier(0.25, 0, 0.35, 1);
  pointer-events: none;
}
.ui-tabs-group--rectangle--no-transition::before {
  transition: none;
}
.ui-tabs-group--rectangle .ui-tabs-group__tab {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: var(--padding-16-16-10) var(--padding-24);
  border: none;
  border-radius: var(--border-radius-m);
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  color: var(--color-txt-white);
  transition: color 0.3s ease;
  min-width: var(--width-140);
}
.ui-tabs-group--rectangle .ui-tabs-group__tab span {
  position: relative;
}
@media (hover: hover) {
  .ui-tabs-group--rectangle .ui-tabs-group__tab:hover:not(.ui-tabs-group__tab--active) {
    color: var(--color-txt-white-70);
  }
}
.ui-tabs-group--rectangle .ui-tabs-group__tab--active {
  color: var(--color-txt-black);
  pointer-events: none;
}

.ui-tabs-group--no-transition::after {
  transition: none;
}

.ui-slider {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  visibility: hidden;
}
.ui-slider.swiper-initialized {
  opacity: 1;
  visibility: visible;
}
.ui-slider .swiper-wrapper {
  display: flex;
  align-items: stretch;
  box-sizing: content-box;
}
.ui-slider .swiper-slide {
  height: auto;
  flex-shrink: 0;
}
.ui-slider__bottom-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-10);
}
.ui-slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.ui-slider__nav-wrapper {
  display: flex;
  gap: var(--gap-10);
}
.ui-slider__nav--prev {
  transform: rotate(180deg);
}
.ui-slider__nav.swiper-button-disabled {
  --btn-bd: transparent;
  background-color: var(--color-bg-gray-dark-20);
  backdrop-filter: blur(var(--blur-m));
  pointer-events: none;
}
.ui-slider__nav.swiper-button-disabled path {
  stroke: var(--bdr-gray-dark-50, rgba(128, 128, 128, 0.5));
}
.ui-slider__pagination {
  --swiper-pagination-bullet-size: max(8px, 8 * var(--fluid-unit));
  --swiper-pagination-bullet-width: max(8px, 8 * var(--fluid-unit));
  --swiper-pagination-bullet-height: max(8px, 8 * var(--fluid-unit));
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-pill);
  background: var(--color-bg-gray-dark-20);
  backdrop-filter: blur(var(--blur-m));
}
.ui-slider__pagination .swiper-pagination-bullet {
  margin: 0;
  width: var(--swiper-pagination-bullet-width);
  height: var(--swiper-pagination-bullet-height);
  border-radius: var(--border-radius-pill);
  background: var(--color-bg-white);
  opacity: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ui-slider__pagination .swiper-pagination-bullet-active {
  width: max(48px, 48 * var(--fluid-unit));
}
@media (max-width: 390px) {
  .ui-slider__pagination {
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-height: 6px;
    gap: var(--gap-4);
  }
  .ui-slider__pagination .swiper-pagination-bullet-active {
    width: 24px;
  }
}

@keyframes ui-marquee-row-scroll {
  to {
    transform: translateX(-50%);
  }
}
.ui-marquee-row--marquee {
  overflow: hidden;
}
.ui-marquee-row--marquee .ui-marquee-row__track {
  animation: ui-marquee-row-scroll var(--ui-marquee-duration, 28s) linear infinite;
}
.ui-marquee-row--marquee .ui-marquee-row__line--right .ui-marquee-row__track {
  animation-direction: reverse;
}
@media (max-width: 1239px) {
  .ui-marquee-row--static-desktop .ui-marquee-row__track {
    animation: ui-marquee-row-scroll var(--ui-marquee-duration, 28s) linear infinite;
  }
  .ui-marquee-row--static-desktop .ui-marquee-row__line--right .ui-marquee-row__track {
    animation-direction: reverse;
  }
}
.ui-marquee-row[data-marquee-row-pause-on-hover=true]:hover .ui-marquee-row__track {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .ui-marquee-row__track {
    animation: none;
  }
}
@media (min-width: 1239.02px) {
  .ui-marquee-row--static-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .ui-marquee-row--static-desktop .ui-marquee-row__line {
    width: 100%;
    height: 100%;
  }
  .ui-marquee-row--static-desktop .ui-marquee-row__track {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .ui-marquee-row--static-desktop .ui-marquee-row__track > * {
    flex: 1 1 0;
    width: auto;
  }
  .ui-marquee-row--static-desktop [aria-hidden=true] {
    display: none;
  }
}
@media (max-width: 1239px) {
  .ui-marquee-row--static-desktop {
    overflow: hidden;
  }
}
.ui-marquee-row__line {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ui-marquee-row__track {
  display: inline-flex;
  align-items: center;
  height: 100%;
  will-change: transform;
}
.ui-marquee-row--marquee:not(.ui-marquee-row--content-width) .ui-marquee-row__track > * {
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 1239px) {
  .ui-marquee-row--marquee:not(.ui-marquee-row--content-width) .ui-marquee-row__track > * {
    width: 33.333%;
  }
}
@media (max-width: 743px) {
  .ui-marquee-row--marquee:not(.ui-marquee-row--content-width) .ui-marquee-row__track > * {
    width: 50%;
  }
}
@media (max-width: 1239px) {
  .ui-marquee-row--static-desktop .ui-marquee-row__track > * {
    flex: 0 0 auto;
    width: 33.333%;
  }
}
@media (max-width: 743px) {
  .ui-marquee-row--static-desktop .ui-marquee-row__track > * {
    width: 50%;
  }
}
.ui-marquee-row--gap .ui-marquee-row__track {
  gap: var(--gap-20-14);
}

body.ui-popup-lock {
  overflow: hidden;
}

.ui-popup {
  position: fixed;
  inset: 0;
  z-index: 250;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40-24-20);
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .ui-popup {
    transition: visibility 0s linear;
  }
}
.ui-popup--open {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear 0s;
}
.ui-popup--open .ui-popup__backdrop {
  background-color: var(--color-bg-black-50);
}
.ui-popup--open .ui-popup__panel {
  opacity: 1;
  transform: scale(1);
}
.ui-popup__backdrop {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: default;
  transition: background-color 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .ui-popup__backdrop {
    transition: none;
  }
}
.ui-popup__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: max(922px, 922 * var(--fluid-unit));
  max-height: 100%;
  overflow: hidden;
  background-color: var(--color-bg-black);
  border: var(--border-width-s) solid var(--color-bdr-grey-dark);
  border-radius: var(--border-radius-l);
  backdrop-filter: blur(15px);
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .ui-popup__panel {
    transition: none;
  }
}
.ui-popup__close {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: max(12px, 12 * var(--fluid-unit));
  right: max(12px, 12 * var(--fluid-unit));
  z-index: 1;
  width: var(--width-44);
  height: var(--height-44);
  border-radius: var(--border-radius-s);
  transition: opacity 0.25s ease;
}
.ui-popup__close:hover {
  opacity: 0.7;
}
.ui-popup__close-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-white);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M5 5L19 19M19 5L5 19%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
}
.ui-popup__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--padding-40-24-20);
  scrollbar-width: thin;
  scrollbar-color: var(--color-bg-white) var(--color-bg-white-10);
}
.ui-popup__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ui-popup__body::-webkit-scrollbar-track {
  background: var(--color-bg-white-10);
  border-radius: var(--border-radius-pill);
}
.ui-popup__body::-webkit-scrollbar-thumb {
  background: var(--color-bg-white);
  border-radius: var(--border-radius-pill);
  border: 1px solid transparent;
  background-clip: padding-box;
}
.ui-popup__body::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-white);
}

.ui-dropdown__trigger {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.ui-dropdown__trigger:focus-visible {
  outline: 2px solid var(--color-bdr-red);
  outline-offset: 2px;
}
.ui-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--gap-20);
  cursor: pointer;
}
.ui-dropdown__slot {
  flex: 1;
  min-width: 0;
}
.ui-dropdown__arrow {
  flex-shrink: 0;
  width: var(--gap-24-24-14);
  height: var(--gap-24-24-14);
  background-color: var(--color-icon-white);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M2 7L12 17L22 7%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M2 7L12 17L22 7%22 stroke=%22white%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;
  transition: transform 0.35s ease;
}
@media (max-width: 743px) {
  .ui-dropdown__arrow {
    width: 24px;
    height: 24px;
  }
}
.ui-dropdown__body {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  transition: grid-template-rows 0.35s ease;
}
.ui-dropdown__body-inner {
  min-height: 0;
  overflow: hidden;
}
.ui-dropdown--open > .ui-dropdown__trigger > .ui-dropdown__arrow {
  transform: rotate(90deg);
}
.ui-dropdown--open > .ui-dropdown__body {
  grid-template-rows: 1fr;
}
@media (prefers-reduced-motion: reduce) {
  .ui-dropdown__arrow, .ui-dropdown__body {
    transition: none;
  }
}

@media (min-width: 1239.02px) {
  .ui-dropdown--collapse-tablet > .ui-dropdown__trigger {
    cursor: default;
    pointer-events: none;
  }
  .ui-dropdown--collapse-tablet > .ui-dropdown__trigger > .ui-dropdown__arrow {
    display: none;
  }
  .ui-dropdown--collapse-tablet > .ui-dropdown__body {
    grid-template-rows: 1fr;
  }
}

.card-footer-partner {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.card-footer-partner__link {
  display: inline-flex;
  transition: opacity 0.3s ease;
}
.card-footer-partner__link:hover {
  opacity: 0.7;
}
.card-footer-partner__logo {
  max-width: 80%;
  max-height: max(60px, 70 * var(--fluid-unit));
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.footer {
  background-color: var(--color-bg-black);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1239px) {
  .footer {
    padding-inline: 0;
  }
}
.footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1239px) {
  .footer__top {
    padding-inline: var(--padding-60-40-20);
  }
}
@media (max-width: 743px) {
  .footer__top {
    grid-template-columns: 1fr;
  }
}
.footer__logo {
  display: inline-flex;
  width: var(--width-224);
}
.footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.footer__email {
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.footer__email:hover {
  opacity: 0.7;
}
@media (max-width: 1239px) {
  .footer__email-icon {
    display: none;
  }
}
.footer__socials {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 1239px) {
  .footer__socials {
    padding-inline: var(--padding-60-40-20);
  }
}
@media (max-width: 743px) {
  .footer__socials {
    gap: 10px;
  }
}
.footer__social {
  flex: 1 1 0;
  min-width: max(45px, 120 * var(--fluid-unit));
  height: max(45px, 70 * var(--fluid-unit));
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.footer__social:hover {
  border-color: var(--color-bdr-white-50);
  background-color: var(--color-bg-white-10);
}
.footer__social-icon {
  width: max(24px, 28 * var(--fluid-unit));
  height: max(24px, 28 * var(--fluid-unit));
  object-fit: contain;
  display: block;
}
.footer__menu {
  width: 100%;
}
.footer__columns {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: max(520px, 700 * var(--fluid-unit));
}
@media (max-width: 1239px) {
  .footer__columns {
    max-height: none;
    gap: 0;
  }
}
@media (max-width: 1239px) {
  .footer__copyright {
    flex: 1;
  }
}
@media (max-width: 743px) {
  .footer__copyright {
    flex-basis: 100%;
  }
}
.footer-menu__group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 1239.02px) {
  .footer-menu__group:first-child {
    min-height: max(520px, 520 * var(--fluid-unit));
  }
}
@media (max-width: 1239px) {
  .footer-menu__group {
    gap: 0;
    padding-block: var(--padding-20-20-14);
    position: relative;
    padding-inline: var(--padding-60-40-20);
  }
  .footer-menu__group::before, .footer-menu__group::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    height: var(--border-width-m);
    width: 100%;
    left: 0;
    background-color: var(--color-bg-white-20);
    z-index: 1;
  }
  .footer-menu__group:after {
    bottom: 0;
    top: auto;
  }
  .footer-menu__group:not(:last-child)::after {
    display: none;
  }
}
.footer-menu__title {
  text-decoration: none;
}
@media (max-width: 1239px) {
  .footer-menu__title {
    line-height: 140%;
  }
}
.footer-menu__group--link .footer-menu__title {
  display: inline-block;
  transition: opacity 0.3s ease;
}
.footer-menu__group--link .footer-menu__title:hover {
  opacity: 0.7;
}
.footer-menu__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
@media (min-width: 743.02px) and (max-width: 1239px) {
  .footer-menu__sublist {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1239px) {
  .footer-menu__sublist {
    padding-top: var(--padding-14);
    padding-bottom: 4px;
  }
}
.footer-menu__link {
  color: var(--color-txt-white-70);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-menu__link:hover {
  color: var(--color-txt-white);
}
.footer__partners {
  height: var(--height-140);
  border: var(--border-width-xs) solid var(--color-bdr-white-30);
  border-radius: var(--border-radius-l);
}
@media (max-width: 1239px) {
  .footer__partners {
    height: 108px;
    margin-inline: var(--padding-60-40-20);
  }
}
.footer__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1239px) {
  .footer__bottom {
    display: flex;
    flex-wrap: wrap;
    padding-inline: var(--padding-60-40-20);
  }
}
@media (max-width: 1239px) {
  .footer__text {
    flex-basis: 100%;
  }
}
.footer__text p {
  margin-bottom: var(--gap-20-14);
}
.footer__text p:last-child {
  margin-bottom: 0;
}
.footer__text a {
  transition: color 0.3s ease;
}
.footer__text a:hover {
  color: var(--color-txt-white);
}
.footer__links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-20-14);
}
@media (max-width: 1239px) {
  .footer__links {
    justify-content: space-between;
  }
}
@media (max-width: 743px) {
  .footer__links {
    flex-basis: 100%;
    justify-content: flex-start;
  }
}
.footer__link {
  color: var(--color-txt-white-70);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.footer__link:hover {
  color: var(--color-txt-white);
}
.footer .desc_links {
  display: flex;
  gap: var(--gap-20-14);
}

#CybotCookiebotDialog {
  color: var(--color-txt-white) !important;
  backdrop-filter: blur(15px) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-xs) !important;
  width: 100% !important;
  max-width: max(900px, 900 * var(--fluid-unit)) !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog {
    max-width: 922px;
    width: calc(100% - 80px) !important;
  }
}
@media (max-width: 743px) {
  #CybotCookiebotDialog {
    width: calc(100% - 40px) !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
  }
}
#CybotCookiebotDialog[data-template=bottom] {
  background: var(--color-bg-black-50) !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog[data-template=bottom] {
    background: var(--color-bg-black) !important;
    border-radius: var(--border-radius-l) !important;
  }
}
#CybotCookiebotDialog[data-template=popup].CybotCookiebotDialogActive {
  background: var(--color-bg-black) !important;
  border-radius: var(--border-radius-l) !important;
}
#CybotCookiebotDialog div[role=heading] {
  color: var(--color-txt-white) !important;
  font-size: var(--font-size-xxl) !important;
  font-weight: var(--font-weight-light) !important;
  line-height: 115% !important;
  text-transform: none !important;
  font-family: var(--font-family-headings) !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-txt-red) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBody {
  min-height: auto !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
  padding: 0px !important;
}
#CybotCookiebotDialog.CybotMultilevel {
  background-color: var(--color-bg-black) !important;
  border-radius: var(--border-radius-l) !important;
}
#CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
  padding: max(40px, 40 * var(--fluid-unit)) !important;
  padding-top: max(30px, 30 * var(--fluid-unit)) !important;
  border-top: var(--border-width-s) solid var(--color-bdr-white-20) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogBody {
  min-height: auto !important;
  padding: max(30px, 30 * var(--fluid-unit)) max(40px, 40 * var(--fluid-unit)) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogBody {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogBodyLevelButtonsRow {
  border: var(--border-width-s) solid var(--color-bdr-white-20) !important;
  border-radius: var(--border-radius-m) !important;
  padding: max(24px, 24 * var(--fluid-unit)) !important;
  padding-top: max(20px, 20 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog.CybotEdge {
  padding: max(40px, 40 * var(--fluid-unit)) max(60px, 60 * var(--fluid-unit)) !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge {
    padding: max(40px, 40 * var(--fluid-unit)) !important;
    padding-top: max(30px, 30 * var(--fluid-unit)) !important;
  }
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotEdge {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel {
  background-color: var(--color-bg-black-50) !important;
  border-radius: 0px !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel {
    background-color: var(--color-bg-black) !important;
    border-radius: var(--border-radius-l) !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogBody {
  padding: 0px !important;
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper {
  border-top: none !important;
  padding-top: 0px !important;
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter {
  position: relative !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter {
    margin-top: 30px !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
  padding: 0px !important;
  padding-top: 0px !important;
  border-top: none !important;
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogBodyLevelButtonsRow {
  border: none !important;
  border-radius: 0px !important;
  padding: 0px !important;
  padding-top: 0px !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogBodyLevelButtonsRow {
    border: var(--border-width-s) solid var(--color-txt-white-50) !important;
    border-radius: var(--border-radius-m) !important;
    padding: max(24px, 24 * var(--fluid-unit)) !important;
    padding-top: max(20px, 20 * var(--fluid-unit)) !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotScrollContainer {
  width: auto !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotScrollContainer {
    width: 100% !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogTabContent {
  padding: 0px !important;
}
#CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogContentWrapper {
  gap: max(60px, 60 * var(--fluid-unit));
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogContentWrapper {
    gap: 0px !important;
  }
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
  max-width: max(215px, 215 * var(--fluid-unit)) !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
    max-width: 100% !important;
    margin-right: 0px !important;
  }
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  width: max(215px, 215 * var(--fluid-unit)) !important;
  max-width: 100%;
  margin-right: 0px !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    width: 33.33% !important;
  }
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    width: 100% !important;
  }
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
  margin-top: 0px !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
  margin-right: 0px !important;
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyContent {
  padding: 0px !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyContent {
    padding: 0px !important;
  }
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive .CybotCookiebotDialogBodyBottomWrapper {
  display: none !important;
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive .CybotCookiebotDialogContentWrapper {
  gap: max(60px, 60 * var(--fluid-unit));
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyLevelButtonCustomize {
  border-radius: var(--border-radius-s) !important;
  color: var(--color-txt-white) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  transition: all 0.3s ease !important;
  padding: max(15px, 15 * var(--fluid-unit)) max(17px, 17 * var(--fluid-unit)) !important;
  line-height: 100% !important;
  background: transparent !important;
  border: var(--border-width-s) solid var(--color-txt-white) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
  border-style: none !important;
  width: 20px;
  height: 20px;
  transition: all 0.3s !important;
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgN0wxMiAxN0wyMiA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-size: cover !important;
}
#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
  padding: 0px !important;
  border-top: none !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding: 0px !important;
  }
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive .CybotCookiebotDialogContentWrapper {
    gap: 30px !important;
  }
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive .CybotCookiebotDialogBodyBottomWrapper {
  margin-top: 0px !important;
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyContent {
  padding: max(30px, 30 * var(--fluid-unit)) max(40px, 40 * var(--fluid-unit)) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyContent {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyLevelButtonCustomize.CybotCookiebotDialogBodyButton {
  border-radius: var(--border-radius-s) !important;
  color: var(--color-txt-white) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  transition: all 0.3s ease !important;
  padding: max(15px, 15 * var(--fluid-unit)) max(17px, 17 * var(--fluid-unit)) !important;
  line-height: 100% !important;
  background: transparent !important;
  border: var(--border-width-s) solid var(--color-txt-white) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyLevelButtonCustomize.CybotCookiebotDialogBodyButton .CybotCookiebotDialogArrow {
  border-style: none !important;
  width: 20px;
  height: 20px;
  transition: all 0.3s !important;
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgN0wxMiAxN0wyMiA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-size: cover !important;
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogBodyLevelButtonCustomize.CybotCookiebotDialogHide {
  display: none !important;
}
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
  padding: max(40px, 40 * var(--fluid-unit)) !important;
  padding-top: max(30px, 30 * var(--fluid-unit)) !important;
  border-top: var(--border-width-s) solid var(--color-bdr-white-20) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout {
  padding: max(30px, 30 * var(--fluid-unit)) max(40px, 40 * var(--fluid-unit)) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog .CookieCard {
  padding: max(30px, 30 * var(--fluid-unit)) max(40px, 40 * var(--fluid-unit)) !important;
  border-bottom: var(--border-width-s) solid var(--color-bdr-white-20) !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog .CookieCard {
    padding: 30px 20px !important;
  }
}
#CybotCookiebotDialog .CookieCard > div:first-child {
  padding-left: max(40px, 40 * var(--fluid-unit));
}
@media (max-width: 600px) {
  #CybotCookiebotDialog .CookieCard > div:first-child {
    padding-left: 40px !important;
  }
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogBodyLevelButtonSlider:before {
  width: 20px !important;
  height: 20px !important;
  left: 2px !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  font-size: var(--font-size-xs) !important;
  line-height: 140% !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  padding-left: 0px !important;
  padding-top: max(20px, 20 * var(--fluid-unit)) !important;
}
@media (max-width: 390px) {
  #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    margin-left: -40px;
  }
}
#CybotCookiebotDialog .CookieCard .CollapseCard .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
  margin-left: 0px !important;
  padding-top: 0px !important;
  margin-top: max(30px, 30 * var(--fluid-unit)) !important;
}
@media (max-width: 390px) {
  #CybotCookiebotDialog .CookieCard .CollapseCard .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
    margin-left: -40px !important;
  }
}
#CybotCookiebotDialog .CookieCard:last-of-type {
  margin-bottom: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyContentText {
  font-size: var(--font-size-xs) !important;
  line-height: 140% !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoDescription {
  padding-bottom: max(20px, 20 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoTitle {
  margin-bottom: max(14px, 14 * var(--fluid-unit)) !important;
  font-size: var(--font-size-xs) !important;
  line-height: 140%;
  word-break: break-word;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoFooter {
  border-top: var(--border-width-s) solid var(--color-bdr-grey-dark) !important;
  padding-top: max(20px, 20 * var(--fluid-unit)) !important;
  font-size: var(--font-size-xs) !important;
  line-height: 140%;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoFooterContent {
  margin-top: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoWrapper {
  margin-top: max(14px, 14 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoWrapper:before {
  display: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout {
  font-size: var(--font-size-xs) !important;
  line-height: 140%;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  padding: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotScrollbarContainer {
  display: none !important;
}
#CybotCookiebotDialog #CybotCookiebotBannerCloseButtonE2E {
  display: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogTabContent {
  margin: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogTabContent input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
  box-shadow: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogFooter {
  margin-left: 0px !important;
  right: 0 !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogFooter {
    margin-left: 0 !important;
  }
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding: 0px !important;
  }
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading {
  margin-bottom: max(20px, 20 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper {
  margin-top: max(24px, 24 * var(--fluid-unit)) !important;
  padding-left: 0px !important;
  align-items: center !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
  width: 100% !important;
  max-width: 100% !important;
}
#CybotCookiebotDialog .CybotCookiebotFader {
  display: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav {
  border-bottom: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItem {
  font-family: var(--font-family-headings) !important;
  font-size: var(--font-size-l) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  color: var(--color-txt-white-50) !important;
  transition: all 0.3s ease !important;
  border-bottom: var(--border-width-m) solid var(--color-bdr-white-20) !important;
  font-size: var(--font-size-l) !important;
  font-weight: var(--font-weight-300) !important;
  line-height: 140% !important;
  font-family: var(--font-family-headings) !important;
  padding: max(14px, 14 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive, #CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--color-txt-white) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: var(--border-width-m) solid var(--color-bdr-red) !important;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: none !important;
  max-height: none !important;
  padding: 0px !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyFieldsetInnerContainer {
    gap: 28px !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonWrapper {
  border: none !important;
  margin-top: 0px !important;
  padding: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
  padding: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent a {
  color: var(--color-txt-white) !important;
  text-decoration: underline !important;
  font-weight: var(--font-weight-regular) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent a:hover {
  text-decoration: none !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieProvider::after {
  right: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogHeader {
  display: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane {
  padding: 0px !important;
  border: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonLabel {
  font-size: var(--font-size-s) !important;
  font-weight: var(--font-weight-regular) !important;
  margin-right: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-bg-gray-dark-50) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonSlider:before {
  width: 20px !important;
  height: 20px !important;
  bottom: 4px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-bg-red) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  transform: translateX(24px) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription {
  font-weight: var(--font-weight-regular) !important;
  font-size: var(--font-size-s) !important;
  line-height: 140% !important;
  margin-right: max(14px, 14 * var(--fluid-unit)) !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription {
    margin-right: 0px !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: var(--color-icon-yellow) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  width: 52px !important;
  height: 28px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper:hover input[type=checkbox]:not(:disabled) + .CybotCookiebotDialogBodyLevelButtonSlider {
  opacity: 1 !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent {
  border: var(--border-width-s) solid var(--color-bdr-grey-dark) !important;
  border-radius: var(--border-radius-m) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup {
  padding: max(20px, 20 * var(--fluid-unit)) max(24px, 24 * var(--fluid-unit)) !important;
  border-radius: 0 !important;
  border: 0px !important;
  border-bottom: var(--border-width-s) solid var(--color-bdr-grey-dark) !important;
  margin-bottom: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup:last-child {
  border-bottom: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup.open .CybotCookiebotDialogDetailBodyContentCookieProvider::after {
  transform: rotate(90deg);
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieLink {
  font-size: var(--font-size-s) !important;
  font-weight: var(--font-weight-regular) !important;
  font-family: var(--font-family-primary) !important;
  padding-top: max(14px, 14 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieLink .CybotExternalLinkArrow {
  display: none;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieLink::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjMzNTkgMTkuMzU5NEwxOS4zMzU5IDQuNjI3OThMNC42MDQ1NCA0LjYyNzk4IiBzdHJva2U9IiNFODAwMzciIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuNTkzNzUgMTkuMzY3MkwxOS4zMjUxIDQuNjM1NzkiIHN0cm9rZT0iI0U4MDAzNyIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
@media (max-width: 600px) {
  #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieLink::after {
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-left: 5px;
  }
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider {
  font-size: var(--font-size-s) !important;
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-txt-white) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider::after {
  border-style: none !important;
  width: 24px;
  height: 24px;
  top: 1px !important;
  transition: all 0.3s !important;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgN0wxMiAxN0wyMiA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
@media (max-width: 600px) {
  #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider::after {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider .CybotCookiebotDialogDetailBodyContentCookieInfoCount {
  color: var(--color-txt-white) !important;
  background: transparent !important;
  font-size: var(--font-size-s) !important;
  font-weight: var(--font-weight-regular) !important;
  padding: 0px !important;
  margin-left: 5px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider .CybotCookiebotDialogDetailBodyContentCookieInfoCount:before {
  content: "(";
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieProvider .CybotCookiebotDialogDetailBodyContentCookieInfoCount::after {
  content: ")";
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotExternalLinkArrow {
  filter: brightness(0) invert(1) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTabContent .CybotCookiebotDialogDetailBodyContentCookieGroup .CybotCookiebotDialogDetailBodyContentCookieInfo {
  background-color: var(--color-bg-white-10) !important;
  border-radius: var(--border-radius-s) !important;
  border: 0px !important;
  padding: max(20px, 20 * var(--fluid-unit)) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
  padding: max(20px, 20 * var(--fluid-unit)) max(40px, 40 * var(--fluid-unit)) !important;
  font-size: var(--font-size-xs) !important;
  line-height: 140% !important;
}
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
    padding: 20px !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails {
  height: auto !important;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails {
    margin-bottom: 0px !important;
    margin-top: 30px !important;
    justify-content: left !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
  font-size: var(--font-size-s) !important;
  color: var(--color-txt-white) !important;
  font-weight: var(--font-weight-regular) !important;
  border-style: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  transform: none !important;
  height: auto !important;
  width: auto !important;
  margin-left: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  vertical-align: middle;
  border-width: 0px !important;
  background-color: var(--color-bdr-white) !important;
  transform: rotate(360deg);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M7 22L17 12L7 2%22 stroke=%22black%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M7 22L17 12L7 2%22 stroke=%22black%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink:after {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink:hover {
  color: var(--color-icon-yellow) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink:hover:after {
  background-color: var(--color-icon-yellow) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  padding-left: 0px !important;
  position: relative !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
  --fluid-up-top: max(9px, 9 * var(--fluid-unit));
  position: absolute !important;
  top: calc(50% - var(--fluid-up-top));
  left: max(-50px, -50 * var(--fluid-unit)) !important;
  border-style: none !important;
  width: 24px;
  height: 24px;
  transition: all 0.3s !important;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgN0wxMiAxN0wyMiA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
    left: -42px !important;
  }
}
@media (max-width: 600px) {
  #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  font-size: var(--font-size-m) !important;
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-txt-white) !important;
  line-height: 150% !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton[aria-expanded=true]:before {
  transform: rotate(-90deg);
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  font-size: var(--font-size-xs) !important;
  line-height: 140% !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount {
  color: var(--color-txt-white) !important;
  background: transparent !important;
  font-size: var(--font-size-m) !important;
  font-weight: var(--font-weight-regular) !important;
  padding: 0px !important;
  margin-left: 0px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount:before {
  content: "(";
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerHeader .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount::after {
  content: ")";
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified {
  padding-left: max(40px, 40 * var(--fluid-unit));
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  padding-left: 0px !important;
  position: relative !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
  --fluid-up-top: max(9px, 9 * var(--fluid-unit));
  position: absolute !important;
  top: calc(50% - var(--fluid-up-top));
  left: max(-50px, -50 * var(--fluid-unit)) !important;
  border-style: none !important;
  width: 24px;
  height: 24px;
  transition: all 0.3s !important;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgN0wxMiAxN0wyMiA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
    left: -42px !important;
    top: 5px !important;
  }
}
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  font-size: var(--font-size-m) !important;
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-txt-white) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton[aria-expanded=true]:before {
  transform: rotate(-90deg);
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  font-size: var(--font-size-xs) !important;
  line-height: 140% !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount {
  color: var(--color-txt-white) !important;
  background: transparent !important;
  font-size: var(--font-size-m) !important;
  font-weight: var(--font-weight-regular) !important;
  padding: 0px !important;
  margin-left: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount:before {
  content: "(";
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount::after {
  content: ")";
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper {
  gap: max(20px, 20 * var(--fluid-unit));
}
@media (max-width: 1279px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper {
    justify-content: space-between !important;
  }
}
@media (max-width: 600px) {
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: column-reverse;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  border-radius: var(--border-radius-s) !important;
  color: var(--color-txt-white) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  transition: all 0.3s ease !important;
  padding: max(15px, 15 * var(--fluid-unit)) max(17px, 17 * var(--fluid-unit)) !important;
  line-height: 100% !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--color-txt-red) !important;
  border-color: var(--color-bdr-red) !important;
  color: var(--color-txt-white) !important;
  border: var(--border-width-s) solid var(--color-bdr-red) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: transparent !important;
  border: var(--border-width-s) solid var(--color-txt-white) !important;
  margin-right: 0px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  background-color: var(--color-txt-white) !important;
  border-color: var(--color-txt-white) !important;
  color: var(--color-bg-black) !important;
}
#CybotCookiebotDialog {
  /*style for scroll*/
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer::-webkit-scrollbar,
#CybotCookiebotDialog .CybotCookiebotScrollArea::-webkit-scrollbar,
#CybotCookiebotDialog .CybotCookiebotScrollbarContainer::-webkit-scrollbar {
  width: 10px !important;
  background: var(--color-bg-white-10) !important;
  border-radius: 0 !important;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer::-webkit-scrollbar-track,
#CybotCookiebotDialog .CybotCookiebotScrollArea::-webkit-scrollbar-track,
#CybotCookiebotDialog .CybotCookiebotScrollbarContainer::-webkit-scrollbar-track {
  width: 10px !important;
  background: var(--color-bg-white-10) !important;
  border-radius: 0 !important;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer::-webkit-scrollbar-thumb,
#CybotCookiebotDialog .CybotCookiebotScrollArea::-webkit-scrollbar-thumb,
#CybotCookiebotDialog .CybotCookiebotScrollbarContainer::-webkit-scrollbar-thumb {
  width: 6px !important;
  min-height: 40px !important;
  background: var(--color-bg-white) !important;
  border: 2px solid transparent !important;
  border-radius: 32px !important;
  background-clip: content-box !important;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer::-webkit-scrollbar-thumb:hover,
#CybotCookiebotDialog .CybotCookiebotScrollArea::-webkit-scrollbar-thumb:hover,
#CybotCookiebotDialog .CybotCookiebotScrollbarContainer::-webkit-scrollbar-thumb:hover {
  background: var(--color-bdr-white-70) !important;
  background-clip: content-box !important;
}

#CookiebotWidget * {
  color: var(--color-txt-white) !important;
}
#CookiebotWidget #CookiebotWidget-widgetContent {
  background-color: var(--color-bg-black-50) !important;
  color: var(--color-txt-white) !important;
  backdrop-filter: blur(15px) !important;
}
#CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close svg {
  fill: var(--color-txt-white) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button svg {
  fill: var(--color-txt-white) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details-box {
  background-color: var(--color-bg-gray-dark-50) !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo svg {
  fill: var(--color-txt-white) !important;
}
#CookiebotWidget .CybotCookiebotScrollbarContainer {
  background: var(--color-bg-black) !important;
}
#CookiebotWidget #CookiebotWidget-buttons button {
  border-radius: var(--border-radius-m) !important;
  color: var(--color-txt-white) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  transition: all 0.3s ease !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: transparent !important;
  border: var(--border-width-s) solid var(--color-txt-white) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:hover {
  background-color: var(--color-txt-white) !important;
  border-color: var(--color-txt-white) !important;
  color: var(--color-bg-black) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--color-bg-red) !important;
  border-color: var(--color-bg-red) !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover {
  background-color: var(--color-txt-white) !important;
  border-color: var(--color-txt-white) !important;
  color: var(--color-bg-black) !important;
}
#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: var(--color-bg-red) !important;
}
#CookiebotWidget {
  /* scroll bar */
}

/* оверлэй при открытом банере */
body:has(#CybotCookiebotDialog.CybotCookiebotDialogActive)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: var(--color-bg-black-50);
}

html.cookiebot-open {
  overflow: hidden !important;
  height: 100% !important;
}

body.cookiebot-open {
  position: fixed !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  overscroll-behavior: none !important;
}