@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
:root, :before {
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-88: 88px;
  --spacing-96: 96px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  overflow-wrap: break-word;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

picture {
  line-height: 0;
  display: block;
}

.wrapper--main img {
  width: 100%;
  height: auto;
  display: inline-block;
}

.flex-line-break {
  flex: 1 0 100%;
  height: 0;
}

.landscape-16by9-wrapper {
  aspect-ratio: 16 / 9;
  line-height: 0;
  position: relative;
}

.piano-top-uniweb {
  grid-column: lend / rend;
}

.space-below-header:has(.piano-top-uniweb:empty) {
  display: none;
}

.hideScrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hideScrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

:root, :before {
  --inter: "Inter", "Arial", "Helvetica", sans-serif;
  --font-size-base: 16;
  --font-size-10: calc(10rem / var(--font-size-base));
  --font-size-11: calc(11rem / var(--font-size-base));
  --font-size-12: calc(12rem / var(--font-size-base));
  --font-size-13: calc(13rem / var(--font-size-base));
  --font-size-14: calc(14rem / var(--font-size-base));
  --font-size-15: calc(15rem / var(--font-size-base));
  --font-size-16: calc(16rem / var(--font-size-base));
  --font-size-18: calc(18rem / var(--font-size-base));
  --font-size-19: calc(19rem / var(--font-size-base));
  --font-size-20: calc(20rem / var(--font-size-base));
  --font-size-22: calc(22rem / var(--font-size-base));
  --font-size-24: calc(24rem / var(--font-size-base));
  --font-size-25: calc(25rem / var(--font-size-base));
  --font-size-26: calc(26rem / var(--font-size-base));
  --font-size-28: calc(28rem / var(--font-size-base));
  --font-size-30: calc(30rem / var(--font-size-base));
  --font-size-32: calc(32rem / var(--font-size-base));
  --font-size-34: calc(34rem / var(--font-size-base));
  --font-size-36: calc(36rem / var(--font-size-base));
  --font-size-42: calc(42rem / var(--font-size-base));
  --font-size-44: calc(44rem / var(--font-size-base));
  --font-size-46: calc(46rem / var(--font-size-base));
  --font-size-48: calc(48rem / var(--font-size-base));
  --font-mobile-h1: var(--font-size-36) / 1.1 var(--inter);
  --font-mobile-h2: var(--font-size-32) / 1.125 var(--inter);
  --font-mobile-h3: var(--font-size-26) / 1.23 var(--inter);
  --font-mobile-h4: var(--font-size-22) / 1.27 var(--inter);
  --font-mobile-h5: var(--font-size-18) / 1.3 var(--inter);
  --font-mobile-body1: var(--font-size-16) / 1.75 var(--inter);
  --font-mobile-body1-bold: 700 var(--font-size-16) / 1.75 var(--inter);
  --font-mobile-body2: var(--font-size-18) / 1.7 var(--inter);
  --font-mobile-body2-bold: 700 var(--font-size-18) / 1.7 var(--inter);
  --font-mobile-inter-title: var(--font-size-32) / 1.125 var(--inter);
  --font-mobile-section-title: var(--font-size-32) / 1.125 var(--inter);
  --font-mobile-meta-bold: 700 var(--font-size-12) / 1.6 var(--inter);
  --font-mobile-meta-regular: var(--font-size-12) / 1.6 var(--inter);
  --font-mobile-button-large: var(--font-size-16) / 1.75 var(--inter);
  --font-mobile-button-medium: var(--font-size-16) / 1.5 var(--inter);
  --font-mobile-button-small: var(--font-size-14) / 1.42 var(--inter);
  --font-mobile-menu-item: var(--font-size-16) / 1.25 var(--inter);
  --font-desktop-h1: var(--font-size-48) / 1.083 var(--inter);
  --font-desktop-h2: var(--font-size-32) / 1.125 var(--inter);
  --font-desktop-h3: var(--font-size-26) / 1.23 var(--inter);
  --font-desktop-h4: var(--font-size-22) / 1.27 var(--inter);
  --font-desktop-h5: var(--font-size-14) / 1.14 var(--inter);
  --font-desktop-body1: var(--font-size-16) / 1.75 var(--inter);
  --font-desktop-body1-bold: 700 var(--font-size-16) / 1.75 var(--inter);
  --font-desktop-body2: var(--font-size-14) / 1.4 var(--inter);
  --font-desktop-body2-bold: 700 var(--font-size-14) / 1.4 var(--inter);
  --font-desktop-inter-title: var(--font-size-32) / 1.125 var(--inter);
  --font-desktop-section-title: var(--font-size-32) / 1.125 var(--inter);
  --font-desktop-meta-bold: 700 var(--font-size-12) / 1.6 var(--inter);
  --font-desktop-meta-regular: var(--font-size-12) / 1.666 var(--inter);
  --font-desktop-button-large: var(--font-size-18) / 1.55 var(--inter);
  --font-desktop-button-medium: var(--font-size-16) / 1.5 var(--inter);
  --font-desktop-button-small: var(--font-size-14) / 1.42 var(--inter);
  --font-desktop-menu-item: var(--font-size-16) / 1.25 var(--inter);
}

html, body, .font-body {
  font: var(--font-mobile-body1);
  color: var(--text-primary);
}

h1, .heading-1 {
  font: var(--font-mobile-h1);
}

h2, .heading-2 {
  font: var(--font-mobile-h2);
}

h3, .heading-3 {
  font: var(--font-mobile-h3);
}

h4, .heading-4 {
  font: var(--font-mobile-h4);
}

h5, .heading-5 {
  font: var(--font-mobile-h5);
}

.button {
  text-decoration: none;
}

em, em strong {
  font-style: italic;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

ul ul {
  margin: 0 0 0 var(--spacing-24);
  list-style-type: circle;
}

ol {
  margin: var(--spacing-20) 0 var(--spacing-20) var(--spacing-24);
  list-style-type: decimal;
}

ol ol {
  margin: 0 0 0 var(--spacing-24);
}

hr {
  border: 0;
  border-top: 1px solid var(--other-divider);
}

blockquote {
  background-color: var(--other-divider);
  border-left: 5px solid var(--other-backdrop-overlay);
  padding: var(--spacing-20);
}

table thead {
  background-color: var(--other-divider);
  text-align: left;
}

table tbody tr {
  border-bottom: 1px solid var(--other-divider);
}

table tbody tr:hover {
  background-color: var(--action-hover);
}

table th, table td {
  padding: var(--spacing-16);
}

ul, ul ul {
  margin: 0;
  list-style-type: none;
}

.flash-message__list {
  z-index: 1000;
  pointer-events: none;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -25%);
}

.flash-message {
  pointer-events: all;
  padding: var(--spacing-24);
  background-color: var(--info-alert-background);
  color: var(--info-alert-content);
  margin-top: var(--spacing-16);
  visibility: hidden;
  opacity: 0;
  border-radius: 12px;
  transition: opacity .25s ease-in, visibility 0s ease-in .25s;
  position: relative;
  box-shadow: 0 4px 8px -2px #1919191a, 0 2px 4px -2px #19191912;
}

.flash-message--visible {
  visibility: visible;
  opacity: 1;
  transition: opacity .5s ease-in, visibility 0s ease-in .25s;
}

.flash-message a {
  text-underline-offset: var(--spacing-4);
  text-decoration: underline;
}

.flash-message a:hover {
  text-decoration: none;
}

.flash-message--info {
  background-color: var(--info-alert-background);
  color: var(--info-alert-content);
}

.flash-message--info svg path {
  fill: var(--info-alert-content);
}

.flash-message--info a, .flash-message--info a:hover {
  color: var(--info-alert-content);
}

.flash-message--error {
  background-color: var(--error-alert-background);
  color: var(--error-alert-content);
}

.flash-message--error svg path {
  fill: var(--error-alert-content);
}

.flash-message--error a, .flash-message--error a:hover {
  color: var(--error-alert-content);
}

.flash-message--warning {
  background-color: var(--warning-alert-background);
  color: var(--warning-alert-content);
}

.flash-message--warning svg path {
  fill: var(--warning-alert-content);
}

.flash-message--warning a, .flash-message--warning a:hover {
  color: var(--warning-alert-content);
}

.flash-message--success {
  background-color: var(--success-alert-background);
  color: var(--success-alert-content);
}

.flash-message--success svg path {
  fill: var(--success-alert-content);
}

.flash-message--success a, .flash-message--success a:hover {
  color: var(--success-alert-content);
}

.flash-message__icon {
  float: left;
  margin-right: var(--spacing-16);
}

.flash-message__text {
  width: 92%;
  display: inline-block;
}

.flash-message__close {
  cursor: pointer;
  top: var(--spacing-24);
  right: var(--spacing-24);
  font-weight: bold;
  transition: all .3s;
  position: absolute;
}

.flash-message__close svg {
  width: 24px;
  height: 24px;
}

.flash-message__close:active, .flash-message__close:focus {
  transform: rotate(45deg);
}

:root, :before {
  --white: #fff;
  --grey-50: #f8f8f8;
  --grey-100: #f2f2f2;
  --grey-200: #e7e7e7;
  --grey-300: #d7d7d7;
  --grey-400: #b3b3b3;
  --grey-500: #939393;
  --grey-600: #6b6b6b;
  --grey-700: #575757;
  --grey-800: #393939;
  --grey-900: #191919;
  --black: #000;
  --pink-light: #ffeef1;
  --pink: #fce5e9;
  --pink-alt: #fbe0e5;
  --pink-dark: #e4294a;
  --red-light: #ff272f;
  --red: #df0028;
  --red-dark: #bc0012;
  --red-dark-alt: #bb0525;
  --error-alert-background: var(--pink-light);
  --error-alert-content: #d32e2f;
  --error-contrast: var(--white);
  --error-dark: #b71a1c;
  --error-light: #ef5250;
  --error-main: #d32e2f;
  --error-states-contained-hover-background: #d32e2f;
  --error-states-outlined-hover-background: #fce5e9;
  --error-states-outlined-resting-border: #da4f50;
  --warning-alert-background: #fff8e9;
  --warning-alert-content: #d67300;
  --warning-contrast: var(--grey-900);
  --warning-dark: #f9a825;
  --warning-light: #fdd835;
  --warning-main: #fbc02d;
  --warning-states-contained-hover-background: #d2a229;
  --warning-states-outlined-hover-background: #feecc0;
  --warning-states-outlined-resting-border: #fcca4f;
  --info-alert-background: #eff8ff;
  --info-alert-content: #2979ff;
  --info-contrast: var(--white);
  --info-dark: #004599;
  --info-light: #2196f3;
  --info-main: #1764c0;
  --info-states-contained-hover-background: #004599;
  --info-states-outlined-hover-background: #e3f2fd;
  --info-states-outlined-resting-border: #1565c0;
  --success-alert-background: #f4f8f5;
  --success-alert-content: #388e3b;
  --success-contrast: var(--white);
  --success-dark: #1b5e1f;
  --success-light: #4caf50;
  --success-main: #388e3b;
  --success-states-contained-hover-background: #2f6b31;
  --success-states-outlined-hover-background: #dbebdc;
  --success-states-outlined-resting-border: #58a05a;
  --green: green;
  --orange: #f66533;
  --primary-main: var(--red);
  --primary-light: var(--red-light);
  --primary-dark: var(--red-dark);
  --primary-contrast: var(--white);
  --primary-contained-hover-background: var(--red-dark-alt);
  --primary-outlined-hover-background: var(--pink);
  --primary-outlined-resting-border: var(--pink-dark);
  --secondary-main: var(--grey-500);
  --secondary-light: var(--grey-300);
  --secondary-dark: var(--grey-600);
  --secondary-contrast: var(--white);
  --secondary-contained-hover-background: var(--grey-700);
  --secondary-outlined-hover-background: var(--grey-200);
  --secondary-outlined-resting-border: var(--grey-400);
  --text-primary: var(--grey-900);
  --text-secondary: var(--grey-600);
  --text-disabled: var(--grey-400);
  --action-active: var(--grey-600);
  --action-hover: var(--grey-50);
  --action-selected: var(--pink-alt);
  --action-disabled: var(--grey-400);
  --action-disabled-background: var(--grey-100);
  --action-focus: var(--grey-200);
  --background-paper: var(--grey-900);
  --background-paper-contrast: var(--white);
  --background-default: var(--white);
  --other-divider: var(--grey-200);
  --other-outline-border: var(--grey-300);
  --other-filled-background: var(--grey-200);
  --other-backdrop-overlay: var(--grey-600);
  --other-common-white: var(--white);
  --other-common-black: var(--grey-900);
  --other-premium-brand: var(--orange);
}

@font-face {
  font-family: Vafle Classic;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/dist/assets/default/fonts/vafle_classic.woff2") format("woff2"), url("/dist/assets/default/fonts/vafle_classic.woff") format("woff");
}

@font-face {
  font-family: Vafle Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/assets/default/fonts/vafle_condensed.woff2") format("woff2"), url("/dist/assets/default/fonts/vafle_condensed.woff") format("woff");
}

:root, :before {
  --arial: "Arial", "Helvetica", sans-serif;
  --vafle: "Vafle Classic", "Arial", "Helvetica", sans-serif;
  --vafle-condensed: "Vafle Condensed", "Arial", "Helvetica", sans-serif;
  --font-mobile-h1: var(--font-size-36) / 1.1 var(--vafle-condensed);
  --font-mobile-h2: var(--font-size-32) / 1.125 var(--vafle-condensed);
  --font-mobile-h3: var(--font-size-26) / 1.23 var(--vafle-condensed);
  --font-mobile-h4: var(--font-size-22) / 1.27 var(--vafle-condensed);
  --font-mobile-h5: var(--font-size-18) / 1.3 var(--vafle-condensed);
  --font-mobile-body1: var(--font-size-16) / 1.75 var(--arial);
  --font-mobile-body1-bold: 700 var(--font-size-16) / 1.75 var(--arial);
  --font-mobile-body2: var(--font-size-14) / 1.428 var(--arial);
  --font-mobile-body2-bold: 700 var(--font-size-14) / 1.428 var(--arial);
  --font-mobile-inter-title: var(--font-size-32) / 1.125 var(--vafle);
  --font-mobile-section-title: var(--font-size-32) / 1.125 var(--vafle);
  --font-mobile-meta-bold: 700 var(--font-size-12) / 1.6 var(--arial);
  --font-mobile-meta-regular: var(--font-size-12) / 1.6 var(--arial);
  --font-mobile-button-large: var(--font-size-16) / 1.75 var(--vafle);
  --font-mobile-button-medium: var(--font-size-16) / 1.5 var(--vafle);
  --font-mobile-button-small: var(--font-size-14) / 1.42 var(--vafle);
  --font-mobile-menu-item: var(--font-size-16) / 1.25 var(--vafle);
  --font-desktop-h1: var(--font-size-48) / 1.083 var(--vafle-condensed);
  --font-desktop-h2: var(--font-size-32) / 1.125 var(--vafle-condensed);
  --font-desktop-h3: var(--font-size-26) / 1.23 var(--vafle-condensed);
  --font-desktop-h4: var(--font-size-22) / 1.27 var(--vafle-condensed);
  --font-desktop-h5: var(--font-size-18) / 1.3 var(--vafle-condensed);
  --font-desktop-body1: var(--font-size-16) / 1.75 var(--arial);
  --font-desktop-body1-bold: 700 var(--font-size-16) / 1.75 var(--arial);
  --font-desktop-body2: var(--font-size-14) / 1.428 var(--arial);
  --font-desktop-body2-bold: 700 var(--font-size-14) / 1.428 var(--arial);
  --font-desktop-inter-title: var(--font-size-32) / 1.125 var(--vafle);
  --font-desktop-section-title: var(--font-size-32) / 1.125 var(--vafle);
  --font-desktop-meta-bold: 700 var(--font-size-12) / 1.6 var(--arial);
  --font-desktop-meta-regular: var(--font-size-12) / 1.666 var(--arial);
  --font-desktop-button-large: var(--font-size-18) / 1.55 var(--vafle);
  --font-desktop-button-medium: var(--font-size-16) / 1.5 var(--vafle);
  --font-desktop-button-small: var(--font-size-14) / 1.42 var(--vafle);
  --font-desktop-menu-item: var(--font-size-16) / 1.25 var(--vafle);
}

@keyframes flip-error-letter {
  0%, 80% {
    transform: rotateY(360deg);
  }
}

.error-page {
  text-align: center;
  margin: var(--spacing-40) auto var(--spacing-96);
  grid-column: lend / rend;
}

.error-page__number span {
  color: var(--primary-main);
  animation: 4s infinite flip-error-letter;
  animation-delay: calc(1s * var(--i));
  font-size: 160px;
  display: inline-block;
}

.error-page__description {
  color: var(--text-primary);
  margin-bottom: var(--spacing-40);
}

.footer__themes {
  gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
}

.footer__themes--top {
  padding-bottom: var(--spacing-16);
  border-bottom: 1px solid var(--other-backdrop-overlay);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer__themes--bottom .footer__theme-link {
  color: var(--primary-main);
  text-decoration: none;
  display: inline;
}

.footer__themes--bottom .footer__theme-link:hover {
  text-decoration: underline;
}

.footer__themes--bottom .footer__theme-link:not(:last-child):after {
  content: "|";
  padding: var(--spacing-4);
}

.footer__categories {
  color: var(--primary-contrast);
  gap: var(--spacing-48);
  flex-direction: column;
  order: 1;
  display: flex;
}

.footer__categories--wrapper {
  justify-content: space-between;
  display: flex;
}

.footer__categories--wrapper .footer__category {
  gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.footer__categories--wrapper .footer__category-main {
  padding-bottom: var(--spacing-12);
  border-bottom: 1px solid var(--other-backdrop-overlay);
  margin-bottom: var(--spacing-12);
}

.footer__categories--wrapper .footer__category a {
  color: var(--primary-contrast);
  text-decoration: none;
}

.footer__categories--wrapper .footer__category a:hover {
  text-decoration: underline;
}

.footer__contacts {
  gap: var(--spacing-40);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer__contacts-links {
  flex-wrap: wrap;
  display: flex;
}

.footer__contacts-links > a.footer__contacts-link {
  color: var(--primary-contrast);
  text-decoration: none;
}

.footer__contacts-links > a.footer__contacts-link:hover {
  text-decoration: underline;
}

.footer__contacts-links > a.footer__contacts-link:not(:last-child):after {
  content: "|";
  padding: var(--spacing-16);
}

.footer__applications-wrapper {
  display: flex;
}

.footer__applications {
  line-height: 0;
  display: flex;
}

.footer__social {
  gap: var(--spacing-12);
  display: flex;
}

.footer__social-link img {
  display: block;
}

.footer__logo img {
  max-width: 104px;
  display: block;
}

.footer__copyright {
  text-align: center;
  justify-content: center;
  gap: var(--spacing-4);
  color: var(--background-paper-contrast);
  flex-wrap: wrap;
  order: 3;
  display: flex;
}

.footer__copyright a {
  color: var(--background-paper-contrast);
  text-decoration: none;
}

.footer__copyright a:hover {
  text-decoration: underline;
}

.footer__copyright a:not(:last-child):after {
  content: "|";
}

body {
  background-color: var(--background-default);
}

body.scrolling-disabled {
  height: 100%;
  overflow-y: hidden;
}

.container--main {
  grid-template-columns: auto 100% auto;
  grid-template-areas: "left-empty header right-empty"
                       "left-empty content right-empty"
                       "footer footer footer";
  gap: 0;
  display: grid;
}

.container--main > header {
  background-color: var(--other-common-white);
  z-index: 2;
  grid-area: header;
  grid-template-columns: auto minmax(0, 1080px) auto;
  grid-template-areas: "header-left header-center header-right";
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.container--main > header > .header-wrapper {
  grid-area: header-center;
}

.container--main > main {
  gap: var(--spacing-24);
  padding: var(--spacing-24) var(--spacing-24) var(--spacing-32) var(--spacing-24);
  background: var(--background-default);
  z-index: 1;
  grid-area: content;
  grid-template-columns: [lend] 1fr[cdivider] 1fr[rend];
  display: grid;
  position: relative;
}

.container--main > footer {
  background: var(--background-paper);
  grid-area: 4 / footer;
  grid-template-columns: auto minmax(0, 1080px) auto;
  grid-template-areas: "footer-left footer-center footer-right";
  display: grid;
}

.container--main > footer > .footer-wrapper {
  padding: var(--spacing-40) var(--spacing-16);
  gap: var(--spacing-64);
  flex-direction: column;
  grid-area: footer-center;
  display: flex;
}

.grid-233 {
  gap: var(--spacing-24);
  grid-column: lend / rend;
  grid-template-rows: auto;
  grid-auto-rows: min-content;
  display: grid;
}

.grid-245 {
  column-gap: var(--spacing-16);
  row-gap: var(--spacing-40);
  grid-column: lend / rend;
  grid-template-rows: auto;
  display: grid;
}

.header {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-16);
  row-gap: var(--spacing-12);
  padding: var(--spacing-12) var(--spacing-16) var(--spacing-20);
  background: var(--background-default);
  z-index: 4;
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
  box-shadow: 0 4px 20px #0000001a;
}

.header .flex-line-break {
  display: none;
}

@media (max-width: 350px) {
  header .header-wrapper .header {
    padding: var(--spacing-8) var(--spacing-8);
    gap: var(--spacing-8);
  }
}

.header-search {
  display: none;
}

.header-search .header-search__magnifier {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.header-search .header-search__magnifier:hover > svg path:first-child {
  fill: var(--primary-main);
}

.header-user {
  width: calc(24px + 2 * var(--spacing-8));
  height: calc(24px + 2 * var(--spacing-8));
  padding: var(--spacing-8) var(--spacing-8);
  position: relative;
}

.header-user .header-user-icon__icon {
  width: 24px;
  height: 24px;
}

.header-user .header-user-icon__avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.header-user .header-user__icon {
  vertical-align: middle;
  width: 22px;
}

.header-user .header-user__link:hover > svg path:first-child {
  fill: var(--primary-main);
}

.header-user .header-user__text {
  font-size: var(--font-size-14);
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
}

.header-user .header-user__text .header-user__link {
  color: var(--text-primary);
  text-decoration: none;
}

.header-user .header-user__text:hover {
  text-decoration: underline;
}

.header-user:hover .header-user__menu {
  display: flex;
}

.header-user .header-user__menu {
  right: -10px;
  top: calc(24px + 2 * var(--spacing-8));
  background: var(--background-default);
  border-radius: 6px;
  flex-direction: column;
  width: 260px;
  display: none;
  position: absolute;
  box-shadow: 0 4px 15px #0000001a;
}

.header-user .header-user__menu:before {
  content: "";
  border-color: transparent transparent var(--other-common-white);
  border-style: solid;
  border-width: 10px;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -20px;
  right: 20px;
}

.header-user .header-user__menu > a {
  color: var(--text-primary);
  text-decoration: none;
}

.header-user .header-user__menu > a:hover {
  background: var(--other-filled-background);
}

.header-user .header-user__menu > a:last-child:hover {
  border-radius: 0 0 6px 6px;
}

.header-user .header-user__info {
  gap: var(--spacing-20);
  padding: var(--spacing-16) 0;
  margin: 0 var(--spacing-16);
  border-bottom: 1px solid var(--other-divider);
  border-radius: 6px 6px 0 0;
  flex-wrap: wrap;
  display: flex;
}

.header-user .header-user__detail {
  gap: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

.header-user .header-user__settings {
  gap: var(--spacing-16);
  padding: var(--spacing-16);
  display: flex;
}

.header-user .header-user__settings:hover {
  color: var(--primary-main);
}

.header-user .header-user__settings:hover > svg path:first-child {
  fill: var(--primary-main);
}

.header-user .header-user__discussion {
  gap: var(--spacing-16);
  padding: var(--spacing-16);
  display: flex;
}

.header-user .header-user__discussion:hover {
  color: var(--primary-main);
}

.header-user .header-user__discussion:hover > svg path:first-child {
  fill: var(--primary-main);
}

.header-user .header-user__logout {
  gap: var(--spacing-20);
  padding: var(--spacing-16) 0;
  margin: 0 var(--spacing-16);
  border-top: 1px solid var(--other-divider);
  display: flex;
}

.header-user .header-user__logout:hover {
  color: var(--primary-main);
}

.header-user .header-user__logout:hover > svg path:first-child {
  fill: var(--primary-main);
}

.header-logo {
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}

.header-logo .header-logo__image {
  vertical-align: middle;
  height: 48px;
}

@media (max-width: 350px) {
  .header-logo {
    margin-right: auto;
  }

  .header-logo .header-logo__image {
    height: 36px;
  }
}

.header-menu-flat {
  flex-grow: 1;
  order: 1;
}

.header-menu-flat > ul {
  gap: var(--spacing-32);
  display: flex;
  overflow: hidden;
}

.header-menu-flat .header-menu__link {
  color: var(--text-primary);
  text-decoration: none;
}

.header-menu-flat .header-menu__link--active, .header-menu-flat .header-menu__link--active:hover {
  text-underline-offset: var(--spacing-4);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.header-menu-flat .header-menu__link:hover {
  color: var(--primary-main);
}

.header-menu-flat .header-menu__link:active {
  color: var(--text-primary);
}

.header-menu-hamburger {
  gap: var(--spacing-8);
  align-items: center;
  display: flex;
  position: relative;
}

.header-menu-hamburger__icon {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  width: 20px;
  height: 17px;
  display: flex;
}

.header-menu-hamburger__icon .hamburger-line {
  background: var(--other-common-black);
  pointer-events: none;
  transform-origin: 0;
  border-radius: 10px;
  width: 100%;
  height: 2px;
  transition: transform .4s ease-in-out;
}

.header-menu-hamburger__icon.opened .hamburger-line.line1 {
  transform-origin: 10%;
  transform: rotate(45deg);
}

.header-menu-hamburger__icon.opened .hamburger-line.line2 {
  transform: scaleY(0);
}

.header-menu-hamburger__icon.opened .hamburger-line.line3 {
  transform-origin: 10%;
  transform: rotate(-45deg);
}

.header-menu-hamburger__title {
  font: var(--font-desktop-menu-item);
  color: var(--text-primary);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.header-menu-hamburger:hover .header-menu-hamburger__title {
  color: var(--primary-main);
}

.header-menu-hamburger:hover .header-menu-hamburger__icon .hamburger-line {
  background: var(--primary-main);
}

.megamenu-wrapper {
  z-index: 3;
  background: var(--action-disabled-background);
  display: none;
  position: absolute;
  top: 64px;
  left: 0;
}

.megamenu-wrapper.opened {
  width: 100%;
  max-height: calc(100vh - 64px);
  display: grid;
  overflow-y: auto;
}

.megamenu-stickers {
  align-items: flex-start;
  gap: var(--spacing-8);
  flex-wrap: wrap;
  grid-area: stickers;
  display: flex;
}

.megamenu-stickers__item > a, .megamenu-stickers__item > span {
  padding: var(--spacing-2) var(--spacing-12);
  border: 1px solid var(--other-outline-border);
  background: var(--background-default);
  color: var(--text-secondary);
  border-radius: 2px;
  text-decoration: none;
  display: inline-flex;
}

.megamenu-stickers__item > a:hover {
  color: var(--primary-dark);
  border-color: var(--primary-outlined-hover-background);
}

.megamenu-stickers__item > a:active {
  color: var(--primary-light);
  border-color: var(--primary-light);
}

.megamenu-stickers__item > a:focus {
  color: var(--primary-dark);
  border-color: var(--primary-light);
  background-color: var(--primary-outlined-hover-background);
}

.megamenu-search {
  grid-area: search;
}

.megamenu-search__form {
  position: relative;
}

.megamenu-search__input {
  border: 1px solid var(--other-outline-border);
  padding: var(--spacing-12) var(--spacing-48) var(--spacing-12) var(--spacing-24);
  width: calc(100% - var(--spacing-48)  - var(--spacing-24)  - 2px);
  background: var(--other-common-white);
  font: var(--font-desktop-body1);
  border-radius: 4px;
}

.megamenu-search__submit {
  top: var(--spacing-16);
  right: var(--spacing-16);
  text-indent: -999px;
  cursor: pointer;
  background: url("/dist/assets/default/icon-search.svg") center no-repeat;
  border: 0;
  width: 24px;
  height: 24px;
  position: absolute;
}

.megamenu-categories {
  grid-area: categories;
  align-items: flex-start;
  display: flex;
}

.megamenu-categories__item {
  flex-direction: column;
  display: flex;
}

.megamenu-categories__item-title {
  color: var(--text-primary);
}

.megamenu-categories__item-title > a {
  color: var(--text-primary);
  text-decoration: none;
}

.megamenu-categories__item-title > a:hover {
  text-decoration: underline;
}

.megamenu-categories .megamenu-subcategories {
  flex-direction: column;
  display: flex;
}

.megamenu-categories .megamenu-subcategories__item {
  color: var(--text-primary);
}

.megamenu-categories .megamenu-subcategories__item > a {
  color: var(--text-primary);
  text-decoration: none;
}

.megamenu-categories .megamenu-subcategories__item > a:hover {
  text-decoration: underline;
}

.megamenu-print {
  flex-flow: column;
  grid-area: print;
  align-items: center;
  display: flex;
}

.megamenu-print__title {
  color: var(--text-primary);
  text-align: center;
}

.megamenu-print__subtitle {
  color: var(--text-primary);
  line-height: 20px;
  text-decoration: underline;
}

.megamenu-print__subtitle > a {
  color: var(--text-primary);
}

.megamenu-print__covers {
  justify-content: center;
  display: flex;
}

.megamenu-print__button {
  text-align: center;
  text-decoration: none;
}

.megamenu-divider {
  background: var(--other-divider);
  border: 0;
  grid-area: divider;
  height: 1px;
  margin: 0;
}

.megamenu-applications {
  gap: var(--spacing-32);
  grid-area: applications;
  display: flex;
}

.megamenu-applications__wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.megamenu-applications__title, .megamenu-applications__subtitle, .megamenu-applications__subtitle > a {
  color: var(--text-primary);
}

.megamenu-applications__download {
  gap: var(--spacing-8);
  align-items: center;
  display: flex;
}

.megamenu-applications__download a {
  line-height: 0;
  display: block;
}

.megamenu-social {
  grid-area: social;
  display: flex;
}

.megamenu-social__networks {
  gap: var(--spacing-12);
  align-items: center;
  display: flex;
}

.megamenu-social__networks a {
  line-height: 0;
  display: block;
}

.megamenu-social__networks img {
  width: 32px;
  height: 32px;
}

.megamenu-contact {
  flex-direction: column;
  grid-area: contact;
  display: flex;
}

.megamenu-contact__title, .megamenu-contact__email, .megamenu-contact__email > a {
  color: var(--text-primary);
}

.megamenu-backdrop {
  opacity: 0;
  pointer-events: none;
  background: #00000063;
  width: 100%;
  height: 0;
  transition: opacity .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.megamenu-backdrop--active {
  opacity: 1;
  pointer-events: all;
  height: 100%;
}

.megamenu-newsletter {
  flex-direction: column;
  grid-area: contact;
  display: flex;
}

.megamenu-newsletter__title, .megamenu-newsletter__email, .megamenu-newsletter__email > a {
  color: var(--text-primary);
}

.section--fullwidth-grid-233 {
  grid-column: lend / rend;
}

.vp-player .vp-logo .vp-logo-bottom-left, .vp-player .vp-logo .vp-logo-bottom-right, .vp-player .vp-logo .vp-logo-top-left, .vp-player .vp-logo .vp-logo-top-right {
  width: auto;
}

.vp-player .vp-big-play-button .vp-icon-play:before {
  display: block;
}

.vp-player.vp-size-breakpoint-2 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-3 .vp-big-play-button .vp-icon-play:before {
  width: 30px;
}

.vp-player.vp-size-breakpoint-4 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-5 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-6 .vp-big-play-button .vp-icon-play:before {
  width: 60px;
}

.vp-player.vp-size-breakpoint-7 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-8 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-9 .vp-big-play-button .vp-icon-play:before, .vp-player.vp-size-breakpoint-10 .vp-big-play-button .vp-icon-play:before {
  width: 90px;
}

.vp-player.vp-float-animation {
  z-index: 999 !important;
}

#vp-floating-container .vp-big-play-button .vp-icon-play:before {
  width: 30px;
}

.vp-player--loading {
  aspect-ratio: 16 / 9;
  color: #fff;
  background: #000;
  place-content: center;
  align-items: center;
  display: flex;
}

.vp-video-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}

.vp-video-wrapper .vp-video-wrapper--content .vp-display-container, .vp-video-wrapper .vp-video-wrapper--content .vp-reset, .vp-video-wrapper .vp-video-wrapper--content .vp-reset-text {
  vertical-align: middle;
}

.vp-video-wrapper .vp-skip {
  border: 1px solid #333;
  padding: .5em;
}

.vp-video-wrapper svg path {
  fill: #fff;
}

.vp-video-wrapper--content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vp-banner {
  width: auto !important;
  height: auto !important;
}

.vp-wrapper .vp-logo .vp-second-logo {
  width: auto;
  height: auto;
}

.vp-flag-floating .vp-wrapper {
  border: 5px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 20px #00000040;
  max-width: 300px !important;
}

.vp-flag-floating .vp-wrapper .vp-overlays .vp-plugin-vast {
  display: none;
}

.vp-video-wrapper--poster {
  width: 100%;
  height: 100%;
}

.vp-video-access-dnd {
  background-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.vp-video-access-dnd--link {
  color: red;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
}

.vp-ended .vp-content-fade, .vp-prestart .vp-content-fade {
  background: none;
  opacity: 0 !important;
}

.online_report .report_item .media .vp-video-mobile-access-dnd a {
  float: none;
  width: auto;
  margin: auto;
}

.vp-video-access-dnd--link:hover {
  text-decoration: none;
}

.vp-video-access-dnd--link:after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: -5px;
  right: -25px;
}

.vp-video-access-dnd--overlayer {
  color: #fff;
  text-align: center;
  background: #000c;
  width: 100%;
  padding: 2% 0;
  position: absolute;
  bottom: 0;
}

.vp-video-access-dnd--logo {
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 20px;
  right: auto;
}

.vp-video-access-dnd--logo .logo {
  width: 27%;
  min-width: 90px;
  max-width: 170px;
  height: auto;
  padding: 20px;
}

.vp-video-access-dnd--button {
  color: #fff;
  background: red;
  border-radius: 2px;
  width: auto;
  margin: auto;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: table;
}

#article a.vp-video-access-dnd--button {
  text-decoration: none;
}

.vp-video-access-dnd--button:hover {
  color: #fff;
  text-decoration: underline;
}

.vp-video-access-dnd--overlayer-title {
  font-size: 20px;
  font-weight: 700;
}

.vp-video-access-dnd--overlayer-login {
  margin: 2%;
  font-size: 13px;
}

.vp-video-access-dnd--play {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 60px;
  height: 160px;
  position: absolute;
  top: 30%;
  left: calc(50% - 30px);
}

.vpplayer .vp-banner {
  width: auto;
  height: auto;
}

.vp-display-controls .vp-svg-icon-play path, .vp-display-controls .vp-svg-icon-puse path, .vp-display-controls .vp-svg-icon-replay path {
  display: none;
}

.vp-display-controls .vp-svg-icon-play, .vp-display-controls .vp-svg-icon-replay {
  background-repeat: no-repeat;
  background-size: contain;
}

.vp-video-mobile-access-dnd--overlayer {
  text-align: center;
  color: #fff;
  background: #000c;
  width: 100%;
  padding: 2% 0;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.vp-video-mobile-access-dnd .vp-video-access-dnd--play {
  top: calc(50% - 28px);
}

.vp-mobile.vp-size-breakpoint-4 .vp-big-play-button .vp-icon-play:before, .vp-mobile.vp-size-breakpoint-5 .vp-big-play-button .vp-icon-play:before, .vp-mobile.vp-size-breakpoint-6 .vp-big-play-button .vp-icon-play:before {
  height: 120px;
}

.breadcrumb {
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  display: inline-flex;
}

.breadcrumb li {
  font: var(--font-desktop-meta-regular);
}

.breadcrumb li:not(:last-child):after {
  content: "";
  padding: 0 var(--spacing-12);
  background: url("/dist/assets/default/icon-breadcrumb-arrow-right.svg") center / 5px 9px no-repeat;
  width: 5px;
  height: 9px;
  display: inline-block;
  position: relative;
}

.breadcrumb li a {
  color: var(--text-primary);
  text-decoration: none;
}

.breadcrumb li a:visited, .breadcrumb li a:active, .breadcrumb li a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

.breadcrumb--simple li:before {
  content: "";
  padding: 0 var(--spacing-12);
  color: var(--text-primary);
  background: url("/dist/assets/default/icon-breadcrumb-arrow-right.svg") center / 5px 9px no-repeat;
  transform: rotate(180deg);
}

[data-load-more-seo-wrapper] {
  text-decoration: none;
}

.button {
  cursor: pointer;
  border: 2px solid var(--primary-main);
  font: var(--font-desktop-button-large);
  text-align: center;
  padding: var(--spacing-12) var(--spacing-24);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button--lg {
  gap: var(--spacing-8);
  min-width: 141px;
  max-width: 282px;
  max-height: 52px;
}

.button--lg svg {
  width: 24px;
  height: 24px;
}

.button--md {
  padding: var(--spacing-8) var(--spacing-16);
  gap: var(--spacing-8);
  font: var(--font-desktop-button-medium);
  min-width: 116px;
  max-width: 245px;
  max-height: 40px;
}

.button--md svg {
  width: 20px;
  height: 20px;
}

.button--sm {
  padding: var(--spacing-4) var(--spacing-12);
  gap: var(--spacing-4);
  font: var(--font-desktop-button-small);
  min-width: 95px;
  max-width: 202px;
  max-height: 32px;
}

.button--sm svg {
  width: 16px;
  height: 16px;
}

.button--contained {
  background-color: var(--primary-main);
  color: var(--primary-contrast);
}

.button--contained:hover {
  background-color: var(--primary-contained-hover-background);
}

.button--contained:focus {
  background-color: var(--primary-contained-hover-background);
  border: 2px solid var(--primary-light);
}

.button--contained:active {
  background-color: var(--primary-light);
}

.button--contained:disabled {
  color: var(--text-disabled);
  background-color: var(--action-disabled-background);
  border: none;
}

.button--contained:disabled svg path {
  fill: var(--text-disabled) !important;
}

.button--contained svg path {
  fill: var(--primary-contrast) !important;
}

.button--outlined {
  color: var(--primary-main);
  background-color: var(--primary-contrast);
  border-color: var(--primary-main);
}

.button--outlined:hover {
  color: var(--primary-dark);
  background-color: var(--primary-outlined-hover-background);
  border-color: var(--primary-dark);
}

.button--outlined:focus {
  color: var(--primary-dark);
  background-color: var(--primary-outlined-hover-background);
  border-color: var(--primary-light);
}

.button--outlined:active {
  color: var(--primary-light);
  background-color: var(--primary-contrast);
  border-color: var(--primary-light);
}

.button--outlined:disabled {
  color: var(--text-disabled);
  background-color: var(--background-paper-contrast);
  border-color: var(--action-disabled-background);
}

.button--outlined:disabled svg path {
  fill: var(--text-disabled);
}

.button--text {
  color: var(--primary-main);
  background-color: initial;
  border: none;
}

.button--text:hover {
  color: var(--primary-dark);
}

.button--text:focus {
  color: var(--primary-main);
  background-color: var(--primary-outlined-hover-background);
  border: 2px solid var(--primary-main);
}

.button--text:active {
  color: var(--primary-light);
}

.button--text:disabled {
  color: var(--text-disabled);
}

.button--text:disabled svg path {
  fill: var(--text-disabled);
}

.button__link {
  text-decoration: none;
}

.button svg {
  position: relative;
}

.button--icon {
  min-width: initial;
  max-width: initial;
  padding: var(--spacing-12);
}

.button--pending {
  cursor: wait;
  border: none;
  border-radius: .5rem;
  outline: none;
  width: 220px;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}

.button--pending:before {
  content: "";
  background: repeating-linear-gradient(60deg, transparent, transparent .75rem, var(--grey-50) .75rem, var(--grey-50) 1.5rem);
  width: 150%;
  height: 100%;
  animation: 1s linear infinite load;
  position: absolute;
  top: 0;
  left: 0;
}

.button--pending span {
  width: 100%;
  display: block;
  position: relative;
}

@keyframes load {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1.75rem);
  }
}

.button--shaked {
  perspective: 1000px;
  animation: .82s cubic-bezier(.36, .07, .19, .97) both shake;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.loading-placeholder {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.loading-placeholder img {
  opacity: 0;
  width: 100%;
  transition: opacity .2s;
}

.loading-placeholder:not(.loading-placeholder--loaded, .loading-placeholder--error) {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
}

.loading-placeholder:not(.loading-placeholder--loaded, .loading-placeholder--error):after {
  content: " ";
  filter: opacity(.5);
  background-color: #f8f8f8;
  background-image: linear-gradient(to right, #f8f8f8 0%, #eee 33%, #f8f8f8 67%);
  background-repeat: repeat-y;
  background-size: 100% 1px;
  width: 100%;
  height: 100%;
  animation: 1s linear infinite gradient-animation;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.loading-placeholder:not(.loading-placeholder--loaded, .loading-placeholder--error) img {
  text-indent: -9999px;
  color: #0000;
  position: absolute;
}

.loading-placeholder--loaded {
  padding-bottom: 0 !important;
}

.loading-placeholder--loaded img {
  opacity: 1;
  height: auto;
}

.loading-placeholder--error {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.loading-placeholder--error:before {
  content: "";
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

@keyframes gradient-animation {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.wiki-form {
  padding: var(--spacing-8) var(--spacing-12);
  margin: var(--spacing-16) 0;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-12);
  background: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  flex-direction: row;
  width: 100%;
  height: 48px;
  display: flex;
}

.wiki-form__input {
  padding: var(--spacing-8) var(--spacing-4);
  font-size: var(--font-size-16);
  border: none;
  width: 90%;
  height: 16px;
}

.wiki-form__input:focus {
  outline: none;
}

.wiki-form__button {
  cursor: pointer;
  padding: var(--spacing-4);
  background: none;
  border: none;
}

.wiki-form__button svg {
  width: 32px;
  height: 32px;
}

.load-more-wrapper, .uncover-wrapper {
  text-align: center;
}

.load-more-wrapper > a, .uncover-wrapper > a {
  text-decoration: none;
}

.load-more-wrapper--error, .uncover-wrapper--error {
  padding: var(--spacing-12);
}

.load-more-wrapper--hidden, .uncover-wrapper--hidden, .visually-hidden {
  display: none;
}

.pagination {
  margin: var(--spacing-32) 0;
  position: relative;
}

.article .pagination > ul.pagination__wrapper {
  justify-content: center;
  gap: var(--spacing-8);
  flex-direction: row;
  width: 100%;
  margin: 0;
  display: flex;
}

.pagination__item {
  border: 2px var(--other-outline-border) solid;
  font: var(--font-desktop-button-medium);
  text-align: center;
  color: var(--text-primary);
  border-radius: 4px;
  width: 40px;
  height: 40px;
  transition: all .4s ease-in-out;
  display: block;
}

.pagination__item:hover {
  background-color: var(--grey-50);
}

.pagination__item:focus {
  background-color: var(--pink);
  border-color: var(--red-light);
  color: var(--red-light);
}

.article .pagination .pagination__link {
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-decoration: none;
  display: block;
}

.pagination--active {
  border-color: var(--red);
  pointer-events: none;
}

.pagination__arrow {
  fill: var(--white);
}

.pagination__arrow-button {
  background-color: var(--red);
  border: 2px var(--red) solid;
  text-align: center;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  transition: all .4s ease-in-out;
  display: block;
  position: absolute;
}

.pagination__arrow-button:hover {
  background-color: var(--red-dark);
  border-color: var(--red-dark);
}

.pagination__arrow-button:focus {
  background-color: var(--red-light);
  border-color: var(--red-light);
}

.pagination__arrow-button:first-child {
  left: 0;
}

.pagination__arrow-button:last-child {
  right: 0;
}

.pagination--disabled {
  pointer-events: none;
  background-color: var(--grey-200);
  border-color: var(--grey-200);
  border-radius: 4px;
}

.pagination--disabled .pagination__arrow {
  fill: var(--grey-400);
}

.svg-loader {
  margin: 0 auto;
  display: block;
}

.enquiry-bars__title {
  border-top: 4px solid var(--primary-main);
  font: var(--font-desktop-body2-bold);
  color: var(--grey-600);
  margin-bottom: 24px;
  padding-top: 8px;
}

.enquiry-bars__question {
  font: var(--font-desktop-h2);
  margin-bottom: 24px;
}

.enquiry-bars-answers__answer {
  border-left: 4px solid var(--primary-main);
  background-color: var(--primary-outlined-hover-background);
  font: var(--font-desktop-body1);
  margin-bottom: 8px;
  position: relative;
}

.enquiry-bars-answers__answer:last-child {
  margin-bottom: 24px;
}

.enquiry-bars-answers__answer--hover:hover {
  border-style: solid;
  border-width: 1px 1px 1px 4px;
  border-color: var(--primary-dark);
  cursor: pointer;
}

.enquiry-bars-answers__answer--hover:hover .enquiry-bars-answer__statement {
  padding: 7px 15px 7px 16px;
}

.enquiry-bars-answer__indicator {
  background-color: var(--pink-light);
  width: 0;
  height: 100%;
  transition: width 1s linear;
  position: absolute;
}

.enquiry-bars-answer__statement {
  justify-content: space-between;
  padding: 8px 16px;
  display: flex;
  position: relative;
}

.enquiry-bars-answer__statement--selected {
  font-weight: 700;
}

.enquiry-bars__result-notice {
  background-color: var(--primary-outlined-hover-background);
  margin-bottom: 24px;
  padding: 24px 32px;
}

.enquiry-bars__result-notice .button {
  width: -webkit-max-content;
  width: max-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.enquiry-bars-result-notice__text {
  text-align: center;
  font-size: var(--font-size-18);
  font-weight: 700;
  line-height: 28px;
  font-family: var(--arial);
}

.enquiry-bars-result-notice__link {
  color: var(--white);
  width: 114px;
  margin: 24px auto 0;
  text-decoration: none;
  display: block;
}

.enquiry-bars-result-notice__link:hover {
  text-decoration: underline;
}

.enquiry-bars__footer {
  border-bottom: 1px solid var(--grey-200);
  justify-content: space-between;
  padding-bottom: 4px;
  display: flex;
}

.enquiry-bars-footer__vote-notice {
  color: var(--primary-main);
  font: var(--font-desktop-body1-bold);
}

.enquiry-bars-footer__total-votes {
  text-align: right;
  color: var(--grey-600);
  font: var(--font-desktop-body1);
  margin-left: auto;
}

.print__cover {
  flex-direction: column;
  display: flex;
}

.print__cover > a {
  text-decoration: none;
  display: flex;
}

.ad-branding-wrapper {
  z-index: -1;
  position: absolute;
  top: 55px;
}

.ad-bottom {
  grid-column: 1 / -1;
  grid-template-columns: auto minmax(0, 1080px) auto;
}

.ad-category--bottom {
  grid-column: 1 / -1;
}

.ad-category--left-column {
  grid-column: 1 / 3;
}

.ad-position--desktop, .ad-position--tablet, .ad-position--mobile {
  display: none;
}

.ad-list-322 {
  grid-column: 1 / -1;
}

.ad-list-325 {
  grid-column: 1 / -1;
}

:root, :before {
  --ad-top-56: 56px;
  --ad-top-82: 82px;
}

.list-article {
  display: flex;
}

.list-article__stickers-wrapper {
  gap: var(--spacing-12);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.list-article__premium-sticker {
  background-image: url("/dist/assets/default/premium-sticker-black.svg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 88px;
  height: 20px;
}

.list-article__category-name {
  font: var(--font-mobile-button-small);
}

.list-article__category-name a {
  color: var(--primary-main);
  text-decoration: none;
}

.list-article__title a {
  color: var(--text-primary);
  text-decoration: none;
}

.list-article__title a:hover {
  text-decoration: underline;
}

.list-article__authors-date {
  color: var(--text-secondary);
  font: var(--font-desktop-meta-regular);
  align-items: center;
  gap: var(--spacing-12);
  flex-wrap: wrap;
  line-height: 20px;
  display: flex;
}

.list-article__authors a {
  color: var(--text-primary);
  text-decoration: none;
}

.list-article__authors a:hover {
  text-decoration: underline;
}

.list-article__date {
  gap: var(--spacing-8);
  align-items: center;
  display: flex;
}

.list-article__placeholder {
  background-size: 70%;
  border-radius: 4px;
  display: block;
}

.list-article__image picture, .list-article__image picture img {
  max-width: 100%;
}

.list-article--horizontal .list-article__image {
  flex: 0 0 115px;
}

.list-article--horizontal .list-article__text-data {
  flex-direction: column;
  display: flex;
}

.list-article--horizontal .list-article__title {
  color: var(--text-primary);
  word-break: break-word;
}

.list-article--vertical {
  flex-direction: column;
  grid-column: lend / rend;
  display: flex;
}

.list-article--vertical .list-article__text-data {
  flex-direction: column;
  display: flex;
}

.list-article--vertical .list-article__title {
  color: var(--text-primary);
}

.list-article--vertical-no-image .list-article {
  flex-direction: column;
  display: flex;
}

.list-article--vertical-no-image .list-article__text-data {
  gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.list-article--vertical-no-image .list-article__title, .list-article--vertical-no-image .heading-3, .list-article--vertical-no-image .heading-3 a {
  font: var(--font-desktop-h3);
}

.list-article--vertical-no-image .heading-3 a {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.miniplayer {
  display: none;
}

.modal {
  z-index: 1;
  background-color: #191919b3;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.modal__wrapper {
  background-color: var(--background-default);
  padding: var(--spacing-24);
  border: 1px solid var(--other-outline-border);
  gap: var(--spacing-24);
  color: var(--text-primary);
  border-radius: 12px;
  flex-direction: column;
  width: 688px;
  margin: auto;
  display: flex;
  position: relative;
}

.modal__header {
  border-bottom: 1px solid var(--other-divider);
  padding-bottom: var(--spacing-16);
  width: 100%;
  margin: auto;
}

.modal__title {
  font: var(--font-desktop-h3);
}

.modal__close {
  color: var(--other-common-black);
  top: var(--spacing-12);
  right: var(--spacing-24);
  width: 24px;
  height: 24px;
  font-size: 28px;
  position: absolute;
}

.modal__close:hover, .modal__close:focus {
  cursor: pointer;
  text-decoration: none;
}

.modal__body {
  width: 100%;
  margin: auto;
  position: relative;
}

.modal__footer {
  gap: var(--spacing-16);
  justify-content: flex-end;
  width: 100%;
  margin: auto;
  display: flex;
}

.box__headline {
  color: var(--text-primary);
  font: var(--font-desktop-section-title);
  letter-spacing: .03em;
  text-transform: uppercase;
  background: none;
  padding: 0;
}

.box__headline a:after {
  display: none;
}

.wiki-search__title {
  font-size: var(--font-size-25);
  margin-bottom: var(--spacing-16);
  display: block;
}

.wiki-search__description {
  padding-top: var(--spacing-4);
  margin-bottom: var(--spacing-32);
}

.wiki-search__description > strong {
  font-weight: 700;
}

.wiki-search__paging {
  margin-top: var(--spacing-32);
  justify-content: space-between;
  display: flex;
}

.swiper, .swiper__container {
  position: relative;
}

.swiper__container.end-fade:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000 0%, #ffffff80 50%, #fff 100%);
  width: 120px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.swiper__list {
  gap: var(--spacing-24);
  white-space: nowrap;
  scroll-snap-type: x proximity;
  transition: all .3s ease-in-out;
  display: flex;
  overflow: auto;
}

.swiper__item {
  white-space: normal;
  scroll-snap-align: start;
}

.swiper__navigation {
  padding-top: var(--spacing-12);
}

@media (min-width: 576px) {
  .swiper--3 .swiper__container.end-fade:after {
    display: none;
  }
}

.swiper--3 .swiper__item {
  width: calc((100% - var(--spacing-24)) / 1.5);
  flex-shrink: 0;
}

@media (min-width: 480px) {
  .swiper--3 .swiper__item {
    width: 50%;
  }
}

@media (min-width: 576px) {
  .swiper--3 .swiper__item {
    flex-shrink: 1;
    width: 33.3%;
  }

  .swiper--3 .swiper__navigation {
    display: none;
  }
}

.swiper-navigation {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

.swiper-navigation__item {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.swiper-navigation__item:before {
  content: "";
  pointer-events: none;
  display: block;
}

.swiper-navigation--barred .swiper-navigation__item {
  width: 40px;
  height: 30px;
}

.swiper-navigation--barred .swiper-navigation__item:before {
  background-color: var(--action-disabled);
  width: 100%;
  height: 6px;
}

.swiper-navigation--barred .swiper-navigation__item.is-active:before {
  background-color: var(--primary-main);
}

.author-detail {
  padding-bottom: var(--spacing-24);
  border-bottom: 1px solid var(--other-divider);
}

.author-detail__info {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.author-detail .author-detail__image {
  margin-right: var(--spacing-16);
  width: 62px;
  height: 62px;
}

.author-detail .author-detail__image img {
  aspect-ratio: 1;
  border-radius: 50%;
}

.author-detail__name {
  gap: var(--spacing-4);
  font: var(--font-desktop-h3);
  flex-direction: column;
  justify-content: space-between;
  margin-right: auto;
  display: flex;
}

.author-detail__position {
  color: var(--text-secondary);
  font: var(--font-desktop-body2);
  display: block;
}

.author-detail__socials {
  text-align: right;
}

.author-detail__social-icon {
  color: #0000;
  margin-right: var(--spacing-12);
  width: 32px;
  height: 32px;
  font-size: 0;
  display: inline-block;
}

.author-detail__social-icon svg {
  width: 100%;
  height: 100%;
}

.author-detail__social-icon:hover svg path:first-child {
  fill: var(--primary-main);
}

.author-detail__social-email {
  color: var(--text-primary);
  font: var(--font-desktop-body2);
  text-decoration: underline;
  display: block;
}

.author-detail__social-email:hover {
  text-decoration: underline;
}

.author-detail__description {
  margin-top: var(--spacing-24);
}

.category-info {
  grid-column: lend / rend;
}

.category-info picture, .category-info img {
  max-width: 100%;
}

.category-info__description html, .category-info__description body, .category-info__description .font-body {
  font: var(--font-mobile-body1);
  color: var(--text-primary);
}

.category-info__description h1, .category-info__description .heading-1 {
  font: var(--font-mobile-h1);
}

.category-info__description h2, .category-info__description .heading-2 {
  font: var(--font-mobile-h2);
}

.category-info__description h3, .category-info__description .heading-3 {
  font: var(--font-mobile-h3);
}

.category-info__description h4, .category-info__description .heading-4 {
  font: var(--font-mobile-h4);
}

.category-info__description h5, .category-info__description .heading-5 {
  font: var(--font-mobile-h5);
}

.category-info__description .button {
  text-decoration: none;
}

.category-info__description em, .category-info__description em strong {
  font-style: italic;
}

.category-info__description sub, .category-info__description sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

.category-info__description sup {
  top: -.5em;
}

.category-info__description sub {
  bottom: -.25em;
}

.category-info__description ul {
  margin: var(--spacing-20) 0 var(--spacing-20) var(--spacing-24);
  list-style-type: disc;
}

.category-info__description ul ul {
  margin: 0 0 0 var(--spacing-24);
  list-style-type: circle;
}

.category-info__description ol {
  margin: var(--spacing-20) 0 var(--spacing-20) var(--spacing-24);
  list-style-type: decimal;
}

.category-info__description ol ol {
  margin: 0 0 0 var(--spacing-24);
}

.category-info__description hr {
  border: 0;
  border-top: 1px solid var(--other-divider);
}

.category-info__description blockquote {
  background-color: var(--other-divider);
  border-left: 5px solid var(--other-backdrop-overlay);
  padding: var(--spacing-20);
}

.category-info__description table thead {
  background-color: var(--other-divider);
  text-align: left;
}

.category-info__description table tbody tr {
  border-bottom: 1px solid var(--other-divider);
}

.category-info__description table tbody tr:hover {
  background-color: var(--action-hover);
}

.category-info__description table th, .category-info__description table td {
  padding: var(--spacing-16);
}

.seo-box {
  border: 1px solid var(--primary-dark);
  padding: var(--spacing-16);
  margin: var(--spacing-16) 0;
  border-radius: 4px;
  grid-column: lend / rend;
}

.seo-box a {
  color: var(--primary-main);
}

.seo-box a:active, .seo-box a:focus {
  color: var(--text-secondary);
}

.seo-box a:hover, .seo-box a:visited {
  color: var(--text-primary);
}

.seo-box__title {
  font: var(--font-mobile-h3);
  margin: var(--spacing-16) 0;
  width: 100%;
}

.seo-box__tag {
  font: var(--font-mobile-meta-bold);
  color: var(--text-secondary);
  border: 1px solid var(--other-outline-border);
  padding: var(--spacing-4) var(--spacing-8);
  margin: var(--spacing-4) 0;
  border-radius: 4px;
  display: inline-block;
}

.seo-box__tag a {
  color: var(--text-primary);
}

.seo-box p {
  margin: var(--spacing-4) 0;
}

.profile-user {
  flex-direction: column;
  grid-column: lend / rend;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
}

.profile-user a {
  color: var(--text-primary);
}

.profile-user a:hover {
  text-decoration: none;
}

.profile-user__title {
  justify-content: space-between;
  display: flex;
}

.profile-user__title span {
  align-self: center;
}

.profile-user__name-email {
  text-align: right;
}

.profile-user__subscription {
  justify-content: space-between;
  display: flex;
}

.profile-user__subscription p {
  flex: 0 0 150px;
}

.profile-user__subscription ~ .profile-user__subscription {
  padding-top: var(--spacing-12);
  border-top: none;
  margin-top: 0;
}

.profile-user__cancel-reccuring, .profile-user__cancel-newsletter {
  padding-top: var(--spacing-12);
  justify-content: space-between;
  display: flex;
}

.profile-user__cancel-reccuring strong, .profile-user__cancel-newsletter strong {
  text-align: right;
  color: var(--green);
  position: relative;
}

.profile-user__cancel-reccuring strong a, .profile-user__cancel-newsletter strong a {
  color: var(--text-primary);
  font-weight: normal;
}

.profile-user__cancel-reccuring strong span, .profile-user__cancel-newsletter strong span {
  color: var(--primary-main);
  cursor: pointer;
}

.profile-user__cancel-reccuring strong .recurring-info-popup, .profile-user__cancel-newsletter strong .recurring-info-popup {
  background: var(--primary-contrast);
  border: 1px solid var(--grey-300);
  padding: var(--spacing-12);
  color: var(--text-primary);
  text-align: center;
  z-index: 2;
  width: 160px;
  line-height: 17px;
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
}

.profile-user__remaining-days {
  padding-top: var(--spacing-12);
  text-align: right;
}

.profile-user__remaining-days strong {
  color: var(--green);
}

.profile-user__subscription, .profile-user__setting-links, .profile-user__condition-links, .profile-user__order, .profile-user__activate {
  border-top: 1px solid var(--grey-300);
  padding-top: var(--spacing-32);
  margin-top: var(--spacing-32);
  line-height: 35px;
}

.profile-user__condition-prefix {
  margin-top: var(--spacing-24);
}

.profile-user__condition-links a {
  padding-left: var(--spacing-20);
  position: relative;
}

.profile-user__condition-links a:before {
  content: "";
  background: var(--grey-300);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}

.profile-user__order .error-message {
  color: var(--red);
}

.profile-user__form-centered {
  justify-content: center;
  display: flex;
}

.profile-user .activation-steps {
  margin: var(--spacing-32) auto 0;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.profile-user .activation-steps__item {
  padding: var(--spacing-8) var(--spacing-20) var(--spacing-8);
  background: var(--grey-200);
  color: var(--text-primary);
  width: calc(50% - 30px);
  margin-right: 30px;
  position: relative;
}

.profile-user .activation-steps__item:last-of-type {
  text-indent: 25px;
  left: -30px;
}

.profile-user .activation-steps__item:before {
  content: "";
  border: 35px solid #0000;
  border-left: 30px solid var(--grey-200);
  z-index: 1;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 100%;
}

.profile-user .activation-steps__item.active-step {
  color: var(--red);
  background: var(--grey-50);
}

.profile-user .activation-steps__item.active-step:before {
  border-left: 30px solid var(--grey-50);
}

.loader {
  border: 16px solid var(--primary-outlined-hover-background);
  border-top: 16px solid var(--primary-main);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  animation: 2s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.form-review__field {
  margin: var(--spacing-8) 0;
}

.form-review__field input {
  display: none;
}

.form-review__field label {
  background-color: var(--grey-100);
  cursor: pointer;
  padding: 14px 16px 10px 42px;
  display: block;
  position: relative;
}

.form-review__field label:after {
  content: "";
  border: solid 1px var(--grey-300);
  background-color: var(--white);
  border-radius: 4px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 11px;
  left: 12px;
}

.form-review__field label[for="textarea"] {
  display: none;
}

.form-review__field input:checked + label {
  background-color: var(--grey-200);
}

.form-review__field input:checked + label:after {
  content: "✔";
  font-size: var(--font-size-16);
  text-align: center;
  color: var(--primary-main);
  background-color: var(--pink);
  border-color: var(--primary-main);
}

.form-review__field textarea {
  padding: var(--spacing-12);
  box-sizing: border-box;
  border: solid 1px var(--grey-100);
  width: 100%;
  height: 130px;
  min-height: 100px;
  display: none;
}

.form-review__field textarea:focus-visible {
  border: solid 1px var(--grey-200);
  outline: none;
}

.form-review__field input[id="choice8"]:checked ~ textarea {
  display: block;
}

.form-order__field {
  justify-content: space-between;
  display: flex;
}

.form-order__field p {
  flex: 0 0 150px;
}

.form-order__field.discount-code {
  justify-content: left;
}

.form-order__info-text {
  background-color: var(--grey-100);
  padding: var(--spacing-8) var(--spacing-24);
}

.form-order__payment-choose input, .form-order__payment-choose label, .form-order__agreement input, .form-order__agreement label {
  cursor: pointer;
}

.form-order__icons span {
  margin: 0 0 0 var(--spacing-8);
  background-repeat: no-repeat;
  height: 21px;
  display: inline-block;
}

.form-order__icons span.master-card {
  background-image: url("/dist/assets/default/icon-premium-master-card.svg");
  width: 26px;
}

.form-order__icons span.visa {
  background-image: url("/dist/assets/default/icon-premium-visa.svg");
  width: 29px;
}

.form-order__icons span.gopay {
  background-image: url("/dist/assets/default/icon-premium-gopay.svg");
  width: 50px;
}

.thanks {
  gap: var(--spacing-8);
  grid-column: 1 / 3;
  display: flex;
}

.thanks__content {
  flex: 1;
}

.thanks__title {
  margin-bottom: var(--spacing-32);
  font: var(--font-desktop-h2);
}

.thanks__text {
  margin-bottom: var(--spacing-32);
  font: var(--font-desktop-body1);
}

.thanks__greetings {
  margin-bottom: var(--spacing-8);
  font: var(--font-desktop-body1);
}

.thanks__publisher {
  font: var(--font-desktop-body1-bold);
}

.thanks__image-wrapper {
  flex: none;
  width: 252px;
}

.thanks__image-wrapper.lideazeme {
  align-items: center;
  display: flex;
}

.newsletters, .newsletters__title {
  text-align: center;
  grid-column: lend / rend;
}

.newsletters__title h1 {
  font: var(--font-desktop-h1);
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-48);
}

.newsletters__title p {
  font: var(--font-desktop-body1-bold);
  margin-bottom: var(--spacing-32);
}

.newsletters__choose-all {
  font: var(--font-desktop-body1);
  margin-bottom: var(--spacing-32);
  cursor: pointer;
  padding-left: var(--spacing-32);
  display: inline-block;
  position: relative;
}

.newsletters__choose-all:after {
  content: "";
  background: url("/dist/assets/default/icon-checkbox.svg") center no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletters__choose-all.selected:after {
  background: url("/dist/assets/default/icon-checkbox-checked.svg") center no-repeat;
}

.newsletter__detail {
  padding: var(--spacing-24) var(--spacing-32) var(--spacing-24) var(--spacing-32);
  border: 2px solid var(--grey-200);
  margin: 0 auto var(--spacing-20);
  text-align: left;
  max-width: 720px;
  position: relative;
}

.newsletter__detail--title {
  font: var(--font-desktop-h2);
  color: var(--primary-main);
}

.newsletter__detail--date {
  font: var(--font-desktop-body1);
  color: var(--grey-600);
  margin-top: var(--spacing-12);
}

.newsletter__detail--date svg {
  vertical-align: text-bottom;
  display: inline-block;
}

.newsletter__detail--description {
  font: var(--font-desktop-body1);
  margin-top: var(--spacing-20);
}

.newsletter__detail--note {
  font: var(--font-desktop-body1);
  color: var(--grey-600);
  margin-top: var(--spacing-20);
}

.newsletter__detail--signup {
  font: var(--font-desktop-body1);
  cursor: pointer;
  width: 150px;
  position: absolute;
  top: 24px;
  right: 32px;
}

.newsletter__detail--signup:after {
  content: "";
  background: url("/dist/assets/default/icon-checkbox.svg") center no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.newsletter__detail--signup.selected:after {
  background: url("/dist/assets/default/icon-checkbox-checked.svg") center no-repeat;
}

.newsletters__bar {
  z-index: 1;
  background: var(--grey-100);
  padding: var(--spacing-32) 0;
  text-align: left;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 4px 4px #0000001f;
}

.newsletters__bar--content {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
  max-width: 1080px;
  margin: 0 auto;
}

.newsletters__bar--title {
  font: var(--font-desktop-h3);
}

.newsletters__bar--summary {
  font: var(--font-desktop-body1-bold);
  margin-top: var(--spacing-20);
  flex-direction: row;
  display: flex;
}

.newsletters__bar--summary span {
  padding-left: var(--spacing-32);
  margin-right: 20px;
  position: relative;
}

.newsletters__bar--summary span:before {
  content: "";
  background: url("/dist/assets/default/icon-check.svg") center no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletters__bar--form {
  margin-top: var(--spacing-32);
}

.newsletters__bar--input {
  padding: var(--spacing-12) var(--spacing-16);
  border: 1px solid var(--grey-300);
  border-radius: 2px;
  width: 260px;
}

.newsletters__bar--agreement {
  font: var(--font-desktop-body1);
  margin-top: var(--spacing-12);
}

.newsletters__bar--agreement a {
  color: #000;
}

.newsletters__bar--agreement a:hover {
  text-decoration: none;
}

.newsletters__bar--button {
  margin-top: var(--spacing-32);
  justify-content: center;
  display: flex;
}

.newsletters__bar--success {
  font: var(--font-desktop-h3);
  text-align: center;
}

.list-articles-wrapper--vertical {
  gap: var(--spacing-32);
  flex-direction: column;
  grid-column: 1 / 3;
  display: flex;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .header-menu-hamburger__icon {
    margin-right: var(--spacing-16);
  }

  .header-menu-hamburger {
    margin-left: var(--spacing-20);
  }

  .header-menu__item:not(:last-child) {
    margin-right: var(--spacing-24);
  }

  .header-search {
    margin-right: var(--spacing-20);
  }

  .megamenu-subcategories {
    margin-bottom: var(--spacing-32);
  }

  .megamenu-stickers__item {
    margin-right: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .list-article--vertical .list-article__image {
    margin-bottom: var(--spacing-20);
  }

  .list-article--vertical .list-article__authors {
    margin-right: var(--spacing-12);
  }

  .box__headline, .list-articles-wrapper--vertical .list-article--horizontal {
    margin-bottom: var(--spacing-32);
  }

  .list-articles-wrapper--vertical .list-article__image {
    margin-right: var(--spacing-20);
  }

  .list-articles-wrapper--vertical .list-article__authors {
    margin-right: var(--spacing-12);
  }

  .list-articles-wrapper--vertical .list-article__premium-sticker {
    margin-left: var(--spacing-12);
  }

  .article__social-icon {
    margin-right: var(--spacing-12);
  }

  .article-tags li {
    margin-right: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .list-article__date {
    margin-right: var(--spacing-12);
  }

  .list-article__date span:not(:last-child), .megamenu-social__networks a:not(:last-child) {
    margin-right: var(--spacing-8);
  }

  .megamenu-applications__wrapper, .megamenu-applications__download-appstore {
    margin-right: var(--spacing-12);
  }
}

.gtm-highlight__track {
  outline-offset: -4px;
  outline: 4px solid red;
  padding: 3px;
}

.gtm-highlight__track--disabled {
  outline-offset: -2px;
  outline: 2px solid orange;
  padding: 3px;
}

.gtm-highlight__track-additional-info {
  color: #fff;
  z-index: 9999;
  opacity: .8;
  background-color: green;
  padding: 3px;
  font-size: .8em;
  position: absolute;
}

.gtm-highlight__track--green {
  outline-color: green;
}

.gtm-highlight__scroll-to {
  color: red;
  border: 4px solid red;
  padding: 3px;
}

.gtm-highlight__gallery {
  border: 4px solid red;
}

.gtm-highlight__track-source {
  color: #ff0;
}

.wrapper--main img {
  border-radius: 4px;
}

.header {
  font-family: var(--vafle);
}

.header .header-subscription__button > a {
  font-weight: normal;
}

.header .header-user .header-user__link {
  color: var(--text-primary);
}

.header .header-user .header-user__text, .header .header-menu .header-menu__link {
  color: var(--text-primary);
  font-weight: normal;
}

.megamenu-wrapper {
  font-family: var(--vafle);
}

.button {
  border-radius: 4px;
}

.list-article__authors {
  line-height: 1.7;
}

.list-article__authors strong {
  font-weight: 500;
}

.list-article__category-name {
  color: var(--primary-main);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  line-height: 20px;
}

.list-article__category-name > a {
  color: var(--primary-main);
}

.list-article__category-name > a:hover {
  text-decoration: underline;
}

.list-article__placeholder {
  background: url("/dist/assets/reflex/logo-reflex.svg") center no-repeat;
}