@charset "UTF-8";
/* ============================================================================
   ADVANCED CSS RESET
   ============================================================================ */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-object-fit: cover;
  -webkit-object-position: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  text-wrap: balance;
}

p {
  margin: 0;
  text-wrap: pretty;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  text-align: center;
}

button:disabled,
input:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

input,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=search]::-ms-clear {
  display: none;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left !important;
  -webkit-text-align: left !important;
  width: 100%;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator {
  background-image: url("../img/icons/calendar-picker.svg");
  position: absolute;
  left: var(--spacing-4);
  opacity: 0;
}

@supports (-webkit-touch-callout: none) {
  input[type=date],
  input[type=time],
  input[type=datetime-local] {
    text-align: left !important;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

blockquote,
q {
  quotes: none;
}

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

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

summary {
  cursor: pointer;
}

dialog {
  /* Стили для диалоговых окон */
  border: none;
  padding: 0;
}

hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  height: 0;
  overflow: visible;
}

mark {
  background-color: #fff9c4;
  color: #000;
  padding: 0.1em 0.3em;
}

ins {
  background-color: #e8f5e9;
  text-decoration: none;
}

del {
  text-decoration: line-through;
  opacity: 0.7;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #666;
  cursor: help;
  text-decoration: none;
}

code,
kbd,
samp,
pre {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.9em;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

iframe {
  border: none;
  max-width: 100%;
}

embed,
object {
  max-width: 100%;
}

svg:not([fill]) {
  fill: currentColor;
}

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
::-moz-selection {
  background-color: rgba(77, 144, 254, 0.3);
  color: inherit;
}
::selection {
  background-color: rgba(77, 144, 254, 0.3);
  color: inherit;
}

::-moz-selection {
  background-color: rgba(77, 144, 254, 0.3);
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
[data-js-focus-visible] :focus:not([data-focus-visible-added]) {
  outline: none;
}

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

@media (hover: none) and (pointer: coarse) {
  a,
  button,
  input,
  label,
  select,
  textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
}
/**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  -webkit-transition-property: visibility, opacity, -webkit-transform;
  transition-property: visibility, opacity, -webkit-transform;
  -o-transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
       -o-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
          transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/**
 * Миксин для медиа-запросов "min-width" (от указанного брейкпоинта и выше)
 * @param {string} $breakpoint - Ключ из карты $breakpoints
 */
/**
 * Миксин для медиа-запросов "max-width" (до указанного брейкпоинта, не включая его)
 * Вычитает 0.02px чтобы избежать перекрытия с media-up на граничном значении
 * @param {string} $breakpoint - Ключ из карты $breakpoints
 */
/**
 * Миксин для медиа-запросов между двумя брейкпоинтами
 * @param {string} $lower - Нижний брейкпоинт (включительно)
 * @param {string} $upper - Верхний брейкпоинт (не включая)
 */
/**
 * Адаптивное CSS свойство с плавным изменением значения
 * Генерирует промежуточные значения между $startSize и $minSize
 * в зависимости от ширины экрана
 * 
 * @param {string} $property - CSS свойство (font-size, padding, margin и т.д.)
 * @param {number} $startSize - Значение на максимальной ширине (px)
 * @param {number} $minSize - Значение на минимальной ширине (px)
 * @param {number} $widthFrom - Ширина, с которой начинается адаптация (px)
 * @param {number} $widthTo - Ширина, на которой адаптация заканчивается (px)
 * @param {number} $keepSize - Настройка фиксации значений:
 *                             0 - без фиксации
 *                             1 - фиксировать на всех размерах
 *                             2 - фиксировать только на больших экранах
 *                             3 - фиксировать только на маленьких экранах
 * 
 * Пример использования:
 * @include adaptive-value("font-size", 24, 16);
 * @include adaptive-value("padding", 40, 20, 1200, 320, 0);
 */
/**
 * Стили для состояний наведения и активации ссылок/кнопок
 * Поддерживает устройства с hover и touch
 * 
 * @param {color} $hover_color - Цвет при наведении (hover)
 * @param {color} $active_color - Цвет при активации (active)
 * 
 * Пример использования:
 * @include hover-link(#3498db, #2980b9);
 * @include hover-link(var(--primary), var(--primary-dark));
 */
/**
 * Обрезка текста с многоточием для ограничения количества строк
 * Работает через CSS свойства line-clamp
 * 
 * @param {number} $count_line - Количество отображаемых строк
 * 
 * Пример использования:
 * @include hide-text(2); // Ограничить 2 строками
 * @include hide-text(4); // Ограничить 4 строками
 */
/**
 * Быстрое создание псевдоэлементов ::before и ::after
 * 
 * @param {string} $display - Display свойство (block, inline-block, flex)
 * @param {string} $pos - Позиционирование (absolute, relative, fixed)
 * @param {string} $content - Содержимое псевдоэлемента
 * 
 * Пример использования:
 * @include pseudo; // С параметрами по умолчанию
 * @include pseudo(inline-block, relative, "★");
 * 
 * Использование в связке:
 * .element::before {
 *   @include pseudo;
 *   top: 0;
 *   left: 0;
 *   width: 100%;
 *   height: 100%;
 * }
 */
/**
 * Создание контейнера с фиксированным соотношением сторон
 * Полезно для видео, изображений и responsive iframes
 * 
 * @param {number} $x - Ширина соотношения (например 16 для 16:9)
 * @param {number} $y - Высота соотношения (например 9 для 16:9)
 * @param {boolean} $pseudo - Использовать псевдоэлемент для отступов
 * 
 * Пример использования:
 * @include responsive-ratio(16, 9); // Для обычного элемента
 * @include responsive-ratio(1, 1, true); // Квадрат с псевдоэлементом
 * 
 * Для видео:
 * .video-container {
 *   @include responsive-ratio(16, 9, true);
 *   iframe { width: 100%; height: 100%; }
 * }
 */
/**
 * Конвертация пикселей в vw (viewport width)
 * Относительно указанного viewport
 * 
 * @param {number} $px - Значение в пикселях
 * @return {string} - Значение в vw
 * 
 * Пример использования:
 * font-size: vw(24); // 24px → vw
 * padding: vw(20) vw(40);
 */
/**
 * Конвертация пикселей в vh (viewport height)
 * Относительно указанного viewport
 * 
 * @param {number} $px - Значение в пикселях
 * @return {string} - Значение в vh
 * 
 * Пример использования:
 * height: vh(100); // 100px → vh
 * min-height: vh(600);
 */
/**
 * Конвертация пикселей в проценты
 * Относительно указанного viewport
 * 
 * @param {number} $px - Значение в пикселях
 * @return {string} - Значение в процентах
 * 
 * Пример использования:
 * width: px(800); // 800px → %
 */
/**
 * Градиентный текст с поддержкой всех браузеров
 * 
 * @param {color} $start-color - Начальный цвет градиента
 * @param {color} $end-color - Конечный цвет градиента
 * @param {angle} $angle - Угол градиента (deg, turn, rad)
 * 
 * Пример использования:
 * @include gradient-text(#ff7e5f, #feb47b);
 * @include gradient-text(#3498db, #2ecc71, 90deg);
 * @include gradient-text(var(--gradient-start), var(--gradient-end));
 */
/**
 * Градиентные рамки с использованием border-image
 * Поддерживает все современные браузеры
 * 
 * @param {number} $width - Толщина рамки
 * @param {color} $start-color - Начальный цвет градиента
 * @param {color} $end-color - Конечный цвет градиента
 * 
 * Пример использования:
 * @include gradient-border(2px, #ff7e5f, #feb47b);
 * @include gradient-border(3px, var(--primary), var(--secondary));
 * 
 * Важно: border-radius не работает с border-image
 */
/**
 * Миксины для создания кастомных адаптивных утилит
 */
/* пример использования 

	// позиция для псевдоэлементов
	@include adaptive-value("--pos", -32, -20);

	@include concave-corner-flex(
		$pseudo: "before",
		$corner: "bottom-left",
		$top: 0,
		$left: var(--pos)
	);

	@include concave-corner-flex(
		$pseudo: "after",
		$corner: "bottom-left",
		$right: 0,
		$bottom: var(--pos)
	);

	@include concave-corner-responsive(
		$pseudo: "before",
		$breakpoint: $tablet,
		$corner: "left-top",
		$top: auto,
		$bottom: 0
	);

	@include concave-corner-responsive(
		$pseudo: "after",
		$breakpoint: $tablet,
		$corner: "left-top",
		$bottom: auto,
		$top: var(--pos)
	);

*/
/*
// ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ ВСЕХ МИКСИНОВ:

// 1. Адаптивная типографика
.title {
  @include adaptive-value("font-size", 48, 24);
  @include adaptive-value("line-height", 1.2, 1.4);
  @include gradient-text(#3498db, #2ecc71);
}

// 2. Адаптивные отступы и размеры
.card {
  @include adaptive-value("padding", 40, 20);
  @include adaptive-value("border-radius", 20, 10);
  @include gradient-border(2px, #3498db, #2ecc71);
}

// 3. Контейнер с соотношением сторон
.video-wrapper {
  @include responsive-ratio(16, 9, true);
  background: #000;
}

// 4. Текст с ограничением строк
.excerpt {
  @include hide-text(3);
  @include adaptive-value("font-size", 18, 14);
}

// 5. Интерактивные элементы
.button {
  @include hover-link(#3498db, #2980b9);
  padding: vw(12) vw(24);

  &::after {
    @include pseudo;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  &:hover::after {
    transform: scaleX(1);
  }
}
// 6. Fullscreen секция
.hero-section {
  width: 100%;
  height: vh(600);
  min-height: vh(600);
  padding: vw(40);
}

// 7. Комбинирование миксинов
.featured-item {
  @include adaptive-value("padding", 32, 16);
  @include responsive-ratio(4, 3);
  position: relative;

  &::before {
    @include pseudo;
    @include gradient-border(3px, #ff7e5f, #feb47b);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  @include hover-link(#fff, #ddd);

  &:hover::before {
    opacity: 1;
  }

  .title {
    @include hide-text(2);
  }
}
*/
/* ============================================================================
   CSS CUSTOM PROPERTIES 
   ============================================================================ */
:root {
  --font-family-base:
  	"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
  	"Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-heading:
  	"FindSansPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
  	"Segoe UI Emoji", "Segoe UI Symbol";
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-none: 100%;
  --line-height-tight: 110%;
  --line-height-title: 120%;
  --line-height-base: 130%;
  --line-height-text: 142%;
  --line-height-loose: 150%;
  --border-width-thin: 1px;
  --border-radius-none: 0;
  --border-radius-full: 9999px;
  --color-border-primary: #cdcdcd;
  --color-border-secondary: #e7e7e7;
  --color-devider: #cab8fc;
  --color-primary: #9775fa;
  --color-secondary: #c8f55a;
  --color-tertiary: #fd6615;
  --color-primary-hover: #744ce7;
  --color-secondary-hover: #afda43;
  --color-tertiary-hover: #e55000;
  --color-secondary-light: #e2f7ac;
  --color-accent-secondary: #648a08;
  --color-text-primary: #424242;
  --color-text-secondary: #5a5757;
  --color-text-tertiary: #757575;
  --color-text-inverted: #fdfcff;
  --color-text-accent: #744ce7;
  --color-text-disabled: #8b8a8c;
  --color-success: #52c41a;
  --color-warning: #ff8b00;
  --color-danger: #ff4d4f;
  --color-danger-hover: #e52e30;
  --color-background-primary: #fdfcff;
  --color-background-secondary: rgba(235, 234, 237, 0.4);
  --color-background-tertiary: rgba(223, 222, 224, 0.7);
  --color-background-subded: #eeedf0;
  --color-background-card: #e8e7ea;
  --color-background-card-secondary: rgba(235, 234, 237, 0.4);
  --color-background-subded-140: rgba(41, 174, 255, 0.14);
  --color-background-cabinet: var(--color-f5f5f5);
  --color-overlay: #1a1a1a40;
  --color-background-input: #f7f6f9;
  --color-background-input-dark: #e6e5e7;
  --color-background-input-transparensy: rgba(235, 234, 237, 0.4);
  --color-surface-primary: #efe9fe;
  --color-surface-main: #d6daf1;
  --color-surface-primary-140: rgba(151, 117, 250, 0.14);
  --color-surface-primary-300: #dfd4fe;
  --color-surface-secondary: #f6f5f8;
  --color-surface-secondary-500: #e2f8ac;
  --color-surface-tertiary-140: #f5c8b0;
  --color-surface-tertiary-300: #f1a57c;
  --color-surface-tertiary-500: #f78549;
  --color-surface-primary-hover: #d9ccf0;
  --color-surface-tertiary-hover: #f3b799;
  --color-surface-success: #e5f4df;
  --color-surface-warning: #f4e3d1;
  --color-surface-danger: #fde4e6;
  --color-surface-danger-140: rgba(255, 77, 79, 0.14);
  --color-surface-danger-hover: #feb6b9;
  --color-surface-disabled: #f2f2f2;
  --color-f5f5f5: #f5f5f5;
  --color-5c5c5c: #5c5c5c;
  --color-f1f1f2: #f1f1f2;
  --color-d9d9d9: #d9d9d9;
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-base:
  	0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-md:
  	0 6px 10px -1px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:
  	0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl:
  	0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-3xl: 0 42px 34px 0 rgba(92, 128, 5, 0.29);
  --transition-duration-fast: 150ms;
  --transition-duration-base: 300ms;
  --transition-duration-slow: 500ms;
  --transition-timing-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-timing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-timing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-timing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration-slow: 0.6s;
  --animation-duration-base: 0.3s;
  --animation-duration-fast: 0.15s;
  --z-index-behind: -1;
  --z-index-base: 0;
  --z-index-elevated: 1;
  --z-index-secondary: 2;
  --z-index-tertiary: 3;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1100;
  --z-index-fixed: 1200;
  --z-index-overlay: 1300;
  --z-index-modal: 1400;
  --z-index-popover: 1500;
  --z-index-tooltip: 1600;
  --z-index-toast: 1700;
  --z-index-maximum: 2147483647;
  --viewport-width: 1920;
  --viewport-height: 1080;
  --index: calc(1vw + 1vh);
  --container-padding: var(--spacing-10);
  --container-max-width: 1920px;
  --grid-gap: var(--spacing-4);
  --gradient-accent: linear-gradient(168deg, #b9a4f5 0%, #f4f3f6 100%);
  --gradient-accent-overlay: linear-gradient(
  	180deg,
  	rgba(151, 117, 250, 20%) 5%,
  	#9775fa 80%
  );
  --gradient-overlay: linear-gradient(
  	180deg,
  	rgba(66, 66, 66, 0) 0%,
  	rgba(66, 66, 66, 1) 100%
  );
  --gradient-overlay-reverse: linear-gradient(
  	180deg,
  	#424242 0%,
  	rgba(66, 66, 66, 0) 100%
  );
  --gradient-secondary: linear-gradient(
  	180deg,
  	rgba(242, 245, 255, 0) 0%,
  	#f2f5ff 100%
  );
  --paddings-md2: 30px;
  --paddings-md3: 16px;
}

@media (min-width: 1920px) {
  :root {
    --font-size-xs: 14px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-xs: calc(
				12px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-xs: 12px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-sm: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-sm: calc(
				14px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-sm: 14px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-base: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-base: calc(
				16px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-base: 16px;
  }
}
@media (min-width: 1680px) {
  :root {
    --font-size-md: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --font-size-md: calc(
				15px + 5 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --font-size-md: 15px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-lg: 22px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-lg: calc(
				18px + 4 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-lg: 18px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-xl: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-xl: calc(
				20px + 4 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-xl: 20px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-2xl: 28px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-2xl: calc(
				22px + 6 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-2xl: 22px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-3xl: 30px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-3xl: calc(
				24px + 6 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-3xl: 24px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-4xl: 38px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-4xl: calc(
				30px + 8 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-4xl: 30px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-5xl: 44px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-5xl: calc(
				32px + 12 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-5xl: 32px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-6xl: 68px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-6xl: calc(
				58px + 10 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-6xl: 58px;
  }
}
@media (min-width: 1920px) {
  :root {
    --font-size-7xl: 80px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  :root {
    --font-size-7xl: calc(
				64px + 16 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  :root {
    --font-size-7xl: 64px;
  }
}

@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-sm: 14px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-sm: calc(
				12px + 2 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-sm: 12px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-base: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-base: calc(
				14px + 2 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-base: 14px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-lg: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-lg: calc(
				16px + 2 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-lg: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-xl: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-xl: calc(
				16px + 4 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-xl: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-2xl: 22px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-2xl: calc(
				20px + 2 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-2xl: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-3xl: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-3xl: calc(
				18px + 6 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-3xl: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-4xl: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-4xl: calc(
				24px + 6 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-4xl: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-5xl: 32px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-5xl: calc(
				28px + 4 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-5xl: 28px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-6xl: 58px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-6xl: calc(
				52px + 6 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-6xl: 52px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  :root {
    --font-size-7xl: 64px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  :root {
    --font-size-7xl: calc(
				28px + 36 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  :root {
    --font-size-7xl: 28px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-base: 14px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-base: calc(
				12px + 2 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-base: 12px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-lg: 16px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-lg: calc(
				14px + 2 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-lg: 14px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-xl: 16px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-xl: calc(
				14px + 2 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-xl: 14px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-2xl: 20px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-2xl: calc(
				16px + 4 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-2xl: 16px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-3xl: 18px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-3xl: calc(
				16px + 2 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-3xl: 16px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-4xl: 24px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-4xl: calc(
				18px + 6 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-4xl: 18px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-5xl: 28px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-5xl: calc(
				20px + 8 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-5xl: 20px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  :root {
    --font-size-6xl: 52px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  :root {
    --font-size-6xl: calc(
				38px + 14 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  :root {
    --font-size-6xl: 38px;
  }
}
@media (min-width: 1680px) {
  :root {
    --spacing-unit: 4px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --spacing-unit: calc(
				2px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --spacing-unit: 2px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-width-base: 2px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-width-base: calc(
				1px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-width-base: 1px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-width-thick: 3px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-width-thick: calc(
				2px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-width-thick: 2px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-width-thicker: 4px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-width-thicker: calc(
				3px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-width-thicker: 3px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-sm: 4px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-sm: calc(
				2px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-sm: 2px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-base: 6px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-base: calc(
				4px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-base: 4px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-md: 8px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-md: calc(
				6px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-md: 6px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-lg: 12px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-lg: calc(
				8px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-lg: 8px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-xl: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-xl: calc(
				12px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-xl: 12px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-2xl: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-2xl: calc(
				16px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-2xl: 16px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-3xl: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-3xl: calc(
				20px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-3xl: 20px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-4xl: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-4xl: calc(
				24px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-4xl: 24px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-5xl: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-5xl: calc(
				32px + 32 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-5xl: 32px;
  }
}
@media (min-width: 1680px) {
  :root {
    --border-radius-6xl: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --border-radius-6xl: calc(
				48px + 32 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --border-radius-6xl: 48px;
  }
}

@media (min-width: 1680px) {
  :root {
    --icon-size-xl: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-xl: calc(
				32px + 32 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-xl: 32px;
  }
}
@media (min-width: 1680px) {
  :root {
    --icon-size-lg: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-lg: calc(
				28px + 20 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-lg: 28px;
  }
}
@media (min-width: 1680px) {
  :root {
    --icon-size-md: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-md: calc(
				24px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-md: 24px;
  }
}
@media (min-width: 1680px) {
  :root {
    --icon-size-base: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-base: calc(
				20px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-base: 20px;
  }
}
@media (min-width: 1680px) {
  :root {
    --icon-size-sm: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-sm: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-sm: 16px;
  }
}
@media (min-width: 1680px) {
  :root {
    --icon-size-xs: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  :root {
    --icon-size-xs: calc(
				12px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  :root {
    --icon-size-xs: 12px;
  }
}

:root {
  --spacing-0: 0;
  --spacing-1: calc(var(--spacing-unit) * 1);
  --spacing-2: calc(var(--spacing-unit) * 2);
  --spacing-3: calc(var(--spacing-unit) * 3);
  --spacing-4: calc(var(--spacing-unit) * 4);
  --spacing-5: calc(var(--spacing-unit) * 5);
  --spacing-6: calc(var(--spacing-unit) * 6);
  --spacing-8: calc(var(--spacing-unit) * 8);
  --spacing-10: calc(var(--spacing-unit) * 10);
  --spacing-12: calc(var(--spacing-unit) * 12);
  --spacing-16: calc(var(--spacing-unit) * 16);
  --spacing-20: calc(var(--spacing-unit) * 20);
  --spacing-24: calc(var(--spacing-unit) * 24);
  --spacing-32: calc(var(--spacing-unit) * 32);
  --spacing-40: calc(var(--spacing-unit) * 40);
  --spacing-48: calc(var(--spacing-unit) * 48);
  --spacing-56: calc(var(--spacing-unit) * 56);
  --spacing-64: calc(var(--spacing-unit) * 64);
  --spacing-72: calc(var(--spacing-unit) * 72);
  --spacing-80: calc(var(--spacing-unit) * 80);
  --spacing-96: calc(var(--spacing-unit) * 96);
}

.text-primary, .test-box__title, .lesson-message__user-name, .lesson-teacher__name, .lesson-sidebar__block-title, .recommended-card__title, .header-notifications__title, .person-card__name, .achievement-card__title, .mission-advantages__card-title, .subscribe__title, .sveden__detail-description, .sveden__detail-term, .principles__label, .webinars-card__title, .course-nav__tab, .present__title, .about__title, .webinar-card__title, .courses-card__title, .hero-card__title, .modal__title, .file-drop__item-name, .file__dropzone-text, .body-large, .test-result__progress-text, .lesson-teacher__social, .modal-pay__summary-desc, .body-xl, .heading-xxs, .heading-lg, .webinar-offer__title, .heading-xl, .lecture-card__title, .heading-xs, .hero-rating__title, .heading-small, .admin-stat__value, .heading-base, .heading-large, body {
  color: var(--color-text-primary) !important;
}

.text-secondary, .cabinet-notifications__item-text, .course-card__progress-meta, .panel-sidebar__nav-caption, .achievement-card__text, .external-link, .accordion--secondary .accordion__caption, .accordion--base .accordion__inner, .label, .webinar-offer__text, .lesson-message__date, .lesson-teacher__post, .admin-cue__title, .admin-stat__label, .select__title, .input-box__title, .caption, .lecture-card__timer-label, .lecture-card__note, .admin-cue__type, .event-role__caption, .webinars-card__date, .file-drop__item-size, .body-base, .test-result__text, .lesson-message__text, .article-section__media-caption, .person-card__position, .mission-advantages__card-text, .webinars-card__description, .webinar-card__text, .courses-card__text {
  color: var(--color-text-secondary) !important;
}

.text-tertiary, .lesson-block__name, .cabinet-notifications__date, .purchases-card__date, .purchases-card__text, .about-doctor__name, .courses-card__level, .breadcrumbs__item, .header-profile__post, .modal-pay__summary-term,
.modal-pay__bonus-info, .file__dropzone-or, .body-small, .webinar-hint, .lecture-card__when, .admin-muted, .audience-card__text {
  color: var(--color-text-tertiary) !important;
}

.text-inverted, .webinar-timer__label, .cabinet-archive__banner-title, .continue-card__lesson-title, .course-card__title, .continue-card__meta, .mission-advantages__card-number, .blog-card__date, .blog-card__title, .event-signup__price, .upcoming-card__text, .upcoming-card__title, .gift-card:nth-child(3) .gift-card__title, .gift-card:nth-child(1) .gift-card__title, .plan-card--accent::before, .takeaways-card__number, .takeaways-card--media .takeaways-card__text, .principles-card__caption, .webinars-card--featured .webinars-card__title,
.webinars-card--featured .webinars-card__description,
.webinars-card--featured .webinars-card__date, .intensives-card__level, .overview__badge:nth-child(even), .footer-contact__text, .footer-contact__link {
  color: var(--color-text-inverted) !important;
}

.text-accent-primary, .webinar-offer__price-new, .events-card__date, .event-hero__date, .principles__value, .audience-card__title {
  color: var(--color-primary) !important;
}

.text-accent-secondary {
  color: var(--color-secondary) !important;
}

.text-accent-tertiary, .overview__badge-news {
  color: var(--color-tertiary) !important;
}

.text-success {
  color: var(--color-success) !important;
}

.text-warning, .cabinet-profile__warning-text {
  color: var(--color-warning) !important;
}

.text-danger {
  color: var(--color-danger) !important;
}

.bg-background, body {
  background-color: var(--color-background-primary);
}

.bg-cabinet {
  background-color: var(--color-background-cabinet);
}

.bg-surface {
  background-color: var(--color-surface-primary-140);
}

.border-base {
  border: var(--border-width-base) solid var(--color-border-primary);
}

.border-thick {
  border: var(--border-width-thick) solid var(--color-border-primary);
}

.rounded-sm {
  border-radius: var(--border-radius-sm);
}

.rounded-base {
  border-radius: var(--border-radius-base);
}

.rounded-md {
  border-radius: var(--border-radius-md);
}

.rounded-lg {
  border-radius: var(--border-radius-lg);
}

.rounded-xl {
  border-radius: var(--border-radius-xl);
}

.rounded-full {
  border-radius: var(--border-radius-full);
}

.shadow-xs {
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
}

.shadow-sm {
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.shadow-base {
  -webkit-box-shadow: var(--shadow-base);
          box-shadow: var(--shadow-base);
}

.shadow-md {
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.shadow-lg {
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

.shadow-xl {
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

.shadow-2xl {
  -webkit-box-shadow: var(--shadow-2xl);
          box-shadow: var(--shadow-2xl);
}

.shadow-inner {
  -webkit-box-shadow: var(--shadow-inner);
          box-shadow: var(--shadow-inner);
}

@font-face {
  font-family: "FindSansPro";
  font-display: swap;
  src: url("../../assets/fonts/FindSansPro-Regular.woff2") format("woff2"), url("../../assets/fonts/FindSansPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
/* ============================================================================
   GLOBAL UTILITIES
   ============================================================================
   Базовые стили и утилиты для всего проекта
   ============================================================================ */
html {
  scrollbar-color: var(--color-border-primary) var(--color-background-secondary);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: var(--spacing-6);
  height: var(--spacing-3);
  background-color: transparent;
}

::-webkit-scrollbar-track {
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-full);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-border-primary);
  border-radius: var(--border-radius-full);
  background-clip: content-box;
  -webkit-transition: background-color var(--transition-duration-base) var(--transition-timing-ease);
  transition: background-color var(--transition-duration-base) var(--transition-timing-ease);
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
  background-color: var(--color-border-secondary);
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-border-primary) var(--color-background-secondary);
  }
}
html {
  height: 100%;
  overflow-x: clip;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: background-color var(--transition-duration-base) var(--transition-timing-ease), color var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: background-color var(--transition-duration-base) var(--transition-timing-ease), color var(--transition-duration-base) var(--transition-timing-ease);
  transition: background-color var(--transition-duration-base) var(--transition-timing-ease), color var(--transition-duration-base) var(--transition-timing-ease);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
html.no-scroll, html._fixed, html[data-scroll-locked=true] {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media print {
  html {
    font-size: 12pt;
    background: none !important;
  }
}

body {
  overflow-x: clip;
  overflow-y: visible;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  isolation: isolate;
}
@media print {
  body {
    background: white;
    color: black;
  }
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
main:focus {
  outline: none;
}

header,
footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.container {
  width: 100%;
  height: auto;
  max-width: var(--container-max-width, 1920px);
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--padding-container);
}
@media (min-width: 1920px) {
  .container {
    --padding-container: 108px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .container {
    --padding-container: calc(
				60px + 48 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .container {
    --padding-container: 60px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .container {
    --padding-container: 60px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .container {
    --padding-container: calc(
				30px + 30 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .container {
    --padding-container: 30px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .container {
    --padding-container: 30px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .container {
    --padding-container: calc(
				16px + 14 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .container {
    --padding-container: 16px;
  }
}
.container--fluid {
  max-width: 100%;
}
.container--wide {
  max-width: calc(1416px + var(--padding-container) * 2);
}
.container--no-padding {
  padding-left: 0;
  padding-right: 0;
}
.container--padding-sm {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}
.container--padding-lg {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.deactive,
[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.hidden,
[hidden] {
  display: none !important;
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable-x {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.scrollable-y, .cabinet-notification__list, .header-notifications__list {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.scrollable--custom::-webkit-scrollbar, .cabinet-notification__list::-webkit-scrollbar, .header-notifications__list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollable--custom::-webkit-scrollbar-thumb, .cabinet-notification__list::-webkit-scrollbar-thumb, .header-notifications__list::-webkit-scrollbar-thumb {
  background-color: var(--color-tertiary);
  border-radius: var(--border-radius-full);
}
.scrollable--custom::-webkit-scrollbar-track, .cabinet-notification__list::-webkit-scrollbar-track, .header-notifications__list::-webkit-scrollbar-track {
  background-color: var(--color-surface-tertiary-140);
}

.visually-hidden, .file__input, .toggle__input, .sr-only, .event-signup__chip input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Состояния для скринридеров */
.sticky {
  position: sticky;
  top: 0;
  z-index: var(--z-index-sticky);
}

.fixed {
  position: fixed;
  z-index: var(--z-index-fixed);
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fade-in {
  -webkit-animation: fadeIn var(--animation-duration-base) var(--transition-timing-ease);
          animation: fadeIn var(--animation-duration-base) var(--transition-timing-ease);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes modalEnter {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes modalEnter {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
/* ==========================================================================
   LIST STYLES BASED 
   ========================================================================== */
.list-unordered,
.list-ordered {
  padding-left: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-text);
  letter-spacing: var(--letter-spacing-normal);
  list-style-position: inside;
}
.list-unordered li,
.list-ordered li {
  position: relative;
  color: var(--color-text-primary);
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
}
.list-unordered li:last-child,
.list-ordered li:last-child {
  margin-bottom: 0;
}

.list-unordered li {
  padding: var(--spacing-1) 0 var(--spacing-1) var(--spacing-8);
}
.list-unordered li::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--spacing-2);
  width: var(--spacing-4);
  height: var(--spacing-4);
  border: var(--border-width-base) solid var(--color-primary);
  border-radius: var(--border-radius-full);
  border-color: var(--color-primary);
  -webkit-transition: background-color var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: background-color var(--transition-duration-base) var(--transition-timing-ease);
  transition: background-color var(--transition-duration-base) var(--transition-timing-ease);
}
@media screen and (max-width: 760px) {
  .list-unordered li::before {
    top: var(--spacing-3);
  }
}
.list-unordered .list-unordered {
  margin-top: var(--spacing-3);
}
.list-unordered .list-unordered li {
  padding-left: var(--spacing-6);
}
.list-unordered .list-unordered li::before {
  left: var(--spacing-2);
  background-color: var(--color-primary);
  width: calc(var(--spacing-2) - 1px);
  height: calc(var(--spacing-2) - 1px);
}
.list-unordered .list-ordered {
  padding-bottom: var(--spacing-2);
  padding-top: var(--spacing-2);
}
.list-unordered .list-ordered li::before {
  border: none;
}

.list-ordered {
  list-style-type: none;
  counter-reset: ordered-counter;
}
.list-ordered > li {
  padding: var(--spacing-1) 0 var(--spacing-1) var(--spacing-8);
}
.list-ordered > li::before {
  content: counter(ordered-counter) ".";
  counter-increment: ordered-counter;
  position: absolute;
  left: var(--spacing-1);
  top: var(--spacing-1);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  min-width: var(--spacing-6);
  text-align: center;
}
.list-ordered > li:has(> .list-unordered),
.list-ordered > li:has(> .list-ordered) {
  padding-bottom: var(--spacing-4);
}
.list-ordered > li:has(> .list-unordered)::before,
.list-ordered > li:has(> .list-ordered)::before {
  top: var(--spacing-1);
}
.list-ordered .list-unordered {
  margin-top: var(--spacing-3);
  font-size: calc(var(--font-size-base) * 0.95);
}
.list-ordered .list-unordered li {
  padding: var(--spacing-1) 0 var(--spacing-1) var(--spacing-8);
}
.list-ordered .list-unordered li::before {
  left: var(--spacing-1);
  border: var(--border-width-base) solid var(--color-primary);
}
.list-ordered .list-ordered {
  margin: var(--spacing-2) 0 var(--spacing-2) var(--spacing-8);
  font-size: calc(var(--font-size-base) * 0.95);
  counter-reset: nested-ordered-counter;
}
.list-ordered .list-ordered > li {
  padding-left: var(--spacing-8);
}
.list-ordered .list-ordered > li::before {
  content: counter(ordered-counter) "." counter(nested-ordered-counter);
  counter-increment: nested-ordered-counter;
  left: var(--spacing-2);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
}

.list-default {
  list-style-type: disc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-2);
}
.list-default li {
  margin-left: 24px;
}

.image-cover, .image-absolute, .test-box__media img, .lesson-message__user-avatar img, .lesson-block__media video,
.lesson-block__media iframe, .lesson-teacher__avatar img, .lecture-card__media img, .cabinet-archive__banner-image img, .purchases-card__image img, .user-banner__item img, .recommended-card__media img, .course-card__media img, .continue-card__media img, .article-section__media-inner img,
.article-section__media-inner video,
.article-section__media-inner iframe, .contact-card__media-link img, .about-doctor__photo img, .blog-card__media img, .blog-hero__media img,
.blog-hero__media video,
.blog-hero__media iframe, .event-role__media img,
.event-role__media video,
.event-role__media iframe, .event-hero__gallery-slide img,
.event-hero__gallery-slide video,
.event-hero__gallery-slide iframe, .event-hero__media img,
.event-hero__media video,
.event-hero__media iframe, .text-reviews-card__avatar img, .video-reviews-card__media img, .cta__media img,
.cta__media video,
.cta__media iframe, .takeaways-card__media img,
.takeaways-card__media video,
.takeaways-card__media iframe, .principles-card__media img,
.principles-card__media video,
.principles-card__media iframe, .audience__media img,
.audience__media video,
.audience__media iframe, .webinars-card__media img,
.webinars-card__media video,
.webinars-card__media iframe, .intensives-card__media img, .overview-card__background img, .overview__video-container img,
.overview__video-container video,
.overview__video-container iframe, .news-card__media img, .articles-card__media img, .courses-card__media img, .event-card__media img, .hero-card__media img, .auth-content__image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.image-contain, .lesson-control__number-inner svg,
.lesson-control__number-inner img, .lesson-teacher__social img,
.lesson-teacher__social svg, .deleted__icon svg, .cabinet-notifications__item-icon svg,
.cabinet-notifications__item-icon img, .panel-bottom-nav__item-icon svg, .panel-header__nav-link svg, .panel-sidebar__nav-link svg, .overview__badge-news img,
.overview__badge-news svg, .courses-card__level svg,
.courses-card__level img, .attachment-link img, .external-link img,
.attachment-link svg,
.external-link svg, .footer-contact__link img,
.footer-contact__link svg, .footer__link img,
.footer__link svg, .footer-nav__link img,
.footer-nav__link svg, .select__item svg, .modal-btn svg,
.modal-btn img, .logo__image img, .image-relative, .lesson-test__icon img,
.lesson-test__icon svg, .lesson-block__media img,
.lesson-block__media picture,
.lesson-block__media source, .person-card__avatar img, .event-signup__state-icon svg,
.event-signup__state-icon img, .cta-form__state-icon svg,
.cta-form__state-icon img, .about-docs__card img, .hero__media img, .hero-rating__users img,
.hero-rating__stars img, .auth-form__apps-link img,
.auth-form__apps-link svg, .snackbar__close svg, .snackbar__icon img,
.snackbar__icon svg, .footer-form__state-icon svg,
.footer-form__state-icon img, .footer-social__link img,
.footer-social__link svg, .header-profile__avatar img, .header-nav__link-icon img,
.header-nav__link-icon svg, .accordion__icon svg {
  -o-object-fit: contain;
     object-fit: contain;
}

.image-absolute, .test-box__media img, .lesson-message__user-avatar img, .lesson-block__media video,
.lesson-block__media iframe, .lesson-teacher__avatar img, .lecture-card__media img, .cabinet-archive__banner-image img, .purchases-card__image img, .user-banner__item img, .recommended-card__media img, .course-card__media img, .continue-card__media img, .article-section__media-inner img,
.article-section__media-inner video,
.article-section__media-inner iframe, .contact-card__media-link img, .about-doctor__photo img, .blog-card__media img, .blog-hero__media img,
.blog-hero__media video,
.blog-hero__media iframe, .event-role__media img,
.event-role__media video,
.event-role__media iframe, .event-hero__gallery-slide img,
.event-hero__gallery-slide video,
.event-hero__gallery-slide iframe, .event-hero__media img,
.event-hero__media video,
.event-hero__media iframe, .text-reviews-card__avatar img, .video-reviews-card__media img, .cta__media img,
.cta__media video,
.cta__media iframe, .takeaways-card__media img,
.takeaways-card__media video,
.takeaways-card__media iframe, .principles-card__media img,
.principles-card__media video,
.principles-card__media iframe, .audience__media img,
.audience__media video,
.audience__media iframe, .webinars-card__media img,
.webinars-card__media video,
.webinars-card__media iframe, .intensives-card__media img, .overview-card__background img, .overview__video-container img,
.overview__video-container video,
.overview__video-container iframe, .news-card__media img, .articles-card__media img, .courses-card__media img, .event-card__media img, .hero-card__media img, .auth-content__image img {
  position: absolute;
  top: 0;
  left: 0;
}

.logo {
  --logo-color: var(--color-primary);
  --logo-font-size: var(--font-size-md);
  --logo-font-weight: var(--font-weight-medium);
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
  .logo {
    --logo-size: 60px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .logo {
    --logo-size: calc(
				40px + 20 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .logo {
    --logo-size: 40px;
  }
}

.logo__image {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: var(--logo-size);
}
.logo__name {
  font-size: var(--logo-font-size);
  font-weight: var(--logo-font-weight);
  color: var(--logo-color);
  line-height: var(--line-height-base);
  text-transform: uppercase;
}

.logo--cabinet {
  --logo-color: var(--color-text-primary);
  --logo-font-size: var(--font-size-sm);
  --logo-font-weight: var(--font-weight-bold);
}
@media (min-width: 1920px) {
  .logo--cabinet {
    --logo-size: 68px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .logo--cabinet {
    --logo-size: calc(
				45px + 23 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .logo--cabinet {
    --logo-size: 45px;
  }
}
@media screen and (max-width: 760px) {
  .logo--cabinet {
    --logo-size: 32px;
  }
}

.section-head {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

._img {
  overflow: hidden;
  position: relative;
  display: block;
}
._img video,
._img iframe,
._img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
._img_bg {
  position: absolute;
  inset: 0;
  z-index: var(--z-index-behind);
}
._img_bg img {
  width: 100%;
  height: 100%;
}
._img-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
._img-contain img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  display: block;
}

._svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
._svg svg {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  display: block;
}

._click, .test-sidebar__question, .panel-header__nav-link, .panel-sidebar__nav-link, .sidebar-admin__item, .sveden-nav__link:active, .course-nav__tab, .attachment-link, .external-link, .file__item-remove, .file-drop__item-delete {
  cursor: pointer;
}
._click:active, .test-sidebar__question:active, .panel-header__nav-link:active, .panel-sidebar__nav-link:active, .sidebar-admin__item:active, .sveden-nav__link:active, .course-nav__tab:active, .attachment-link:active, .external-link:active, .file__item-remove:active, .file-drop__item-delete:active {
  -webkit-transform: translateY(1px) scale(0.98);
      -ms-transform: translateY(1px) scale(0.98);
          transform: translateY(1px) scale(0.98);
  -webkit-box-shadow: var(--button-elevation-active);
          box-shadow: var(--button-elevation-active);
  -webkit-transition-duration: var(--transition-duration-fast);
       -o-transition-duration: var(--transition-duration-fast);
          transition-duration: var(--transition-duration-fast);
}

@media (min-width: 1920px) {
  ._item-p {
    padding: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._item-p {
    padding: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._item-p {
    padding: 20px;
  }
}
@media (min-width: 1920px) {
  ._item-p {
    border-radius: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._item-p {
    border-radius: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._item-p {
    border-radius: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._item-p {
    padding: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._item-p {
    padding: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._item-p {
    padding: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._item-p {
    border-radius: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._item-p {
    border-radius: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._item-p {
    border-radius: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._item-p {
    padding: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._item-p {
    padding: calc(
				12px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._item-p {
    padding: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._item-p {
    border-radius: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._item-p {
    border-radius: calc(
				12px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._item-p {
    border-radius: 12px;
  }
}
._item-p_non-b {
  padding-bottom: 0 !important;
}

@media (any-hover: hover) {
  ._hover:hover {
    color: var(--color-primary-hover) !important;
  }
  ._hover:hover path {
    fill: var(--color-primary-hover) !important;
  }
}

@media print {
  :root {
    --font-size-xs: 9pt;
    --font-size-sm: 10pt;
    --font-size-base: 12pt;
    --font-size-md: 14pt;
    --font-size-lg: 16pt;
    --font-size-xl: 18pt;
    --font-size-2xl: 20pt;
    --font-size-3xl: 24pt;
    --font-size-4xl: 28pt;
    --font-size-display: 32pt;
    --line-height-base: 1.6;
    --line-height-lg: 1.5;
    --line-height-xl: 1.4;
    --line-height-2xl: 1.3;
    --spacing-unit: 4px;
  }
  .no-print {
    display: none !important;
  }
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  tr,
  img {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
  thead {
    display: table-header-group;
  }
}
/* ============================================================================
   LAYOUT UTILITIES
   ============================================================================ */
.webinar-offers, .cabinet-archive__filter, .cabinet-archive__body, .admin-offers, .event-signup__slots-group, .event-signup__slots-list, .courses__list, .courses-card__footer, .footer-contact {
  display: -ms-grid;
  display: grid;
}

.webinar-offer--widget, .events-card__date, .panel-header__nav-link, .panel-header--lesson .panel-header__logo, .admin-cue, .contacts-info__item, .event-hero__date, .subscribe__inner, .cta__inner, .plan-card__head,
.plan-card__footer, .webinars-card--featured .webinars-card__date, .intensives-card__level, .overview__badge-news, .courses-card__level, .snackbar, .attachment-link, .external-link, .footer-nav__link, .header-nav__link, .modal-pay__bonus-header, .modal-pay__summary-item, .modal__header, .file__item, .lesson-message__file, .logo {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.test, .webinar-hint, .lecture-card__body, .lecture-card, .cabinet-notification__head, .cabinet-notifications__item, .cabinet-profile, .cabinet-settings__body, .events-card, .contacts-page__inner,
.contacts-page__main,
.contacts-info__details, .article-section__text, .article-section__content, .article-section, .about-doctor__inner, .mission-advantages__card-head, .mission__head, .blog-hero__inner, .event-role__inner, .subscribe__title, .calendar-day__note-head, .sveden__docs-link, .sveden__detail-item, .sveden__inner, .text-reviews-card__head, .curriculum__inner, .webinars__body, .course-nav__inner, .partners-card__head, .hero__inner, .footer-contact__link, .footer__top, .select__item, .modal-pay__bonus-field, .file--attachment, .file-drop__item, .section-head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.test-result__body, .lecture-card__row, .upcoming-card__body, .hero-card__row, .footer__bottom {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.lesson-teacher,
.lesson-teacher__social {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-3);
}

.webinar-timer, .modal-background, .file-preview__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.test__control, .test__head, .lesson-message__head, .panel-header--lesson .panel-header__inner, .blog-hero__meta, .event-hero__gallery-nav, .plan__bottom, .webinars-card__footer, .questions__inner, .input-box__control, .lesson-answer__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lesson-message__files, .lecture-card__actions, .lecture-card__top, .events-card__meta, .panel-header__nav-wrapper, .panel-header__nav-list, .head-admin__row, .head-admin__right, .contacts-info__list, .contact-card__media-list, .contact-card__actions, .contact-card, .achievement-card__links, .event-signup__price, .event-signup__slots-row, .event-hero__meta, .plan-card__price-row, .plan__partners, .intensives-card__badges, .course-nav__tabs, .overview-card__actions, .overview__actions, .overview__badges, .courses-card__tag-list, .auth-form__apps, .breadcrumbs__list, .footer__links, .footer-contact__list, .footer__contacts, .footer-social__list, .footer-nav__list, .file__items, .files__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.advantages-card__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.test-result__meta, .test-result, .test-box__body, .test-box__head, .test-box, .test__body, .test-sidebar, .webinar-timer__unit, .lesson-answer,
.lesson-answer__form, .lesson-message__text, .lesson-message__body, .lesson-message, .lesson-block__body, .lesson-block__head, .lesson-content__wrapper, .lesson-teacher__info, .lesson-docs,
.lesson-links, .lesson-sidebar__block, .lesson-sidebar, .lecture-card__timer-unit, .lecture-card__head, .lecture-card__countdown, .cabinet-lecture__body, .contacts-info__content,
.contacts-form__body,
.contacts-form__control,
.contacts-form__bottom, .article-section__media, .connect-form__control,
.connect-form__bottom,
.connect__contacts,
.contact-card__content, .person-card,
.person-card__body, .about-doctor__achievements,
.achievement-card, .about-doctor__intro, .mission-advantages__card, .mission-advantages__title, .blog-card__body, .blog-hero__content,
.blog-hero__head,
.blog-hero__body, .event-signup__chip-body, .event-signup__form-bottom, .event-signup__form-control, .event-signup__form, .event-role__text, .event-role__figure, .event-hero__body, .event-hero__heading, .event-hero__head, .subscribe__head, .calendar-day__note, .calendar-day__note-list, .calendar-day, .upcoming-card, .sveden__docs-list, .sveden-sec__body, .sveden__details, .sveden-nav__list, .faq__accordions, .text-reviews-card__body, .text-reviews-card__info, .text-reviews-card, .video-reviews-card__body, .cta-form__control, .cta-form, .plan-card__price, .plan-card__list, .plan-card__info, .plan-card, .plan__body, .curriculum__head,
.curriculum__content,
.curriculum__meta,
.curriculum__accordions, .principles__stat, .teaser__box,
.teaser__body,
.teaser__content,
.teaser-level, .teaser__inner, .teaser, .webinars__list, .webinars__other, .webinars-card--featured, .webinars-card__content, .webinars-card__inner,
.webinars-card__body, .intensives-card__inner,
.intensives-card__content, .intensives-card, .overview__heading, .overview-card__body, .overview__content, .partners-card, .news-card__heading, .news-card__body, .news-card, .about__inner, .reviews-card__info, .reviews-card__inner, .reviews-card__body, .reviews-card, .advantages-card__content, .advantages-card, .webinar-card__body, .webinar__head, .courses-card__body, .courses-card__head, .courses-card, .hero-card, .hero-rating__head,
.hero-rating__body,
.hero-card__body, .hero-rating, .hero__content, .hero, .auth-content__users, .auth-content__head, .auth-content, .auth-form__bottom, .auth-form__body,
.auth-form__fields,
.auth-form__control, .auth-form__head, .footer-contact__item, .footer__main, .footer-form__body, .footer__inner, .modal__block,
.modal__form, .modal-pay__bonus-redemption, .modal-pay__summary-list, .modal-gallery .modal__body, .modal-gallery .modal__container, .modal-write__form-bottom,
.modal-write__form-fields, .modal-write__form,
.modal-write__form-control, .file-drop__item-info, .file-drop__items, .file, .accordion--secondary .accordion-content, .accordion--secondary .accordion-content__header, .accordion--secondary .accordion__head, .accordion--base .accordion__inner, .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hero__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.principles-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.test-sidebar__question, .test-sidebar__list li, .mission-advantages__card-number, .calendar-day__number, .cta-form__state-icon, .plan__partner, .takeaways-card__number, .course-nav__tab, .about-docs__card, .advantages-card__circle-inner, .auth-form__apps-link, .footer-social__link, .select__arrow, .modal-gallery .modal-gallery__media, .modal-gallery__figure, .modal-btn, .file__item-remove, .file-drop__item-delete, .file-label__plus, .file-preview--empty, .button, .accordion__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lesson-block__name span, .lesson-control__numbers-arrow, .lesson-control__number-inner, .lesson-control__number-container, .lesson-control__number, .cta-form__state, .advice__inner, .present__inner, .footer-form__state, .file-drop__uploader, .file__dropzone-content, .file__dropzone, .file-preview--empty .file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-reviews-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.test-result__progress, .webinar-badge-live, .lesson-message__user, .lesson-block__name, .cabinet-profile__block-control, .subscribe__body, .calendar-day__note-logo, .teaser__badges, .teaser__control, .partners-card__logo, .reviews-card__head, [data-show-trigger], .breadcrumbs__item, .footer__link, .header-profile, .header__account, .header__action, .badge, .swiper-nav, .select__header,
.select__item,
.select__control, .modal__control, .file__item-info, .file-drop__item-actions, .section-head__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cta-form__bottom, .footer-social, .file-preview__overlay, .file-preview__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.takeaways-card, .audience-card, .overview-card, .overview__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.intensives-card__bottom, .header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* ----------------------------------------------------------------------------
   DISPLAY UTILITIES
   -------------------------------------------------------------------------- */
/* Блочные модели */
.d-block, .select__title {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-none {
  display: none !important;
}

/* Flex */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* Grid */
.d-grid, .connect__body,
.connect-form__fields, .blog-highlighted__grid, .webinars-card, .intensives__list, .overview__inner, .partners__body, .webinar-card, .accordion__button {
  display: -ms-grid;
  display: grid;
}

.d-inline-grid {
  display: -ms-inline-grid;
  display: inline-grid;
}

.grid-center {
  display: -ms-grid;
  display: grid;
  place-items: center;
}

/* Особые случаи */
.d-contents {
  display: contents;
}

.d-table {
  display: table;
}

.d-table-cell {
  display: table-cell;
}

.d-table-row {
  display: table-row;
}

/* ----------------------------------------------------------------------------
   FLEXBOX UTILITIES
   -------------------------------------------------------------------------- */
/* Направление flex-контейнера */
.flex-row, .plan__bottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-center, .cabinet-notification__icon, .header-profile__avatar, .header-nav__link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-column, .cabinet-notification__body, .cabinet-notifications__date, .cabinet-archive__banner-content, .cabinet-archive__banner, .cabinet-upcoming__events,
.cabinet-upcoming__events-body,
.events-card__content, .purchases-card__content, .cabinet-empty, .recommended-card__body, .recommended-card__head, .course-card__head, .course-card, .continue-card__body, .continue-card, .panel-bottom-nav__item-wrap, .panel-bottom-nav__item, .panel--lesson,
.panel-main, .panel-sidebar,
.panel-sidebar__inner,
.panel-sidebar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Перенос элементов */
.flex-wrap, .plan__bottom, .teaser__badges, .webinars-card__footer, .course-nav__tab {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

/* Выравнивание по основной оси (justify-content) */
.justify-start, .partners-card__logo {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end, .lecture-card__actions, .cabinet-profile__block-control, .contact-card__actions, .subscribe__body, .calendar-day__note-logo, .reviews-card__head, .footer-social__list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center, .mission-advantages__title, .teaser__inner, .footer__links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between, .contact-card {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.justify-stretch {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

/* Выравнивание по поперечной оси (align-items) */
.items-start, .lecture-card__top, .cabinet-notification__body, .cabinet-archive__banner-content, .cabinet-archive__body, .contact-card, .event-signup__form-bottom {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end, .cabinet-archive__filter, .event-signup__price, .plan-card__price-row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center, .webinar-timer__unit, .lecture-card__timer-unit, .lecture-card__actions, .cabinet-notifications__date, .events-card__meta, .panel-header__nav-wrapper, .panel-header__nav-list, .person-card,
.person-card__body, .achievement-card__links, .event-hero__meta, .plan-card__footer, .plan__partners, .webinars__other, .course-nav__tabs, .overview-card__actions, .overview__actions, .auth-form__apps, .auth-form__bottom, .breadcrumbs__list, .footer__links, .footer__contacts, .footer-social__list, .file__items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Выравнивание flex-линий (align-content) */
.content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

/* Распределение flex-элементов */
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-initial {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Порядок элементов */
.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 1000;
      -ms-flex-order: 999;
          order: 999;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

/* Выравнивание отдельного элемента (align-self) */
.self-auto {
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}

.self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center, .webinar-hint span, .text-reviews-card__info, .hero__content, .attachment-link span, .external-link span, .footer-contact__link span, .select__item-text, .select__item svg {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

/* ----------------------------------------------------------------------------
   GRID UTILITIES
   -------------------------------------------------------------------------- */
/* Grid template columns */
.grid-cols-1 {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  -ms-grid-columns: (minmax(0, 1fr))[6];
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  -ms-grid-columns: (minmax(0, 1fr))[7];
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  -ms-grid-columns: (minmax(0, 1fr))[8];
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  -ms-grid-columns: (minmax(0, 1fr))[9];
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  -ms-grid-columns: (minmax(0, 1fr))[10];
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  -ms-grid-columns: (minmax(0, 1fr))[11];
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  -ms-grid-columns: (minmax(0, 1fr))[12];
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-auto {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.grid-cols-none {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

/* Grid template rows */
.grid-rows-1 {
  -ms-grid-rows: (minmax(0, 1fr))[1];
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  -ms-grid-rows: (minmax(0, 1fr))[3];
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  -ms-grid-rows: (minmax(0, 1fr))[4];
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  -ms-grid-rows: (minmax(0, 1fr))[5];
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  -ms-grid-rows: (minmax(0, 1fr))[6];
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

/* Gap (отступы между элементами) */
.gap-0 {
  gap: 0;
}

.gap-1, .webinar-timer__unit, .lecture-card__timer-unit, .cabinet-notifications__date, .events-card__date, .contact-card__actions, .achievement-card__links, .event-signup__chip-body, .event-hero__date, .calendar-day__note, .calendar-day__note-list, .calendar-day, .sveden-nav__list, .text-reviews-card__info, .plan-card__price, .plan-card__info, .principles__stat, .teaser__badges, .webinars-card__content, .intensives-card__level, .intensives-card__badges, .overview__badges, .reviews-card__info, .courses-card__tag-list, .courses-card__level, .badge, .file__item, .lesson-message__file, .file-drop__item-info {
  gap: var(--spacing-1); /* 2px - 4px */
}

.gap-2, .webinar-timer, .webinar-badge-live, .lesson-message__files, .lesson-message__body, .lesson-message__user, .lesson-block__name, .lesson-block__head, .lesson-teacher__info, .lesson-docs,
.lesson-links, .lecture-card__top, .lecture-card__countdown, .head-admin__row, .article-section__media, .event-signup__slots-row, .event-signup__slots-group, .event-role__figure, .calendar-day__note-head, .sveden__detail-item, .text-reviews-card__body, .video-reviews-card__body, .webinars-card--featured .webinars-card__date, .webinars-card__footer, .overview__heading, .overview__badge-news, .news-card__heading, .hero-card__row, .hero-card, .hero-rating__head,
.hero-rating__body,
.hero-card__body, .hero-rating, .hero__side, [data-show-trigger], .breadcrumbs__list, .breadcrumbs__item, .footer-contact__link, .footer__link, .footer-nav__link, .header-profile, .header__account, .header__action, .select__item, .modal-pay__bonus-field, .modal-write__form-control, .modal__header, .file__item-info, .file-drop__item-actions, .file-drop__item, .file-drop__items, .file-preview__actions, .file-label__plus, .accordion--secondary .accordion-content, .accordion--secondary .accordion-content__header, .accordion--base .accordion__inner, .accordion__button {
  gap: var(--spacing-2); /* 4px - 8px */
}

.gap-3, .test-result__progress, .test-result__meta, .test-result__body, .test__control, .test__head, .webinar-offers, .webinar-hint, .lesson-answer,
.lesson-answer__form, .lesson-message__text, .lesson-message__head, .lecture-card__actions, .lecture-card__head, .lecture-card__body, .cabinet-notifications__item, .cabinet-archive__banner-content, .events-card__meta, .events-card, .admin-cue, .admin-offers, .head-admin__right, .contacts-info__item, .contact-card__media-list, .contact-card, .blog-hero__meta, .event-signup__price, .event-signup__form-control, .event-hero__heading, .subscribe__title, .subscribe__head, .upcoming-card__body, .sveden__docs-link, .sveden-sec__body, .text-reviews-card, .cta-form__bottom, .cta-form__control, .plan-card__price-row, .plan-card__list, .plan-card__footer, .audience-card, .webinars-card__inner,
.webinars-card__body, .webinars-card, .intensives-card__bottom, .intensives-card__inner,
.intensives-card__content, .course-nav__tabs, .overview-card__actions, .overview__actions, .partners-card__head, .news-card__body, .courses-card__footer, .auth-content__users, .auth-form__bottom, .footer__links, .footer-contact__item, .footer-social__list, .footer-social, .header-nav__link, .swiper-nav, .modal-pay__bonus-header, .modal-pay__summary-item, .input-box__control, .lesson-answer__controls, .file__items, .file__dropzone, .button, .accordion--secondary .accordion__head, .logo, .section-head, .section-head__control {
  gap: var(--spacing-3); /* 6px - 12px */
}

.gap-4, .test-box__body, .lesson-block__body, .cabinet-lecture__body, .cabinet-notification__body, .cabinet-archive__filter, .events-card__content, .mission-advantages__card-head, .mission__head, .blog-card__body, .event-signup__slots-list, .subscribe__body, .upcoming-card, .sveden__docs-list, .sveden__details, .text-reviews-card__head, .cta-form__state, .plan-card__head,
.plan-card__footer, .plan__partners, .takeaways-card, .advice__inner, .webinars__list, .overview-card__body, .overview__content, .reviews-card__inner, .advantages-card__content, .advantages-card, .courses-card__body, .auth-content__head, .auth-form__apps, .snackbar, .footer-form__state, .footer-nav__list, .modal-write__form-bottom,
.modal-write__form-fields, .modal__control, .file--attachment, .files__list, .file {
  gap: var(--spacing-4); /* 8px - 16px */
}

.gap-5, .overview-card, .auth-form__body,
.auth-form__fields,
.auth-form__control, .footer-contact {
  gap: var(--spacing-5); /* 10px - 20px */
}

.gap-6, .test-result, .test-box, .test__body, .test-sidebar, .lesson-sidebar__block, .lesson-sidebar, .lecture-card, .mission-advantages__card, .event-role__text, .event-role__inner, .event-hero__gallery-nav, .event-hero__meta, .cta-form, .plan-card, .plan__bottom, .teaser__control, .webinars__body, .intensives__list, .course-nav__inner, .overview__main, .overview__inner, .partners__body, .news-card, .reviews-card__body, .webinar-card__body, .webinar-card, .webinar__head, .courses__list, .hero, .auth-form__head, .footer-contact__list, .footer__contacts, .footer__bottom, .footer__main, .modal-pay__bonus-redemption, .modal-pay__summary-list {
  gap: var(--spacing-6); /* 12px - 24px */
}

.gap-8, .test-box__head, .test, .lesson-content__wrapper, .cabinet-profile, .cabinet-settings__body, .cabinet-archive__body, .about-doctor__inner, .blog-highlighted__grid, .blog-hero__inner, .event-signup__form-bottom, .event-hero__body, .event-hero__head, .subscribe__inner, .sveden__inner, .curriculum__inner, .webinars__other, .present__inner, .questions__inner, .hero__content, .hero__inner, .footer__inner {
  gap: var(--spacing-8); /* 16px - 32px */
}

.gap-10, .plan__body, .footer__top {
  gap: var(--spacing-10); /* 20px - 40px */
}

.gap-12, .cta__inner {
  gap: var(--spacing-12); /* 24px - 48px */
}

.gap-16 {
  gap: var(--spacing-16); /* 32px - 64px */
}

.gap-20 {
  gap: var(--spacing-20); /* 40px - 80px */
}

/* Column gap */
.column-gap-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.column-gap-1 {
  -webkit-column-gap: var(--spacing-1);
     -moz-column-gap: var(--spacing-1);
          column-gap: var(--spacing-1); /* 2px - 4px */
}

.column-gap-2 {
  -webkit-column-gap: var(--spacing-2);
     -moz-column-gap: var(--spacing-2);
          column-gap: var(--spacing-2); /* 4px - 8px */
}

.column-gap-3 {
  -webkit-column-gap: var(--spacing-3);
     -moz-column-gap: var(--spacing-3);
          column-gap: var(--spacing-3); /* 6px - 12px */
}

.column-gap-4 {
  -webkit-column-gap: var(--spacing-4);
     -moz-column-gap: var(--spacing-4);
          column-gap: var(--spacing-4); /* 8px - 16px */
}

.column-gap-5 {
  -webkit-column-gap: var(--spacing-5);
     -moz-column-gap: var(--spacing-5);
          column-gap: var(--spacing-5); /* 10px - 20px */
}

.column-gap-6 {
  -webkit-column-gap: var(--spacing-6);
     -moz-column-gap: var(--spacing-6);
          column-gap: var(--spacing-6); /* 12px - 24px */
}

.column-gap-8 {
  -webkit-column-gap: var(--spacing-8);
     -moz-column-gap: var(--spacing-8);
          column-gap: var(--spacing-8); /* 16px - 32px */
}

/* Row gap */
.row-gap-0 {
  row-gap: 0;
}

.row-gap-1 {
  row-gap: var(--spacing-1); /* 2px - 4px */
}

.row-gap-2 {
  row-gap: var(--spacing-2); /* 4px - 8px */
}

.row-gap-3 {
  row-gap: var(--spacing-3); /* 6px - 12px */
}

.row-gap-4 {
  row-gap: var(--spacing-4); /* 8px - 16px */
}

.row-gap-5 {
  row-gap: var(--spacing-5); /* 10px - 20px */
}

.row-gap-6 {
  row-gap: var(--spacing-6); /* 12px - 24px */
}

.row-gap-8 {
  row-gap: var(--spacing-8); /* 16px - 32px */
}

/* Grid auto flow */
.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-column {
  grid-auto-flow: column;
}

.grid-flow-dense {
  grid-auto-flow: dense;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

/* Grid auto columns/rows */
.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

/* Grid placement */
.col-auto {
  grid-column: auto;
}

.col-span-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1/span 1;
}

.col-span-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2/span 2;
}

.col-span-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3/span 3;
}

.col-span-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4/span 4;
}

.col-span-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5/span 5;
}

.col-span-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6/span 6;
}

.col-span-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7/span 7;
}

.col-span-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8/span 8;
}

.col-span-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9/span 9;
}

.col-span-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10/span 10;
}

.col-span-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11/span 11;
}

.col-span-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12/span 12;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  -ms-grid-row-span: 1;
  grid-row: span 1/span 1;
}

.row-span-2 {
  -ms-grid-row-span: 2;
  grid-row: span 2/span 2;
}

.row-span-3 {
  -ms-grid-row-span: 3;
  grid-row: span 3/span 3;
}

.row-span-4 {
  -ms-grid-row-span: 4;
  grid-row: span 4/span 4;
}

.row-span-5 {
  -ms-grid-row-span: 5;
  grid-row: span 5/span 5;
}

.row-span-6 {
  -ms-grid-row-span: 6;
  grid-row: span 6/span 6;
}

.row-span-full {
  grid-row: 1/-1;
}

/* Grid justify/align items */
.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.items-start, .lecture-card__top, .cabinet-notification__body, .cabinet-archive__banner-content, .cabinet-archive__body, .contact-card, .event-signup__form-bottom {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.items-end, .cabinet-archive__filter, .event-signup__price, .plan-card__price-row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.items-center, .webinar-timer__unit, .lecture-card__timer-unit, .lecture-card__actions, .cabinet-notifications__date, .events-card__meta, .panel-header__nav-wrapper, .panel-header__nav-list, .person-card,
.person-card__body, .achievement-card__links, .event-hero__meta, .plan-card__footer, .plan__partners, .webinars__other, .course-nav__tabs, .overview-card__actions, .overview__actions, .auth-form__apps, .auth-form__bottom, .breadcrumbs__list, .footer__links, .footer__contacts, .footer-social__list, .file__items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Grid justify/align self */
.justify-self-auto {
  -ms-grid-column-align: auto;
      justify-self: auto;
}

.justify-self-start {
  -ms-grid-column-align: start;
      justify-self: start;
}

.justify-self-end {
  -ms-grid-column-align: end;
      justify-self: end;
}

.justify-self-center {
  -ms-grid-column-align: center;
      justify-self: center;
}

.justify-self-stretch {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}

.self-auto {
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}

.self-start {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.self-end {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.self-center, .webinar-hint span, .text-reviews-card__info, .hero__content, .attachment-link span, .external-link span, .footer-contact__link span, .select__item-text, .select__item svg {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

/* ----------------------------------------------------------------------------
   WIDTH UTILITIES
   -------------------------------------------------------------------------- */
/* Проценты */
.w-full, .cabinet-notifications__item-icon svg,
.cabinet-notifications__item-icon img, .courses__list, .modal-gallery__figure, .accordion__button, main, header,
footer, .image-relative, .lesson-test__icon img,
.lesson-test__icon svg, .lesson-block__media img,
.lesson-block__media picture,
.lesson-block__media source, .person-card__avatar img, .event-signup__state-icon svg,
.event-signup__state-icon img, .cta-form__state-icon svg,
.cta-form__state-icon img, .about-docs__card img, .hero__media img, .hero-rating__users img,
.hero-rating__stars img, .auth-form__apps-link img,
.auth-form__apps-link svg, .snackbar__close svg, .snackbar__icon img,
.snackbar__icon svg, .footer-form__state-icon svg,
.footer-form__state-icon img, .footer-social__link img,
.footer-social__link svg, .header-profile__avatar img, .header-nav__link-icon img,
.header-nav__link-icon svg, .accordion__icon svg, .image-absolute, .test-box__media img, .lesson-message__user-avatar img, .lesson-block__media video,
.lesson-block__media iframe, .lesson-teacher__avatar img, .lecture-card__media img, .cabinet-archive__banner-image img, .purchases-card__image img, .user-banner__item img, .recommended-card__media img, .course-card__media img, .continue-card__media img, .article-section__media-inner img,
.article-section__media-inner video,
.article-section__media-inner iframe, .contact-card__media-link img, .about-doctor__photo img, .blog-card__media img, .blog-hero__media img,
.blog-hero__media video,
.blog-hero__media iframe, .event-role__media img,
.event-role__media video,
.event-role__media iframe, .event-hero__gallery-slide img,
.event-hero__gallery-slide video,
.event-hero__gallery-slide iframe, .event-hero__media img,
.event-hero__media video,
.event-hero__media iframe, .text-reviews-card__avatar img, .video-reviews-card__media img, .cta__media img,
.cta__media video,
.cta__media iframe, .takeaways-card__media img,
.takeaways-card__media video,
.takeaways-card__media iframe, .principles-card__media img,
.principles-card__media video,
.principles-card__media iframe, .audience__media img,
.audience__media video,
.audience__media iframe, .webinars-card__media img,
.webinars-card__media video,
.webinars-card__media iframe, .intensives-card__media img, .overview-card__background img, .overview__video-container img,
.overview__video-container video,
.overview__video-container iframe, .news-card__media img, .articles-card__media img, .courses-card__media img, .event-card__media img, .hero-card__media img, .auth-content__image img, .logo__image img {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-auto {
  width: auto;
}

/* Фиксированные ширины */
.w-0 {
  width: 0px;
}

.w-1 {
  width: var(--spacing-1); /* 2px - 4px */
}

.w-2 {
  width: var(--spacing-2); /* 4px - 8px */
}

.w-3 {
  width: var(--spacing-3); /* 6px - 12px */
}

.w-4 {
  width: var(--spacing-4); /* 8px - 16px */
}

.w-5 {
  width: var(--spacing-5); /* 10px - 20px */
}

.w-6 {
  width: var(--spacing-6); /* 12px - 24px */
}

.w-8 {
  width: var(--spacing-8); /* 16px - 32px */
}

.w-10 {
  width: var(--spacing-10); /* 20px - 40px */
}

.w-12, .modal-btn {
  width: var(--spacing-12); /* 24px - 48px */
}

.w-16 {
  width: var(--spacing-16); /* 32px - 64px */
}

.w-20 {
  width: var(--spacing-20); /* 40px - 80px */
}

.w-24 {
  width: var(--spacing-24); /* 48px - 96px */
}

.w-32 {
  width: var(--spacing-32); /* 64px - 128px */
}

.w-40 {
  width: var(--spacing-40); /* 80px - 160px */
}

.w-48 {
  width: var(--spacing-48); /* 96px - 192px */
}

.w-56 {
  width: var(--spacing-56); /* 112px - 224px */
}

.w-64 {
  width: var(--spacing-64); /* 128px - 256px */
}

.w-72 {
  width: var(--spacing-72); /* 144px - 288px */
}

.w-80 {
  width: var(--spacing-80); /* 160px - 320px */
}

.w-96 {
  width: var(--spacing-96); /* 192px - 384px */
}

/* Проценты */
.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

/* Min/Max width */
.min-w-0 {
  min-width: 0px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-min {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.min-w-fit {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-none {
  max-width: none;
}

.max-w-xs {
  max-width: 20rem; /* 320px */
}

.max-w-sm {
  max-width: 24rem; /* 384px */
}

.max-w-md {
  max-width: 28rem; /* 448px */
}

.max-w-lg {
  max-width: 32rem; /* 512px */
}

.max-w-xl {
  max-width: 36rem; /* 576px */
}

.max-w-2xl {
  max-width: 42rem; /* 672px */
}

.max-w-3xl {
  max-width: 48rem; /* 768px */
}

.max-w-4xl {
  max-width: 56rem; /* 896px */
}

.max-w-5xl {
  max-width: 64rem; /* 1024px */
}

.max-w-6xl {
  max-width: 72rem; /* 1152px */
}

.max-w-7xl {
  max-width: 80rem; /* 1280px */
}

.max-w-full {
  max-width: 100%;
}

.max-w-min {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}

.max-w-max {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.max-w-fit {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-prose, .plan__text {
  max-width: 65ch; /* Оптимальная ширина для текста */
}

/* ----------------------------------------------------------------------------
   HEIGHT UTILITIES
   -------------------------------------------------------------------------- */
/* Проценты */
.h-full, .cabinet-notifications__item-icon svg,
.cabinet-notifications__item-icon img, .modal-gallery__figure, .image-relative, .lesson-test__icon img,
.lesson-test__icon svg, .lesson-block__media img,
.lesson-block__media picture,
.lesson-block__media source, .person-card__avatar img, .event-signup__state-icon svg,
.event-signup__state-icon img, .cta-form__state-icon svg,
.cta-form__state-icon img, .about-docs__card img, .hero__media img, .hero-rating__users img,
.hero-rating__stars img, .auth-form__apps-link img,
.auth-form__apps-link svg, .snackbar__close svg, .snackbar__icon img,
.snackbar__icon svg, .footer-form__state-icon svg,
.footer-form__state-icon img, .footer-social__link img,
.footer-social__link svg, .header-profile__avatar img, .header-nav__link-icon img,
.header-nav__link-icon svg, .accordion__icon svg, .image-absolute, .test-box__media img, .lesson-message__user-avatar img, .lesson-block__media video,
.lesson-block__media iframe, .lesson-teacher__avatar img, .lecture-card__media img, .cabinet-archive__banner-image img, .purchases-card__image img, .user-banner__item img, .recommended-card__media img, .course-card__media img, .continue-card__media img, .article-section__media-inner img,
.article-section__media-inner video,
.article-section__media-inner iframe, .contact-card__media-link img, .about-doctor__photo img, .blog-card__media img, .blog-hero__media img,
.blog-hero__media video,
.blog-hero__media iframe, .event-role__media img,
.event-role__media video,
.event-role__media iframe, .event-hero__gallery-slide img,
.event-hero__gallery-slide video,
.event-hero__gallery-slide iframe, .event-hero__media img,
.event-hero__media video,
.event-hero__media iframe, .text-reviews-card__avatar img, .video-reviews-card__media img, .cta__media img,
.cta__media video,
.cta__media iframe, .takeaways-card__media img,
.takeaways-card__media video,
.takeaways-card__media iframe, .principles-card__media img,
.principles-card__media video,
.principles-card__media iframe, .audience__media img,
.audience__media video,
.audience__media iframe, .webinars-card__media img,
.webinars-card__media video,
.webinars-card__media iframe, .intensives-card__media img, .overview-card__background img, .overview__video-container img,
.overview__video-container video,
.overview__video-container iframe, .news-card__media img, .articles-card__media img, .courses-card__media img, .event-card__media img, .hero-card__media img, .auth-content__image img, .logo__image img {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-min {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}

.h-max {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.h-auto {
  height: auto;
}

/* Фиксированные высоты */
.h-0 {
  height: 0px;
}

.h-1 {
  height: var(--spacing-1); /* 2-4px */
}

.h-2 {
  height: var(--spacing-2); /* 4-8px */
}

.h-3 {
  height: var(--spacing-3); /* 6-12px */
}

.h-4 {
  height: var(--spacing-4); /* 8-16px */
}

.h-5 {
  height: var(--spacing-5); /* 10-20px */
}

.h-6 {
  height: var(--spacing-6); /* 12-24px */
}

.h-8 {
  height: var(--spacing-8); /* 16-32px */
}

.h-10 {
  height: var(--spacing-10); /* 20-40px */
}

.h-12, .modal-btn {
  height: var(--spacing-12); /* 24-48px */
}

.h-16 {
  height: var(--spacing-16); /* 32-64px */
}

.h-20 {
  height: var(--spacing-20); /* 40-80px */
}

.h-24 {
  height: var(--spacing-24); /* 48-96px */
}

.h-32 {
  height: var(--spacing-32); /* 64-128px */
}

.h-40 {
  height: var(--spacing-40); /* 80-160px */
}

.h-48 {
  height: var(--spacing-48); /* 96-192px */
}

.h-56 {
  height: var(--spacing-56); /* 112-224px */
}

.h-64 {
  height: var(--spacing-64); /* 128-256px */
}

.h-72 {
  height: var(--spacing-72); /* 144-288px */
}

.h-80 {
  height: var(--spacing-80); /* 160-320px */
}

.h-96 {
  height: var(--spacing-96); /* 192-384px */
}

/* Min/Max height */
.min-h-0 {
  min-height: 0px;
}

.min-h-full, body {
  min-height: 100%;
}

.min-h-screen, .deleted, .panel--lesson, .panel--user, .page {
  min-height: 100dvh;
}
@supports not (min-height: 100dvh) {
  .min-h-screen, .deleted, .panel--lesson, .panel--user, .page {
    min-height: 100vh;
  }
}

.min-h-min {
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

.min-h-max {
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}

.min-h-fit {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-none {
  max-height: none;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.max-h-min {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
}

.max-h-max {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

.max-h-fit {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

/* ----------------------------------------------------------------------------
   POSITIONING UTILITIES
   -------------------------------------------------------------------------- */
/* Position */
.position-static {
  position: static;
}

.position-relative, .cabinet-profile__warning-text, .cabinet-notification__icon-inner, .cabinet-archive__banner {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

/* Top/Right/Bottom/Left */
.top-0 {
  top: 0px;
}

.right-0 {
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

/* Inset */
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

/* Z-index */
.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

/* Адаптивные утилиты */
@media (min-width: 640px) {
  .sm\:d-none {
    display: none !important;
  }
  .sm\:d-block {
    display: block;
  }
  .sm\:d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sm\:d-grid {
    display: -ms-grid;
    display: grid;
  }
  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sm\:grid-cols-1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .md\:d-none {
    display: none !important;
  }
  .md\:d-block {
    display: block;
  }
  .md\:d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .md\:d-grid {
    display: -ms-grid;
    display: grid;
  }
  .md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .md\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .md\:grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .lg\:d-none {
    display: none !important;
  }
  .lg\:d-block {
    display: block;
  }
  .lg\:d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lg\:d-grid {
    display: -ms-grid;
    display: grid;
  }
  .lg\:grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
}
/* ----------------------------------------------------------------------------
   UTILITY CLASSES - ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ
   --------------------------------------------------------------------------

   <!-- Flex контейнер -->
   <div class="d-flex justify-center items-center gap-4">
     <div>Item 1</div>
     <div>Item 2</div>
   </div>

   <!-- Grid сетка -->
   <div class="d-grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
     <div class="col-span-1 md:col-span-2">Широкий элемент</div>
     <div>Обычный</div>
     <div>Обычный</div>
     <div>Обычный</div>
   </div>

   <!-- Адаптивная ширина -->
   <div class="w-full md:w-1/2 lg:w-1/3">
     Адаптивный блок
   </div>

   <!-- Комбинирование -->
   <div class="d-flex flex-col md:flex-row gap-4 items-start md:items-center">
     <div class="flex-1">Текст</div>
     <div class="w-full md:w-auto">
       <button class="w-full md:w-fit">Кнопка</button>
     </div>
   </div>

   -------------------------------------------------------------------------- */
/* ============================================================================
   TYPOGRAPHY UTILITIES
   ============================================================================
   Утилитарные классы для работы с текстом и типографией
   Быстрый доступ к стилям прямо из HTML
   ============================================================================ */
.font-thin {
  font-weight: var(--font-weight-thin, 100);
}

.font-extralight {
  font-weight: var(--font-weight-extralight, 200);
}

.font-light {
  font-weight: var(--font-weight-light, 300);
}

.font-regular, .webinar-timer__label, .cabinet-profile__warning-text, .blog-card__date, .calendar-day__note-date, .upcoming-card__text, .sveden__detail-term, .plan-card__subtitle, .link--inverted, .file__dropzone-or, .file__dropzone-text, .accordion--secondary .accordion__title, .caption, .lecture-card__timer-label, .lecture-card__note, .admin-cue__type, .event-role__caption, .webinars-card__date, .file-drop__item-size, .body-base, .test-result__text, .lesson-message__text, .article-section__media-caption, .person-card__position, .mission-advantages__card-text, .webinars-card__description, .webinar-card__text, .courses-card__text {
  font-weight: var(--font-weight-regular, 400);
}

.font-medium, .test-box__title, .test-sidebar__question, .webinar-player__placeholder, .lesson-message__user-name, .lesson-block__name, .lesson-control__number-inner, .lesson-teacher__name, .lesson-sidebar__block-title, .cabinet-notifications__item-text,
.cabinet-notifications__date, .cabinet-archive__banner-title, .events-card__date, .purchases-card__date, .purchases-card__text, .cabinet-empty__text, .recommended-card__title, .course-card__progress-meta, .continue-card__lesson-title, .course-card__title, .continue-card__meta, .panel-header__nav-link, .panel-sidebar__nav-link, .panel-sidebar__nav-caption, .contacts-info__link, .person-card__name, .achievement-card__title, .about-doctor__name, .mission-advantages__card-number, .mission-advantages__card-title, .blog-card__title, .event-signup__chip-main, .event-signup__slots-label, .event-hero__date, .subscribe__title, .sveden-sec__subtitle, .sveden__docs-link, .sveden__detail-description, .plan-card__price-date, .plan-card__item, .plan-card__duration, .plan-card__title, .plan-card--accent::before, .takeaways-card__number, .principles__label, .principles__value, .principles-card__caption, .audience-card__title, .teaser-level__status, .webinars-card__title, .intensives-card__level, .course-nav__tab, .overview__badge-news, .news-card__title, .reviews-card__name, .advantages-card__title, .webinar-card__title, .courses-card__level, .courses-card__title, .hero-card__title, .snackbar__text, [data-show-trigger]::before, .link, .breadcrumbs__link, .attachment-link, .external-link, [data-truncatable-btn], .breadcrumbs__item, .footer-contact__text, .footer-contact__link, .footer-nav__link, .header-profile__name, .header-nav__link, .badge, .modal-pay__summary-term,
.modal-pay__bonus-info, .modal__title, .file__item-error-text, .file__item-name, .file-drop__item-name, .accordion--secondary .accordion-content__title, .accordion--secondary .accordion__caption, .accordion--base .accordion__title, .accordion--base .accordion__inner b, ._text-12, ._text-15, ._text-17, ._title-15, ._title-19, ._title-22, ._title-24, ._title-28, ._title-30, ._title-44, .label, .webinar-offer__text, .lesson-message__date, .lesson-teacher__post, .admin-cue__title, .admin-stat__label, .select__title, .input-box__title, .body-small, .webinar-hint, .lecture-card__when, .admin-muted, .audience-card__text, .body-large, .test-result__progress-text, .lesson-teacher__social, .modal-pay__summary-desc, .body-xl, .list-default li {
  font-weight: var(--font-weight-medium, 500);
}

.font-semibold {
  font-weight: var(--font-weight-semibold, 600);
}

.font-bold {
  font-weight: var(--font-weight-bold, 700);
}

.font-extrabold {
  font-weight: var(--font-weight-extrabold, 800);
}

.font-black {
  font-weight: var(--font-weight-black, 900);
}

.text-xs, .webinar-timer__label, .lesson-control__number--active .lesson-control__number-inner, .cabinet-notifications__truncatable-btn, .course-card__progress-meta, .blog-card__date, .event-signup__chip-sub, .event-signup__slots-tz, .calendar-day__note-date, .open-list__text, .file__item-error-text, .file__dropzone-or, .caption, .lecture-card__timer-label, .lecture-card__note, .admin-cue__type, .event-role__caption, .webinars-card__date, .file-drop__item-size {
  font-size: var(--font-size-xs, 0.75rem);
  line-height: var(--line-height-tight, 1.25);
}

.text-sm, .webinar-player__placeholder, .lesson-block__name span, .continue-card__meta, .event-signup__chip-main, .event-signup__slots-label, .plan-card__item, .plan-card--accent::before, .principles__label, .overview__badge-news, .courses-card__level, .hero-card__title, [data-show-trigger]::before, .external-link, [data-truncatable-btn], .header-nav__link, .open-list_2 .open-list__text, .badge, .file__item-name, .file__dropzone-text, .accordion--secondary .accordion-content__caption, .accordion__title, .label, .webinar-offer__text, .lesson-message__date, .lesson-teacher__post, .admin-cue__title, .admin-stat__label, .select__title, .input-box__title, .body-small, .webinar-hint, .lecture-card__when, .admin-muted, .audience-card__text, .list-default li {
  font-size: var(--font-size-sm, 0.875rem);
  line-height: var(--line-height-base, 1.5);
}

.text-base, .test-sidebar__question, .lesson-message__user-name, .lesson-block__name, .lesson-control__number-inner, .lesson-teacher__name, .cabinet-profile__warning-text, .events-card__date, .purchases-card__text, .panel-header__nav-link, .panel-sidebar__nav-link, .event-hero__date, .upcoming-card__text, .sveden__docs-link, .sveden__detail-description, .sveden__detail-term, .plan-card__price-date, .plan-card__subtitle, .takeaways-card__text, .audience-card__title, .teaser-level__status, .webinars-card--featured .webinars-card__date, .intensives-card__level, .course-nav__tab, .advantages-card__text, .articles-card__title, .event-card__title, .snackbar__text, .link--inverted, .link, .breadcrumbs__link, .attachment-link, .breadcrumbs__item, .footer-contact__text, .footer-contact__link, .footer-nav__link, .header-profile__name, .select__header,
.select__item,
.select__control, .file-drop__item-name, .accordion--secondary .accordion-content__text, .accordion--base .accordion__inner, .body-base, .test-result__text, .lesson-message__text, .article-section__media-caption, .person-card__position, .mission-advantages__card-text, .webinars-card__description, .webinar-card__text, .courses-card__text, .heading-xxs, body {
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-base, 1.5);
}

.text-md, .header-notifications__title {
  font-size: var(--font-size-md, 1.125rem);
  line-height: var(--line-height-text, 1.6);
}

.text-lg, .webinar-timer--compact .webinar-timer__value, .lecture-card__timer-value, .purchases-card__date, .cabinet-empty__text, .recommended-card__title, .panel-sidebar__nav-caption, .achievement-card__text, .about-doctor__name, .mission-advantages__card-number, .blog-card__title, .event-signup__price-old, .plan-card__price-old, .takeaways-card__number, .principles-card__caption, .reviews-card__name, .modal-pay__summary-term,
.modal-pay__bonus-info, .accordion--secondary .accordion-content__title, .accordion--secondary .accordion__caption, .body-large, .test-result__progress-text, .lesson-teacher__social, .modal-pay__summary-desc, .heading-lg, .webinar-offer__title {
  font-size: var(--font-size-lg, 1.375rem);
  line-height: var(--line-height-title, 1.3);
}

.text-xl, .webinar-offer__price-new, .person-card__name, .mission-advantages__card-title, .webinars-card--featured .webinars-card__description, .webinars-card__title, .overview-card__tag, .courses-card__title, .accordion--secondary .accordion__title, .accordion--base .accordion__title, .body-xl, .heading-xl, .lecture-card__title {
  font-size: var(--font-size-xl, 1.75rem);
  line-height: var(--line-height-title, 1.3);
}

.text-2xl, .cabinet-archive__banner-title, .continue-card__lesson-title, .course-card__title, .contacts-info__link, .achievement-card__title, .plan-card__duration, .webinar-card__title {
  font-size: var(--font-size-2xl, 2.25rem);
  line-height: var(--line-height-tight, 1.25);
}

.text-3xl, .test-result__title, .test-box__title, .webinar-screen__title, .webinar-timer__value, .lesson-sidebar__block-title, .event-signup__price, .subscribe__title, .gift-card__title, .plan-card__price, .plan-card__title, .advantages-card__title, .modal__title, .heading-xs, .hero-rating__title {
  font-size: var(--font-size-3xl, 3rem);
  line-height: var(--line-height-tight, 1.2);
}

.text-4xl, .upcoming-card__title, .webinars-card--featured .webinars-card__title, .heading-small, .admin-stat__value {
  font-size: var(--font-size-4xl, 3.75rem);
  line-height: var(--line-height-tight, 1.2);
}

.text-5xl, .webinar-timer--big .webinar-timer__value, .heading-base {
  font-size: var(--font-size-5xl, 4rem);
  line-height: var(--line-height-tight, 1.2);
}

.text-6xl, .heading-large {
  font-size: var(--font-size-6xl, 4.75rem);
  line-height: var(--line-height-tight, 1.2);
}

.leading-none, .webinar-timer__value, .lesson-control__number--active .lesson-control__number-inner::after, .lesson-control__number-inner, .events-card__date, .mission-advantages__card-number, .event-hero__date, .hero-card__title, .attachment-link, .external-link, .footer-contact__link, .footer-nav__link, ._title-24 {
  line-height: var(--line-height-none, 1);
}

.leading-tight, .webinar-timer__label, .course-card__progress-meta, .blog-card__date, .calendar-day__note-date, .plan-card--accent::before, .file__item-error-text, .label, .webinar-offer__text, .lesson-message__date, .lesson-teacher__post, .admin-cue__title, .admin-stat__label, .select__title, .input-box__title, .caption, .lecture-card__timer-label, .lecture-card__note, .admin-cue__type, .event-role__caption, .webinars-card__date, .file-drop__item-size, .heading-large {
  line-height: var(--line-height-tight, 1.1);
}

.leading-title, .test-result__title, .test-box__title, .webinar-offer__price-new, .webinar-screen__title, .lesson-sidebar__block-title, .lecture-card__timer-value, .cabinet-archive__banner-title, .continue-card__lesson-title, .course-card__title, .header-notifications__title, .person-card__name, .mission-advantages__card-title, .event-signup__price, .subscribe__title, .upcoming-card__title, .gift-card__title, .plan-card__price, .plan-card__title, .principles__value, .principles-card__caption, .audience-card__title, .webinars-card__title, .overview-card__tag, .present__title, .about__title, .advantages-card__title, .webinar-card__title, .courses-card__title, .accordion__title, ._text-17, ._title-30, .heading-xxs, .heading-lg, .webinar-offer__title, .heading-xl, .lecture-card__title, .heading-xs, .hero-rating__title, .heading-small, .admin-stat__value, .heading-base {
  line-height: var(--line-height-title, 1.2);
}

.leading-base, .webinar-player__placeholder, .purchases-card__date, .cabinet-empty__text, .recommended-card__title, .continue-card__meta, .panel-header__nav-link, .panel-sidebar__nav-link, .panel-sidebar__nav-caption, .contacts-info__link, .achievement-card__title, .about-doctor__name, .blog-card__title, .sveden__docs-link, .plan-card__item, .principles__label, .intensives-card__level, .overview__badge-news, .reviews-card__name, [data-show-trigger]::before, .badge, .modal-pay__summary-term,
.modal-pay__bonus-info, .file__item-name, .file__dropzone-text, ._text-13, .cabinet-notifications__item-text,
.cabinet-notifications__date, ._text-15, ._title-15, ._title-19, ._title-28, ._title-44, .body-small, .webinar-hint, .lecture-card__when, .admin-muted, .audience-card__text, .body-large, .test-result__progress-text, .lesson-teacher__social, .modal-pay__summary-desc, .body-xl, body {
  line-height: var(--line-height-base, 1.3);
}

.leading-text, .lesson-message__user-name, .lesson-block__name, .lesson-teacher__name, .cabinet-profile__warning-text, .purchases-card__text, .achievement-card__text, .upcoming-card__text, .sveden__detail-description, .sveden__detail-term, .plan-card__subtitle, .takeaways-card__number, .takeaways-card__text, .teaser-level__status, .course-nav__tab, .courses-card__level, .snackbar__text, .link--inverted, .link, .breadcrumbs__link, [data-truncatable-btn], .breadcrumbs__item, .header-profile__post, .header-profile__name, .file-drop__item-name, .accordion--base .accordion__inner, ._text-12, ._title-22, .body-base, .test-result__text, .lesson-message__text, .article-section__media-caption, .person-card__position, .mission-advantages__card-text, .webinars-card__description, .webinar-card__text, .courses-card__text {
  line-height: var(--line-height-text, 1.4);
}

.leading-loose, .file__dropzone-or {
  line-height: var(--line-height-loose, 1.5);
}

.uppercase, .principles__label, .intensives-card__title, .overview-card__tag, .overview__badge-news {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.text-left, .modal-pay__title, .accordion__button {
  text-align: left;
}

.text-center, .test-sidebar__question, .mission-advantages__card-number, .calendar-day__number, .course-nav__tab, .badge, .file__dropzone-text {
  text-align: center;
}

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

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.overflow-clip {
  -o-text-overflow: clip;
     text-overflow: clip;
}

.line-clamp-1, .attachment-link span, .external-link span, .header-profile__name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-clamp-2, .cabinet-archive__banner-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-clamp-3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.line-clamp-4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.line-clamp-5 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.line-clamp-6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.oblique {
  font-style: oblique;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.break-keep {
  word-break: keep-all;
}

.font-base, .plan-card__price-date, body {
  font-family: var(--font-family-base);
}

.font-heading, .test-result__title, .webinar-offer__price-new, .webinar-screen__title, .webinar-timer__value, .webinar-timer, .lecture-card__timer-value, .header-notifications__title, .event-signup__price, .upcoming-card__title, .gift-card__title, .plan-card__price, .plan-card__title, .principles__value, .webinars-card--featured .webinars-card__title, .overview-card__tag, .present__title, .about__title, .accordion--secondary .accordion__title, ._title-30, ._title-44, .heading-xxs, .heading-lg, .webinar-offer__title, .heading-xl, .lecture-card__title, .heading-xs, .hero-rating__title, .heading-small, .admin-stat__value, .heading-base, .heading-large {
  font-family: var(--font-family-heading);
}

.text-balance, .principles__label, .principles-card__caption {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-wrap {
  text-wrap: wrap;
}

@media (min-width: 1920px) {
  ._title-44 {
    font-size: 44px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-44 {
    font-size: calc(
				32px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-44 {
    font-size: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-44 {
    font-size: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-44 {
    font-size: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-44 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-44 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-44 {
    font-size: calc(
				20px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-44 {
    font-size: 20px;
  }
}

@media (min-width: 1920px) {
  ._title-30 {
    font-size: 30px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-30 {
    font-size: calc(
				24px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-30 {
    font-size: 24px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-30 {
    font-size: 24px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-30 {
    font-size: calc(
				18px + 6 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-30 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-30 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-30 {
    font-size: calc(
				16px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-30 {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-30_18 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-30_18 {
    font-size: calc(
				18px + 0 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-30_18 {
    font-size: 18px;
  }
}

@media (min-width: 1920px) {
  ._title-28 {
    font-size: 28px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-28 {
    font-size: calc(
				22px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-28 {
    font-size: 22px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-28 {
    font-size: 22px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-28 {
    font-size: calc(
				20px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-28 {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-28 {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-28 {
    font-size: calc(
				16px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-28 {
    font-size: 16px;
  }
}

@media (min-width: 1920px) {
  ._title-24 {
    font-size: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-24 {
    font-size: calc(
				22px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-24 {
    font-size: 22px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-24 {
    font-size: 22px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-24 {
    font-size: calc(
				18px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-24 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-24 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-24 {
    font-size: calc(
				16px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-24 {
    font-size: 16px;
  }
}
._title-24_font-2 {
  font-family: var(--font-family-heading);
}

@media (min-width: 1920px) {
  ._title-22 {
    font-size: 22px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-22 {
    font-size: calc(
				18px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-22 {
    font-size: 18px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-22 {
    font-size: 18px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-22 {
    font-size: calc(
				16px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-22 {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._title-22 {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._title-22 {
    font-size: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._title-22 {
    font-size: 14px;
  }
}

@media (min-width: 1920px) {
  ._title-19 {
    font-size: 19px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-19 {
    font-size: calc(
				17px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-19 {
    font-size: 17px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._title-19 {
    font-size: 17px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._title-19 {
    font-size: calc(
				14px + 3 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._title-19 {
    font-size: 14px;
  }
}

@media (min-width: 1920px) {
  ._title-15 {
    font-size: 15px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._title-15 {
    font-size: calc(
				13px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._title-15 {
    font-size: 13px;
  }
}

@media (min-width: 1920px) {
  ._text-17 {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._text-17 {
    font-size: calc(
				15px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._text-17 {
    font-size: 15px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._text-17 {
    font-size: 15px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._text-17 {
    font-size: calc(
				13px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._text-17 {
    font-size: 13px;
  }
}

@media (min-width: 1920px) {
  ._text-15 {
    font-size: 15px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._text-15 {
    font-size: calc(
				13px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._text-15 {
    font-size: 13px;
  }
}

._text-13, .cabinet-notifications__item-text,
.cabinet-notifications__date {
  font-size: 13px;
}

._text-12 {
  font-size: 12px;
}

/* ============================================================================
   ADAPTIVE SPACING SYSTEM
   ============================================================================ */
/* ============================================================================
   MARGIN UTILITIES
   ============================================================================ */
.m-0 {
  margin: var(--spacing-0);
}

.m-1 {
  margin: var(--spacing-1);
}

.m-2 {
  margin: var(--spacing-2);
}

.m-3 {
  margin: var(--spacing-3);
}

.m-4 {
  margin: var(--spacing-4);
}

.m-5 {
  margin: var(--spacing-5);
}

.m-6 {
  margin: var(--spacing-6);
}

.m-8 {
  margin: var(--spacing-8);
}

.m-10 {
  margin: var(--spacing-10);
}

.m-12 {
  margin: var(--spacing-12);
}

.m-16 {
  margin: var(--spacing-16);
}

.m-20 {
  margin: var(--spacing-20);
}

.m-24 {
  margin: var(--spacing-24);
}

.m-32 {
  margin: var(--spacing-32);
}

.mt-0 {
  margin-top: var(--spacing-0);
}

.mt-1 {
  margin-top: var(--spacing-1);
}

.mt-2 {
  margin-top: var(--spacing-2);
}

.mt-3 {
  margin-top: var(--spacing-3);
}

.mt-4 {
  margin-top: var(--spacing-4);
}

.mt-5 {
  margin-top: var(--spacing-5);
}

.mt-6, .test__control, .footer-contact {
  margin-top: var(--spacing-6);
}

.mt-8 {
  margin-top: var(--spacing-8);
}

.mt-10 {
  margin-top: var(--spacing-10);
}

.mt-12 {
  margin-top: var(--spacing-12);
}

.mt-16 {
  margin-top: var(--spacing-16);
}

.mt-20 {
  margin-top: var(--spacing-20);
}

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

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

.mr-0 {
  margin-right: var(--spacing-0);
}

.mr-1 {
  margin-right: var(--spacing-1);
}

.mr-2 {
  margin-right: var(--spacing-2);
}

.mr-3 {
  margin-right: var(--spacing-3);
}

.mr-4 {
  margin-right: var(--spacing-4);
}

.mr-5 {
  margin-right: var(--spacing-5);
}

.mr-6 {
  margin-right: var(--spacing-6);
}

.mr-8 {
  margin-right: var(--spacing-8);
}

.mr-10 {
  margin-right: var(--spacing-10);
}

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

.mr-16 {
  margin-right: var(--spacing-16);
}

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

.mr-24 {
  margin-right: var(--spacing-24);
}

.mr-32 {
  margin-right: var(--spacing-32);
}

.mb-0 {
  margin-bottom: var(--spacing-0);
}

.mb-1 {
  margin-bottom: var(--spacing-1);
}

.mb-2 {
  margin-bottom: var(--spacing-2);
}

.mb-3 {
  margin-bottom: var(--spacing-3);
}

.mb-4 {
  margin-bottom: var(--spacing-4);
}

.mb-5 {
  margin-bottom: var(--spacing-5);
}

.mb-6, .test__head, .events-card:not(:last-child), .modal__header, .accordion--secondary .accordion-content:not(:last-child) {
  margin-bottom: var(--spacing-6);
}

.mb-8, .event-hero__head {
  margin-bottom: var(--spacing-8);
}

.mb-10 {
  margin-bottom: var(--spacing-10);
}

.mb-12 {
  margin-bottom: var(--spacing-12);
}

.mb-16 {
  margin-bottom: var(--spacing-16);
}

.mb-20 {
  margin-bottom: var(--spacing-20);
}

.mb-24 {
  margin-bottom: var(--spacing-24);
}

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

.mb-40 {
  margin-bottom: var(--spacing-40);
}

.mb-48 {
  margin-bottom: var(--spacing-48);
}

.ml-0 {
  margin-left: var(--spacing-0);
}

.ml-1 {
  margin-left: var(--spacing-1);
}

.ml-2 {
  margin-left: var(--spacing-2);
}

.ml-3 {
  margin-left: var(--spacing-3);
}

.ml-4, .cabinet-profile__warning-text {
  margin-left: var(--spacing-4);
}

.ml-5 {
  margin-left: var(--spacing-5);
}

.ml-6 {
  margin-left: var(--spacing-6);
}

.ml-8 {
  margin-left: var(--spacing-8);
}

.ml-10 {
  margin-left: var(--spacing-10);
}

.ml-12 {
  margin-left: var(--spacing-12);
}

.ml-16 {
  margin-left: var(--spacing-16);
}

.ml-20 {
  margin-left: var(--spacing-20);
}

.ml-24 {
  margin-left: var(--spacing-24);
}

.ml-32 {
  margin-left: var(--spacing-32);
}

.mx-0 {
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.mx-1 {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.mx-2 {
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

.mx-3 {
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}

.mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

.mx-5 {
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}

.mx-6 {
  margin-left: var(--spacing-6);
  margin-right: var(--spacing-6);
}

.mx-8 {
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

.mx-10 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.mx-12 {
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.mx-16 {
  margin-left: var(--spacing-16);
  margin-right: var(--spacing-16);
}

.mx-20 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.my-0 {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.my-1 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.my-2 {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

.my-3, .file__dropzone-or {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.my-4 {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.my-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.my-6 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}

.my-8 {
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.my-10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.my-12 {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.my-16 {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}

.my-20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

/* ============================================================================
   PADDING UTILITIES
   ============================================================================ */
.p-0 {
  padding: var(--spacing-0);
}

.p-1, .calendar-day, .sveden-nav__list {
  padding: var(--spacing-1);
}

.p-2, .cabinet-notification__icon-inner, .courses-card__head, .file__item, .lesson-message__file, .file-preview__actions {
  padding: var(--spacing-2);
}

.p-3, .calendar-day__note {
  padding: var(--spacing-3);
}

.p-4, .cabinet-notification__icon, .text-reviews-card, .audience-card, .hero-card, .hero-rating, .snackbar, .modal-pay__bonus-redemption, .file-drop__item {
  padding: var(--spacing-4);
}

.p-5, .lecture-card, .modal-background {
  padding: var(--spacing-5);
}

.p-6, .test-sidebar, .cabinet-notification__body, .cabinet-archive__banner, .contact-card, .mission-advantages__card, .takeaways-card, .principles-card, .intensives-card__inner, .news-card, .reviews-card__head, .webinar-card {
  padding: var(--spacing-6);
}

.p-8, .test-result, .test-box, .cabinet-profile, .webinars-card--featured, .overview__main, .questions__inner, .file__dropzone {
  padding: var(--spacing-8);
}

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

.p-12, .auth-content__head, .footer-form__state {
  padding: var(--spacing-12);
}

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

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

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

.p-32 {
  padding: var(--spacing-32);
}

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

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

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

.pt-3, .header--fixed {
  padding-top: var(--spacing-3);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-1, .select__title {
  padding-bottom: var(--spacing-1);
}

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

.pb-3, .sveden__detail-item, .header--fixed, .modal-pay__summary-item, .accordion--secondary .accordion-content {
  padding-bottom: var(--spacing-3);
}

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

.pb-5, .accordion--base .accordion__inner {
  padding-bottom: var(--spacing-5);
}

.pb-6, .events-card:not(:last-child) {
  padding-bottom: var(--spacing-6);
}

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

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

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

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

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

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

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

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

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

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

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

.pl-4, .event-signup__form-control, .select__title {
  padding-left: var(--spacing-4);
}

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

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

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

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

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

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

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

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

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

.px-0 {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

.px-1 {
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

.px-3 {
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

.px-5 {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}

.px-6 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
}

.px-8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.px-10 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}

.px-12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

.px-16 {
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.px-20 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}

.py-0 {
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.py-1 {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}

.py-2, .cabinet-notifications__item {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.py-3 {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}

.py-4 {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.py-5, .accordion--base .accordion__button {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}

.py-6, .header__inner {
  padding-top: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}

.py-8 {
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.py-10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

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

.py-16 {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

.py-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}

.accordion {
  position: relative;
  z-index: var(--z-index-elevated);
}

.accordion__button {
  cursor: pointer;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.accordion__title {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}

.accordion__icon {
  -webkit-transition: var(--animation-duration-base);
  -o-transition: var(--animation-duration-base);
  transition: var(--animation-duration-base);
}
.accordion__body {
  max-height: 0;
  -webkit-transition: var(--animation-duration-base);
  -o-transition: var(--animation-duration-base);
  transition: var(--animation-duration-base);
  overflow: hidden;
}

.accordion--base {
  border-bottom: var(--border-width-thin) solid var(--color-border-secondary);
}
.accordion--base.--active-status {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.accordion--base .accordion__button.--active .accordion__icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.accordion--base .accordion__icon {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}
.accordion--base .accordion__icon svg path {
  fill: var(--color-primary);
}
@media screen and (hover: hover) {
  .accordion--base:hover .accordion__title {
    color: var(--color-text-accent);
  }
}

.accordion--secondary {
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-xl);
  border: var(--border-width-thin) solid transparent;
}
@media screen and (hover: hover) {
  .accordion--secondary:hover {
    border-color: var(--color-devider);
  }
}
.accordion--secondary.--active-status {
  border-color: var(--color-devider);
}
.accordion--secondary .accordion__button {
  padding: var(--spacing-4) var(--spacing-6);
}
.accordion--secondary .accordion__button.--active .accordion__icon {
  margin-top: var(--spacing-5);
}
.accordion--secondary .accordion__button.--active .accordion__icon svg {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.accordion--secondary .accordion__button.--active .accordion__icon::before {
  top: calc(0px - var(--spacing-2));
}
.accordion--secondary .accordion__button.--active .accordion__icon::after {
  top: calc(0px - var(--spacing-4));
}
.accordion--secondary .accordion__inner {
  padding: 0 var(--spacing-6) var(--spacing-4);
}
.accordion--secondary .accordion__icon {
  position: relative;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}
.accordion--secondary .accordion__icon svg {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.accordion--secondary .accordion__icon svg path {
  fill: var(--color-text-inverted);
}
.accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: var(--border-radius-full);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1680px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    width: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    width: calc(
				28px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    width: 28px;
  }
}
@media (min-width: 1680px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    height: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    height: calc(
				28px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .accordion--secondary .accordion__icon::before, .accordion--secondary .accordion__icon::after {
    height: 28px;
  }
}
.accordion--secondary .accordion__icon::before {
  z-index: -1;
  top: var(--spacing-3);
  background-color: var(--color-surface-primary-300);
}
.accordion--secondary .accordion__icon::after {
  z-index: -2;
  top: var(--spacing-5);
  background-color: var(--color-surface-primary-140);
}
.accordion--secondary .accordion-content:not(:last-child) {
  border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
/* ==========================================================================
   BASE BUTTON STYLES
   ========================================================================== */
a {
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
}

.button {
  --button-icon-size: var(--icon-size-sm);
  --button-font-size: var(--font-size-base);
  --button-padding-x: var(--spacing-6);
  --button-padding-y: var(--spacing-3);
  --button-radius: var(--border-radius-full);
  --button-font-weight: var(--font-weight-semibold);
  --button-elevation: var(--shadow-sm);
  --button-elevation-hover: var(--shadow-md);
  --button-elevation-active: var(--shadow-xs);
  --button-transition: all var(--transition-duration-base)
  	var(--transition-timing-ease);
  position: relative;
  min-height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  border-radius: var(--button-radius);
  border: var(--border-width-base) solid transparent;
  font-family: var(--font-family-base);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--line-height-base);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1680px) {
  .button {
    --button-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button {
    --button-height: calc(
				36px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button {
    --button-height: 36px;
  }
}
.button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  height: 100%;
  width: 0;
  background-color: transparent;
  z-index: -1;
  border-radius: var(--border-radius-full);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  pointer-events: none;
  z-index: 2;
}
.button svg {
  -o-object-fit: contain;
     object-fit: contain;
  min-width: var(--button-icon-size);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.button svg path {
  fill: currentColor;
}
.button:active {
  -webkit-transform: translateY(1px) scale(0.98);
      -ms-transform: translateY(1px) scale(0.98);
          transform: translateY(1px) scale(0.98);
  -webkit-box-shadow: var(--button-elevation-active);
          box-shadow: var(--button-elevation-active);
  -webkit-transition-duration: var(--transition-duration-fast);
       -o-transition-duration: var(--transition-duration-fast);
          transition-duration: var(--transition-duration-fast);
}
.button:active::after {
  -webkit-animation: buttonRipple 0.6s var(--transition-timing-ease-out);
          animation: buttonRipple 0.6s var(--transition-timing-ease-out);
}
.button:disabled, .button--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.button:disabled:hover, .button--disabled:hover {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.button:disabled:hover::before, .button--disabled:hover::before {
  width: 0;
  left: auto;
  right: 0;
}

.button__label {
  position: relative;
  z-index: 1;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  line-height: var(--line-height-base);
}

@-webkit-keyframes buttonRipple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(4);
            transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}

@keyframes buttonRipple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(4);
            transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}
/* ==========================================================================
   BUTTON TYPE MODIFIERS (main, secondary, outlined, text)
   ========================================================================== */
.button--main {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-inverted);
}
@media screen and (hover: hover) {
  .button--main:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: var(--color-surface-primary-140);
  }
}
.button--main:disabled {
  background-color: var(--color-surface-disabled);
  color: var(--color-text-disabled);
  border-color: transparent;
}

.button--secondary {
  background-color: var(--color-surface-primary);
  border-color: transparent;
  color: var(--color-primary);
}
.button--secondary::before {
  background-color: var(--color-primary);
}
@media screen and (hover: hover) {
  .button--secondary:hover {
    color: var(--color-text-inverted) !important;
    border-color: transparent;
  }
  .button--secondary:hover::before {
    width: 100%;
    left: 0;
  }
}
.button--secondary:disabled {
  background-color: var(--color-surface-disabled);
  color: var(--color-text-disabled);
  border-color: transparent;
}
.button--secondary.button--main::before {
  background-color: var(--color-primary);
}
.button--secondary.button--danger::before {
  background-color: var(--color-danger);
}
.button--secondary.button--tertiary::before {
  background-color: var(--color-tertiary);
}
.button--secondary.button--tertiary {
  background-color: var(--color-surface-tertiary-140);
  color: var(--color-tertiary);
}

.button--outlined {
  background-color: transparent;
  border: var(--border-width-base) solid var(--color-primary);
  color: var(--color-primary);
}
.button--outlined::before {
  background-color: var(--color-surface-primary-140);
}
@media screen and (hover: hover) {
  .button--outlined:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent;
  }
  .button--outlined:hover::before {
    width: 100%;
    left: 0;
  }
}
.button--outlined:disabled {
  background-color: transparent;
  color: var(--color-text-disabled);
  border-color: var(--color-surface-disabled);
}
.button--outlined.button--main::before {
  background: var(--color-surface-primary);
}
.button--outlined.button--danger::before {
  background: var(--color-surface-danger);
}
.button--outlined.button--tertiary::before {
  background: var(--color-surface-tertiary-140);
}

.button--text {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-primary);
}
.button--text::before {
  background-color: var(--color-surface-primary-140);
}
@media screen and (hover: hover) {
  .button--text:hover {
    border-color: transparent;
  }
  .button--text:hover::before {
    width: 100%;
    left: 0;
  }
}
.button--text:disabled {
  background-color: transparent;
  color: var(--color-text-disabled);
  border-color: transparent;
}
.button--text.button--main::before {
  background-color: var(--color-surface-primary);
}
.button--text.button--danger::before {
  background-color: var(--color-surface-danger);
}
.button--text.button--tertiary::before {
  background-color: var(--color-surface-tertiary-140);
}

/* ==========================================================================
   BUTTON COLOR MODIFIERS (danger, tertiary, success, warning)
   ========================================================================== */
.button--animation.button--main {
  border: none;
}
.button--animation.button--main::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: var(--color-primary-hover);
  z-index: -1;
  border-color: transparent;
  -webkit-animation: slideBg 8s linear infinite;
          animation: slideBg 8s linear infinite;
}
@media screen and (hover: hover) {
  .button--animation.button--main:hover {
    color: var(--color-primary);
  }
  .button--animation.button--main:hover::before {
    left: 0;
    width: 100%;
    right: auto;
    background: var(--color-surface-primary-140);
    -webkit-animation: none;
            animation: none;
    border-color: #fd6615;
  }
  .button--animation.button--main:hover svg {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
  }
}

@-webkit-keyframes slideBg {
  0%, 100% {
    left: -100%;
    right: auto;
    width: 100%;
  }
  15% {
    left: 0;
    width: 100%;
  }
  30% {
    left: 0;
    width: 100%;
  }
  45% {
    left: 0;
    width: 100%;
  }
  60% {
    left: 100%;
    width: 100%;
  }
  75% {
    left: 100%;
    width: 100%;
  }
  90% {
    left: 100%;
    width: 100%;
  }
}

@keyframes slideBg {
  0%, 100% {
    left: -100%;
    right: auto;
    width: 100%;
  }
  15% {
    left: 0;
    width: 100%;
  }
  30% {
    left: 0;
    width: 100%;
  }
  45% {
    left: 0;
    width: 100%;
  }
  60% {
    left: 100%;
    width: 100%;
  }
  75% {
    left: 100%;
    width: 100%;
  }
  90% {
    left: 100%;
    width: 100%;
  }
}
.button--danger.button--main {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--color-text-inverted);
}
@media screen and (hover: hover) {
  .button--danger.button--main:hover {
    color: var(--color-danger);
    border-color: var(--color-danger);
    background-color: transparent;
  }
}
.button--danger.button--secondary {
  background-color: var(--color-surface-danger);
  color: var(--color-danger);
}
.button--danger.button--outlined {
  border-color: var(--color-danger);
  color: var(--color-danger);
}
.button--danger.button--text {
  color: var(--color-danger);
}

.button--tertiary.button--main {
  background-color: var(--color-secondary);
  border-color: transparent;
  color: var(--color-text-primary);
}
@media screen and (hover: hover) {
  .button--tertiary.button--main:hover {
    color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    background-color: transparent;
  }
}
.button--tertiary.button--outlined {
  border-color: var(--color-secondary);
  color: var(--color-text-primary);
}
.button--tertiary.button--text {
  color: var(--color-text-primary);
}

.button--success {
  background-color: var(--color-surface-success);
  color: var(--color-success);
  border-color: var(--color-surface-success);
}

.button--warning {
  background-color: var(--color-surface-warning);
  color: var(--color-warning);
  border-color: var(--color-surface-warning);
}

.button--small {
  --button-icon-size: var(--icon-size-xs);
  --button-font-size: var(--font-size-sm);
  --button-padding-y: var(--spacing-2);
}
@media (min-width: 1680px) {
  .button--small {
    --button-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button--small {
    --button-height: calc(
				36px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button--small {
    --button-height: 36px;
  }
}

/* ==========================================================================
   CIRCLE BUTTONS
   ========================================================================== */
.button--circle {
  width: var(--button-circle-size);
  height: var(--button-circle-size);
  min-height: var(--button-fab-size);
  padding: 0;
  border-radius: var(--border-radius-full);
  border: none;
}
@media (min-width: 1680px) {
  .button--circle {
    --button-circle-size: 52px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button--circle {
    --button-circle-size: calc(
				40px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button--circle {
    --button-circle-size: 40px;
  }
}
@media (min-width: 1680px) {
  .button--circle {
    --button-icon-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button--circle {
    --button-icon-size: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button--circle {
    --button-icon-size: 16px;
  }
}
.button--circle::before {
  content: none;
}
.button--circle:disabled, .button--circle--disabled {
  color: var(--color-text-disabled);
}
.button--circle:disabled.button--outlined, .button--circle--disabled.button--outlined {
  border-color: var(--color-surface-disabled);
}
.button--circle:disabled.button--icon, .button--circle--disabled.button--icon {
  background-color: transparent;
}

@media (min-width: 1680px) {
  .button--sm {
    --button-circle-size: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button--sm {
    --button-circle-size: calc(
				30px + 6 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button--sm {
    --button-circle-size: 30px;
  }
}

.button--lg {
  --button-icon-size: var(--icon-size-md);
}
@media (min-width: 1680px) {
  .button--lg {
    --button-circle-size: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .button--lg {
    --button-circle-size: calc(
				40px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .button--lg {
    --button-circle-size: 40px;
  }
}

/* ==========================================================================
   CIRCLE BUTTON TYPE MODIFIERS
   ========================================================================== */
.button--circle.button--main {
  background-color: var(--color-primary);
  color: var(--color-text-inverted);
}
@media screen and (hover: hover) {
  .button--circle.button--main:hover {
    background-color: var(--color-primary-hover);
  }
}
.button--circle.button--main:disabled {
  background-color: var(--color-surface-disabled);
}

.button--circle.button--secondary {
  background-color: var(--color-surface-primary);
  color: var(--color-primary);
}
@media screen and (hover: hover) {
  .button--circle.button--secondary:hover {
    background-color: var(--color-primary);
  }
}
.button--circle.button--secondary:disabled {
  background-color: var(--color-surface-disabled);
}

.button--circle.button--outlined {
  border: var(--border-width-base) solid var(--color-primary);
  color: var(--color-primary);
  background-color: transparent;
}
@media screen and (hover: hover) {
  .button--circle.button--outlined:hover {
    background-color: var(--color-surface-primary);
  }
}
.button--circle.button--outlined:disabled {
  background-color: transparent;
}

.button--circle.button--icon {
  color: var(--color-primary);
  background-color: transparent;
}
@media screen and (hover: hover) {
  .button--circle.button--icon:hover {
    background-color: var(--color-surface-primary-hover);
  }
}
.button--circle.button--icon:disabled {
  background-color: transparent;
}

/* ==========================================================================
   CIRCLE BUTTON COLOR MODIFIERS
   ========================================================================== */
.button--circle.button--danger.button--main {
  background-color: var(--color-danger);
  color: var(--color-text-inverted);
}
@media screen and (hover: hover) {
  .button--circle.button--danger.button--main:hover {
    background-color: var(--color-danger-hover);
  }
}
.button--circle.button--danger.button--secondary {
  background-color: var(--color-surface-danger);
  color: var(--color-danger);
}
@media screen and (hover: hover) {
  .button--circle.button--danger.button--secondary:hover {
    background-color: var(--color-surface-danger-hover);
  }
}
.button--circle.button--danger.button--outlined {
  border-color: var(--color-danger);
  color: var(--color-danger);
}
@media screen and (hover: hover) {
  .button--circle.button--danger.button--outlined:hover {
    background-color: var(--color-surface-danger);
  }
}
.button--circle.button--danger.button--icon {
  color: var(--color-danger);
}
@media screen and (hover: hover) {
  .button--circle.button--danger.button--icon:hover {
    background-color: var(--color-surface-danger-hover);
  }
}
.button--circle.button--danger:disabled.button--main {
  background-color: var(--color-surface-disabled);
}
.button--circle.button--danger:disabled.button--secondary {
  background-color: var(--color-surface-disabled);
}
.button--circle.button--danger:disabled.button--outlined {
  background-color: transparent;
}
.button--circle.button--danger:disabled.button--icon {
  background-color: transparent;
}

.button--circle.button--tertiary.button--main {
  background-color: var(--color-secondary);
  color: var(--color-text-primary);
}
@media screen and (hover: hover) {
  .button--circle.button--tertiary.button--main:hover {
    background-color: var(--color-secondary-hover);
  }
}
.button--circle.button--tertiary.button--secondary {
  background-color: var(--color-surface-tertiary-140);
  color: var(--color-tertiary);
}
@media screen and (hover: hover) {
  .button--circle.button--tertiary.button--secondary:hover {
    background-color: var(--color-surface-tertiary-hover);
  }
}
.button--circle.button--tertiary.button--outlined {
  border-color: var(--color-tertiary);
  color: var(--color-tertiary);
}
@media screen and (hover: hover) {
  .button--circle.button--tertiary.button--outlined:hover {
    background-color: var(--color-surface-tertiary-140);
  }
}
.button--circle.button--tertiary.button--icon {
  color: var(--color-tertiary);
}
@media screen and (hover: hover) {
  .button--circle.button--tertiary.button--icon:hover {
    background-color: var(--color-surface-tertiary-hover);
  }
}
.button--circle.button--tertiary.button--green {
  color: var(--color-text-inverted);
  background-color: var(--color-success);
}
@media screen and (hover: hover) {
  .button--circle.button--tertiary.button--green:hover {
    background-color: var(--color-primary);
  }
}
.button--circle.button--tertiary:disabled.button--main {
  background-color: var(--color-surface-disabled);
}
.button--circle.button--tertiary:disabled.button--secondary {
  background-color: var(--color-surface-disabled);
}
.button--circle.button--tertiary:disabled.button--outlined {
  background-color: transparent;
}
.button--circle.button--tertiary:disabled.button--icon {
  background-color: transparent;
}

.button--non-stroke path {
  stroke: transparent !important;
}

/* ==========================================================================
   DISABLED STATES FOR CIRCLE BUTTONS
   ========================================================================== */
.button--circle:disabled {
  background-color: var(--color-surface-disabled);
  color: var(--color-text-disabled) !important;
  border-color: transparent;
}
.button--circle:disabled.button--outlined {
  background-color: transparent;
  border-color: var(--color-surface-disabled);
}
.button--circle:disabled.button--icon {
  background-color: transparent;
}

/* ==========================================================================
   BASE TOGGLE STYLES
   ========================================================================== */
.toggle {
  --toggle-color: var(--color-text-primary);
  --toggle-font-size: var(--font-size-base);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--spacing-3);
}

.toggle__label {
  color: var(--toggle-color);
  font-size: var(--toggle-font-size);
  line-height: var(--line-height-text);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1680px) {
  .toggle__label {
    padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle__label {
    padding-left: calc(
				24px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle__label {
    padding-left: 24px;
  }
}
.toggle__label a {
  display: inline;
}

.toggle--inverted .toggle__label,
.toggle--inverted .toggle__text {
  color: var(--color-text-inverted);
}
.toggle--inverted .toggle__label a,
.toggle--inverted .toggle__text a {
  color: var(--color-secondary);
}
@media screen and (hover: hover) {
  .toggle--inverted .toggle__label a:hover,
  .toggle--inverted .toggle__text a:hover {
    color: var(--color-secondary-hover);
  }
}

/* ==========================================================================
   TOGGLE CONTROL BASE
   ========================================================================== */
.toggle__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border: var(--border-width-thin) solid var(--color-border-primary);
  background-color: var(--color-background-primary);
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1680px) {
  .toggle__label::before {
    width: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle__label::before {
    width: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle__label::before {
    width: 16px;
  }
}
@media (min-width: 1680px) {
  .toggle__label::before {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle__label::before {
    height: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle__label::before {
    height: 16px;
  }
}

/* ==========================================================================
   SHARED MODIFIER STYLES
   ========================================================================== */
.toggle__input:checked ~ .toggle__label::before {
  border-color: var(--color-primary);
}

.toggle__label::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.toggle__input:checked ~ .toggle__label::after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* ==========================================================================
   CHECKBOX
   ========================================================================== */
.toggle--checkbox .toggle__label::before {
  border-radius: var(--border-radius-sm);
}
.toggle--checkbox .toggle__label::after {
  top: 4px;
  border: solid var(--color-primary);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
}
@media (min-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    left: 7px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    left: calc(
				6px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox .toggle__label::after {
    left: 6px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    width: 6px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    width: calc(
				4px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox .toggle__label::after {
    width: 4px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    height: 12px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox .toggle__label::after {
    height: calc(
				10px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox .toggle__label::after {
    height: 10px;
  }
}
.toggle--checkbox .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-surface-primary);
}
.toggle--checkbox .toggle__input:checked ~ .toggle__label::after {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}

/* ==========================================================================
   RADIO
   ========================================================================== */
.toggle--radio .toggle__label::before {
  border-radius: var(--border-radius-full);
}
.toggle--radio .toggle__label::after {
  border-radius: var(--border-radius-full);
  background-color: var(--color-primary);
}
@media (min-width: 1680px) {
  .toggle--radio .toggle__label::after {
    left: 5px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--radio .toggle__label::after {
    left: calc(
				4px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--radio .toggle__label::after {
    left: 4px;
  }
}
@media (min-width: 1680px) {
  .toggle--radio .toggle__label::after {
    top: 7px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--radio .toggle__label::after {
    top: calc(
				6px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--radio .toggle__label::after {
    top: 6px;
  }
}
@media (min-width: 1680px) {
  .toggle--radio .toggle__label::after {
    width: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--radio .toggle__label::after {
    width: calc(
				8px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--radio .toggle__label::after {
    width: 8px;
  }
}
@media (min-width: 1680px) {
  .toggle--radio .toggle__label::after {
    height: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--radio .toggle__label::after {
    height: calc(
				8px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--radio .toggle__label::after {
    height: 8px;
  }
}
.toggle--radio .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-surface-primary-140);
}

/* ==========================================================================
   CHECKMARK (радиокнопка с галочкой)
   ========================================================================== */
.toggle--checkmark .toggle__label::before {
  border-radius: var(--border-radius-full);
}
.toggle--checkmark .toggle__label::after {
  top: 4px;
  border: solid var(--color-text-inverted);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
}
@media (min-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    left: 7px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    left: calc(
				6px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkmark .toggle__label::after {
    left: 6px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    width: 6px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    width: calc(
				4px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkmark .toggle__label::after {
    width: 4px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    height: 12px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkmark .toggle__label::after {
    height: calc(
				10px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkmark .toggle__label::after {
    height: 10px;
  }
}
.toggle--checkmark .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-primary);
}
.toggle--checkmark .toggle__input:checked ~ .toggle__label::after {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}

/* ==========================================================================
   FOCUS STATE
   ========================================================================== */
.toggle__input:focus-visible ~ .toggle__label::before {
  outline: var(--border-width-base) solid var(--color-primary);
  outline-offset: var(--border-width-base);
  border-color: var(--color-primary);
}

/* ==========================================================================
   HOVER STATES
   ========================================================================== */
@media (hover: hover) {
  .toggle:not(.toggle--disabled):hover .toggle__label::before {
    border-color: var(--color-primary);
    background-color: var(--color-surface-primary);
  }
  .toggle:not(.toggle--disabled).toggle--checkbox:hover .toggle__input:checked ~ .toggle__label::before, .toggle:not(.toggle--disabled).toggle--radio:hover .toggle__input:checked ~ .toggle__label::before {
    border-color: var(--color-primary);
    background-color: var(--color-surface-primary);
  }
  .toggle:not(.toggle--disabled).toggle--radio:hover .toggle__input:checked ~ .toggle__label::after, .toggle:not(.toggle--disabled).toggle--checkmark:hover .toggle__input:checked ~ .toggle__label::before {
    background-color: var(--color-primary);
  }
}
/* ==========================================================================
   ACTIVE STATE
   ========================================================================== */
.toggle:active .toggle__label::before {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

@-webkit-keyframes toggleActive {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes toggleActive {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* ==========================================================================
   DISABLED STATE
   ========================================================================== */
.toggle--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.toggle--disabled .toggle__label {
  color: var(--color-text-tertiary);
}
.toggle--disabled .toggle__label::before {
  border-color: var(--color-text-disabled);
  background-color: var(--color-surface-disabled);
}
.toggle--disabled .toggle__input:checked ~ .toggle__label::before {
  border-color: var(--color-text-disabled);
  background-color: var(--color-surface-disabled);
}

.toggle--checkbox.toggle--disabled .toggle__input:checked ~ .toggle__label::after {
  border-color: var(--color-text-disabled);
}

.toggle--radio.toggle--disabled .toggle__input:checked ~ .toggle__label::after {
  background-color: var(--color-surface-disabled);
}

/* ==========================================================================
   VALIDATION STATES
   ========================================================================== */
/* Error State */
.toggle--error {
  --toggle-color: var(--color-danger);
}
.toggle--error .toggle__label::before {
  border-color: var(--color-danger);
}

.toggle--checkbox.toggle--error .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-surface-danger);
  border-color: var(--color-danger);
}
.toggle--checkbox.toggle--error .toggle__label::after {
  border: none;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--color-danger)), to(var(--color-danger))) no-repeat center/2px 100%, -webkit-gradient(linear, left top, right top, from(var(--color-danger)), to(var(--color-danger))) no-repeat center/100% 2px;
  background: -o-linear-gradient(bottom, var(--color-danger), var(--color-danger)) no-repeat center/2px 100%, -o-linear-gradient(left, var(--color-danger), var(--color-danger)) no-repeat center/100% 2px;
  background: linear-gradient(0deg, var(--color-danger), var(--color-danger)) no-repeat center/2px 100%, linear-gradient(90deg, var(--color-danger), var(--color-danger)) no-repeat center/100% 2px;
}
@media (min-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    width: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    width: calc(
				12px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    width: 12px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    height: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    height: calc(
				12px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    height: 12px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    left: 3px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    left: calc(
				2px + 1 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkbox.toggle--error .toggle__label::after {
    left: 2px;
  }
}

.toggle--radio.toggle--error .toggle__input:checked ~ .toggle__label::before {
  border-color: var(--color-danger);
  background-color: var(--color-surface-danger);
}
.toggle--radio.toggle--error .toggle__input:checked ~ .toggle__label::after {
  background-color: var(--color-danger);
}

.toggle--checkmark.toggle--error .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.toggle--checkmark.toggle--error .toggle__label::after {
  border: none;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--color-text-inverted)), to(var(--color-text-inverted))) no-repeat center/2px 100%, -webkit-gradient(linear, left top, right top, from(var(--color-text-inverted)), to(var(--color-text-inverted))) no-repeat center/100% 2px;
  background: -o-linear-gradient(bottom, var(--color-text-inverted), var(--color-text-inverted)) no-repeat center/2px 100%, -o-linear-gradient(left, var(--color-text-inverted), var(--color-text-inverted)) no-repeat center/100% 2px;
  background: linear-gradient(0deg, var(--color-text-inverted), var(--color-text-inverted)) no-repeat center/2px 100%, linear-gradient(90deg, var(--color-text-inverted), var(--color-text-inverted)) no-repeat center/100% 2px;
  left: 3px;
  top: 5px;
}
@media (min-width: 1680px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    width: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    width: calc(
				10px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    width: 10px;
  }
}
@media (min-width: 1680px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    height: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    height: calc(
				10px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--checkmark.toggle--error .toggle__label::after {
    height: 10px;
  }
}
.toggle--checkmark.toggle--error .toggle__input:checked ~ .toggle__label::after {
  border-color: var(--color-text-inverted);
}

/* Success State */
.toggle--success {
  --toggle-color: var(--color-success);
}
.toggle--success .toggle__label::before {
  border-color: var(--color-success);
}

.toggle--checkbox.toggle--success .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-surface-success);
  border-color: var(--color-success);
}
.toggle--checkbox.toggle--success .toggle__input:checked ~ .toggle__label::after {
  border-color: var(--color-success);
}

.toggle--radio.toggle--success .toggle__input:checked ~ .toggle__label::before {
  border-color: var(--color-success);
  background-color: var(--color-surface-success);
}
.toggle--radio.toggle--success .toggle__input:checked ~ .toggle__label::after {
  background-color: var(--color-success);
}

.toggle--checkmark.toggle--success .toggle__input:checked ~ .toggle__label::before {
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.toggle--checkmark.toggle--success .toggle__input:checked ~ .toggle__label::after {
  border-color: var(--color-text-inverted);
}

/* ==========================================================================
   SWITCH TOGGLE
   ========================================================================== */
.toggle--switch .toggle__span {
  position: relative;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: var(--border-radius-full);
  background-color: var(--color-background-input);
  border: var(--border-width-thin) solid var(--color-border-primary);
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
  cursor: pointer;
  width: 36px;
}
@media (min-width: 1920px) {
  .toggle--switch .toggle__span {
    height: 22px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .toggle--switch .toggle__span {
    height: calc(
				20px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .toggle--switch .toggle__span {
    height: 20px;
  }
}
.toggle--switch .toggle__span::after {
  content: "";
  position: absolute;
  border-radius: var(--border-radius-full);
  background-color: var(--color-text-inverted);
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
  top: 2px;
  left: 2px;
}
@media (min-width: 1920px) {
  .toggle--switch .toggle__span::after {
    width: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .toggle--switch .toggle__span::after {
    width: calc(
				14px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .toggle--switch .toggle__span::after {
    width: 14px;
  }
}
@media (min-width: 1920px) {
  .toggle--switch .toggle__span::after {
    height: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .toggle--switch .toggle__span::after {
    height: calc(
				14px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .toggle--switch .toggle__span::after {
    height: 14px;
  }
}
.toggle--switch .toggle__input:checked ~ .toggle__span {
  background-color: var(--color-surface-primary-140);
  border-color: var(--color-primary);
}
.toggle--switch .toggle__input:checked ~ .toggle__span::after {
  background-color: var(--color-primary);
  -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
          transform: translateX(14px);
}

@media (hover: hover) {
  .toggle--switch:not(.toggle--disabled):hover .toggle__span {
    border-color: var(--color-primary);
    background-color: var(--color-surface-primary-140);
  }
  .toggle--switch:not(.toggle--disabled):hover .toggle__input:checked ~ .toggle__span {
    background-color: var(--color-surface-primary-140);
    border-color: var(--color-primary-hover);
  }
  .toggle--switch:not(.toggle--disabled):hover .toggle__input:checked ~ .toggle__span::after {
    background-color: var(--color-primary-hover);
  }
}
.toggle--switch.toggle--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.toggle--switch.toggle--disabled .toggle__span {
  background-color: var(--color-surface-disabled);
  border-color: var(--color-text-disabled);
  cursor: not-allowed;
}
.toggle--switch.toggle--disabled .toggle__span::after {
  background-color: var(--color-surface-tertiary);
}
.toggle--switch.toggle--disabled .toggle__label {
  color: var(--color-text-tertiary);
  cursor: not-allowed;
}
.toggle--switch.toggle--disabled .toggle__input:checked ~ .toggle__span {
  background-color: var(--color-surface-disabled);
  border-color: var(--color-text-disabled);
}
.toggle--switch.toggle--disabled .toggle__input:checked ~ .toggle__span::after {
  background-color: var(--color-text-disabled);
}

.toggle--switch .toggle__input:focus-visible ~ .toggle__span {
  outline: var(--border-width-base) solid var(--color-primary);
  outline-offset: var(--border-width-base);
}

@media (min-width: 1920px) {
  .toggle--switch:not(.toggle--disabled):active .toggle__span::after {
    width: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .toggle--switch:not(.toggle--disabled):active .toggle__span::after {
    width: calc(
				18px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .toggle--switch:not(.toggle--disabled):active .toggle__span::after {
    width: 18px;
  }
}
.toggle--switch:not(.toggle--disabled) .toggle__input:checked:active ~ .toggle__span::after {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}

/* ==========================================================================
   SOLO
   ========================================================================== */
.toggle--solo {
  -webkit-column-gap: 0 !important;
     -moz-column-gap: 0 !important;
          column-gap: 0 !important;
}
.toggle--solo .toggle__label {
  padding: 0 !important;
}
@media (min-width: 1680px) {
  .toggle--solo .toggle__label {
    width: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--solo .toggle__label {
    width: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--solo .toggle__label {
    width: 16px;
  }
}
@media (min-width: 1680px) {
  .toggle--solo .toggle__label {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .toggle--solo .toggle__label {
    height: calc(
				16px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .toggle--solo .toggle__label {
    height: 16px;
  }
}

.file {
  --color-background-files: var(--color-background-cabinet);
}

/* ==================== Вариант 1: Одиночное изображение ==================== */
.file-preview {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: var(--color-surface-secondary);
  border-radius: var(--border-radius-3xl);
}
@media (min-width: 1920px) {
  .file-preview {
    height: 294px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .file-preview {
    height: calc(
				151px + 143 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .file-preview {
    height: 151px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .file-preview {
    height: 151px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .file-preview {
    height: calc(
				144px + 7 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .file-preview {
    height: 144px;
  }
}

.file--avatar .file-preview {
  border-radius: var(--border-radius-full) var(--border-radius-full) var(--border-radius-full) 0;
}
@media (min-width: 1920px) {
  .file--avatar .file-preview {
    width: 165px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .file--avatar .file-preview {
    width: calc(
				149px + 16 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .file--avatar .file-preview {
    width: 149px;
  }
}
@media (min-width: 1920px) {
  .file--avatar .file-preview {
    height: 165px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .file--avatar .file-preview {
    height: calc(
				149px + 16 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .file--avatar .file-preview {
    height: 149px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .file--avatar .file-preview {
    width: 149px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .file--avatar .file-preview {
    width: calc(
				133px + 16 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .file--avatar .file-preview {
    width: 133px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .file--avatar .file-preview {
    height: 149px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .file--avatar .file-preview {
    height: calc(
				133px + 16 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .file--avatar .file-preview {
    height: 133px;
  }
}

.file-preview--empty {
  background-color: var(--color-background-tertiary);
}
.file-preview--empty::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
  z-index: var(--z-index-elevated);
  background: url("../img/icons/icon-image.svg") no-repeat center/contain;
}

.file--video .file-preview--empty::before {
  background-image: url("../img/icons/icon-video.svg");
}

.file-preview__empty {
  width: 100%;
  height: 100%;
}

.file-preview--empty .file-label {
  cursor: pointer;
  padding: var(--spacing-2);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
  color: var(--color-text-accent);
  background-color: var(--color-background-files);
  border-radius: 0 var(--border-radius-3xl) 0 0;
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .file-preview--empty .file-label {
    --file-btn-size: 54px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-preview--empty .file-label {
    --file-btn-size: calc(
				40px + 14 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-preview--empty .file-label {
    --file-btn-size: 40px;
  }
}
@media (min-width: 1680px) {
  .file-preview--empty .file-label {
    --file-circle-size: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-preview--empty .file-label {
    --file-circle-size: calc(
				24px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-preview--empty .file-label {
    --file-circle-size: 24px;
  }
}
@media (min-width: 1680px) {
  .file-preview--empty .file-label {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-preview--empty .file-label {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-preview--empty .file-label {
    --pos: -20px;
  }
}
.file-preview--empty .file-label::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-files);
  z-index: 1;
  top: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
.file-preview--empty .file-label::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-files);
  z-index: 1;
  top: auto;
  right: var(--pos);
  bottom: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
@media (hover: hover) {
  .file-preview--empty .file-label:hover .file-label__plus {
    background-color: var(--color-surface-primary-hover);
    color: var(--color-text-inverted);
  }
}

.file-label__plus {
  width: var(--file-circle-size);
  height: var(--file-circle-size);
  border-radius: var(--border-radius-full);
  background-color: var(--color-surface-primary-140);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}

.file-label__plus svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.file-label__text {
  font-size: var(--font-size-sm);
  color: inherit;
}

.file__text {
  margin-left: var(--spacing-4);
}

.file-preview__image,
.file-preview__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.file-preview__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.file-preview__actions {
  background-color: var(--color-background-files);
  border-radius: 0 var(--border-radius-3xl) 0 0;
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .file-preview__actions {
    --pos: -30px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-preview__actions {
    --pos: calc(
				-20px + -10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-preview__actions {
    --pos: -20px;
  }
}
.file-preview__actions::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-files);
  z-index: 1;
  top: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
.file-preview__actions::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-files);
  z-index: 1;
  top: auto;
  right: var(--pos);
  bottom: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}

/* ==================== Вариант 2: Drag & Drop ==================== */
.file__dropzone {
  cursor: pointer;
  border: var(--border-width-base) dashed var(--color-border-primary);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-secondary);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
}
@media (min-width: 1680px) {
  .file__dropzone {
    min-height: 210px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file__dropzone {
    min-height: calc(
				146px + 64 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file__dropzone {
    min-height: 146px;
  }
}
@media (hover: hover) {
  .file__dropzone:hover .file__dropzone-button {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent;
  }
  .file__dropzone:hover .file__dropzone-button::before {
    width: 100%;
    left: 0;
  }
}

.file__dropzone.drag-over {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  border-color: var(--color-primary);
  background-color: var(--color-surface-primary-140);
  border-style: solid;
}

.file__dropzone-icon {
  margin-bottom: var(--spacing-3);
}

.file__dropzone-icon img {
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}

.file__dropzone-or {
  position: relative;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.file__dropzone-or::before, .file__dropzone-or::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: var(--border-width-thin);
  background-color: var(--color-border-primary);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1680px) {
  .file__dropzone-or::before, .file__dropzone-or::after {
    width: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file__dropzone-or::before, .file__dropzone-or::after {
    width: calc(
				50px + 30 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file__dropzone-or::before, .file__dropzone-or::after {
    width: 50px;
  }
}
.file__dropzone-or::before {
  left: 150%;
}
.file__dropzone-or::after {
  right: 150%;
}

.file-drop__uploader {
  display: none;
}
.file-drop__uploader.--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.file-drop__uploader-icon {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  margin: var(--spacing-3) auto;
  -webkit-animation: loading var(--transition-duration-slow) ease infinite;
          animation: loading var(--transition-duration-slow) ease infinite;
}
.file-drop__uploader-icon svg,
.file-drop__uploader-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

/* Элемент списка */
.file-drop__item {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  border-radius: var(--border-radius-md);
  background-color: var(--color-background-primary);
  -webkit-transition: var(--transition-duration-fast) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-fast) var(--transition-timing-ease);
  transition: var(--transition-duration-fast) var(--transition-timing-ease);
}

.file-drop__item-icon {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.file-drop__item-icon--video {
  background-image: url("../img/icons/icon-file-video.svg");
}
.file-drop__item-icon--image {
  background-image: url("../img/icons/icon-file-accent.svg");
}
.file-drop__item-icon--error {
  background-image: url("../img/icons/icon-error.svg");
}

.file-drop__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.file-drop__item-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.file-drop__item-error-text {
  font-size: var(--font-size-xs);
  color: var(--color-danger);
}

.file-drop__item-actions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.file-drop__item-delete {
  border-radius: var(--border-radius-full);
  background-color: var(--color-surface-danger-140);
  color: var(--color-danger);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1680px) {
  .file-drop__item-delete {
    width: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-drop__item-delete {
    width: calc(
				28px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-drop__item-delete {
    width: 28px;
  }
}
@media (min-width: 1680px) {
  .file-drop__item-delete {
    height: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file-drop__item-delete {
    height: calc(
				28px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file-drop__item-delete {
    height: 28px;
  }
}
.file-drop__item-delete svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.file-drop__item-delete svg path {
  fill: currentColor;
}
@media (hover: hover) {
  .file-drop__item-delete:hover {
    background-color: var(--color-danger-hover);
    color: var(--color-text-inverted);
  }
}

/* ==================== Вариант 3: Attachment ==================== */
.file--attachment {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 990px) {
  .file--attachment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 760px) {
  .file--attachment {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.file__attach-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 760px) {
  .file__attach-button {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media screen and (max-width: 760px) {
  .file__items {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.file__item, .lesson-message__file {
  max-width: 100%;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  border-radius: var(--border-radius-3xl);
  background-color: var(--color-background-secondary);
  border: var(--border-width-thin) solid var(--color-border-primary);
}
.file__item--error {
  border-color: var(--color-danger);
  background-color: var(--color-surface-danger-140);
}
.file__item--error .file__item-icon--error {
  background-image: url("../img/icons/icon-error.svg");
}
.file__item--error .file__item-name {
  color: var(--color-danger);
}
.file__item--error .file__item-remove {
  color: var(--color-danger);
}
.file__item--loading .file__item-icon--loading {
  background-image: url("../img/icons/icon-load.svg");
  -webkit-animation: loading var(--transition-duration-slow) ease infinite;
          animation: loading var(--transition-duration-slow) ease infinite;
}
.file__item--loading .file__item-name {
  color: var(--color-text-tertiary);
}

.file__item-icon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  background: url("../img/icons/file-attachment.svg") no-repeat center/contain;
}
.file__item-icon svg,
.file__item-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}

.file__item-name {
  color: var(--color-text-secondary);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (min-width: 1680px) {
  .file__item-name {
    max-width: 500px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .file__item-name {
    max-width: calc(
				250px + 250 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .file__item-name {
    max-width: 250px;
  }
}

.file__item-error-text {
  color: var(--color-danger);
}

.file__item-remove {
  cursor: pointer;
  border-radius: var(--border-radius-full);
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.file__item-remove svg,
.file__item-remove img {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}
.file__item-remove svg path,
.file__item-remove img path {
  fill: currentColor;
}
@media (hover: hover) {
  .file__item-remove:hover {
    color: var(--color-danger);
    background-color: var(--color-surface-danger-140);
  }
}

/* Анимации */
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.input,
.textarea {
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-style: normal;
  border-radius: var(--border-radius-3xl);
  border: var(--border-width-thin) solid transparent;
  padding: var(--spacing-3) var(--input-padding-right) var(--spacing-3) var(--spacing-4);
  background: var(--color-background-input);
  color: var(--color-text-primary);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
}
@media (min-width: 1680px) {
  .input,
  .textarea {
    min-height: 52px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .input,
  .textarea {
    min-height: calc(
				40px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .input,
  .textarea {
    min-height: 40px;
  }
}
@media (min-width: 1680px) {
  .input,
  .textarea {
    --input-padding-right: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .input,
  .textarea {
    --input-padding-right: calc(
				32px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .input,
  .textarea {
    --input-padding-right: 32px;
  }
}
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input::-moz-placeholder, .textarea::-moz-placeholder {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input:-moz-placeholder-shown, .textarea:-moz-placeholder-shown {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input::placeholder, .input:placeholder-shown,
.textarea::placeholder,
.textarea:placeholder-shown {
  color: var(--color-text-tertiary);
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.input:not(:-moz-placeholder-shown), .textarea:not(:-moz-placeholder-shown) {
  background-color: var(--color-background-input-dark);
}
.input:not(:-ms-input-placeholder), .textarea:not(:-ms-input-placeholder) {
  background-color: var(--color-background-input-dark);
}
.input:not(:placeholder-shown),
.textarea:not(:placeholder-shown) {
  background-color: var(--color-background-input-dark);
}
@media screen and (hover: hover) {
  .input:hover:not(:disabled):not([readonly]),
  .textarea:hover:not(:disabled):not([readonly]) {
    border-color: var(--color-primary);
    background-color: var(--color-background-input-dark);
  }
}
.input:focus:not([readonly]), .input:focus-visible:not([readonly]),
.textarea:focus:not([readonly]),
.textarea:focus-visible:not([readonly]) {
  border-color: var(--color-primary);
  background-color: var(--color-background-input-dark);
}
.input:disabled,
.textarea:disabled {
  opacity: 0.4;
}
.input[readonly],
.textarea[readonly] {
  background-color: var(--color-background-primary);
}

.textarea {
  resize: vertical;
  border-radius: var(--border-radius-2xl);
  min-height: var(--spacing-40);
  max-height: var(--spacing-64);
  padding-bottom: var(--spacing-16);
}

.textarea--editor {
  min-height: 280px;
  max-height: 400px;
}
@media (min-width: 1680px) {
  .textarea--editor {
    padding-top: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .textarea--editor {
    padding-top: calc(
				90px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .textarea--editor {
    padding-top: 90px;
  }
}

.--textarea-auto-resize {
  resize: none;
}

.input-box__title,
.input-box__text {
  display: block;
  padding-left: var(--spacing-4);
  line-height: var(--line-height-base);
}

.input-box__title {
  padding-bottom: var(--spacing-1);
}
.input-box__title_non-p {
  padding: 0 !important;
}

.input-box__text {
  display: block;
  padding-top: var(--spacing-1);
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
}

.mask-complete {
  border-color: var(--color-success);
  background-color: var(--color-surface-success) !important;
}

.mask-incomplete {
  border-color: var(--color-warning);
  background-color: var(--color-surface-warning);
}

.mask-error {
  border-color: var(--color-danger);
  background-color: var(--color-surface-danger);
}

.input-box--danger .input,
.input-box--danger .textarea {
  border-color: var(--color-danger) !important;
  color: var(--color-danger) !important;
  background-color: var(--color-surface-danger-140) !important;
}
.input-box--danger .input-box__text {
  color: var(--color-danger);
}

@media (min-width: 1680px) {
  .input-box--icon .input,
  .input-box--icon .textarea {
    padding-left: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .input-box--icon .input,
  .input-box--icon .textarea {
    padding-left: calc(
				32px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .input-box--icon .input,
  .input-box--icon .textarea {
    padding-left: 32px;
  }
}

.input-box--light-gray .input,
.input-box--light-gray .textarea {
  background: var(--color-background-input-transparensy);
  border: var(--border-width-thin) solid var(--color-border-primary);
}

.input-box__field {
  position: relative;
  --input-icon-size: var(--icon-size-sm);
}

.input-box__icon {
  width: var(--input-icon-size);
  height: var(--input-icon-size);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: var(--spacing-4);
}
@media screen and (max-width: 990px) {
  .input-box__icon {
    left: var(--spacing-5);
  }
}
.input-box__icon svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.input-box__icon._active path {
  fill: var(--color-primary-hover);
}

.input-box--inverted .input-box__icon svg path {
  fill: var(--color-text-inverted);
}
.input-box--inverted .input,
.input-box--inverted .textarea {
  background: var(--color-background-input-transparensy);
  color: var(--color-text-inverted);
}
.input-box--inverted .input::-webkit-input-placeholder, .input-box--inverted .textarea::-webkit-input-placeholder {
  color: var(--color-text-inverted);
}
.input-box--inverted .input::-moz-placeholder, .input-box--inverted .textarea::-moz-placeholder {
  color: var(--color-text-inverted);
}
.input-box--inverted .input:-ms-input-placeholder, .input-box--inverted .textarea:-ms-input-placeholder {
  color: var(--color-text-inverted);
}
.input-box--inverted .input::-ms-input-placeholder, .input-box--inverted .textarea::-ms-input-placeholder {
  color: var(--color-text-inverted);
}
.input-box--inverted .input:-moz-placeholder-shown, .input-box--inverted .textarea:-moz-placeholder-shown {
  color: var(--color-text-inverted);
}
.input-box--inverted .input:-ms-input-placeholder, .input-box--inverted .textarea:-ms-input-placeholder {
  color: var(--color-text-inverted);
}
.input-box--inverted .input::placeholder, .input-box--inverted .input:placeholder-shown,
.input-box--inverted .textarea::placeholder,
.input-box--inverted .textarea:placeholder-shown {
  color: var(--color-text-inverted);
}
.input-box--inverted .input:not(:-moz-placeholder-shown), .input-box--inverted .textarea:not(:-moz-placeholder-shown) {
  background-color: var(--color-primary);
  border-color: var(--color-devider);
}
.input-box--inverted .input:not(:-ms-input-placeholder), .input-box--inverted .textarea:not(:-ms-input-placeholder) {
  background-color: var(--color-primary);
  border-color: var(--color-devider);
}
.input-box--inverted .input:not(:placeholder-shown),
.input-box--inverted .textarea:not(:placeholder-shown) {
  background-color: var(--color-primary);
  border-color: var(--color-devider);
}
@media screen and (hover: hover) {
  .input-box--inverted .input:hover:not(:disabled),
  .input-box--inverted .textarea:hover:not(:disabled) {
    border-color: var(--color-devider);
    background-color: var(--color-primary);
  }
}
.input-box--inverted .input:focus, .input-box--inverted .input:focus-visible,
.input-box--inverted .textarea:focus,
.input-box--inverted .textarea:focus-visible {
  border-color: var(--color-devider);
  background-color: var(--color-primary);
}

.input-box__icon.input-box__icon--right {
  left: auto;
  right: var(--spacing-4);
}
@media screen and (max-width: 990px) {
  .input-box__icon.input-box__icon--right {
    left: auto;
    right: var(--spacing-5);
  }
}

.input-box__btn {
  left: auto;
  right: var(--spacing-4);
}
@media screen and (max-width: 990px) {
  .input-box__btn {
    right: var(--spacing-5);
  }
}

.password-btn path {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.password-btn svg.--visible path {
  fill: var(--color-text-tertiary);
}
.password-btn svg.--hidden path {
  fill: var(--color-text-tertiary);
}
.password-btn .--visible {
  display: none;
}
.password-btn .--hidden {
  display: block;
}
.password-btn.--visible .--visible {
  display: block;
}
.password-btn.--visible .--hidden {
  display: none;
}
@media (hover: hover) {
  .password-btn:hover svg.--visible path {
    fill: var(--color-primary);
  }
  .password-btn:hover svg.--hidden path {
    fill: var(--color-primary);
  }
}

.input-box__control, .lesson-answer__controls {
  position: absolute;
  width: calc(100% - var(--spacing-4) * 2);
  left: var(--spacing-4);
  bottom: var(--spacing-5);
}

/* Общие стили для контейнера редактора */
.cke_chrome {
  width: 100% !important;
  border-radius: var(--border-radius-2xl) !important;
  border: var(--border-width-thin) solid transparent !important;
  background: var(--color-background-input) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-base) !important;
  overflow: hidden !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Стили при ховере */
.cke_chrome:hover {
  border-color: var(--color-primary) !important;
  background: var(--color-background-input-dark) !important;
}

/* Стили при фокусе внутри редактора */
.cke_chrome:focus-within {
  border-color: var(--color-primary) !important;
  background: var(--color-background-input-dark) !important;
}

/* Верхняя панель с инструментами */
.cke_top {
  background: var(--color-background-input) !important;
  border-bottom: var(--border-width-thin) solid var(--color-border-light) !important;
  padding: var(--spacing-2) !important;
}

/* Нижняя панель */
.cke_bottom {
  background: var(--color-background-input) !important;
  border-top: var(--border-width-thin) solid var(--color-border-light) !important;
}

/* Область редактирования */
.cke_contents {
  border: none !important;
  background: var(--color-background-input-transparensy) !important;
  padding: var(--spacing-3) var(--spacing-4) !important;
}

/* iframe редактора */
.cke_wysiwyg_frame {
  background: var(--color-background-input) !important;
}

/* Кнопки тулбара */
.cke_button {
  border-radius: var(--border-radius-md) !important;
  background: transparent !important;
}

.cke_button:hover {
  background: var(--color-background-hover) !important;
}

.cke_button_icon {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

/* Активные кнопки */
.cke_button_on {
  background: var(--color-primary-light) !important;
}

.cke_button_on .cke_button_icon {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

/* Выпадающие списки (размер шрифта и т.д.) */
.cke_combo_button {
  background: transparent !important;
  border-radius: var(--border-radius-md) !important;
  border: none !important;
}

.cke_combo_button:hover {
  background: var(--color-background-hover) !important;
}

.cke_combo_text {
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-sm) !important;
  line-height: var(--line-height-base) !important;
}

.cke_combo_arrow {
  border-top-color: var(--color-text-tertiary) !important;
}

/* Панель пути элементов */
.cke_path {
  padding: var(--spacing-2) var(--spacing-3) !important;
}

.cke_path_item {
  color: var(--color-text-secondary) !important;
  font-size: var(--font-size-xs) !important;
}

.cke_path_item:hover {
  color: var(--color-primary) !important;
}

/* Ресайзер (уголок для растягивания) */
.cke_resizer {
  position: absolute !important;
  border-color: var(--color-text-tertiary) !important;
  right: var(--spacing-4) !important;
  bottom: var(--spacing-3) !important;
  margin: 0 !important;
  display: none !important;
}

/* Стили для контента внутри редактора */
.cke_editable {
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base) !important;
  color: var(--color-text-primary) !important;
  background: var(--color-background-input) !important;
}

/* Стили для плавающих меню и выпадающих списков */
.cke_panel {
  background: var(--color-background-primary) !important;
  border: var(--border-width-thin) solid var(--color-border-light) !important;
  border-radius: var(--border-radius-lg) !important;
  -webkit-box-shadow: var(--shadow-md) !important;
          box-shadow: var(--shadow-md) !important;
}

.cke_panel_listItem a {
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-base) !important;
}

.cke_panel_listItem a:hover {
  background: var(--color-background-hover) !important;
  color: var(--color-primary) !important;
}

/* Диалоговые окна CKEditor */
.cke_dialog {
  background: var(--color-background-primary) !important;
  border-radius: var(--border-radius-xl) !important;
  -webkit-box-shadow: var(--shadow-lg) !important;
          box-shadow: var(--shadow-lg) !important;
}

.cke_dialog_title {
  background: var(--color-background-input) !important;
  border-bottom: var(--border-width-thin) solid var(--color-border-light) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-lg) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.cke_dialog_contents {
  background: var(--color-background-primary) !important;
}

.cke_dialog_footer {
  background: var(--color-background-input) !important;
  border-top: var(--border-width-thin) solid var(--color-border-light) !important;
}

/* Кнопки в диалогах */
.cke_dialog .cke_dialog_ui_button {
  background: var(--color-background-input) !important;
  border: var(--border-width-thin) solid var(--color-border-light) !important;
  border-radius: var(--border-radius-lg) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  padding: var(--spacing-2) var(--spacing-4) !important;
}

.cke_dialog .cke_dialog_ui_button:hover {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.cke_dialog_ui_input_text,
.cke_dialog_ui_input_textarea,
.cke_dialog_ui_input_select {
  background: var(--color-background-input) !important;
  border: var(--border-width-thin) solid var(--color-border-light) !important;
  border-radius: var(--border-radius-lg) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  padding: var(--spacing-2) !important;
}

/* Стили для меню правой кнопки мыши */
.cke_contextmenu {
  background: var(--color-background-primary) !important;
  border: var(--border-width-thin) solid var(--color-border-light) !important;
  border-radius: var(--border-radius-lg) !important;
  -webkit-box-shadow: var(--shadow-md) !important;
          box-shadow: var(--shadow-md) !important;
}

.cke_menuitem a {
  color: var(--color-text-primary) !important;
}

.cke_menuitem a:hover {
  background: var(--color-background-hover) !important;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .cke_chrome {
    min-height: 280px;
  }
  .cke_top {
    overflow-x: auto;
    white-space: nowrap;
  }
  .cke_toolbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cke_button {
    margin: var(--spacing-1) !important;
  }
}
/* Стили для скроллбара внутри редактора */
.cke_contents::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cke_contents::-webkit-scrollbar-track {
  background: var(--color-background-input);
  border-radius: var(--border-radius-full);
}

.cke_contents::-webkit-scrollbar-thumb {
  background: var(--color-border-light);
  border-radius: var(--border-radius-full);
}

.cke_contents::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-tertiary);
}

/* Стили для неактивного состояния */
.cke_chrome.cke_disabled {
  opacity: 0.4;
}

/* Стили для тултипов */
.cke_tooltip {
  background: var(--color-background-primary) !important;
  border: var(--border-width-thin) solid var(--color-border-light) !important;
  border-radius: var(--border-radius-lg) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-sm) !important;
  padding: var(--spacing-1) var(--spacing-2) !important;
}

.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100dvh;
  background: var(--color-overlay);
  z-index: -33333333333;
  overflow: auto;
  opacity: 0;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.modal-background.--active {
  -webkit-animation: fadeIn var(--animation-duration-base) forwards;
          animation: fadeIn var(--animation-duration-base) forwards;
  z-index: var(--z-index-modal);
}

.modal__container {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  opacity: 0;
  -webkit-transition: all var(--animation-duration-base) var(--transition-timing-ease-in);
  -o-transition: all var(--animation-duration-base) var(--transition-timing-ease-in);
  transition: all var(--animation-duration-base) var(--transition-timing-ease-in);
  margin: auto;
  width: 100%;
  background: var(--color-background-primary);
  padding: var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  will-change: transform, opacity;
}
@media screen and (max-width: 990px) {
  .modal__container {
    padding: var(--spacing-8);
  }
}

.modal-background.--active .modal__container {
  -webkit-animation: modalEnter var(--animation-duration-base) var(--transition-timing-ease) forwards;
          animation: modalEnter var(--animation-duration-base) var(--transition-timing-ease) forwards;
}

@media screen and (max-width: 760px) {
  .modal__title {
    text-align: left;
    margin-left: 0;
  }
}

.modal__header {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.modal-btn {
  border-radius: var(--border-radius-base);
  -webkit-transition: background-color var(--animation-duration-base) var(--transition-timing-ease);
  -o-transition: background-color var(--animation-duration-base) var(--transition-timing-ease);
  transition: background-color var(--animation-duration-base) var(--transition-timing-ease);
}
.modal-btn path {
  fill: var(--color-primary);
  -webkit-transition: var(--animation-duration-base);
  -o-transition: var(--animation-duration-base);
  transition: var(--animation-duration-base);
}
.modal-btn svg,
.modal-btn img {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}
@media screen and (hover: hover) {
  .modal-btn:hover {
    background-color: var(--color-surface-primary-140);
  }
  .modal-btn:hover path {
    fill: var(--color-primary-hover);
  }
}
@media (hover: none) {
  .modal-btn:active {
    background-color: var(--color-surface-primary-140);
  }
  .modal-btn:active path {
    fill: var(--color-primary-hover);
  }
}
.modal-btn:active {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

@media (min-width: 1920px) {
  .modal__container--medium {
    max-width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .modal__container--medium {
    max-width: calc(
				400px + 150 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .modal__container--medium {
    max-width: 400px;
  }
}

@media (min-width: 1920px) {
  .modal__container--large {
    max-width: 1024px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .modal__container--large {
    max-width: calc(
				700px + 324 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .modal__container--large {
    max-width: 700px;
  }
}
.modal__container--large .modal__title {
  margin-left: 0;
  text-align: left;
}

.modal-video__container {
  border-radius: var(--border-radius-xl);
}
.modal-video__container video,
.modal-video__container iframe {
  max-height: 80dvh;
}

.modal-write__form-btn {
  margin-left: auto;
}

.modal-gallery__figure {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-md);
}
.modal-gallery__figure img,
.modal-gallery__figure video,
.modal-gallery__figure iframe {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--border-radius-md);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (max-width: 760px) {
  .modal-gallery__nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.modal-gallery .modal__container {
  height: 90vh;
  max-height: 90vh;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 760px) {
  .modal-gallery .modal__container {
    height: 95vh;
    max-height: 95vh;
    padding: 0;
  }
}
.modal-gallery .modal__header {
  padding: var(--spacing-6) var(--spacing-6) 0 var(--spacing-6);
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-gallery .modal__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-height: 0;
  padding: var(--spacing-4) var(--spacing-6);
}
@media screen and (max-width: 760px) {
  .modal-gallery .modal__body {
    padding: var(--spacing-3);
  }
}
.modal-gallery .modal-gallery__media {
  width: 100%;
  height: 100%;
  min-height: 0;
}

@media screen and (max-width: 760px) and (orientation: landscape) {
  .modal-gallery .modal__container {
    height: 85vh;
    max-height: 85vh;
  }
  .modal-gallery .modal__header {
    padding: var(--spacing-3) var(--spacing-5) 0 var(--spacing-5);
  }
}
.modal-pay__title {
  margin-left: 0;
}

.modal-pay__summary-item {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.modal-pay__summary-badge::before,
.modal-pay__bonus-count::before {
  width: var(--icon-size-sm) !important;
  height: var(--icon-size-sm) !important;
  left: var(--spacing-2) !important;
  background: url("../img/icons/star-accent-icon.svg") no-repeat center/contain !important;
}

.modal-pay__bonus-redemption {
  border-radius: var(--border-radius-xl);
  background-color: var(--color-background-secondary);
}

.modal-pay__bonus-header {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.modal-pay__bonus-field {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

@media (min-width: 1680px) {
  .modal-change__form-btn {
    min-width: 310px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .modal-change__form-btn {
    min-width: calc(
				200px + 110 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .modal-change__form-btn {
    min-width: 200px;
  }
}

@media (min-width: 1920px) {
  .modal__block,
  .modal__form {
    row-gap: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .modal__block,
  .modal__form {
    row-gap: calc(
				12px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .modal__block,
  .modal__form {
    row-gap: 12px;
  }
}

.modal__btn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  max-width: 280px;
  width: 100%;
}

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

.select {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.select.is-active .select__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select.is-active .select__arrow path {
  fill: var(--color-primary);
}
.select.is-active .select__body {
  display: block;
  -webkit-box-shadow: var(--shadow-base);
          box-shadow: var(--shadow-base);
}
.select.is-active .select__header {
  border-color: var(--color-primary);
  background-color: var(--color-background-secondary);
}

.select--light-gray .select__header {
  background: var(--color-background-input-transparensy);
  border: var(--border-width-thin) solid var(--color-border-primary);
}
@media (any-hover: hover) {
  .select--light-gray .select__header:hover {
    border-color: var(--color-primary);
  }
}

.select__header,
.select__item,
.select__control {
  width: 100%;
  padding: var(--spacing-3) var(--spacing-4);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1680px) {
  .select__header,
  .select__item,
  .select__control {
    min-height: 52px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select__header,
  .select__item,
  .select__control {
    min-height: calc(
				40px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select__header,
  .select__item,
  .select__control {
    min-height: 40px;
  }
}

.select__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: var(--border-radius-3xl);
  background: var(--color-background-input);
  color: var(--color-text-primary);
  border: var(--border-width-thin) solid transparent;
}
@media screen and (hover: hover) {
  .select__header:hover {
    border-color: var(--color-primary);
    background-color: var(--color-background-secondary);
  }
}

.select__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  overflow: hidden;
  z-index: var(--z-index-dropdown);
  background: var(--color-background-input);
  -webkit-box-shadow: var(--shadow-primary);
          box-shadow: var(--shadow-primary);
  border-radius: var(--border-radius-2xl);
}

.select__inner {
  padding-right: var(--spacing-1);
  max-height: var(--spacing-48);
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  height: 100%;
}

.select__item {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
.select__item svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
@media screen and (hover: hover) {
  .select__item:hover:not(.select__item--selected) {
    background-color: var(--color-background-input-dark);
  }
}

.select__current {
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--color-text-primary);
}

.select__arrow {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}
.select__arrow path {
  fill: var(--color-text-primary);
}

.select__item--selected {
  background-color: var(--color-surface-primary-140);
  position: relative;
}
@media (min-width: 1680px) {
  .select__item--selected {
    padding-right: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select__item--selected {
    padding-right: calc(
				30px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select__item--selected {
    padding-right: 30px;
  }
}
.select__item--selected::after {
  content: "";
  display: block;
  position: absolute;
  right: var(--spacing-4);
  background: url("../img/icons/check-accent.svg") no-repeat center/contain;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
@media (min-width: 1680px) {
  .select__item--selected::after {
    top: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select__item--selected::after {
    top: calc(
				12px + 4 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select__item--selected::after {
    top: 12px;
  }
}

.select--toggles .select__item::after {
  display: none;
}
.select--toggles .select__item-text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.select--toggles .select__item-text::before {
  left: var(--spacing-4);
}
@media (min-width: 1680px) {
  .select--toggles .select__item-text::before {
    top: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select--toggles .select__item-text::before {
    top: calc(
				12px + 3 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select--toggles .select__item-text::before {
    top: 12px;
  }
}
@media (min-width: 1680px) {
  .select--toggles .select__item-text::after {
    top: 17px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select--toggles .select__item-text::after {
    top: calc(
				14px + 3 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select--toggles .select__item-text::after {
    top: 14px;
  }
}
@media (min-width: 1680px) {
  .select--toggles .select__item-text::after {
    left: 23px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .select--toggles .select__item-text::after {
    left: calc(
				14px + 9 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .select--toggles .select__item-text::after {
    left: 14px;
  }
}

.swiper {
  overflow: visible;
  width: auto;
  min-width: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.swiper-wrapper {
  min-width: 0;
}

.swiper-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: opacity var(--transition-duration-slow), visibility var(--transition-duration-slow), -webkit-transform var(--transition-duration-slow);
  transition: opacity var(--transition-duration-slow), visibility var(--transition-duration-slow), -webkit-transform var(--transition-duration-slow);
  -o-transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow), visibility var(--transition-duration-slow);
  transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow), visibility var(--transition-duration-slow);
  transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow), visibility var(--transition-duration-slow), -webkit-transform var(--transition-duration-slow);
}

.lesson-control__number-container.swiper-slide-active, .lesson-control__number-container.swiper-slide-active + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .continue-card.swiper-slide.swiper-slide-active, .continue-card.swiper-slide.swiper-slide-active + .swiper-slide, .user-banner__item.swiper-slide, .swiper-slide-active.recommended-card.swiper-slide, .swiper-slide-active.course-card.swiper-slide, .swiper-slide-active.recommended-card.swiper-slide + .swiper-slide, .swiper-slide-active.course-card.swiper-slide + .swiper-slide, .swiper-slide-active.recommended-card.swiper-slide + .swiper-slide + .swiper-slide, .swiper-slide-active.course-card.swiper-slide + .swiper-slide + .swiper-slide, .person-card.swiper-slide-active, .person-card.swiper-slide-active + .swiper-slide, .person-card.swiper-slide-active + .swiper-slide + .swiper-slide, .person-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .blog-card, .event-hero__gallery-slide.swiper-slide-active, .event-hero__gallery-slide.swiper-slide-active + .swiper-slide, .event-hero__gallery-slide.swiper-slide-active + .swiper-slide + .swiper-slide, .event-hero__gallery-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .upcoming-card, .text-reviews-card.swiper-slide-active, .text-reviews-card.swiper-slide-active + .swiper-slide, .text-reviews-card.swiper-slide-active + .swiper-slide + .swiper-slide, .text-reviews-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .video-reviews-card.swiper-slide-active, .video-reviews-card.swiper-slide-active + .swiper-slide, .video-reviews-card.swiper-slide-active + .swiper-slide + .swiper-slide, .takeaways-card, .intensives-card.swiper-slide-active, .intensives-card.swiper-slide-active + .swiper-slide, .intensives-card.swiper-slide-active + .swiper-slide + .swiper-slide, .news-card.swiper-slide-active, .news-card.swiper-slide-active + .swiper-slide, .news-card.swiper-slide-active + .swiper-slide + .swiper-slide, .news-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .about-docs__card, .reviews-card.swiper-slide-active, .reviews-card.swiper-slide-active + .swiper-slide, .reviews-card.swiper-slide-active + .swiper-slide + .swiper-slide, .articles-card.swiper-slide-active, .articles-card.swiper-slide-active + .swiper-slide, .articles-card.swiper-slide-active + .swiper-slide + .swiper-slide, .articles-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .articles-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .articles-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .webinar-card.swiper-slide, .courses-card.swiper-slide-active, .courses-card.swiper-slide-active + .swiper-slide, .courses-card.swiper-slide-active + .swiper-slide + .swiper-slide, .courses-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .event-card.swiper-slide-active, .event-card.swiper-slide-active + .swiper-slide, .event-card.swiper-slide-active + .swiper-slide + .swiper-slide, .event-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .event-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .event-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-nav {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 760px) {
  .swiper-nav {
    display: none;
  }
}

.swiper-nav__btn {
  cursor: pointer;
}

.swiper-pagination {
  position: static;
  margin: var(--spacing-4) 0;
}
.swiper-pagination .swiper-pagination-bullet {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
  background: var(--color-primary);
}

.tab-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-1);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: var(--spacing-2);
  border-bottom: var(--border-width) solid var(--border-color);
  margin-bottom: var(--spacing-6);
}

.tab-row::-webkit-scrollbar {
  display: none;
}

.tab__btn {
  position: relative;
  line-height: var(--line-height-base);
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: all var(--transition-duration-base) var(--transition-timing-ease);
  transition: all var(--transition-duration-base) var(--transition-timing-ease);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-body {
  position: relative;
  background: var(--color-surface);
  overflow: hidden;
}

.tab-box {
  display: none;
  -webkit-animation: fadeIn var(--animation-duration-base) var(--transition-timing-ease);
          animation: fadeIn var(--animation-duration-base) var(--transition-timing-ease);
}

.tab-box.--active {
  display: block;
}

.video__container {
  position: relative;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.video__container video,
.video__container iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-overlay);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.video__container::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  background: url("../img/icons/icon-play-accent.svg") no-repeat center center/contain;
}
@media (min-width: 1680px) {
  .video__container::after {
    width: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .video__container::after {
    width: calc(
				32px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .video__container::after {
    width: 32px;
  }
}
@media (min-width: 1680px) {
  .video__container::after {
    height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .video__container::after {
    height: calc(
				32px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .video__container::after {
    height: 32px;
  }
}
@media (hover: hover) {
  .video__container:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}
.video__container:active::after {
  -webkit-transform: translate(-50%, -50%) scale(0.9);
      -ms-transform: translate(-50%, -50%) scale(0.9);
          transform: translate(-50%, -50%) scale(0.9);
}

.video__container.--pause::after, .video__container.--pause::before {
  z-index: -1;
  opacity: 0;
}

.video__preview {
  position: relative;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.video__preview video,
.video__preview iframe,
.video__preview img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video__preview::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: var(--gradient-overlay);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.video__preview::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  background: url("../img/icons/icon-play-inverted.svg") no-repeat center center/contain;
}
@media (min-width: 1680px) {
  .video__preview::after {
    width: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .video__preview::after {
    width: calc(
				32px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .video__preview::after {
    width: 32px;
  }
}
@media (min-width: 1680px) {
  .video__preview::after {
    height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .video__preview::after {
    height: calc(
				32px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .video__preview::after {
    height: 32px;
  }
}
@media (hover: hover) {
  .video__preview:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}
.video__preview:active::after {
  -webkit-transform: translate(-50%, -50%) scale(0.9);
      -ms-transform: translate(-50%, -50%) scale(0.9);
          transform: translate(-50%, -50%) scale(0.9);
}

.tippy-box[data-theme~=tooltips] {
  background-color: var(--color-background-primary);
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
  text-align: center;
  font-style: normal;
  color: var(--color-text-primary);
  padding: var(--spacing-2) var(--spacing-3);
}
@media (min-width: 1920px) {
  .tippy-box[data-theme~=tooltips] {
    font-size: 13px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .tippy-box[data-theme~=tooltips] {
    font-size: calc(
				11px + 2 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .tippy-box[data-theme~=tooltips] {
    font-size: 11px;
  }
}
.tippy-box[data-theme~=tooltips] .tippy-arrow {
  background: var(--color-background-primary);
  color: var(--color-background-primary);
}
.tippy-box[data-theme~=tooltips] .tippy-content {
  padding: 0;
  max-width: 135px;
}

.badge {
  --badge-color: var(--color-text-primary);
  --badge-background: var(--color-background-secondary);
  --badge-indicator-color: var(--color-text-tertiary);
  --badge-indicator-size: var(--indicator-size);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: var(--badge-color);
  border-radius: var(--border-radius-full);
  background-color: var(--badge-background);
  padding: var(--spacing-1) var(--spacing-3) var(--spacing-1) var(--padding-left);
}
@media (min-width: 1680px) {
  .badge {
    --padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .badge {
    --padding-left: calc(
				18px + 14 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .badge {
    --padding-left: 18px;
  }
}
@media (min-width: 1680px) {
  .badge {
    --indicator-size: 12px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .badge {
    --indicator-size: calc(
				6px + 6 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .badge {
    --indicator-size: 6px;
  }
}
.badge::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: var(--spacing-3);
  background-color: var(--badge-indicator-color);
  border-radius: var(--border-radius-full);
  width: var(--badge-indicator-size);
  height: var(--badge-indicator-size);
}

.badge--accent {
  --badge-color: var(--color-primary);
  --badge-background: var(--color-surface-primary);
  --badge-indicator-color: var(--color-primary);
}

.badge--success {
  --badge-color: var(--color-success);
  --badge-background: var(--color-surface-success);
  --badge-indicator-color: var(--color-success);
}

.badge--danger {
  --badge-color: var(--color-danger);
  --badge-background: var(--color-surface-danger);
  --badge-indicator-color: var(--color-danger);
}

.badge--warning {
  --badge-color: var(--color-warning);
  --badge-background: var(--color-surface-warning);
  --badge-indicator-color: var(--color-warning);
}

.badge--tertiary {
  --badge-color: var(--color-tertiary);
  --badge-background: var(--color-surface-tertiary-140);
  --badge-indicator-color: var(--color-tertiary);
}

.badge--secondary, .webinars-card--featured .webinars-card__badge {
  --badge-color: var(--color-text-primary);
  --badge-background: var(--color-secondary);
  --badge-indicator-color: var(--color-text-primary);
}

.badge--primary {
  --badge-color: var(--color-text-inverted);
  --badge-background: var(--color-primary);
  --badge-indicator-color: var(--color-text-inverted);
}

.badge--non-circle {
  padding: var(--spacing-1) var(--spacing-3);
}
.badge--non-circle::before {
  display: none;
}

.badge--plus::before {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  border-radius: 0;
  background-color: transparent;
}
@media (min-width: 1920px) {
  .badge--plus::before {
    width: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .badge--plus::before {
    width: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .badge--plus::before {
    width: 14px;
  }
}
@media (min-width: 1920px) {
  .badge--plus::before {
    height: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .badge--plus::before {
    height: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .badge--plus::before {
    height: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .badge--plus::before {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .badge--plus::before {
    width: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .badge--plus::before {
    width: 12px;
  }
}

.badge--main-tertiary {
  --badge-color: var(--color-text-inverted);
  --badge-background: var(--color-tertiary);
  --badge-indicator-color: var(--color-text-inverted);
}

.open-list {
  position: relative;
}
@media (min-width: 1920px) {
  .open-list_2 .open-list__item {
    min-height: 58px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .open-list_2 .open-list__item {
    min-height: calc(
				52px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .open-list_2 .open-list__item {
    min-height: 52px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .open-list_2 .open-list__item {
    min-height: 52px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .open-list_2 .open-list__item {
    min-height: calc(
				42px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .open-list_2 .open-list__item {
    min-height: 42px;
  }
}
.open-list._active .open-list__trigger path {
  fill: var(--color-tertiary);
}

@media (min-width: 767.98px) {
  .open-list__trigger {
    width: 24px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .open-list__trigger {
    width: calc(
				16px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .open-list__trigger {
    width: 16px;
  }
}
@media (any-hover: hover) {
  .open-list__trigger:hover path {
    fill: var(--color-tertiary);
  }
}

.open-list__body {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  -webkit-box-shadow: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
          box-shadow: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
  background: #fdfcff;
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 1680px) {
  .open-list__body {
    max-height: 180px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .open-list__body {
    max-height: calc(
				130px + 50 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .open-list__body {
    max-height: 130px;
  }
}
@media (min-width: 1920px) {
  .open-list__body {
    width: 240px;
  }
}
@media (min-width: 320px) and (max-width: 1920px) {
  .open-list__body {
    width: calc(
				220px + 20 *
					((100vw - 320px) / (1600))
			);
  }
}
@media (max-width: 320px) {
  .open-list__body {
    width: 220px;
  }
}
.open-list__body._active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.open-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 767.98px) {
  .open-list__item {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .open-list__item {
    -webkit-column-gap: calc(
				6px + 6 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				6px + 6 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				6px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .open-list__item {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (min-width: 767.98px) {
  .open-list__item {
    padding-left: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .open-list__item {
    padding-left: calc(
				8px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .open-list__item {
    padding-left: 8px;
  }
}
@media (min-width: 767.98px) {
  .open-list__item {
    padding-right: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .open-list__item {
    padding-right: calc(
				8px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .open-list__item {
    padding-right: 8px;
  }
}
@media (any-hover: hover) {
  .open-list__item:hover {
    background: rgba(235, 234, 237, 0.4);
  }
}

.open-list__icon {
  width: 20px;
}
@media (min-width: 767.98px) {
  .open-list__icon {
    width: 20px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .open-list__icon {
    width: calc(
				16px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .open-list__icon {
    width: 16px;
  }
}

.open-list__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.admin-tags {
  border-radius: 999px;
  background: rgba(223, 222, 224, 0.7);
  padding: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 990px) {
  .admin-tags {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media (max-width: 767.98px) {
  .admin-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100vw - 80px);
  }
}
.admin-tags_2 .admin-tags__item {
  min-width: 50%;
}
@media (max-width: 767.98px) {
  .admin-tags_3 .admin-tags__item {
    min-width: 33.3%;
  }
}

.admin-tags__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 999px;
  color: var(--color-text-tertiary);
  font-weight: 500;
  line-height: 94%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1920px) {
  .admin-tags__item {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin-tags__item {
    font-size: calc(
				15px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin-tags__item {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  .admin-tags__item {
    padding-left: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin-tags__item {
    padding-left: calc(
				20px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin-tags__item {
    padding-left: 20px;
  }
}
@media (min-width: 1920px) {
  .admin-tags__item {
    padding-right: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin-tags__item {
    padding-right: calc(
				20px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin-tags__item {
    padding-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .admin-tags__item {
    min-width: 50%;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .admin-tags__item {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .admin-tags__item {
    font-size: calc(
				12px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .admin-tags__item {
    font-size: 12px;
  }
}
@media (any-hover: hover) {
  .admin-tags__item:hover {
    background: rgba(26, 26, 26, 0.08);
  }
}
.admin-tags__item span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}
.admin-tags__item._active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.06), 0 1px 3px 0 rgba(10, 13, 18, 0.1);
          box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.06), 0 1px 3px 0 rgba(10, 13, 18, 0.1);
  background-color: var(--color-text-inverted);
  color: var(--color-text-primary);
}
@media (min-width: 767.98px) {
  .admin-tags__item_small {
    font-size: 15px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .admin-tags__item_small {
    font-size: calc(
				12px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .admin-tags__item_small {
    font-size: 12px;
  }
}

.header {
  position: relative;
  isolation: isolate;
  top: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-index-fixed);
}

.header--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation-name: show__header;
          animation-name: show__header;
  -webkit-animation-duration: var(--transition-duration-slow);
          animation-duration: var(--transition-duration-slow);
  z-index: var(--z-index-fixed);
}
.header--fixed .header__inner {
  border-radius: var(--border-radius-3xl);
  background: var(--color-background-primary);
  padding: var(--spacing-3) var(--spacing-4);
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}
@media (min-width: 1920px) {
  .header--fixed .header-logo {
    --logo-size: 44px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header--fixed .header-logo {
    --logo-size: calc(
				32px + 12 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .header--fixed .header-logo {
    --logo-size: 32px;
  }
}

@-webkit-keyframes show__header {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes show__header {
  0% {
    opacity: 0;
    top: -20%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@media screen and (max-width: 990px) {
  .header-logo__name {
    display: none;
  }
}

.header__action {
  margin-left: auto;
}

.header__btn {
  font-size: var(--font-size-base);
}
@media (min-width: 1680px) {
  .header__btn {
    --button-icon-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header__btn {
    --button-icon-size: calc(
				14px + 6 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header__btn {
    --button-icon-size: 14px;
  }
}

.header-nav {
  position: relative;
}

.header-nav__list {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: calc(100% + 8px);
  z-index: var(--z-index-dropdown);
  border-radius: var(--border-radius-xl);
  background: var(--color-background-primary);
  -webkit-box-shadow: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
          box-shadow: 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 12px 16px -4px rgba(10, 13, 18, 0.08);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in-out);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in-out);
  transition: var(--transition-duration-base) var(--transition-timing-ease-in-out);
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1680px) {
  .header-nav__list {
    width: 320px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-nav__list {
    width: calc(
				280px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-nav__list {
    width: 280px;
  }
}
.header-nav__list.--active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.header-nav__link {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  padding: var(--spacing-3) var(--spacing-4);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1680px) {
  .header-nav__link {
    min-height: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-nav__link {
    min-height: calc(
				26px + 18 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-nav__link {
    min-height: 26px;
  }
}
@media screen and (max-width: 760px) {
  .header-nav__link {
    font-size: 14px;
    min-height: 36px;
    padding: 8px 16px;
    gap: 12px;
  }
}
@media screen and (hover: hover) {
  .header-nav__link:hover {
    background-color: var(--color-surface-primary-140);
  }
  .header-nav__link:hover img,
  .header-nav__link:hover svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.header-nav__link:active {
  color: var(--color-text-accent);
  background-color: var(--color-surface-secondary);
}

.header-nav__link-icon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.header-nav__link-icon img,
.header-nav__link-icon svg {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}

.header__burger.--active {
  background-color: var(--color-surface-primary-hover);
  color: var(--color-text-inverted);
}

.header-profile {
  padding: var(--spacing-2) var(--spacing-3);
  background-color: var(--color-surface-secondary);
  border-radius: var(--border-radius-4xl);
}
@media screen and (max-width: 990px) {
  .header-profile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.header-profile__avatar {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-full);
}
@media (min-width: 1680px) {
  .header-profile__avatar {
    width: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-profile__avatar {
    width: calc(
				32px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-profile__avatar {
    width: 32px;
  }
}
@media (min-width: 1680px) {
  .header-profile__avatar {
    height: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-profile__avatar {
    height: calc(
				32px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-profile__avatar {
    height: 32px;
  }
}
.header-profile__avatar img {
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  .header-profile__avatar:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.header-profile__name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (min-width: 1680px) {
  .header-profile__name {
    max-width: 150px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-profile__name {
    max-width: calc(
				100px + 50 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-profile__name {
    max-width: 100px;
  }
}
@media screen and (max-width: 990px) {
  .header-profile__name {
    display: none;
  }
}

.header-profile__post {
  font-size: 13px;
  display: block;
}
@media screen and (max-width: 1240px) {
  .header-profile__post {
    font-size: 11px;
  }
}

.header-profile__bonuses {
  white-space: nowrap;
}
.header-profile__bonuses::before {
  left: var(--spacing-2);
  background: url("../img/icons/star-accent-icon.svg") no-repeat center center/contain;
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

@media screen and (max-width: 760px) {
  .header__account-courses {
    display: none;
  }
}

.footer__inner {
  position: relative;
  overflow: hidden;
  background: var(--color-primary);
  border-radius: var(--border-radius-3xl);
  padding: var(--spacing-12) var(--spacing-16) var(--spacing-8) var(--spacing-16);
}
@media screen and (max-width: 1240px) {
  .footer__inner {
    padding: var(--spacing-8);
  }
}

.footer__top {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1240px) {
  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .footer-form {
    width: 590px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-form {
    width: calc(
				425px + 165 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .footer-form {
    width: 425px;
  }
}
@media screen and (max-width: 1240px) {
  .footer-form {
    width: 100%;
  }
}

.footer-form__control {
  margin-top: var(--spacing-3);
}

.footer-form__body {
  margin-top: auto;
}

.footer-form__submit {
  margin-left: auto;
  margin-top: var(--spacing-6);
}

@media screen and (max-width: 760px) {
  .footer-nav__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.footer-nav__link {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  color: var(--color-text-inverted);
}
.footer-nav__link img,
.footer-nav__link svg {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
@media screen and (hover: hover) {
  .footer-nav__link:hover {
    color: var(--color-secondary);
  }
  .footer-nav__link:hover img,
  .footer-nav__link:hover svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media screen and (max-width: 1240px) {
  .footer-social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 760px) {
  .footer-social {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer-social__link {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  .footer-social__link:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.footer__bottom {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
@media screen and (max-width: 1240px) {
  .footer__bottom {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}

@media (min-width: 1680px) {
  .footer__link img,
  .footer__link svg {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .footer__link img,
  .footer__link svg {
    height: calc(
				24px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .footer__link img,
  .footer__link svg {
    height: 24px;
  }
}

@media screen and (max-width: 1640px) {
  .footer-contact__list:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 760px) {
  .footer-contact__list:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer-contact__link {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.footer-contact__link img,
.footer-contact__link svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.footer-contact__text {
  position: relative;
}
.footer-contact__text svg,
.footer-contact__text img {
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0;
  top: var(--spacing-1);
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.footer-form__state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-elevated);
  background: var(--color-primary);
}
@media screen and (max-width: 760px) {
  .footer-form__state {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 100px;
  }
}
.footer-form__state::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  z-index: -2;
  background: url("../img/footer-form-state-img.png") no-repeat center center/cover;
}
.footer-form__state::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(52px);
          filter: blur(52px);
  background: -webkit-gradient(linear, right top, left top, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
  background: -o-linear-gradient(right, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  background: linear-gradient(-90deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  width: 50%;
}
@media screen and (max-width: 760px) {
  .footer-form__state::after {
    width: 100%;
    height: 50%;
    top: auto;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
    background: -o-linear-gradient(top, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
    background: linear-gradient(180deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  }
}

.footer-form__state-icon {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}
@media screen and (max-width: 760px) {
  .footer-form__state-title,
  .footer-form__state-text {
    text-align: center;
  }
}

.footer-form__state-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 760px) {
  .footer-form__state-btn {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1240px) {
  .footer__links {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 1240px) {
  .footer-form__fields {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 760px) {
  .footer-form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 1240px) {
  .footer__copy {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media screen and (max-width: 1240px) {
  .footer__creator {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
  }
}

.footer--contacts .footer__inner {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1240px) {
  .footer--contacts .footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 760px) {
  .footer--contacts .footer__bottom,
  .footer--contacts .footer__links {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.breadcrumbs {
  position: relative;
  padding-bottom: var(--spacing-6);
  z-index: var(--z-index-elevated);
}

.breadcrumbs__item:not(:last-child)::after {
  content: "/";
}

[data-truncatable-wrapper] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-2);
}

[data-truncatable-text] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: -webkit-line-clamp var(--transition-duration-base) var(--transition-timing-ease);
}
[data-truncatable-text][data-truncatable-expanded=true] {
  -webkit-line-clamp: unset !important;
}

[data-truncatable-btn] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  color: var(--color-primary);
  padding-left: var(--icon-size-base);
}
[data-truncatable-btn]::before {
  content: "";
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
  left: 0;
  top: var(--spacing-1);
  background: url("../img/icons/arrow-down-accent.svg") no-repeat center/contain;
}
@media screen and (hover: hover) {
  [data-truncatable-btn]:hover {
    color: var(--color-primary-hover);
  }
}
[data-truncatable-btn].is-active::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

[data-static-calendar] {
  display: inline-block;
}

.static-calendar-container {
  display: inline-block;
}

.static-calendar {
  display: inline-block;
  background: var(--color-secondary-light);
  border-radius: var(--border-radius-2xl);
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1680px) {
  .static-calendar {
    --caledar-day-size: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .static-calendar {
    --caledar-day-size: calc(
				30px + 14 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .static-calendar {
    --caledar-day-size: 30px;
  }
}

.static-calendar-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: var(--spacing-2);
}

.static-calendar-title {
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  font-family: var(--font-family-heading);
  padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-icon);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-2);
  line-height: var(--line-height-text);
}
@media (min-width: 1680px) {
  .static-calendar-title {
    --spacing-icon: 56px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .static-calendar-title {
    --spacing-icon: calc(
				40px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .static-calendar-title {
    --spacing-icon: 40px;
  }
}
@media screen and (max-width: 760px) {
  .static-calendar-title {
    padding: var(--spacing-6) var(--spacing-6) var(--spacing-6) var(--spacing-icon);
  }
}
.static-calendar-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: var(--spacing-5);
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  background: url("../img/icons/calendar-icon.svg") no-repeat center/contain;
}

.static-calendar-nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-2);
  background: var(--color-background-primary);
  padding: var(--spacing-3);
  border-radius: 0 var(--border-radius-2xl) 0 var(--border-radius-2xl);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .static-calendar-nav-wrapper {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .static-calendar-nav-wrapper {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .static-calendar-nav-wrapper {
    --pos: -16px;
  }
}
.static-calendar-nav-wrapper::before {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.static-calendar-nav-wrapper::after {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.static-calendar-nav {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-text-primary);
  border-radius: var(--border-radius-full);
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}
@media screen and (max-width: 760px) {
  .static-calendar-nav {
    width: 40px;
    height: 40px;
  }
}
.static-calendar-nav svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.static-calendar-nav svg path {
  stroke: currentColor;
}
@media screen and (hover: hover) {
  .static-calendar-nav:hover {
    background-color: var(--color-surface-primary-140);
    color: var(--color-primary);
  }
}

.static-calendar-weekdays {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  justify-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-3);
}

.static-calendar-weekday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  width: var(--caledar-day-size);
}
.static-calendar-weekday:nth-child(6n), .static-calendar-weekday:nth-child(7n) {
  color: var(--color-danger);
}

.static-calendar-days {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: var(--spacing-1);
  padding: var(--spacing-3);
}

.static-calendar-day {
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: var(--line-height-none);
  padding: var(--spacing-3);
  font-size: var(--font-size-xs);
  border-radius: var(--border-radius-full);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
  height: var(--caledar-day-size);
  width: var(--caledar-day-size);
}
@media screen and (hover: hover) {
  .static-calendar-day:hover:not(.static-calendar-day--disabled):not(.static-calendar-day--other-month):not(.static-calendar-day--selected) {
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
  }
}

.static-calendar-day--other-month {
  opacity: 0.1;
  cursor: default;
}

.static-calendar-day--today {
  font-weight: var(--font-weight-semibold);
  position: relative;
}

.static-calendar-day--selected:not(.static-calendar-day--other-month) {
  background: var(--color-primary);
  color: var(--color-text-inverted);
}
.static-calendar-day--selected:not(.static-calendar-day--other-month).static-calendar-day--event {
  background: transparent;
  color: var(--color-tertiary);
}
.static-calendar-day--selected:not(.static-calendar-day--other-month).static-calendar-day--event::before {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: var(--border-width-base) solid var(--color-tertiary);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.static-calendar-day--disabled {
  opacity: 0.1;
  cursor: not-allowed;
}

.static-calendar-day--event {
  position: relative;
}
.static-calendar-day--event::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: var(--spacing-2);
  height: var(--spacing-2);
  background: var(--color-tertiary);
  border-radius: var(--border-radius-full);
}

.attachment-link, .external-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.attachment-link img, .external-link img,
.attachment-link svg,
.external-link svg {
  min-width: var(--icon-size-sm);
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.external-link {
  padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-3);
  gap: var(--spacing-1);
  border-radius: var(--border-radius-4xl);
  background-color: var(--color-background-input-transparensy);
  border: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (hover: hover) {
  .external-link:hover {
    background-color: var(--color-surface-primary-140);
    border-color: var(--color-primary);
  }
}

.attachment-link {
  gap: var(--spacing-2);
  color: var(--color-text-accent);
}
.attachment-link svg path {
  fill: currentColor;
}
@media screen and (hover: hover) {
  .attachment-link:hover {
    color: var(--color-tertiary);
  }
}

.link, .breadcrumbs__link {
  color: var(--color-primary);
}
@media screen and (hover: hover) {
  .link:hover, .breadcrumbs__link:hover {
    color: var(--color-primary-hover);
  }
}

.link--inverted {
  color: var(--color-secondary);
}
@media screen and (hover: hover) {
  .link--inverted:hover {
    color: var(--color-secondary-hover);
  }
}

.progress-bar {
  --progress-color: var(--color-background-tertiary);
  overflow: hidden;
  background-color: var(--color-background-tertiary);
  border-radius: var(--border-radius-full);
}
@media (min-width: 1680px) {
  .progress-bar {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .progress-bar {
    height: calc(
				10px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .progress-bar {
    height: 10px;
  }
}

.progress-fill {
  height: 100%;
  border-radius: var(--border-radius-full);
  background-color: var(--progress-color);
  -webkit-transition: width var(--transition-duration-base) var(--transition-timing-ease-in);
  -o-transition: width var(--transition-duration-base) var(--transition-timing-ease-in);
  transition: width var(--transition-duration-base) var(--transition-timing-ease-in);
}

.progress-bar--low {
  --progress-color: var(--color-danger);
}

.progress-bar--middle {
  --progress-color: var(--color-secondary);
}

.progress-bar--high {
  --progress-color: var(--color-success);
}

[data-show-trigger] {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  color: var(--color-text-secondary);
}
[data-show-trigger] svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
[data-show-trigger] svg path {
  fill: currentColor;
}
[data-show-trigger]::before {
  content: attr(data-name);
  color: currentColor;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  [data-show-trigger]:hover:not(:disabled) {
    color: var(--color-text-accent);
  }
}
[data-show-trigger].--active {
  opacity: 0.8;
  color: var(--color-text-accent);
}
[data-show-trigger].--active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
[data-show-trigger].--active::before {
  content: "Скрыть";
}

.snackbar {
  --snackbar-bg: var(--color-background-primary);
  --snackbar-border-color: var(--color-border-primary);
  --snackbar-color-text: var(--color-text-primary);
  position: fixed;
  right: var(--spacing-6);
  bottom: var(--spacing-6);
  z-index: var(--z-index-fixed);
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  border-radius: var(--border-radius-xl);
  background-color: var(--snackbar-bg);
  border: var(--border-width-thin) solid var(--snackbar-border-color);
  max-width: calc(100% - var(--spacing-6) * 2);
  -webkit-transition: opacity var(--transition-duration-base) var(--transition-timing-ease-in-out), visibility var(--transition-duration-base) var(--transition-timing-ease-in-out);
  -o-transition: opacity var(--transition-duration-base) var(--transition-timing-ease-in-out), visibility var(--transition-duration-base) var(--transition-timing-ease-in-out);
  transition: opacity var(--transition-duration-base) var(--transition-timing-ease-in-out), visibility var(--transition-duration-base) var(--transition-timing-ease-in-out);
}
@media screen and (max-width: 990px) {
  .snackbar {
    bottom: var(--spacing-32);
  }
}

.snackbar__icon {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.snackbar__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.snackbar__text {
  color: var(--snackbar-color-text);
}

.snackbar__close {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  color: var(--color-text-secondary);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: var(--border-radius-full);
}
.snackbar__close svg {
  pointer-events: none;
}
.snackbar__close svg path {
  fill: currentColor;
}
@media screen and (hover: hover) {
  .snackbar__close:hover {
    color: var(--color-danger);
  }
}
.snackbar__close:active {
  opacity: 0.8;
}

.snackbar--success {
  --snackbar-bg: var(--color-surface-success);
  --snackbar-border-color: var(--color-success);
  --snackbar-color-text: var(--color-success);
}
.snackbar--success .snackbar__icon {
  color: var(--color-success);
}

.snackbar--danger {
  --snackbar-bg: var(--color-surface-danger);
  --snackbar-border-color: var(--color-danger);
  --snackbar-color-text: var(--color-danger);
}
.snackbar--danger .snackbar__icon {
  color: var(--color-danger);
}
.snackbar--danger .snackbar__close:hover {
  color: var(--color-danger);
}

.snackbar--warning {
  --snackbar-bg: var(--color-surface-warning);
  --snackbar-border-color: var(--color-warning);
  --snackbar-color-text: var(--color-warning);
}
.snackbar--warning .snackbar__icon {
  color: var(--color-warning);
}

.snackbar--info {
  --snackbar-bg: var(--color-surface-primary-140);
  --snackbar-border-color: var(--color-primary);
  --snackbar-color-text: var(--color-primary);
}
.snackbar--info .snackbar__icon {
  color: var(--color-primary);
}

.auth {
  margin: var(--spacing-16) 0;
}

.auth__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: var(--spacing-6);
}
@media screen and (max-width: 990px) {
  .auth__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 760px) {
  .auth-box__logo-name {
    display: none;
  }
}

.auth-box {
  background: var(--color-background-secondary);
  border-radius: var(--border-radius-3xl);
}
@media (min-width: 1920px) {
  .auth-box {
    width: 680px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .auth-box {
    width: calc(
				520px + 160 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .auth-box {
    width: 520px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .auth-box {
    width: 520px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 992px) and (max-width: 1240px) {
  .auth-box {
    width: calc(
				480px + 40 *
					((100vw - 992px) / (248))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 992px) {
  .auth-box {
    width: 480px;
  }
}
@media screen and (max-width: 990px) {
  .auth-box {
    width: 100%;
  }
}

@media (min-width: 1680px) {
  .auth-form {
    padding-top: 72px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-form {
    padding-top: calc(
				16px + 56 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-form {
    padding-top: 16px;
  }
}
@media (min-width: 1680px) {
  .auth-form {
    padding-bottom: 72px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-form {
    padding-bottom: calc(
				16px + 56 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-form {
    padding-bottom: 16px;
  }
}
@media (min-width: 1680px) {
  .auth-form {
    padding-left: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-form {
    padding-left: calc(
				20px + 44 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-form {
    padding-left: 20px;
  }
}
@media (min-width: 1680px) {
  .auth-form {
    padding-right: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-form {
    padding-right: calc(
				20px + 44 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-form {
    padding-right: 20px;
  }
}

.auth-form__head {
  margin-bottom: var(--spacing-6);
}

.auth-form__fields .input,
.auth-form__fields .textarea {
  background-color: var(--color-background-input-dark);
}

.auth-content__users-photo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1680px) {
  .auth-content__users-photo {
    height: 56px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-content__users-photo {
    height: calc(
				32px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-content__users-photo {
    height: 32px;
  }
}
.auth-content__users-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.auth-form__control-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-5);
}
@media screen and (max-width: 760px) {
  .auth-form__control-row {
    -ms-grid-columns: 0.8fr 1.2fr;
    grid-template-columns: 0.8fr 1.2fr;
  }
}
@media screen and (max-width: 760px) {
  .auth-form__control-row .button--main {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
@media screen and (max-width: 760px) {
  .auth-form__control-row .button--secondary {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.auth-form__apps-link {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1920px) {
  .auth-form__apps-link {
    width: 48px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .auth-form__apps-link {
    width: calc(
				40px + 8 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .auth-form__apps-link {
    width: 40px;
  }
}
@media (min-width: 1920px) {
  .auth-form__apps-link {
    height: 48px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .auth-form__apps-link {
    height: calc(
				40px + 8 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .auth-form__apps-link {
    height: 40px;
  }
}
@media screen and (hover: hover) {
  .auth-form__apps-link:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.auth-box__top {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-background-primary);
  border-radius: var(--border-radius-3xl) 0 var(--border-radius-3xl) 0;
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .auth-box__top {
    padding-top: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-box__top {
    padding-top: calc(
				10px + 20 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-box__top {
    padding-top: 10px;
  }
}
@media (min-width: 1680px) {
  .auth-box__top {
    padding-bottom: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-box__top {
    padding-bottom: calc(
				10px + 20 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-box__top {
    padding-bottom: 10px;
  }
}
@media (min-width: 1680px) {
  .auth-box__top {
    padding-left: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-box__top {
    padding-left: calc(
				20px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-box__top {
    padding-left: 20px;
  }
}
@media (min-width: 1680px) {
  .auth-box__top {
    padding-right: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-box__top {
    padding-right: calc(
				20px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-box__top {
    padding-right: 20px;
  }
}
@media (min-width: 1680px) {
  .auth-box__top {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-box__top {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-box__top {
    --pos: -20px;
  }
}
.auth-box__top::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  bottom: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.auth-box__top::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}

.auth-content {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: var(--color-primary);
  border-radius: var(--border-radius-3xl);
}
@media screen and (max-width: 990px) {
  .auth-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.auth-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-secondary);
}

.auth-content__head {
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.auth-content__head::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
  background: -o-linear-gradient(top, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  background: linear-gradient(180deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  z-index: var(--z-index-behind);
}
@media screen and (max-width: 990px) {
  .auth-content__head::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.auth-content__users {
  background: var(--color-background-primary);
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-6) var(--spacing-6);
  border-radius: 0 0 0 var(--border-radius-3xl);
  margin-left: auto;
  position: relative;
  position: relative;
}
@media (min-width: 1920px) {
  .auth-content__users {
    max-width: 500px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .auth-content__users {
    max-width: calc(
				320px + 180 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .auth-content__users {
    max-width: 320px;
  }
}
@media screen and (max-width: 990px) {
  .auth-content__users {
    border-radius: var(--border-radius-3xl) 0 0 0;
    padding: var(--spacing-6) var(--spacing-3) var(--spacing-3) var(--spacing-6);
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .auth-content__users {
    max-width: 320px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .auth-content__users {
    max-width: calc(
				180px + 140 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .auth-content__users {
    max-width: 180px;
  }
}
@media (min-width: 1680px) {
  .auth-content__users {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .auth-content__users {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .auth-content__users {
    --pos: -20px;
  }
}
.auth-content__users::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.auth-content__users::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
@media screen and (max-width: 990px) {
  .auth-content__users::before {
    -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 990px) {
  .auth-content__users::after {
    -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
    top: var(--pos);
    bottom: auto;
  }
}

.auth-content__image {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 101%;
  height: 101%;
  z-index: -1;
}
.hero__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  position: relative;
  z-index: var(--z-index-elevated);
  padding: var(--spacing-16) var(--spacing-12);
  border-radius: var(--border-radius-3xl);
  background: var(--color-primary);
}
@media (min-width: 1920px) {
  .hero__inner {
    min-height: 716px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__inner {
    min-height: calc(
				586px + 130 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .hero__inner {
    min-height: 586px;
  }
}
@media screen and (max-width: 1640px) {
  .hero__inner {
    padding: var(--spacing-12) var(--spacing-8);
  }
}
@media screen and (max-width: 1240px) {
  .hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: var(--spacing-8);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__inner {
    min-height: 720px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__inner {
    min-height: calc(
				680px + 40 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__inner {
    min-height: 680px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__inner {
    padding-bottom: 400px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__inner {
    padding-bottom: calc(
				400px + 0 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__inner {
    padding-bottom: 400px;
  }
}
@media screen and (max-width: 760px) and (min-width: 767px) {
  .hero__inner {
    min-height: 680px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 767px) {
  .hero__inner {
    min-height: calc(
				500px + 180 *
					((100vw - 360px) / (407))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .hero__inner {
    min-height: 500px;
  }
}
@media screen and (max-width: 760px) and (min-width: 767px) {
  .hero__inner {
    padding-bottom: 400px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 767px) {
  .hero__inner {
    padding-bottom: calc(
				220px + 180 *
					((100vw - 360px) / (407))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .hero__inner {
    padding-bottom: 220px;
  }
}

.hero__content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1920px) {
  .hero__content {
    max-width: 500px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .hero__content {
    max-width: calc(
				400px + 100 *
					((100vw - 1440px) / (480))
			);
  }
}
@media (max-width: 1440px) {
  .hero__content {
    max-width: 400px;
  }
}
@media screen and (max-width: 1240px) {
  .hero__content {
    max-width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}

@media screen and (max-width: 1240px) {
  .hero__title,
  .hero__descr {
    text-align: center;
  }
}

.hero__side {
  width: 230px;
  margin-left: auto;
}
@media screen and (max-width: 1640px) {
  .hero__side {
    margin-left: 0;
    margin-top: auto;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.8fr 1.2fr;
    grid-template-columns: 0.8fr 1.2fr;
  }
}
@media screen and (max-width: 1240px) {
  .hero__side {
    -ms-grid-columns: 0.9fr 1.1fr;
    grid-template-columns: 0.9fr 1.1fr;
  }
}
@media screen and (max-width: 760px) {
  .hero__side {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.hero-rating {
  border-radius: var(--border-radius-2xl);
  background: var(--color-background-primary);
}
@media screen and (max-width: 1640px) {
  .hero-rating {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: 0.8fr 1.2fr;
    grid-template-columns: 0.8fr 1.2fr;
  }
}
@media screen and (max-width: 1240px) {
  .hero-rating {
    border: var(--border-width-thin) solid var(--color-border-primary);
  }
}
@media screen and (max-width: 760px) {
  .hero-rating {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: var(--spacing-4) var(--spacing-6);
  }
}

@media screen and (max-width: 760px) {
  .hero-card__body {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: var(--spacing-4) 0;
  }
}

@media screen and (max-width: 760px) {
  .hero-rating__head {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 1240px) {
  .hero-rating__title {
    font-size: var(--font-size-4xl);
  }
}

.hero-rating__users {
  height: var(--icon-size-md);
}

.hero-rating__stars {
  height: var(--icon-size-base);
}

.hero-rating__users,
.hero-rating__stars {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.hero-card {
  border-radius: var(--border-radius-2xl);
  background: var(--color-background-primary);
}
@media screen and (max-width: 1640px) {
  .hero-card {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .hero-card {
    border: var(--border-width-thin) solid var(--color-border-primary);
    gap: var(--spacing-4);
  }
}
@media screen and (max-width: 760px) {
  .hero-card {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.hero-card__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  padding-top: 116.6666666667%;
}
@media screen and (max-width: 1640px) {
  .hero-card__media {
    padding-top: 100%;
  }
}
@media screen and (max-width: 1640px) and (min-width: 1440px) {
  .hero-card__media {
    width: 100px;
  }
}
@media screen and (max-width: 1640px) and (min-width: 1280px) and (max-width: 1440px) {
  .hero-card__media {
    width: calc(
				90px + 10 *
					((100vw - 1280px) / (160))
			);
  }
}
@media screen and (max-width: 1640px) and (max-width: 1280px) {
  .hero-card__media {
    width: 90px;
  }
}
@media screen and (max-width: 760px) {
  .hero-card__media {
    width: 80px;
  }
}
.hero-card__media img {
  -o-object-position: top;
     object-position: top;
}

.hero-card__row {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.hero__media {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-38%);
      -ms-transform: translateX(-38%);
          transform: translateX(-38%);
  z-index: var(--z-index-behind);
}
@media (min-width: 1920px) {
  .hero__media {
    width: 1063px;
  }
}
@media (min-width: 1640px) and (max-width: 1920px) {
  .hero__media {
    width: calc(
				868px + 195 *
					((100vw - 1640px) / (280))
			);
  }
}
@media (max-width: 1640px) {
  .hero__media {
    width: 868px;
  }
}
@media (min-width: 1920px) {
  .hero__media {
    height: 686px;
  }
}
@media (min-width: 1640px) and (max-width: 1920px) {
  .hero__media {
    height: calc(
				586px + 100 *
					((100vw - 1640px) / (280))
			);
  }
}
@media (max-width: 1640px) {
  .hero__media {
    height: 586px;
  }
}
@media screen and (max-width: 1640px) {
  .hero__media {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 1440px) {
  .hero__media {
    right: -5%;
  }
}
@media screen and (max-width: 1240px) {
  .hero__media {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1640px) {
  .hero__media {
    width: 868px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) and (max-width: 1640px) {
  .hero__media {
    width: calc(
				700px + 168 *
					((100vw - 1240px) / (400))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 1240px) {
  .hero__media {
    width: 700px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1640px) {
  .hero__media {
    height: 586px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) and (max-width: 1640px) {
  .hero__media {
    height: calc(
				400px + 186 *
					((100vw - 1240px) / (400))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 1240px) {
  .hero__media {
    height: 400px;
  }
}
@media screen and (max-width: 760px) {
  .hero__media {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 767px) {
  .hero__media {
    height: 400px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 767px) {
  .hero__media {
    height: calc(
				200px + 200 *
					((100vw - 360px) / (407))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .hero__media {
    height: 200px;
  }
}
.hero__media img {
  -o-object-position: bottom;
     object-position: bottom;
}

.event-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl) var(--border-radius-2xl) 0 var(--border-radius-2xl);
  padding: var(--spacing-6);
}
@media screen and (hover: hover) {
  .event-card {
    border-radius: var(--border-radius-2xl);
  }
  .event-card:hover {
    border-radius: var(--border-radius-2xl) var(--border-radius-2xl) 0 var(--border-radius-2xl);
  }
  .event-card:hover .event-card__media::before {
    background: var(--gradient-overlay-reverse);
    bottom: auto;
    top: 0;
  }
  .event-card:hover .event-card__media img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .event-card:hover .event-card__arrow {
    opacity: 1;
  }
  .event-card:hover .event-card__title {
    bottom: auto;
    top: var(--spacing-6);
  }
}
.event-card__media {
  overflow: hidden;
  display: block;
  z-index: var(--z-index-behind);
  padding-top: 100%;
}
.event-card__media img {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.event-card__media::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 80%;
  bottom: auto;
  top: 0;
  width: 100%;
  background: var(--gradient-overlay-reverse);
  z-index: var(--z-index-elevated);
}
@media screen and (hover: hover) {
  .event-card__media::before {
    background: var(--gradient-overlay);
    bottom: 0;
    top: auto;
  }
}

.event-card__title {
  position: absolute;
  width: calc(100% - var(--spacing-6) * 2);
  bottom: auto;
  top: var(--spacing-6);
  left: var(--spacing-6);
  z-index: var(--z-index-elevated);
  color: var(--color-text-inverted);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (hover: hover) {
  .event-card__title {
    bottom: var(--spacing-6);
    top: auto;
  }
}

.event-card__arrow {
  position: absolute !important;
  bottom: -1px;
  right: -1px;
  z-index: var(--z-index-elevated);
  padding: var(--spacing-2);
  background: var(--color-background-primary);
  border-radius: var(--border-radius-4xl) 0 0 0;
  position: relative;
  position: relative;
}
@media screen and (hover: hover) {
  .event-card__arrow {
    opacity: 0;
  }
}
@media (min-width: 1680px) {
  .event-card__arrow {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .event-card__arrow {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .event-card__arrow {
    --pos: -20px;
  }
}
.event-card__arrow::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  bottom: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
}
.event-card__arrow::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: var(--pos);
  right: 0;
  mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 70%, black 50%);
}

.courses-card {
  height: 100%;
  overflow: hidden;
  background-color: var(--color-background-card-secondary);
  border-radius: var(--border-radius-2xl);
}
.courses-card.swiper-slide {
  height: auto;
}
@media screen and (max-width: 760px) {
  .courses-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 1640px) {
  .courses-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 1240px) {
  .courses-card.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 760px) {
  .courses-card.swiper-slide-active + .swiper-slide {
    opacity: 0.5;
  }
}

.courses-card__head {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  aspect-ratio: 16/9;
}

.courses-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.courses-card__badge {
  margin-top: auto;
  margin-left: auto;
}

.courses-card__body {
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-6) var(--spacing-4);
}

.courses-card__level {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.courses-card__level svg,
.courses-card__level img {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}

.courses-card__footer {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  padding: 0 var(--spacing-4) var(--spacing-4);
  margin-top: auto;
}
.courses-card__footer > :only-child {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.courses-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.courses__list {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1680px) {
  .courses__list {
    --min-width-card: 320px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .courses__list {
    --min-width-card: calc(
				250px + 70 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .courses__list {
    --min-width-card: 250px;
  }
}
@media screen and (max-width: 1440px) {
  .courses__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 990px) {
  .courses__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .courses__list {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-width-card), 1fr));
  }
}

.courses__item {
  height: auto;
}

.courses-card__tag-item {
  border-radius: var(--border-radius-xl);
}

.webinar__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (min-width: 1680px) {
  .webinar__inner {
    gap: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar__inner {
    gap: calc(
				20px + 44 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar__inner {
    gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .webinar__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .webinar__head {
    width: 565px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .webinar__head {
    width: calc(
				500px + 65 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .webinar__head {
    width: 500px;
  }
}
@media screen and (max-width: 1240px) {
  .webinar__head {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 760px) {
  .webinar__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1240px) {
  .webinar__title {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}
@media screen and (max-width: 760px) {
  .webinar__title {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

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

.webinar__btn {
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.webinar-card {
  position: relative;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
}
@media screen and (max-width: 760px) {
  .webinar-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    background-color: var(--color-secondary);
  }
}
.webinar-card::before, .webinar-card::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: var(--border-radius-full);
  top: 50%;
  z-index: var(--z-index-behind);
  pointer-events: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-animation: circleMove 10s linear infinite;
          animation: circleMove 10s linear infinite;
}
@media (min-width: 1680px) {
  .webinar-card::before, .webinar-card::after {
    width: 478px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-card::before, .webinar-card::after {
    width: calc(
				250px + 228 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-card::before, .webinar-card::after {
    width: 250px;
  }
}
@media (min-width: 1680px) {
  .webinar-card::before, .webinar-card::after {
    height: 365px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-card::before, .webinar-card::after {
    height: calc(
				200px + 165 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-card::before, .webinar-card::after {
    height: 200px;
  }
}
@media screen and (max-width: 760px) {
  .webinar-card::before, .webinar-card::after {
    top: auto;
    bottom: var(--spacing-4);
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    -webkit-animation: circleMoveMobile 10s linear infinite;
            animation: circleMoveMobile 10s linear infinite;
  }
}
.webinar-card::before {
  right: var(--spacing-96);
}
.webinar-card::after {
  right: var(--spacing-4);
}

@-webkit-keyframes circleMove {
  0% {
    -webkit-transform: translateY(-50%) translateX(-100%);
            transform: translateY(-50%) translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
  }
}

@keyframes circleMove {
  0% {
    -webkit-transform: translateY(-50%) translateX(-100%);
            transform: translateY(-50%) translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
  }
}
@-webkit-keyframes circleMoveMobile {
  0% {
    -webkit-transform: translateY(0%) translateX(-100%);
            transform: translateY(0%) translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(100%);
            transform: translateY(0%) translateX(100%);
  }
}
@keyframes circleMoveMobile {
  0% {
    -webkit-transform: translateY(0%) translateX(-100%);
            transform: translateY(0%) translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(100%);
            transform: translateY(0%) translateX(100%);
  }
}
.webinar-card__body {
  max-height: 100%;
  z-index: var(--z-index-secondary);
}
@media screen and (max-width: 760px) {
  .webinar-card__body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.webinar-card__btn {
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: var(--z-index-tertiary);
}

.webinar-card__media {
  overflow: hidden;
  border-radius: var(--border-radius-xl);
}
@media (min-width: 1920px) {
  .webinar-card__media {
    width: 520px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .webinar-card__media {
    width: calc(
				240px + 280 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .webinar-card__media {
    width: 240px;
  }
}
@media (min-width: 1920px) {
  .webinar-card__media {
    height: 305px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .webinar-card__media {
    height: calc(
				155px + 150 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .webinar-card__media {
    height: 155px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .webinar-card__media {
    width: 520px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .webinar-card__media {
    width: calc(
				320px + 200 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .webinar-card__media {
    width: 320px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .webinar-card__media {
    height: 305px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .webinar-card__media {
    height: calc(
				220px + 85 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .webinar-card__media {
    height: 220px;
  }
}
@media screen and (max-width: 760px) {
  .webinar-card__media {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .webinar-card__media {
    height: 220px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .webinar-card__media {
    height: calc(
				180px + 40 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .webinar-card__media {
    height: 180px;
  }
}

.webinar-card__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (min-width: 1920px) {
  .webinar-card__title {
    padding-right: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .webinar-card__title {
    padding-right: calc(
				110px + 40 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .webinar-card__title {
    padding-right: 110px;
  }
}
@media screen and (max-width: 760px) {
  .webinar-card__title {
    padding-right: 0;
  }
}

.webinar-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.webinar__body {
  position: relative;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-secondary);
  border-radius: var(--border-radius-2xl);
}
@media screen and (max-width: 760px) {
  .webinar__body {
    overflow: visible;
    border-radius: 0;
    background-color: transparent;
  }
}

.webinar-swiper__nav {
  position: absolute !important;
  z-index: var(--z-index-elevated);
  top: 0;
  right: 0;
  background-color: var(--color-background-primary);
  border-radius: 0 0 0 var(--border-radius-2xl);
  padding: 0 0 var(--spacing-3) var(--spacing-3);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .webinar-swiper__nav {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-swiper__nav {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-swiper__nav {
    --pos: -20px;
  }
}
.webinar-swiper__nav::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.webinar-swiper__nav::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.questions__inner {
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-140);
}
@media screen and (max-width: 760px) {
  .questions__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.articles-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  padding: var(--spacing-6);
}
@media screen and (hover: hover) {
  .articles-card:hover .articles-card__media img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.articles-card__media {
  overflow: hidden;
  display: block;
  z-index: var(--z-index-behind);
  padding-top: 100%;
}
.articles-card__media img {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.articles-card__media::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 80%;
  bottom: 0;
  width: 100%;
  background: var(--gradient-overlay);
  z-index: var(--z-index-elevated);
}

.articles-card__title {
  position: absolute;
  width: calc(100% - var(--spacing-6) * 2);
  bottom: var(--spacing-6);
  left: var(--spacing-6);
  z-index: var(--z-index-elevated);
  color: var(--color-text-inverted);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.advantages__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(50px, auto);
  gap: var(--spacing-6);
}
@media screen and (max-width: 990px) {
  .advantages__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 760px) {
  .advantages__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.advantages-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  padding: var(--spacing-8);
  background-color: var(--color-background-subded-140);
  z-index: var(--z-index-elevated);
}
.advantages-card:nth-child(6n+1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: 1/1/4/1;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: 1/1/3/1;
  }
}
.advantages-card:nth-child(6n+2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  grid-area: 1/2/2/2;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: 1/2/3/2;
  }
}
.advantages-card:nth-child(6n+3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  grid-area: 1/3/2/3;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: 3/1/3/1;
  }
}
.advantages-card:nth-child(6n+4) {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: 4/1/5/1;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+4) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 5/1/5/3;
  }
}
@media screen and (max-width: 760px) {
  .advantages-card:nth-child(6n+4) {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}
.advantages-card:nth-child(6n+5) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 2;
  grid-area: 2/2/5/2;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+5) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: 4/1/4/1;
  }
}
.advantages-card:nth-child(6n+6) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: 2/3/5/3;
}
@media screen and (max-width: 990px) {
  .advantages-card:nth-child(6n+6) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: 3/2/5/2;
  }
}
.advantages-card:nth-child(6n+6) .advantages-card__content {
  margin-top: auto;
}
.advantages-card:nth-child(6n+6) .advantages-card__content::before {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.advantages-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
}
.advantages-card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.advantages-card__title {
  z-index: var(--z-index-elevated);
}

.advantages-card__text {
  z-index: var(--z-index-elevated);
}

.advantages-card--media .advantages-card__title,
.advantages-card--media .advantages-card__text,
.advantages-card--tertiary .advantages-card__title,
.advantages-card--tertiary .advantages-card__text {
  color: var(--color-text-inverted);
}

@media screen and (max-width: 760px) and (min-width: 760px) {
  .advantages-card--media {
    min-height: 300px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .advantages-card--media {
    min-height: calc(
				150px + 150 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .advantages-card--media {
    min-height: 150px;
  }
}
.advantages-card--media .advantages-card__content::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 80%;
  top: 0;
  left: 0;
  background: var(--gradient-overlay);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: var(--z-index-base);
}

.advantages-card--tertiary {
  background-color: var(--color-tertiary);
}
@media (min-width: 1680px) {
  .advantages-card--tertiary .advantages-card__title {
    padding-right: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card--tertiary .advantages-card__title {
    padding-right: calc(
				32px + 68 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card--tertiary .advantages-card__title {
    padding-right: 32px;
  }
}
.advantages-card--tertiary .advantages-card__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.advantages-card__circle {
  position: absolute !important;
  top: 0;
  right: 0;
  background: var(--color-background-primary);
  border-radius: 0 0 0 var(--border-radius-4xl);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .advantages-card__circle {
    width: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle {
    width: calc(
				40px + 60 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle {
    width: 40px;
  }
}
@media (min-width: 1680px) {
  .advantages-card__circle {
    height: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle {
    height: calc(
				40px + 60 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle {
    height: 40px;
  }
}
@media (min-width: 1680px) {
  .advantages-card__circle {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle {
    --pos: -20px;
  }
}
.advantages-card__circle::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.advantages-card__circle::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.advantages-card__circle-inner {
  background-color: var(--color-surface-primary-140);
  border-radius: var(--border-radius-full);
}
@media (min-width: 1680px) {
  .advantages-card__circle-inner {
    width: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle-inner {
    width: calc(
				32px + 48 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle-inner {
    width: 32px;
  }
}
@media (min-width: 1680px) {
  .advantages-card__circle-inner {
    height: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle-inner {
    height: calc(
				32px + 48 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle-inner {
    height: 32px;
  }
}
.advantages-card__circle-inner img,
.advantages-card__circle-inner svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1680px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    width: calc(
				16px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    width: 16px;
  }
}
@media (min-width: 1680px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    height: calc(
				16px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .advantages-card__circle-inner img,
  .advantages-card__circle-inner svg {
    height: 16px;
  }
}

.advantages-card--secondary {
  background-color: var(--color-secondary);
}

.advantages-card--default {
  background-color: var(--color-surface-primary-140);
}

@media screen and (max-width: 760px) {
  .reviews__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 760px) {
  .reviews__title {
    text-align: center;
  }
}

@media screen and (max-width: 760px) {
  .reviews__body {
    padding: 0 40px;
  }
}

.reviews-card {
  position: relative;
  height: auto;
  border-radius: var(--border-radius-3xl);
  background-color: var(--color-background-secondary);
}
@media (min-width: 1680px) {
  .reviews-card {
    margin-top: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card {
    margin-top: calc(
				12px + 28 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card {
    margin-top: 12px;
  }
}
@media screen and (max-width: 760px) {
  .reviews-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 760px) {
  .reviews-card.swiper-slide-prev, .reviews-card.swiper-slide-next {
    -webkit-transform: scale(0.9) !important;
        -ms-transform: scale(0.9) !important;
            transform: scale(0.9) !important;
    opacity: 0.5 !important;
  }
}
.reviews-card__head {
  position: relative;
}
@media (min-width: 1680px) {
  .reviews-card__head {
    padding-left: 180px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__head {
    padding-left: calc(
				70px + 110 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__head {
    padding-left: 70px;
  }
}
@media (min-width: 1680px) {
  .reviews-card__head {
    min-height: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__head {
    min-height: calc(
				50px + 30 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__head {
    min-height: 50px;
  }
}
@media screen and (max-width: 760px) {
  .reviews-card__head {
    padding-left: var(--spacing-6);
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .reviews-card__head {
    padding-top: 40px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .reviews-card__head {
    padding-top: calc(
				30px + 10 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .reviews-card__head {
    padding-top: 30px;
  }
}

.reviews-card__body {
  padding: 0 var(--spacing-6) var(--spacing-6);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.reviews-card__avatar {
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-full);
  padding: var(--spacing-4);
  position: absolute;
}
@media (min-width: 1680px) {
  .reviews-card__avatar {
    top: -40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__avatar {
    top: calc(
				-22px + -18 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__avatar {
    top: -22px;
  }
}
@media (min-width: 1680px) {
  .reviews-card__avatar {
    left: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__avatar {
    left: calc(
				20px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__avatar {
    left: 20px;
  }
}
@media (min-width: 1680px) {
  .reviews-card__avatar {
    width: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__avatar {
    width: calc(
				60px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__avatar {
    width: 60px;
  }
}
@media (min-width: 1680px) {
  .reviews-card__avatar {
    height: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__avatar {
    height: calc(
				60px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__avatar {
    height: 60px;
  }
}
@media (min-width: 1680px) {
  .reviews-card__avatar {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__avatar {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__avatar {
    --pos: -16px;
  }
}
.reviews-card__avatar::before, .reviews-card__avatar::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
  z-index: var(--z-index-elevated);
}
.reviews-card__avatar::before {
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.reviews-card__avatar::after {
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.reviews-card__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-full);
}

.reviews-card__media {
  border-radius: var(--border-radius-2xl);
  margin-top: auto;
}
@media (min-width: 1680px) {
  .reviews-card__media {
    height: 264px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .reviews-card__media {
    height: calc(
				120px + 144 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__media {
    height: 120px;
  }
}

@media screen and (max-width: 760px) {
  .team-swiper__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.about__inner {
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-3xl);
  background: var(--color-surface-secondary);
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}
@media (min-width: 1920px) {
  .about__inner {
    min-height: 892px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about__inner {
    min-height: calc(
				455px + 437 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .about__inner {
    min-height: 455px;
  }
}
@media (min-width: 1920px) {
  .about__inner {
    padding-top: 128px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about__inner {
    padding-top: calc(
				64px + 64 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .about__inner {
    padding-top: 64px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .about__inner {
    padding-top: 64px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .about__inner {
    padding-top: calc(
				24px + 40 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .about__inner {
    padding-top: 24px;
  }
}

.about__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .about__head {
    gap: 515px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about__head {
    gap: calc(
				300px + 215 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about__head {
    gap: 300px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about__head {
    gap: 300px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about__head {
    gap: calc(
				200px + 100 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about__head {
    gap: 200px;
  }
}
@media screen and (max-width: 760px) {
  .about__head {
    gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about__body {
  margin-top: auto;
}
@media screen and (max-width: 760px) {
  .about__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .about__body {
    min-height: 500px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .about__body {
    min-height: calc(
				340px + 160 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .about__body {
    min-height: 340px;
  }
}

.about__photo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1680px) {
  .about__photo {
    bottom: -50px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .about__photo {
    bottom: calc(
				-30px + -20 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .about__photo {
    bottom: -30px;
  }
}
@media (min-width: 1920px) {
  .about__photo {
    width: 1024px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about__photo {
    width: calc(
				720px + 304 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about__photo {
    width: 720px;
  }
}
@media (min-width: 1920px) {
  .about__photo {
    height: 1024px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about__photo {
    height: calc(
				720px + 304 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about__photo {
    height: 720px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about__photo {
    width: 720px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about__photo {
    width: calc(
				500px + 220 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about__photo {
    width: 500px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about__photo {
    height: 720px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about__photo {
    height: calc(
				500px + 220 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about__photo {
    height: 500px;
  }
}
@media screen and (max-width: 760px) {
  .about__photo {
    bottom: 0;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .about__photo {
    width: 500px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .about__photo {
    width: calc(
				400px + 100 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .about__photo {
    width: 400px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .about__photo {
    height: 500px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .about__photo {
    height: calc(
				400px + 100 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .about__photo {
    height: 400px;
  }
}
.about__photo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 760px) {
  .about-docs-swiper {
    margin-top: auto;
  }
}

.about-docs__card {
  padding: var(--spacing-4);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-background-card);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  cursor: pointer;
}
@media (min-width: 1920px) {
  .about-docs__card {
    height: 250px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-docs__card {
    height: calc(
				170px + 80 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about-docs__card {
    height: 170px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-docs__card {
    height: 170px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-docs__card {
    height: calc(
				120px + 50 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-docs__card {
    height: 120px;
  }
}
.about-docs__card img {
  overflow: hidden;
  border-radius: var(--border-radius-base);
}
@media screen and (hover: hover) {
  .about-docs__card:hover {
    background-color: var(--color-surface-primary-300);
  }
}

.about-docs__nav {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 1920px) {
  .about__title {
    font-size: 38px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about__title {
    font-size: calc(
				30px + 8 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about__title {
    font-size: calc(
				18px + 12 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .about__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .about__title {
    font-size: calc(
				16px + 2 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .about__title {
    font-size: 16px;
  }
}

@media (min-width: 1920px) {
  .present__inner {
    padding-top: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .present__inner {
    padding-top: calc(
				16px + 104 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .present__inner {
    padding-top: 16px;
  }
}
@media (min-width: 1920px) {
  .present__inner {
    padding-bottom: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .present__inner {
    padding-bottom: calc(
				16px + 104 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .present__inner {
    padding-bottom: 16px;
  }
}

@media (min-width: 1920px) {
  .present__title {
    font-size: 55px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .present__title {
    font-size: calc(
				47px + 8 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .present__title {
    font-size: 47px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .present__title {
    font-size: 47px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .present__title {
    font-size: calc(
				29px + 18 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .present__title {
    font-size: 29px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .present__title {
    font-size: 29px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .present__title {
    font-size: calc(
				16px + 13 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .present__title {
    font-size: 16px;
  }
}
.present__title img {
  display: inline;
  overflow: hidden;
  border-radius: var(--border-radius-3xl);
}
@media (min-width: 1680px) {
  .present__title img {
    width: 230px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .present__title img {
    width: calc(
				56px + 174 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .present__title img {
    width: 56px;
  }
}
@media (min-width: 1680px) {
  .present__title img {
    height: 68px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .present__title img {
    height: calc(
				16px + 52 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .present__title img {
    height: 16px;
  }
}

.news-card {
  position: relative;
  height: auto;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-secondary);
}
@media screen and (max-width: 760px) {
  .news-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
.news-card__head {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  padding: var(--spacing-2);
}
@media (min-width: 1920px) {
  .news-card__head {
    height: 220px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .news-card__head {
    height: calc(
				140px + 80 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .news-card__head {
    height: 140px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .news-card__head {
    height: 140px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .news-card__head {
    height: calc(
				120px + 20 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .news-card__head {
    height: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .news-card__head {
    height: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .news-card__head {
    height: calc(
				100px + 20 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .news-card__head {
    height: 100px;
  }
}

.news-card__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (hover: hover) {
  .news-card__title:hover {
    color: var(--color-text-accent);
  }
}
@media screen and (hover: hover) {
  .news-card__title a:hover {
    color: var(--color-primary);
  }
}

.news-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.news-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.news-card__media img {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  .news-card__media:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.news-card--horizontal {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 760px) {
  .news-card--horizontal {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.news-card--horizontal .news-card__head {
  height: 100%;
  border-radius: var(--border-radius-xl) 200px 200px var(--border-radius-xl);
}
@media (min-width: 1920px) {
  .news-card--horizontal .news-card__head {
    width: 400px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .news-card--horizontal .news-card__head {
    width: calc(
				275px + 125 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .news-card--horizontal .news-card__head {
    width: 275px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .news-card--horizontal .news-card__head {
    width: 275px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .news-card--horizontal .news-card__head {
    width: calc(
				170px + 105 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .news-card--horizontal .news-card__head {
    width: 170px;
  }
}
@media screen and (max-width: 760px) {
  .news-card--horizontal .news-card__head {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .news-card--horizontal .news-card__head {
    height: 140px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .news-card--horizontal .news-card__head {
    height: calc(
				120px + 20 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .news-card--horizontal .news-card__head {
    height: 120px;
  }
}

.news__list {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-6);
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1240px) {
  .news__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 990px) {
  .news__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 375px) {
  .news__list {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

.partners__body {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 990px) {
  .partners__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 760px) {
  .partners__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.partners-card {
  position: relative;
  border-radius: var(--border-radius-3xl);
  background-color: var(--color-background-secondary);
}

.partners-card__head {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.partners-card__logo {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 100%;
  padding: var(--spacing-6) 0 0 var(--spacing-6);
}
@media (min-width: 1680px) {
  .partners-card__logo {
    max-height: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .partners-card__logo {
    max-height: calc(
				50px + 50 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .partners-card__logo {
    max-height: 50px;
  }
}
.partners-card__logo img,
.partners-card__logo svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  -webkit-object-fit: contain;
  -webkit-object-position: left;
}

.partners-card__body {
  padding: var(--spacing-6);
  margin-top: auto;
}

.partners-card__link-wrapper {
  padding: 0 0 var(--spacing-4) var(--spacing-4);
  border-radius: 0 0 0 var(--border-radius-4xl);
  background-color: var(--color-background-primary);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .partners-card__link-wrapper {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .partners-card__link-wrapper {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .partners-card__link-wrapper {
    --pos: -20px;
  }
}
.partners-card__link-wrapper::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.partners-card__link-wrapper::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.overview__inner {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media (min-width: 1920px) {
  .overview__inner {
    min-height: 700px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .overview__inner {
    min-height: calc(
				500px + 200 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .overview__inner {
    min-height: 500px;
  }
}
@media screen and (max-width: 1240px) {
  .overview__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

.overview__main {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
}

.overview__video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-elevated);
}
.overview__video-container img,
.overview__video-container video,
.overview__video-container iframe {
  z-index: var(--z-index-behind);
}
.overview__video-container::after {
  top: 35%;
}
.overview__video-container.--playing {
  z-index: 10;
}

.overview__badges {
  z-index: var(--z-index-secondary);
}

.overview__badge:nth-child(odd) {
  background-color: var(--color-secondary);
}
.overview__badge:nth-child(even) {
  background-color: var(--color-tertiary);
}

.overview__content {
  overflow: hidden;
  z-index: var(--z-index-secondary);
  background-color: var(--color-surface-primary);
  border-radius: var(--border-radius-2xl);
  padding: var(--spacing-6) var(--spacing-4);
}
@media (min-width: 1920px) {
  .overview__content {
    margin-top: 300px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .overview__content {
    margin-top: calc(
				200px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .overview__content {
    margin-top: 200px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .overview__content {
    margin-top: 200px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .overview__content {
    margin-top: calc(
				180px + 20 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .overview__content {
    margin-top: 180px;
  }
}

.overview__badge-news {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.overview__badge-news img,
.overview__badge-news svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.overview-card {
  position: relative;
  overflow: hidden;
  z-index: var(--z-index-elevated);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-300);
}
@media (min-width: 1920px) {
  .overview-card {
    width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .overview-card {
    width: calc(
				430px + 120 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .overview-card {
    width: 430px;
  }
}
@media screen and (max-width: 1240px) {
  .overview-card {
    width: 100%;
  }
}

.overview-card__body {
  padding: var(--spacing-32) var(--spacing-8) var(--spacing-8);
  z-index: var(--z-index-elevated);
  position: relative;
}
.overview-card__body::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-overlay);
  z-index: var(--z-index-behind);
}

.overview__btn {
  background-color: var(--color-background-primary);
}

.overview-card__head {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-background-primary);
  padding-left: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  border-radius: 0 0 0 var(--border-radius-4xl);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .overview-card__head {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .overview-card__head {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .overview-card__head {
    --pos: -20px;
  }
}
.overview-card__head::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.overview-card__head::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.overview-card__tag {
  border-radius: var(--border-radius-full);
  padding: var(--spacing-3) var(--spacing-6);
  background-color: var(--color-secondary);
  color: var(--color-accent-secondary);
}

.overview-card__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
}
@media (min-width: 1920px) {
  .overview__link {
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .overview__link {
    width: calc(
				140px + 60 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .overview__link {
    width: 140px;
  }
}
@media screen and (max-width: 760px) {
  .overview__link {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .overview__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 760px) {
  .overview-card__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.overview__description {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.overview-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.course-nav__inner {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1240px) {
  .course-nav__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1240px) {
  .course-nav__tabs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.course-nav__tab {
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background-secondary);
  overflow: hidden;
}
@media screen and (hover: hover) {
  .course-nav__tab:hover {
    background-color: var(--color-surface-primary-140);
  }
}

.course-nav__tabs-item {
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.course-nav__tab--active {
  background-color: var(--color-surface-primary-140);
}

.course-nav__search {
  width: 320px;
}
@media screen and (max-width: 760px) {
  .course-nav__search {
    width: 100%;
  }
}

.intensives-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  padding: var(--intensives-card-padding-top) var(--spacing-2) var(--spacing-2);
  height: 100%;
  z-index: var(--z-index-elevated);
}
@media (min-width: 1680px) {
  .intensives-card {
    --intensives-card-padding-top: 233px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .intensives-card {
    --intensives-card-padding-top: calc(
				142px + 91 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .intensives-card {
    --intensives-card-padding-top: 142px;
  }
}
.intensives-card.swiper-slide {
  height: auto;
}
@media screen and (max-width: 760px) {
  .intensives-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 1440px) {
  .intensives-card.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 576px) {
  .intensives-card.swiper-slide-active + .swiper-slide {
    opacity: 0.5;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.intensives-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.intensives-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.intensives-card__inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: var(--color-primary);
  border-radius: var(--border-radius-2xl);
}

.intensives-card__badge {
  color: var(--color-primary);
}

.intensives-card__bottom {
  margin-top: auto;
}

.intensives-card__level {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.intensives-card__level svg,
.intensives-card__level img {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}

.intensives__list {
  width: 100%;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1680px) {
  .intensives__list {
    --min-width-card: 420px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .intensives__list {
    --min-width-card: calc(
				240px + 180 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .intensives__list {
    --min-width-card: 240px;
  }
}
@media screen and (max-width: 1240px) {
  .intensives__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .intensives__list {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-width-card), 1fr));
  }
}

.intensives__item {
  height: auto;
}

.intensives-card__btn {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-accent-secondary);
}
@media screen and (hover: hover) {
  .intensives-card__btn:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    color: var(--color-accent-secondary);
  }
}

.webinars__body {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1240px) {
  .webinars__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--spacing-12);
  }
}

.webinars-card {
  position: relative;
  overflow: hidden;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  z-index: var(--z-index-elevated);
}
@media screen and (max-width: 760px) {
  .webinars-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (hover: hover) {
  .webinars-card:hover .webinars-card__media img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .webinars-card:hover .webinars-card__title,
  .webinars-card:hover .webinars-card__description {
    color: var(--color-primary) !important;
  }
}

.webinars-card__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
}
@media (min-width: 1920px) {
  .webinars-card__media {
    height: 145px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .webinars-card__media {
    height: calc(
				110px + 35 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .webinars-card__media {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .webinars-card__media {
    width: 245px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .webinars-card__media {
    width: calc(
				180px + 65 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .webinars-card__media {
    width: 180px;
  }
}
@media screen and (max-width: 760px) {
  .webinars-card__media {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 1920px) {
  .webinars-card__media {
    min-height: 360px;
  }
}
@media screen and (max-width: 760px) and (min-width: 1280px) and (max-width: 1920px) {
  .webinars-card__media {
    min-height: calc(
				200px + 160 *
					((100vw - 1280px) / (640))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 1280px) {
  .webinars-card__media {
    min-height: 200px;
  }
}
.webinars-card__media img,
.webinars-card__media video,
.webinars-card__media iframe {
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
}
.webinars-card__media::after {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}

.webinars-card__bottom {
  margin-top: auto;
}

.webinars-card__title,
.webinars-card__description {
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
}

.webinars-card__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.webinars-card__description {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.webinars-card__footer {
  margin-top: auto;
}

.webinars-card--featured {
  border-radius: var(--border-radius-2xl);
}
@media screen and (hover: hover) {
  .webinars-card--featured:hover .webinars-card__title,
  .webinars-card--featured:hover .webinars-card__description {
    color: var(--color-secondary) !important;
  }
}
.webinars-card--featured::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
  background: var(--gradient-overlay);
}
.webinars-card--featured .webinars-card__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.webinars-card--featured .webinars-card__description {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.webinars-card--featured .webinars-card__date {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.webinars-card--featured .webinars-card__date::before {
  content: "";
  display: block;
  position: relative;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  background: url("../img/icons/icon-calendar-inverted.svg") no-repeat center/contain;
}
.webinars-card--featured .webinars-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.webinars-card--featured .webinars-card__body {
  gap: var(--spacing-5);
}
@media (min-width: 1680px) {
  .webinars-card--featured .webinars-card__body {
    padding-top: 250px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinars-card--featured .webinars-card__body {
    padding-top: calc(
				100px + 150 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinars-card--featured .webinars-card__body {
    padding-top: 100px;
  }
}
.webinars-card--featured .webinars-card__content {
  gap: var(--spacing-3);
}
@media screen and (max-width: 760px) {
  .webinars__list {
    gap: var(--spacing-12);
  }
}

.advice__inner {
  padding: var(--spacing-12) var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-140);
}

.teaser {
  position: relative;
  min-height: calc(100dvh - var(--height-header) - var(--height-breadcrumbs));
  --color-overlay-r: 253;
  --color-overlay-g: 252;
  --color-overlay-b: 255;
}
@media (min-width: 1680px) {
  .teaser {
    --height-header: 104px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .teaser {
    --height-header: calc(
				64px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .teaser {
    --height-header: 64px;
  }
}
@media (min-width: 1680px) {
  .teaser {
    --height-breadcrumbs: 52px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .teaser {
    --height-breadcrumbs: calc(
				32px + 20 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .teaser {
    --height-breadcrumbs: 32px;
  }
}
@media screen and (max-width: 760px) {
  .teaser {
    min-height: 0;
  }
}
.teaser .container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.teaser::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  z-index: var(--z-index-behind);
  height: calc(100% + var(--height-header) + var(--height-breadcrumbs));
  --gradient-degree: 90deg;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-degree)), color-stop(0%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1)), color-stop(45%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1)), color-stop(65%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.2)), color-stop(75%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0)), to(rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0)));
  background: -o-linear-gradient(var(--gradient-degree), rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1) 0%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1) 45%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.2) 65%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 75%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 100%);
  background: linear-gradient(var(--gradient-degree), rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1) 0%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 1) 45%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.2) 65%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 75%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 100%);
}
@media screen and (max-width: 760px) {
  .teaser::before {
    --gradient-degree: 0deg;
  }
}
.teaser::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0)), color-stop(0%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.8)));
  background: -o-linear-gradient(top, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 100%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.8) 0%);
  background: linear-gradient(180deg, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0) 100%, rgba(var(--color-overlay-r), var(--color-overlay-g), var(--color-overlay-b), 0.8) 0%);
  z-index: 1;
  pointer-events: none;
}

.teaser__background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55vw;
  height: calc(100% + var(--height-header) + var(--height-breadcrumbs));
  z-index: -2;
}
.teaser__background::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-radial-gradient(70% 50%, circle, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background: radial-gradient(circle at 70% 50%, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 760px) {
  .teaser__background {
    width: 100vw;
    bottom: 50%;
    height: calc(50% + var(--height-header) + var(--height-breadcrumbs));
  }
}
.teaser__background video,
.teaser__background iframe,
.teaser__background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 100% 100%;
     object-position: 100% 100%;
}

.teaser__video {
  position: relative;
  width: 100%;
  height: 100%;
}

.teaser__inner {
  padding: var(--spacing-6) 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 760px) {
  .teaser__inner {
    padding-top: 200px;
  }
}

.teaser__box {
  gap: var(--spacing-5);
}
@media (min-width: 1920px) {
  .teaser__box {
    max-width: 960px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .teaser__box {
    max-width: calc(
				700px + 260 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .teaser__box {
    max-width: 700px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .teaser__box {
    max-width: 700px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .teaser__box {
    max-width: calc(
				440px + 260 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .teaser__box {
    max-width: 440px;
  }
}

.teaser__body {
  gap: var(--spacing-6);
}

.teaser__content {
  gap: var(--spacing-3);
}

.teaser-level {
  gap: var(--spacing-2);
}
@media screen and (max-width: 760px) {
  .teaser-level {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 760px) {
  .teaser__control {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--spacing-4);
  }
}

.teaser-level__status {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-success);
}
.teaser-level__status svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}

.teaser__badges .badge {
  background-color: var(--color-surface-primary);
}

.audience__inner {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-6);
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1240px) {
  .audience__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.audience__head {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-3xl);
}
@media (min-width: 1920px) {
  .audience__head {
    width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .audience__head {
    width: calc(
				380px + 170 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .audience__head {
    width: 380px;
  }
}
@media (min-width: 1680px) {
  .audience__head {
    min-height: 400px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .audience__head {
    min-height: calc(
				200px + 200 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .audience__head {
    min-height: 200px;
  }
}
@media screen and (max-width: 1240px) {
  .audience__head {
    width: 100%;
  }
}

.audience__list {
  display: -ms-grid;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--spacing-4);
}
@media screen and (max-width: 1240px) {
  .audience__list {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media screen and (max-width: 760px) {
  .audience__list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

.audience__title {
  background: var(--color-background-primary);
  padding: 0 0 var(--spacing-6) var(--spacing-6);
  border-radius: 0 0 0 var(--border-radius-3xl);
  margin-left: auto;
  position: relative;
  position: relative;
}
@media (min-width: 1920px) {
  .audience__title {
    max-width: 400px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .audience__title {
    max-width: calc(
				300px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .audience__title {
    max-width: 300px;
  }
}
@media screen and (max-width: 1240px) {
  .audience__title {
    margin-left: 0;
    border-radius: 0 0 var(--border-radius-3xl) 0;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .audience__title {
    max-width: 300px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .audience__title {
    max-width: calc(
				200px + 100 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .audience__title {
    max-width: 200px;
  }
}
@media (min-width: 1680px) {
  .audience__title {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .audience__title {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .audience__title {
    --pos: -20px;
  }
}
.audience__title::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.audience__title::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
@media screen and (max-width: 1240px) {
  .audience__title::before {
    -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
    top: auto;
    bottom: var(--pos);
    left: 0;
  }
}
@media screen and (max-width: 1240px) {
  .audience__title::after {
    -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
    top: 0;
    right: var(--pos);
    bottom: auto;
  }
}

.audience__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
}
.audience-card {
  position: relative;
  height: 100%;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-140);
}

.principles__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-6);
}
@media screen and (max-width: 1240px) {
  .principles__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .principles__head {
    width: 580px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .principles__head {
    width: calc(
				456px + 124 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .principles__head {
    width: 456px;
  }
}
@media screen and (max-width: 1240px) {
  .principles__head {
    width: 100%;
  }
}

@media screen and (max-width: 1240px) {
  .principles__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: var(--spacing-8);
  }
}
@media screen and (max-width: 760px) {
  .principles__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.principles__cards {
  display: -ms-grid;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--spacing-4);
}
@media screen and (max-width: 1240px) {
  .principles__cards {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}
@media screen and (max-width: 760px) {
  .principles__cards {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

.principles-card {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius-2xl);
}
@media (min-width: 1680px) {
  .principles-card {
    min-height: 330px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .principles-card {
    min-height: calc(
				120px + 210 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .principles-card {
    min-height: 120px;
  }
}
.principles-card::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: var(--gradient-overlay);
  z-index: var(--z-index-elevated);
}

.principles-card__caption {
  z-index: var(--z-index-elevated);
}

.principles-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.principles__title {
  padding-bottom: var(--spacing-8);
  margin-bottom: var(--spacing-8);
  border-bottom: var(--border-width-thin) solid var(--color-devider);
}
@media screen and (max-width: 1240px) {
  .principles__title {
    margin-bottom: 0;
  }
}

.principles__stats {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: var(--spacing-4) var(--spacing-6);
}
@media screen and (max-width: 1240px) {
  .principles__stats {
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .principles__stats {
    width: 450px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .principles__stats {
    width: calc(
				300px + 150 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .principles__stats {
    width: 300px;
  }
}
@media screen and (max-width: 760px) {
  .principles__stats {
    width: 100%;
  }
}

.principles__value {
  font-size: var(--font-size-7xl);
}

.curriculum__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 760px) {
  .curriculum__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.curriculum__head {
  gap: var(--spacing-4);
}
@media (min-width: 1920px) {
  .curriculum__head {
    width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .curriculum__head {
    width: calc(
				400px + 150 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .curriculum__head {
    width: 400px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .curriculum__head {
    width: 400px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .curriculum__head {
    width: calc(
				220px + 180 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .curriculum__head {
    width: 220px;
  }
}
@media screen and (max-width: 760px) {
  .curriculum__head {
    width: 100%;
  }
}

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

.curriculum__meta,
.curriculum__accordions {
  gap: var(--spacing-3);
}

.takeaways {
  position: relative;
}

.takeaways-card {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
  background-color: var(--color-secondary);
}
@media (min-width: 1680px) {
  .takeaways-card {
    min-height: 460px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-card {
    min-height: calc(
				185px + 275 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-card {
    min-height: 185px;
  }
}

.takeaways-card__text {
  z-index: var(--z-index-elevated);
}

.takeaways-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.takeaways-card--media::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  --gradent-deg: 0deg;
  z-index: var(--z-index-behind);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--gradent-deg)), color-stop(0%, rgba(66, 66, 66, 0)), to(#424242));
  background: -o-linear-gradient(var(--gradent-deg), rgba(66, 66, 66, 0) 0%, #424242 100%);
  background: linear-gradient(var(--gradent-deg), rgba(66, 66, 66, 0) 0%, #424242 100%);
}
.takeaways-card--media .takeaways-card__text {
  -webkit-transition: color var(--transition-duration-slow) var(--transition-timing-ease);
  -o-transition: color var(--transition-duration-slow) var(--transition-timing-ease);
  transition: color var(--transition-duration-slow) var(--transition-timing-ease);
}

.takeaways-card__number {
  position: relative;
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
@media (min-width: 1680px) {
  .takeaways-card__number {
    --size: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-card__number {
    --size: calc(
				24px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-card__number {
    --size: 24px;
  }
}
.takeaways-card__number::before, .takeaways-card__number::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: var(--border-radius-full);
  background-color: var(--color-surface-primary-140);
}
@media (min-width: 1680px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    width: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    width: calc(
				20px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    width: 20px;
  }
}
@media (min-width: 1680px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    height: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    height: calc(
				20px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-card__number::before, .takeaways-card__number::after {
    height: 20px;
  }
}
.takeaways-card__number::before {
  z-index: -1;
  left: var(--spacing-3);
}
.takeaways-card__number::after {
  z-index: -2;
  left: var(--spacing-5);
}

@media screen and (max-width: 760px) and (min-width: 760px) {
  .takeaways-swiper {
    padding-left: 140px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .takeaways-swiper {
    padding-left: calc(
				30px + 110 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .takeaways-swiper {
    padding-left: 30px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .takeaways-swiper {
    padding-right: 140px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .takeaways-swiper {
    padding-right: calc(
				30px + 110 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .takeaways-swiper {
    padding-right: 30px;
  }
}

.takeaways-line {
  display: none;
  position: absolute;
  z-index: -1;
  left: 49%;
  top: 10%;
  -webkit-transform: translate(-50%, -50%) rotate(-40deg);
      -ms-transform: translate(-50%, -50%) rotate(-40deg);
          transform: translate(-50%, -50%) rotate(-40deg);
}
@media (min-width: 1680px) {
  .takeaways-line {
    width: 3000px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-line {
    width: calc(
				520px + 2480 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-line {
    width: 520px;
  }
}
@media (min-width: 1680px) {
  .takeaways-line {
    height: 1700px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .takeaways-line {
    height: calc(
				480px + 1220 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .takeaways-line {
    height: 480px;
  }
}
@media (min-width: 1920px) {
  .takeaways-line {
    bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .takeaways-line {
    bottom: calc(
				300px + -200 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .takeaways-line {
    bottom: 300px;
  }
}
.takeaways-line .drawing-line {
  stroke-dasharray: 10000;
  stroke-dashoffset: -10000;
  opacity: 0;
  -webkit-animation: drawing-line 10s linear infinite;
          animation: drawing-line 10s linear infinite;
  -webkit-animation-delay: 0s, 0s;
          animation-delay: 0s, 0s;
}
.takeaways-line svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@-webkit-keyframes drawing-line {
  0% {
    stroke-dashoffset: -10000;
    opacity: 1;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  85% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -10000;
    opacity: 1;
  }
}

@keyframes drawing-line {
  0% {
    stroke-dashoffset: -10000;
    opacity: 1;
  }
  50% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  85% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -10000;
    opacity: 1;
  }
}
.plan-card__price, .plan-card__item, .plan-card__duration, .plan-card__subtitle, .plan-card__title {
  color: var(--color-text-inverted);
}

.plan-card--accent {
  z-index: var(--z-index-elevated);
  position: relative;
}
.plan-card--accent .plan-card__price, .plan-card--accent .plan-card__item, .plan-card--accent .plan-card__duration, .plan-card--accent .plan-card__subtitle, .plan-card--accent .plan-card__title {
  color: var(--color-text-primary);
}
.plan-card--accent .plan-card__btn {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-inverted);
}
@media screen and (hover: hover) {
  .plan-card--accent .plan-card__btn:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent;
  }
}
.plan-card--accent .plan-card__btn:disabled {
  background-color: var(--color-surface-disabled);
  color: var(--color-text-disabled);
  border-color: transparent;
}
.plan-card--accent .plan-card__item--check::before {
  background: url("../img/icons/icon-check-primary.svg") no-repeat center/contain;
}
@media (min-width: 1680px) {
  .plan-card--accent {
    --top-card-padding: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .plan-card--accent {
    --top-card-padding: calc(
				25px + 25 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .plan-card--accent {
    --top-card-padding: 25px;
  }
}
@media (min-width: 1680px) {
  .plan-card--accent {
    --top-card-pos: -50px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .plan-card--accent {
    --top-card-pos: calc(
				-25px + -25 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .plan-card--accent {
    --top-card-pos: -25px;
  }
}
.plan-card--accent::before {
  content: "Рекомендуем";
  position: absolute;
  left: 0;
  top: var(--top-card-pos);
  z-index: var(--z-index-elevated);
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--border-radius-3xl);
  background-color: var(--color-primary);
}
.plan-card--accent::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: calc(100% + var(--top-card-padding));
  -webkit-transform: translateX(-50%) scale(1.08);
      -ms-transform: translateX(-50%) scale(1.08);
          transform: translateX(-50%) scale(1.08);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-secondary);
  z-index: var(--z-index-behind);
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .plan-card--accent {
    margin-top: 30px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .plan-card--accent {
    margin-top: calc(
				20px + 10 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .plan-card--accent {
    margin-top: 20px;
  }
}

.plan__body {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  border-radius: var(--border-radius-3xl);
  padding: var(--spacing-10) var(--spacing-12);
  background-color: var(--color-primary);
}

@media screen and (max-width: 760px) {
  .plan__text {
    text-align: center;
  }
}

@media (min-width: 1920px) {
  .plan__bottom {
    --partners-width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .plan__bottom {
    --partners-width: calc(
				450px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .plan__bottom {
    --partners-width: 450px;
  }
}
@media screen and (max-width: 1240px) {
  .plan__bottom {
    max-width: var(--partners-width);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .plan__bottom {
    --partners-width: 450px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .plan__bottom {
    --partners-width: calc(
				350px + 100 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .plan__bottom {
    --partners-width: 350px;
  }
}
@media screen and (max-width: 760px) {
  .plan__bottom {
    --partners-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.plan__cards:has(.plan-card:first-child:last-child) ~ .plan__bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
}
.plan__cards:has(.plan-card:first-child:last-child) ~ .plan__bottom .plan__partners {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.plan__partners {
  max-width: var(--partners-width);
}

.plan__partner {
  position: relative;
  width: auto;
  max-width: 100%;
}
@media (min-width: 1680px) {
  .plan__partner {
    height: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .plan__partner {
    height: calc(
				20px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .plan__partner {
    height: 20px;
  }
}
.plan__partner img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-object-position: center;
  aspect-ratio: attr(width)/attr(height);
  display: block;
  margin: 0 auto;
}

.plan__cards {
  counter-reset: cardCounter;
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-24) var(--spacing-16);
  -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
}
@media (min-width: 1920px) {
  .plan__cards {
    --plan-card-width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .plan__cards {
    --plan-card-width: calc(
				420px + 130 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .plan__cards {
    --plan-card-width: 420px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .plan__cards {
    --plan-card-width: 420px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .plan__cards {
    --plan-card-width: calc(
				350px + 70 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .plan__cards {
    --plan-card-width: 350px;
  }
}
@media screen and (max-width: 760px) {
  .plan__cards {
    --plan-card-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .plan__cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .plan__cards:has(.plan-card:first-child:last-child) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: var(--plan-card-width);
  }
  .plan__cards:has(.plan-card:nth-child(2)):not(:has(.plan-card:nth-child(3))) {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1240px) and (min-width: 760px) {
  .plan__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .plan__cards:has(.plan-card:first-child:last-child) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: var(--plan-card-width);
  }
}
@media screen and (max-width: 760px) {
  .plan__cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .plan__cards:has(.plan-card:first-child:last-child) {
    max-width: 100%;
  }
}
.plan__cards .plan-card {
  counter-increment: cardCounter;
  width: 100%;
}

.plan-card__head,
.plan-card__footer {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.plan-card__head {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.plan-card__footer {
  margin-top: auto;
}

.plan-card__item {
  position: relative;
}
@media (min-width: 1680px) {
  .plan-card__item {
    padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .plan-card__item {
    padding-left: calc(
				24px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .plan-card__item {
    padding-left: 24px;
  }
}
.plan-card__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  opacity: 0;
  background: url("../img/icons/icon-check-secondary.svg") no-repeat center/contain;
}

.plan-card__item--check::before {
  opacity: 1;
}

.cta__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1240px) {
  .cta__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.cta__head {
  position: relative;
  overflow: hidden;
  padding: var(--spacing-8);
  z-index: var(--z-index-elevated);
  border-radius: var(--border-radius-2xl) 344px 344px var(--border-radius-2xl);
}
@media (min-width: 1920px) {
  .cta__head {
    height: 620px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .cta__head {
    height: calc(
				520px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .cta__head {
    height: 520px;
  }
}
@media (min-width: 1920px) {
  .cta__head {
    width: 840px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .cta__head {
    width: calc(
				580px + 260 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .cta__head {
    width: 580px;
  }
}
@media (min-width: 1680px) {
  .cta__head {
    padding-right: 320px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .cta__head {
    padding-right: calc(
				72px + 248 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .cta__head {
    padding-right: 72px;
  }
}
@media screen and (max-width: 1240px) {
  .cta__head {
    width: 100%;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .cta__head {
    height: 520px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .cta__head {
    height: calc(
				200px + 320 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .cta__head {
    height: 200px;
  }
}

.cta__media {
  z-index: var(--z-index-behind);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-form__fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-4);
}
@media screen and (max-width: 760px) {
  .cta-form__fields {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.cta-form__fields .input-box:first-child {
  -ms-grid-column-span: 2;
  grid-column: 2 span;
}
@media screen and (max-width: 760px) {
  .cta-form__fields .input-box:first-child {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

@media screen and (max-width: 1240px) {
  .cta-form__bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.cta__body {
  position: relative;
}

.cta-form__state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-elevated);
  background: var(--color-background-primary);
}
@media screen and (max-width: 1240px) {
  .cta-form__state {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.cta-form__state-icon {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}
.cta-form__state-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 760px) {
  .video-reviews-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
.video-reviews-card__media {
  display: block;
  border-radius: var(--border-radius-xl);
  margin-bottom: var(--spacing-4);
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .video-reviews-card__media {
    height: 320px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .video-reviews-card__media {
    height: calc(
				140px + 180 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .video-reviews-card__media {
    height: 140px;
  }
}
.video-reviews-card__media img {
  z-index: var(--z-index-behind);
}

.video-reviews-card__head {
  width: 100%;
}

.video-reviews-card__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  margin: 0;
  padding: 0;
}

.video-reviews-card__title {
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.video-reviews-card__text {
  margin: 0;
}

.text-reviews-card {
  position: relative;
  height: auto;
  background-color: var(--color-surface-primary-140);
  border-radius: var(--border-radius-xl);
}
@media screen and (max-width: 760px) {
  .text-reviews-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 1640px) {
  .text-reviews-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.text-reviews-card__head {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}

.text-reviews-card__avatar {
  position: relative;
  overflow: hidden;
  width: var(--spacing-16);
  height: var(--spacing-16);
  border-radius: var(--border-radius-full);
  background-color: var(--color-background-secondary);
}
.text-reviews-card__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.text-reviews-card__badge {
  margin-top: auto;
}

.text-reviews-card__name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}

.gift__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-6);
}
@media screen and (max-width: 760px) {
  .gift__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.gift-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background-color: var(--color-surface-primary-140);
  padding: var(--spacing-8);
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media (min-width: 1920px) {
  .gift-card {
    min-height: 280px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card {
    min-height: calc(
				240px + 40 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card {
    min-height: 240px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card {
    min-height: 240px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card {
    min-height: calc(
				170px + 70 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card {
    min-height: 170px;
  }
}
@media screen and (hover: hover) {
  .gift-card:hover {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
    -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
            transform: scale(1.025);
  }
}
.gift-card:nth-child(1) {
  background-color: var(--color-primary);
}
.gift-card:nth-child(1) .gift-card__image {
  bottom: 0;
  right: 0;
}
@media (min-width: 1920px) {
  .gift-card:nth-child(1) .gift-card__image {
    width: 396px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(1) .gift-card__image {
    width: calc(
				236px + 160 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(1) .gift-card__image {
    width: 236px;
  }
}
@media (min-width: 1920px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: 252px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: calc(
				160px + 92 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: 160px;
  }
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(1) .gift-card__image {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: 160px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: calc(
				107px + 53 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(1) .gift-card__image {
    height: 107px;
  }
}
@media screen and (max-width: 1240px) {
  .gift-card:nth-child(1) .gift-card__title {
    text-align: center;
  }
}
.gift-card:nth-child(2) {
  background-color: var(--color-secondary);
}
.gift-card:nth-child(2) .gift-card__image {
  bottom: 0;
  right: 0;
}
@media (min-width: 1920px) {
  .gift-card:nth-child(2) .gift-card__image {
    width: 364px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(2) .gift-card__image {
    width: calc(
				236px + 128 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(2) .gift-card__image {
    width: 236px;
  }
}
@media (min-width: 1920px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: 280px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: calc(
				180px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: 180px;
  }
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(2) .gift-card__image {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: 180px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: calc(
				130px + 50 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(2) .gift-card__image {
    height: 130px;
  }
}
@media screen and (max-width: 1240px) {
  .gift-card:nth-child(2) {
    text-align: center;
  }
}
.gift-card:nth-child(3) {
  -ms-grid-row-span: 2;
  grid-row: 2 span;
  background-color: var(--color-tertiary);
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(3) {
    min-height: 200px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(3) {
    min-height: calc(
				120px + 80 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(3) {
    min-height: 120px;
  }
}
.gift-card:nth-child(3) .gift-card__image {
  bottom: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1680px) {
  .gift-card:nth-child(3) .gift-card__image {
    height: 390px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .gift-card:nth-child(3) .gift-card__image {
    height: calc(
				110px + 280 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .gift-card:nth-child(3) .gift-card__image {
    height: 110px;
  }
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(3) .gift-card__image {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(3) .gift-card__image {
    width: 390px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(3) .gift-card__image {
    width: calc(
				164px + 226 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(3) .gift-card__image {
    width: 164px;
  }
}
.gift-card:nth-child(3) .gift-card__title {
  text-align: center;
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(3) .gift-card__title {
    text-align: left;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.gift-card:nth-child(4) .gift-card__image {
  bottom: 0;
  left: 0;
}
@media (min-width: 1920px) {
  .gift-card:nth-child(4) .gift-card__image {
    width: 320px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(4) .gift-card__image {
    width: calc(
				205px + 115 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(4) .gift-card__image {
    width: 205px;
  }
}
@media (min-width: 1920px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: 220px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: calc(
				150px + 70 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: 150px;
  }
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(4) .gift-card__image {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: 220px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: calc(
				100px + 120 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(4) .gift-card__image {
    height: 100px;
  }
}
.gift-card:nth-child(4) .gift-card__title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: right;
}
@media screen and (max-width: 1240px) {
  .gift-card:nth-child(4) .gift-card__title {
    text-align: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.gift-card:nth-child(5) .gift-card__image {
  bottom: 0;
  right: 0;
}
@media (min-width: 1920px) {
  .gift-card:nth-child(5) .gift-card__image {
    width: 320px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(5) .gift-card__image {
    width: calc(
				180px + 140 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(5) .gift-card__image {
    width: 180px;
  }
}
@media (min-width: 1920px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: 220px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: calc(
				140px + 80 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: 140px;
  }
}
@media screen and (max-width: 760px) {
  .gift-card:nth-child(5) .gift-card__image {
    width: 100%;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: 150px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: calc(
				120px + 30 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .gift-card:nth-child(5) .gift-card__image {
    height: 120px;
  }
}
.gift-card:nth-child(5) .gift-card__title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 1240px) {
  .gift-card:nth-child(5) .gift-card__title {
    text-align: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.gift-card__title {
  width: 100%;
}

.gift-card__image {
  position: absolute;
  z-index: var(--z-index-behind);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.gift-card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -o-object-position: top;
     object-position: top;
}

.gift-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.faq__accordions {
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}

.sveden__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 990px) {
  .sveden__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.sveden-nav {
  position: sticky;
  top: var(--height-header);
}
@media (min-width: 1920px) {
  .sveden-nav {
    width: 406px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .sveden-nav {
    width: calc(
				275px + 131 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .sveden-nav {
    width: 275px;
  }
}
@media (min-width: 1920px) {
  .sveden-nav {
    --height-header: 104px;
  }
}
@media (min-width: 992px) and (max-width: 1920px) {
  .sveden-nav {
    --height-header: calc(
				84px + 20 *
					((100vw - 992px) / (928))
			);
  }
}
@media (max-width: 992px) {
  .sveden-nav {
    --height-header: 84px;
  }
}
@media screen and (max-width: 990px) {
  .sveden-nav {
    position: fixed;
    right: 0;
    z-index: var(--z-index-sticky);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
@media screen and (max-width: 990px) and (min-width: 990px) {
  .sveden-nav {
    top: 170px;
  }
}
@media screen and (max-width: 990px) and (min-width: 360px) and (max-width: 990px) {
  .sveden-nav {
    top: calc(
				80px + 90 *
					((100vw - 360px) / (630))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 360px) {
  .sveden-nav {
    top: 80px;
  }
}
@media screen and (max-width: 990px) and (min-width: 990px) {
  .sveden-nav._active {
    width: 300px;
  }
}
@media screen and (max-width: 990px) and (min-width: 360px) and (max-width: 990px) {
  .sveden-nav._active {
    width: calc(
				220px + 80 *
					((100vw - 360px) / (630))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 360px) {
  .sveden-nav._active {
    width: 220px;
  }
}

.sveden-nav__list {
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-tertiary);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  transition: var(--transition-duration-base) var(--transition-timing-ease-in);
}
@media screen and (max-width: 990px) {
  .sveden-nav__list {
    display: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    margin-right: var(--spacing-2);
    background-color: var(--color-background-input);
    -webkit-box-shadow: var(--shadow-base);
            box-shadow: var(--shadow-base);
    padding: var(--spacing-4);
  }
}
@media screen and (max-width: 990px) {
  .sveden-nav__list._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.sveden-nav__link {
  display: block;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-full);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-none);
  color: var(--color-text-tertiary);
  font-size: var(--font-size-sm);
  border: var(--border-width-thin) solid transparent;
}
@media screen and (hover: hover) {
  .sveden-nav__link:hover {
    color: var(--color-text-primary);
    background-color: var(--color-background-tertiary);
  }
}
@media screen and (max-width: 990px) {
  .sveden-nav__link {
    border-radius: var(--border-radius-xl);
  }
}
.sveden-nav__link.--active {
  background-color: var(--color-background-primary);
  border-color: var(--color-border-primary);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
  color: var(--color-text-primary);
}
.sveden-nav__link:active {
  color: var(--color-text-primary);
  background-color: var(--color-background-tertiary);
  border-color: var(--color-border-primary);
}

.sveden-nav__trigger {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-2);
  background-color: var(--color-background-input);
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-full) 0 0 var(--border-radius-full);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-none);
  color: var(--color-text-tertiary);
  font-size: var(--font-size-sm);
  margin-bottom: var(--spacing-2);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  -webkit-box-shadow: var(--shadow-base);
          box-shadow: var(--shadow-base);
}
@media screen and (max-width: 990px) {
  .sveden-nav__trigger {
    display: -ms-grid;
    display: grid;
    padding: var(--spacing-4) var(--spacing-6);
  }
}
.sveden-nav__trigger._active {
  width: 100%;
}
.sveden-nav__trigger._active .sveden-nav__trigger-icon svg.burger {
  display: none;
}
.sveden-nav__trigger._active .sveden-nav__trigger-icon svg.close {
  display: block;
}

.sveden-nav__trigger-icon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.sveden-nav__trigger-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sveden-nav__trigger-icon svg.close {
  display: none;
}

.sveden__detail-item {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  border-bottom: var(--border-width-thin) solid var(--color-devider);
}
@media screen and (max-width: 760px) {
  .sveden__detail-item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.sveden__docs-item {
  padding-bottom: var(--spacing-3);
  border-bottom: var(--border-width-thin) solid var(--color-devider);
}

.sveden__docs-link {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  color: var(--color-text-accent);
}
.sveden__docs-link svg,
.sveden__docs-link img {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}
.sveden__docs-link svg path {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
  fill: currentColor;
}
@media screen and (hover: hover) {
  .sveden__docs-link:hover {
    color: var(--color-tertiary);
  }
}

.sveden__docs-inner {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.calendar-upcoming__inner {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-6);
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 760px) {
  .calendar-upcoming__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .calendar-upcoming__widget {
    width: 390px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .calendar-upcoming__widget {
    width: calc(
				380px + 10 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .calendar-upcoming__widget {
    width: 380px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .calendar-upcoming__widget {
    width: 380px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .calendar-upcoming__widget {
    width: calc(
				280px + 100 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .calendar-upcoming__widget {
    width: 280px;
  }
}
@media screen and (max-width: 760px) {
  .calendar-upcoming__widget {
    width: 100%;
  }
}
.calendar-upcoming__widget .cabinet-upcoming__calendar .static-calendar-nav-wrapper {
  background-color: var(--color-background-primary) !important;
}
.calendar-upcoming__widget .cabinet-upcoming__calendar .static-calendar-nav-wrapper::before, .calendar-upcoming__widget .cabinet-upcoming__calendar .static-calendar-nav-wrapper::after {
  background-color: var(--color-background-primary) !important;
}

.calendar-upcoming__events {
  overflow: hidden;
  position: relative;
  background-color: var(--color-surface-primary-300);
  border-radius: var(--border-radius-3xl);
  z-index: var(--z-index-elevated);
}
.calendar-upcoming__events::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: var(--z-index-base);
  background: var(--gradient-accent-overlay);
}

.calendar-upcoming__events-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.calendar-upcoming__title {
  padding: var(--spacing-8);
  border-radius: 0 0 var(--border-radius-3xl) 0;
  background-color: var(--color-background-primary);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .calendar-upcoming__title {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .calendar-upcoming__title {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .calendar-upcoming__title {
    --pos: -20px;
  }
}
.calendar-upcoming__title::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  bottom: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.calendar-upcoming__title::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
@media screen and (max-width: 760px) {
  .calendar-upcoming__title {
    padding: var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-4);
  }
}

.calendar-upcoming__events-nav {
  padding: var(--spacing-8);
}
@media screen and (max-width: 760px) {
  .calendar-upcoming__events-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--spacing-6);
  }
}

.upcoming-card {
  padding: var(--padding-top-card) var(--spacing-10) var(--spacing-10);
}
@media (min-width: 1680px) {
  .upcoming-card {
    --padding-top-card: 80px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .upcoming-card {
    --padding-top-card: calc(
				40px + 40 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .upcoming-card {
    --padding-top-card: 40px;
  }
}
@media screen and (max-width: 760px) {
  .upcoming-card {
    padding: var(--padding-top-card) var(--spacing-6) var(--spacing-6);
    gap: var(--spacing-3);
  }
}

.upcoming-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.upcoming-card__body {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 990px) {
  .upcoming-card__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: start;
  }
}
@media screen and (max-width: 760px) {
  .upcoming-card__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: end;
  }
}

.calendar-upcoming__media {
  position: absolute;
  inset: 0;
  z-index: var(--z-index-behind);
}
.calendar-upcoming__media img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.calendar-upcoming__widget-calendar {
  width: 100%;
  height: 100%;
}

.calendar__days {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  border: var(--border-width-thin) solid var(--color-border-secondary);
}
@media screen and (max-width: 760px) {
  .calendar__days {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border: none;
  }
}

.calendar-day {
  cursor: pointer;
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  background-color: var(--color-background-primary);
  border: var(--border-width-thin) solid var(--color-border-secondary);
  min-height: 200px;
}
@media screen and (max-width: 1240px) {
  .calendar-day {
    min-height: 140px;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    border: none;
    min-height: 0;
    gap: var(--spacing-3);
    padding: 0;
  }
}
@media screen and (hover: hover) {
  .calendar-day:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    z-index: var(--z-index-elevated);
  }
}

.calendar-day--other-month {
  background-color: var(--color-surface-disabled);
  cursor: none;
  pointer-events: none;
}
@media screen and (max-width: 760px) {
  .calendar-day--other-month {
    display: none;
  }
}

@media screen and (max-width: 760px) {
  .calendar-day--empty {
    display: none;
  }
}

.calendar-day--active {
  border-color: var(--color-devider);
}
.calendar-day--active .calendar-day__number {
  background-color: var(--color-primary);
  color: var(--color-text-inverted);
}
@media screen and (max-width: 760px) {
  .calendar-day--active .calendar-day__number {
    background-color: transparent;
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
  }
}

.calendar-day__note-list {
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 760px) {
  .calendar-day__note-list {
    border: var(--border-width-thin) solid var(--color-border-secondary);
    padding: var(--spacing-2);
    min-height: 110px;
  }
}

.calendar-day__note {
  --calendar-note-color: var(--color-text-secondary);
  --calendar-note-bg: var(--color-background-secondary);
  border-radius: var(--border-radius-xl);
  background-color: var(--calendar-note-bg);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}

.calendar-day__note--primary {
  --calendar-day-color: var(--color-primary);
  --calendar-note-bg: var(--color-surface-primary-140);
}

.calendar-day__note--secondary {
  --calendar-day-color: var(--color-accent-secondary);
  --calendar-note-bg: var(--color-surface-secondary-500);
}

.calendar-day__note--tertiary {
  --calendar-day-color: var(--color-tertiary);
  --calendar-note-bg: var(--color-surface-tertiary-140);
}

.calendar-day__note-head {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1240px) {
  .calendar-day__note-head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day__note-head {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}

.calendar-day__note-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.calendar-day__note-text {
  font-size: var(--font-size-xs);
  color: var(--calendar-day-color);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1240px) {
  .calendar-day__note-text {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day__note-text {
    display: block;
  }
}

.calendar-day__note-title {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--calendar-day-color);
  line-height: var(--line-height-title);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.calendar-day__note-icon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  color: var(--calendar-day-color);
}
.calendar-day__note-icon svg,
.calendar-day__note-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.calendar-day__note-icon svg path {
  fill: currentColor;
}

.calendar-day__note-date {
  color: var(--calendar-day-color);
}

.calendar-day__note-footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-1);
}
@media screen and (max-width: 1240px) {
  .calendar-day__note-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day__note-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.calendar-day__note-logo {
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 1920px) {
  .calendar-day__note-logo {
    height: 28px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .calendar-day__note-logo {
    height: calc(
				21px + 7 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .calendar-day__note-logo {
    height: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .calendar-day__note-logo {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .calendar-day__note-logo {
    height: 21px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .calendar-day__note-logo {
    height: calc(
				18px + 3 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .calendar-day__note-logo {
    height: 18px;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day__note-logo {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.calendar-day__note-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  -webkit-object-fit: contain;
  -webkit-object-position: right;
}
@media screen and (max-width: 1240px) {
  .calendar-day__note-logo img {
    -o-object-position: left;
       object-position: left;
    -webkit-object-position: left;
  }
}
@media screen and (max-width: 760px) {
  .calendar-day__note-logo img {
    -o-object-position: right;
       object-position: right;
    -webkit-object-position: right;
  }
}

.calendar-day__number {
  font-size: var(--font-size-xs);
  padding: var(--spacing-1);
  line-height: var(--line-height-base);
  border-radius: var(--border-radius-full);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 760px) {
  .calendar-day__number {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: var(--spacing-4) var(--spacing-2);
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .calendar-day__number {
    width: 80px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .calendar-day__number {
    width: calc(
				50px + 30 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .calendar-day__number {
    width: 50px;
  }
}

@media screen and (hover: hover) {
  .subscribe__btn:hover .envelope-body {
    fill: var(--color-primary);
  }
  .subscribe__btn:hover .envelope-flap {
    fill: var(--color-text-inverted);
  }
  .subscribe__btn:hover .envelope-flap {
    -webkit-animation: envelopeOpen var(--transition-duration-base) ease forwards;
            animation: envelopeOpen var(--transition-duration-base) ease forwards;
  }
}

.envelope-animation path {
  stroke: transparent !important;
}
.envelope-animation .envelope-body {
  fill: var(--color-text-inverted);
}
.envelope-animation .envelope-flap {
  fill: var(--color-primary);
}

.subscribe__social svg path {
  stroke: transparent !important;
}

.envelope-animation-float .envelope-body {
  -webkit-animation: envelopeFloat 3s ease-in-out infinite;
          animation: envelopeFloat 3s ease-in-out infinite;
}

@-webkit-keyframes envelopeFloat {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes envelopeFloat {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes envelopeOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center 40%;
            transform-origin: center 40%;
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform-origin: center 40%;
            transform-origin: center 40%;
  }
}
@keyframes envelopeOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center 40%;
            transform-origin: center 40%;
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform-origin: center 40%;
            transform-origin: center 40%;
  }
}
.subscribe__inner {
  padding: var(--spacing-8);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-140);
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 990px) {
  .subscribe__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.subscribe__title {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.subscribe__title::before {
  content: "";
  display: block;
  position: relative;
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  background: url("../img/icons/icon-mail-tertiary.svg") no-repeat center/contain;
}

.event-hero__media {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-300);
  padding-top: 31.25%;
}
@media screen and (max-width: 990px) {
  .event-hero__media {
    padding-top: 56.25%;
  }
}
.event-hero__date {
  position: relative;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.event-hero__date::before {
  content: "";
  display: block;
  position: relative;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  background: url("../img/icons/icon-calendar-accent.svg") no-repeat center/contain;
}

.event-hero__date--time::before {
  background: url("../img/icons/icon-clock-accent.svg") no-repeat center/contain;
}

.event-hero__gallery-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-300);
}
@media (min-width: 1920px) {
  .event-hero__gallery-slide {
    height: 220px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .event-hero__gallery-slide {
    height: calc(
				180px + 40 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .event-hero__gallery-slide {
    height: 180px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .event-hero__gallery-slide {
    height: 180px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .event-hero__gallery-slide {
    height: calc(
				120px + 60 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .event-hero__gallery-slide {
    height: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .event-hero__gallery-slide {
    height: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .event-hero__gallery-slide {
    height: calc(
				100px + 20 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .event-hero__gallery-slide {
    height: 100px;
  }
}
@media screen and (max-width: 990px) {
  .event-hero__gallery-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 760px) {
  .event-hero__gallery-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.event-hero__gallery {
  position: relative;
}

.event-hero__gallery-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: var(--z-index-secondary);
}
@media screen and (max-width: 1240px) {
  .event-hero__gallery-nav {
    width: 105%;
  }
}
@media screen and (max-width: 990px) {
  .event-hero__gallery-nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: static;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    top: 0;
    left: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: var(--spacing-5);
    margin-left: auto;
  }
}

.event-role__inner {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 760px) {
  .event-role__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.event-role__inner--reverse {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 760px) {
  .event-role__inner--reverse {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .event-role__figure {
    width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .event-role__figure {
    width: calc(
				340px + 210 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .event-role__figure {
    width: 340px;
  }
}
@media screen and (max-width: 760px) {
  .event-role__figure {
    width: 100%;
  }
}

.event-role__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  padding-top: 56.25%;
}
.event-signup__inner {
  position: relative;
  overflow: hidden;
  padding: var(--spacing-8);
  border-radius: var(--border-radius-3xl);
  background: var(--color-primary);
  z-index: var(--z-index-elevated);
}
@media (min-width: 1680px) {
  .event-signup__inner {
    min-height: 400px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .event-signup__inner {
    min-height: calc(
				300px + 100 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .event-signup__inner {
    min-height: 300px;
  }
}
.event-signup__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  z-index: -2;
  opacity: 0.6;
}
.event-signup__inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(52px);
          filter: blur(52px);
  background: -webkit-gradient(linear, right top, left top, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
  background: -o-linear-gradient(right, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  background: linear-gradient(-90deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  width: 85%;
}
@media screen and (max-width: 760px) {
  .event-signup__inner::after {
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 117, 250, 0)), color-stop(0%, var(--color-primary)));
    background: -o-linear-gradient(top, rgba(151, 117, 250, 0) 0%, var(--color-primary) 0%);
    background: linear-gradient(180deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 0%);
  }
}

@media (min-width: 1920px) {
  .event-signup__body {
    max-width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .event-signup__body {
    max-width: calc(
				500px + 300 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .event-signup__body {
    max-width: 500px;
  }
}

@media screen and (max-width: 760px) {
  .event-signup__form-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.event-signup__form-fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-4);
}
@media screen and (max-width: 760px) {
  .event-signup__form-fields {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.event-signup__form-fields .input-box:first-child {
  -ms-grid-column-span: 2;
  grid-column: 2 span;
}
@media screen and (max-width: 760px) {
  .event-signup__form-fields .input-box:first-child {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.event-signup__form-btn {
  background-color: var(--color-secondary);
}

.event-signup__state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-elevated);
  background: var(--color-primary);
  padding: var(--spacing-12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-4);
}
@media screen and (max-width: 760px) {
  .event-signup__state {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 100px;
  }
}
.event-signup__state::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  z-index: -2;
  background: url("../img/footer-form-state-img.png") no-repeat center center/cover;
}
.event-signup__state::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(52px);
          filter: blur(52px);
  background: -webkit-gradient(linear, right top, left top, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
  background: -o-linear-gradient(right, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  background: linear-gradient(-90deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  width: 50%;
}
@media screen and (max-width: 760px) {
  .event-signup__state::after {
    width: 100%;
    height: 50%;
    top: auto;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(151, 117, 250, 0)), to(var(--color-primary)));
    background: -o-linear-gradient(top, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
    background: linear-gradient(180deg, rgba(151, 117, 250, 0) 0%, var(--color-primary) 100%);
  }
}

.event-signup__state-icon {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}
@media screen and (max-width: 760px) {
  .event-signup__state-title,
  .event-signup__state-text {
    text-align: center;
  }
}

.event-signup__state-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 760px) {
  .event-signup__state-btn {
    margin: 0 auto;
  }
}

.event-signup__step {
  margin-bottom: var(--spacing-6);
}

.event-signup__slots {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}
.event-signup__slots--inverted .event-signup__slots-label {
  color: var(--color-text-inverted);
}
.event-signup__slots--inverted .event-signup__slots-tz {
  color: rgba(253, 252, 255, 0.75);
}
.event-signup__slots--inverted .event-signup__chip-body {
  border-color: rgba(253, 252, 255, 0.2);
  background: rgba(253, 252, 255, 0.08);
  color: var(--color-text-inverted);
}
.event-signup__slots--inverted .event-signup__chip-sub {
  color: rgba(253, 252, 255, 0.6);
}
.event-signup__slots--inverted .event-signup__chip:hover .event-signup__chip-body {
  border-color: var(--color-text-inverted);
}
.event-signup__slots--inverted .event-signup__chip input:checked + .event-signup__chip-body {
  border-color: var(--color-text-inverted);
  background: rgba(253, 252, 255, 0.16);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-text-inverted);
          box-shadow: inset 0 0 0 1px var(--color-text-inverted);
}
.event-signup__slots--inverted .event-signup__chip input:focus-visible + .event-signup__chip-body {
  outline-color: var(--color-text-inverted);
}

.event-signup__slots-label {
  color: var(--color-text-primary);
}

.event-signup__slots-tz {
  color: var(--color-text-tertiary);
}

.event-signup__chip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .event-signup__chip:hover .event-signup__chip-body {
    border-color: var(--color-primary);
  }
}
.event-signup__chip input:checked + .event-signup__chip-body {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
          box-shadow: inset 0 0 0 1px var(--color-primary);
}
.event-signup__chip input:focus-visible + .event-signup__chip-body {
  outline: var(--border-width-base) solid var(--color-primary);
  outline-offset: var(--border-width-base);
}
.event-signup__chip input:disabled + .event-signup__chip-body {
  cursor: not-allowed;
  opacity: 0.6;
}

.event-signup__chip-body {
  min-width: 112px;
  padding: var(--spacing-2) var(--spacing-4);
  border: var(--border-width-thin) solid var(--color-border-secondary);
  border-radius: var(--border-radius-xl);
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  -webkit-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  -o-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
}

.event-signup__chip-sub {
  color: var(--color-text-tertiary);
}

.blog-hero__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 990px) {
  .blog-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.blog-hero__content {
  gap: var(--spacing-6);
}

.blog-hero__head {
  gap: var(--spacing-4);
}

.blog-hero__body {
  gap: var(--spacing-8);
}

.blog-hero__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-300);
}
@media (min-width: 1920px) {
  .blog-hero__media {
    width: 700px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .blog-hero__media {
    width: calc(
				480px + 220 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .blog-hero__media {
    width: 480px;
  }
}
@media (min-width: 1920px) {
  .blog-hero__media {
    height: 410px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .blog-hero__media {
    height: calc(
				360px + 50 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .blog-hero__media {
    height: 360px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .blog-hero__media {
    width: 480px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 992px) and (max-width: 1240px) {
  .blog-hero__media {
    width: calc(
				400px + 80 *
					((100vw - 992px) / (248))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 992px) {
  .blog-hero__media {
    width: 400px;
  }
}
@media screen and (max-width: 990px) {
  .blog-hero__media {
    width: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 990px) and (min-width: 990px) {
  .blog-hero__media {
    height: 400px;
  }
}
@media screen and (max-width: 990px) and (min-width: 768px) and (max-width: 990px) {
  .blog-hero__media {
    height: calc(
				320px + 80 *
					((100vw - 768px) / (222))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 768px) {
  .blog-hero__media {
    height: 320px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .blog-hero__media {
    height: 320px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .blog-hero__media {
    height: calc(
				140px + 180 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .blog-hero__media {
    height: 140px;
  }
}
.blog-hero__btn {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (min-width: 1680px) {
  .blog-hero__btn {
    min-width: 160px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .blog-hero__btn {
    min-width: calc(
				100px + 60 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .blog-hero__btn {
    min-width: 100px;
  }
}

.blog-highlighted__grid {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 760px) {
  .blog-highlighted__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.blog-other__inner {
  overflow: hidden;
  border-radius: var(--border-radius-3xl);
  padding: var(--spacing-8);
  background-color: var(--color-surface-primary-140);
}

.blog-other__nav {
  margin-left: auto;
}
@media screen and (max-width: 760px) {
  .blog-other__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.blog-card {
  position: relative;
  overflow: hidden;
  padding: var(--padding-top) var(--spacing-6) var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-surface-primary-300);
  z-index: var(--z-index-elevated);
  height: auto;
}
@media (min-width: 1680px) {
  .blog-card {
    --padding-top: 114px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .blog-card {
    --padding-top: calc(
				44px + 70 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .blog-card {
    --padding-top: 44px;
  }
}
.blog-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-overlay);
  z-index: var(--z-index-behind);
}

.blog-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.blog-card__media img {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}

.blog-card__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}

@media screen and (hover: hover) {
  .blog-card__inner:hover .blog-card__media img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .blog-card__inner:hover .blog-card__title {
    color: var(--color-secondary) !important;
  }
}

.mission__inner {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-primary);
  z-index: var(--z-index-elevated);
}

.mission__head {
  padding: var(--spacing-16) var(--spacing-8);
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1440px) {
  .mission__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .mission__head {
    max-width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .mission__head {
    padding: var(--spacing-8) var(--spacing-6);
  }
}

@media (min-width: 1920px) {
  .mission__title {
    width: 700px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .mission__title {
    width: calc(
				500px + 200 *
					((100vw - 1440px) / (480))
			);
  }
}
@media (max-width: 1440px) {
  .mission__title {
    width: 500px;
  }
}
@media screen and (max-width: 1440px) {
  .mission__title {
    width: 100%;
  }
}

.mission-advantages {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto (1fr)[3];
  grid-template-columns: auto repeat(3, 1fr);
      grid-template-areas: "title card1 card2 card3" "title card4 card5 card6" "title card7 card8 card9";
}
@media screen and (max-width: 990px) {
  .mission-advantages {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-right: var(--spacing-4);
        grid-template-areas: "title card1" "card2 card3" "card4 card4" "card5 card5" "card6 card6" "card7 card7" "card8 card8" "card9 card9" "card10 card10";
  }
}

.mission-advantages__title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: title;
  background-color: var(--color-background-primary);
  padding: var(--spacing-16) var(--spacing-8);
  border-radius: 0 var(--border-radius-3xl) 0 0;
  margin-right: var(--spacing-4);
  position: relative;
  position: relative;
}
@media (min-width: 1920px) {
  .mission-advantages__title {
    width: 315px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .mission-advantages__title {
    width: calc(
				215px + 100 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .mission-advantages__title {
    width: 215px;
  }
}
@media (min-width: 1680px) {
  .mission-advantages__title {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .mission-advantages__title {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .mission-advantages__title {
    --pos: -20px;
  }
}
.mission-advantages__title::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
.mission-advantages__title::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: var(--pos);
  bottom: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
@media screen and (max-width: 990px) {
  .mission-advantages__title::after {
    -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
    right: auto;
    bottom: var(--pos);
    left: 0;
  }
}
@media screen and (max-width: 990px) {
  .mission-advantages__title {
    width: 100%;
    border-radius: 0 var(--border-radius-3xl) var(--border-radius-3xl) 0;
    margin-bottom: var(--spacing-4);
    padding: var(--spacing-8) var(--spacing-6);
  }
}

.mission-advantages__card {
  position: relative;
  background-color: var(--color-background-primary);
  margin: 0 var(--spacing-4) var(--spacing-4) 0;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
}
@media screen and (max-width: 990px) {
  .mission-advantages__card {
    margin: 0 0 var(--spacing-4) var(--spacing-4);
  }
}
.mission-advantages__card:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: card1;
}
.mission-advantages__card:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: card2;
}
.mission-advantages__card:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: card3;
}
.mission-advantages__card:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: card4;
}
.mission-advantages__card:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: card5;
}
.mission-advantages__card:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
  grid-area: card6;
}
.mission-advantages__card:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: card7;
}
.mission-advantages__card:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: card8;
}
.mission-advantages__card:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: card9;
}
@media screen and (max-width: 990px){
  .mission-advantages__title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .mission-advantages__card:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .mission-advantages__card:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mission-advantages__card:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mission-advantages__card:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mission-advantages__card:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mission-advantages__card:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mission-advantages__card:nth-child(8) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mission-advantages__card:nth-child(9) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mission-advantages__card:nth-child(10) {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.mission-advantages__card-head {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 760px) {
  .mission-advantages__card-head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.mission-advantages__card-title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mission-advantages__card-text {
  margin-top: auto;
}

.mission-advantages__card-number {
  position: relative;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-full);
  width: var(--size);
  height: var(--size);
}
@media (min-width: 1680px) {
  .mission-advantages__card-number {
    --size: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .mission-advantages__card-number {
    --size: calc(
				24px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .mission-advantages__card-number {
    --size: 24px;
  }
}
@media (min-width: 1680px) {
  .mission-advantages__card-number {
    margin-right: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .mission-advantages__card-number {
    margin-right: calc(
				8px + 6 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .mission-advantages__card-number {
    margin-right: 8px;
  }
}
@media screen and (max-width: 760px) {
  .mission-advantages__card-number {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.mission-advantages__card-number::before, .mission-advantages__card-number::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: var(--border-radius-full);
  background-color: var(--color-surface-primary-140);
}
@media (min-width: 1680px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    width: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    width: calc(
				20px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    width: 20px;
  }
}
@media (min-width: 1680px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    height: 44px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    height: calc(
				20px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .mission-advantages__card-number::before, .mission-advantages__card-number::after {
    height: 20px;
  }
}
.mission-advantages__card-number::before {
  z-index: -2;
  left: var(--spacing-3);
}
.mission-advantages__card-number::after {
  z-index: -3;
  left: var(--spacing-5);
}

.about-doctor__inner {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 990px) {
  .about-doctor__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .about-doctor__intro {
    width: 650px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-doctor__intro {
    width: calc(
				510px + 140 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .about-doctor__intro {
    width: 510px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-doctor__intro {
    width: 510px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 992px) and (max-width: 1240px) {
  .about-doctor__intro {
    width: calc(
				420px + 90 *
					((100vw - 992px) / (248))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 992px) {
  .about-doctor__intro {
    width: 420px;
  }
}
@media screen and (max-width: 990px) {
  .about-doctor__intro {
    width: 100%;
  }
}

.about-doctor__photo {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-secondary);
  padding-top: 100%;
}
.about-doctor__achievements {
  gap: var(--spacing-4);
}

.achievement-card {
  gap: var(--spacing-2);
}
.achievement-card:not(:last-child) {
  padding-bottom: var(--spacing-4);
  border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.person-card {
  border-radius: var(--border-radius-3xl);
  background-color: var(--color-surface-secondary-500);
  margin-top: var(--margin-top);
}
@media (min-width: 1680px) {
  .person-card {
    --padding-top: -50px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .person-card {
    --padding-top: calc(
				-25px + -25 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .person-card {
    --padding-top: -25px;
  }
}
@media (min-width: 1680px) {
  .person-card {
    --margin-top: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .person-card {
    --margin-top: calc(
				25px + 25 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .person-card {
    --margin-top: 25px;
  }
}
@media screen and (max-width: 760px) {
  .person-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media screen and (max-width: 760px) {
  .person-card.swiper-slide-active, .person-card.swiper-slide-active + .swiper-slide, .person-card.swiper-slide-active + .swiper-slide + .swiper-slide, .person-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media screen and (max-width: 1440px) {
  .person-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 760px) {
  .person-card.swiper-slide-active, .person-card.swiper-slide-active + .swiper-slide {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.person-card__body {
  gap: var(--spacing-4);
  padding: 0 var(--spacing-8) var(--spacing-8);
}

.person-card__name,
.person-card__position {
  text-align: center;
}

.person-card__head {
  position: relative;
  border-radius: 0 0 var(--border-radius-full) var(--border-radius-full);
  background-color: var(--color-background-primary);
  padding: var(--spacing-6);
  margin: 0 auto;
  width: var(--image-size);
  height: var(--image-size);
  -webkit-transform: translateY(var(--padding-top));
      -ms-transform: translateY(var(--padding-top));
          transform: translateY(var(--padding-top));
  z-index: var(--z-index-elevated);
}
@media (min-width: 1680px) {
  .person-card__head {
    --image-size: 200px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .person-card__head {
    --image-size: calc(
				80px + 120 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .person-card__head {
    --image-size: 80px;
  }
}
@media (min-width: 1680px) {
  .person-card__head {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .person-card__head {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .person-card__head {
    --pos: -16px;
  }
}
.person-card__head::before, .person-card__head::after {
  content: "";
  display: block;
  position: absolute;
  top: var(--margin-top);
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
  z-index: var(--z-index-elevated);
}
.person-card__head::before {
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.person-card__head::after {
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}

.person-card__avatar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-full);
}
.person-card__avatar img {
  -o-object-position: top;
     object-position: top;
}

.connect__body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: var(--spacing-6);
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1240px) {
  .connect__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--spacing-8);
  }
}

.connect-form__fields {
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-5);
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 760px) {
  .connect-form__fields {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 760px) {
  .connect-form__fields .input-box:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

.connect-form__control {
  gap: var(--spacing-2);
  padding-left: var(--spacing-4);
  margin-bottom: var(--spacing-8);
}

.connect-form__bottom {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-8);
}
@media screen and (max-width: 1240px) {
  .connect-form__bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

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

.contact-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-secondary);
}

.contact-card--bg-primary {
  background-color: var(--color-surface-primary-140);
}

.contact-card--bg-secondary {
  background-color: var(--color-surface-secondary-500);
}

.contact-card__content {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  gap: var(--spacing-3);
}

.contact-card__text {
  max-width: 400px;
}

@media screen and (max-width: 990px) {
  .contact-card__actions {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.contact-card__media-link {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  padding-top: 18.75%;
}
@media (min-width: 1920px) {
  .contact-card__media-link {
    width: 220px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .contact-card__media-link {
    width: calc(
				180px + 40 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .contact-card__media-link {
    width: 180px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .contact-card__media-link {
    width: 180px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .contact-card__media-link {
    width: calc(
				120px + 60 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .contact-card__media-link {
    width: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .contact-card__media-link {
    width: 120px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .contact-card__media-link {
    width: calc(
				90px + 30 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .contact-card__media-link {
    width: 90px;
  }
}
.contact-card__media-link img {
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  .contact-card__media-link:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.article-section {
  padding-top: 0;
}
@media (min-width: 1680px) {
  .article-section {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section {
    grid-gap: calc(
				16px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section {
    grid-gap: 16px;
  }
}
@media (min-width: 1680px) {
  .article-section {
    margin-bottom: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section {
    margin-bottom: calc(
				24px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section {
    margin-bottom: 24px;
  }
}

@media (min-width: 1680px) {
  .article-section__content {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section__content {
    grid-gap: calc(
				12px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section__content {
    grid-gap: 12px;
  }
}

@media (min-width: 1680px) {
  .article-section__list-title {
    margin-bottom: 12px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section__list-title {
    margin-bottom: calc(
				6px + 6 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section__list-title {
    margin-bottom: 6px;
  }
}

@media (min-width: 1680px) {
  .article-section__text {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section__text {
    grid-gap: calc(
				12px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section__text {
    grid-gap: 12px;
  }
}

.article-section__media-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1680px) {
  .article-section__media-grid {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .article-section__media-grid {
    grid-gap: calc(
				12px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .article-section__media-grid {
    grid-gap: 12px;
  }
}
@media screen and (max-width: 760px) {
  .article-section__media-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.article-section__media-inner {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: var(--shadow-third);
          box-shadow: var(--shadow-third);
  border-radius: var(--border-radius-xl);
  padding-top: 56.25%;
}
.article-section--media-right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 0.8fr;
  grid-template-columns: 1.2fr 0.8fr;
}
@media screen and (max-width: 1240px) {
  .article-section--media-right {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.article-section--media-left {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.8fr 1.2fr;
  grid-template-columns: 0.8fr 1.2fr;
}
@media screen and (max-width: 1240px) {
  .article-section--media-left {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.contacts-page__inner {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--spacing-8);
}

.contacts-page__main {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-6);
}
@media screen and (max-width: 760px) {
  .contacts-page__main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--spacing-8);
  }
}

.contacts-info__list {
  gap: var(--spacing-4) var(--spacing-6);
  padding-bottom: var(--spacing-8);
  border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.contacts-info__item {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}

.contacts-info__icon {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}

.contacts-info__link {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: var(--color-text-primary);
}
@media (hover: hover) {
  .contacts-info__link:hover {
    color: var(--color-text-accent);
  }
}

.contacts-info__content {
  gap: var(--spacing-8);
}

.contacts-info__details {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
}
@media screen and (max-width: 1440px) {
  .contacts-info__details {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .contacts-info__details-label {
    width: 260px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .contacts-info__details-label {
    width: calc(
				240px + 20 *
					((100vw - 1440px) / (480))
			);
  }
}
@media (max-width: 1440px) {
  .contacts-info__details-label {
    width: 240px;
  }
}
@media screen and (max-width: 1440px) {
  .contacts-info__details-label {
    width: 100%;
  }
}

.contacts-info__details-list li::before {
  background-color: var(--color-primary);
}

.contacts-form {
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-2xl);
}

.contacts-form__head {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-background-primary);
  border-radius: 0 0 var(--border-radius-3xl) 0;
  padding: var(--spacing-4) var(--spacing-6) var(--spacing-6) var(--spacing-8);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .contacts-form__head {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .contacts-form__head {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .contacts-form__head {
    --pos: -20px;
  }
}
.contacts-form__head::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  bottom: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.contacts-form__head::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  top: 0;
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}

.contacts-form__body {
  padding: var(--spacing-8);
}

.contacts-form__fields {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}
@media screen and (min-width: 990px) {
  .contacts-form__fields {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .contacts-form__fields .input-box:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
.contacts-form__fields .input,
.contacts-form__fields .textarea {
  background-color: var(--color-background-input-dark);
}

.contacts-form__control {
  gap: var(--spacing-2);
  margin-left: var(--spacing-4);
  margin-bottom: var(--spacing-8);
}

.contacts-form__bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: var(--spacing-6);
}

.contacts-side {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}
@media screen and (min-width: 760px) {
  .contacts-side {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.contacts-side .contact-card:first-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 760px) {
  .contacts-side .contact-card:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

/* Администратор */
.header-admin {
  padding-right: var(--paddings-md2);
  padding-left: var(--paddings-md2);
}
@media (min-width: 767.98px) {
  .header-admin {
    padding-top: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin {
    padding-top: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin {
    padding-top: 14px;
  }
}
@media (min-width: 767.98px) {
  .header-admin {
    padding-bottom: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin {
    padding-bottom: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin {
    padding-bottom: 14px;
  }
}
@media (min-width: 1279.98px) {
  .header-admin {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .header-admin {
    padding-right: var(--paddings-md3);
    padding-left: var(--paddings-md3);
  }
}

.header-admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (min-width: 767.98px) {
  .header-admin__row {
    min-height: 44px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__row {
    min-height: calc(
				30px + 14 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__row {
    min-height: 30px;
  }
}

.header-admin__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}

.header-admin__menu {
  position: relative;
  z-index: 3;
}

@media (min-width: 767.98px) {
  .header-admin__burger {
    width: 32px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__burger {
    width: calc(
				30px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__burger {
    width: 30px;
  }
}
@media (min-width: 767.98px) {
  .header-admin__burger {
    height: 32px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__burger {
    height: calc(
				30px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__burger {
    height: 30px;
  }
}
.header-admin__burger span:last-child {
  display: none;
}
@media (min-width: 767.98px) {
  .header-admin__burger svg {
    width: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__burger svg {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__burger svg {
    width: 14px;
  }
}
.header-admin__burger._active span:first-child {
  display: none;
}
.header-admin__burger._active span:last-child {
  display: block;
}

.header-admin__logo {
  width: 244px;
}
@media (min-width: 767.98px) {
  .header-admin__logo {
    padding: 6px;
    border-radius: 999px;
    background-color: var(--color-f1f1f2);
  }
}
@media (max-width: 767.98px) {
  .header-admin__logo {
    width: 195px;
  }
}

.header-admin__notifications {
  position: relative;
  z-index: 3;
}

.header-admin__icon {
  position: relative;
  z-index: 2;
}
@media (min-width: 767.98px) {
  .header-admin__icon {
    width: 32px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__icon {
    width: calc(
				30px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__icon {
    width: 30px;
  }
}
@media (min-width: 767.98px) {
  .header-admin__icon {
    height: 32px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__icon {
    height: calc(
				30px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__icon {
    height: 30px;
  }
}
.header-admin__icon span:last-child {
  display: none;
}
@media (min-width: 767.98px) {
  .header-admin__icon svg {
    width: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .header-admin__icon svg {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .header-admin__icon svg {
    width: 14px;
  }
}
.header-admin__icon._active span:first-child {
  display: none;
}
.header-admin__icon._active span:last-child {
  display: block;
}
.header-admin__icon._messages:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--color-danger);
  border-radius: 50%;
  border: 2px solid var(--color-f5f5f5);
  position: absolute;
  top: -2px;
  right: -2px;
}

.sidebar-admin {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 24px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar-admin .button {
  min-height: 48px;
}
.sidebar-admin .button .button__icon {
  width: 16px;
  height: 16px;
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin .button .button__icon {
    width: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin .button .button__icon {
    width: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin .button .button__icon {
    width: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin .button .button__icon {
    height: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin .button .button__icon {
    height: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin .button .button__icon {
    height: 12px;
  }
}
@media (min-width: 1920px) {
  .sidebar-admin .button .button__label {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .sidebar-admin .button .button__label {
    font-size: calc(
				15px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin .button .button__label {
    font-size: 15px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin .button .button__label {
    font-size: 15px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin .button .button__label {
    font-size: calc(
				12px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin .button .button__label {
    font-size: 12px;
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin {
    display: none;
  }
}

@media (max-width: 1279.98px) {
  .sidebar-admin__logo {
    display: none;
  }
}

.sidebar-admin__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  background-color: var(--color-f1f1f2);
  border: 1px solid var(--color-border-primary);
}
@media (min-width: 1920px) {
  .sidebar-admin__content {
    border-radius: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .sidebar-admin__content {
    border-radius: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin__content {
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .sidebar-admin__content {
    row-gap: 64px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .sidebar-admin__content {
    row-gap: calc(
				56px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin__content {
    row-gap: 56px;
  }
}
@media (min-width: 1279.98px) {
  .sidebar-admin__content {
    position: sticky;
    top: 24px;
    left: 0;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media (min-width: 1279.98px) and (min-width: 1920px) {
  .sidebar-admin__content {
    width: 303px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .sidebar-admin__content {
    width: calc(
				239px + 64 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 1279.98px) and (max-width: 1279.98px) {
  .sidebar-admin__content {
    width: 239px;
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin__content {
    padding: 24px;
    background: #fdfcff;
    position: absolute;
    top: calc(100% + 13px);
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__content {
    border-radius: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__content {
    border-radius: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__content {
    border-radius: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__content {
    row-gap: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__content {
    row-gap: calc(
				16px + 12 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__content {
    row-gap: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__content {
    width: 239px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__content {
    width: calc(
				197px + 42 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__content {
    width: 197px;
  }
}
@media (max-width: 1279.98px) {
  .sidebar-admin__content._active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .sidebar-admin__content {
    padding: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__content {
    padding: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .sidebar-admin__content {
    padding: 8px;
  }
}

.sidebar-admin__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 28px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .sidebar-admin__blocks {
    row-gap: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__blocks {
    row-gap: calc(
				16px + 12 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .sidebar-admin__blocks {
    row-gap: 16px;
  }
}

.sidebar-admin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__block {
    row-gap: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__block {
    row-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__block {
    row-gap: 8px;
  }
}

.sidebar-admin__title {
  color: var(--color-5c5c5c);
}

.sidebar-admin__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .sidebar-admin__items {
    row-gap: 4px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__items {
    row-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .sidebar-admin__items {
    row-gap: 2px;
  }
}

.sidebar-admin__item {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  border-radius: 32px;
  padding: 0px 16px;
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__item {
    min-height: 40px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__item {
    min-height: calc(
				32px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__item {
    min-height: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__item {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__item {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__item {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__item {
    padding-left: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__item {
    padding-left: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__item {
    padding-left: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .sidebar-admin__item {
    padding-right: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .sidebar-admin__item {
    padding-right: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .sidebar-admin__item {
    padding-right: 8px;
  }
}
.sidebar-admin__item.--active {
  background-color: var(--color-primary);
}
.sidebar-admin__item.--active .item-sidebar-admin__icon path {
  fill: var(--color-text-inverted);
}
.sidebar-admin__item.--active .item-sidebar-admin__title {
  color: var(--color-text-inverted);
}
@media (any-hover: hover) {
  .sidebar-admin__item:hover {
    background-color: var(--color-primary);
  }
  .sidebar-admin__item:hover .item-sidebar-admin__icon path {
    fill: var(--color-text-inverted);
  }
  .sidebar-admin__item:hover .item-sidebar-admin__title {
    color: var(--color-text-inverted);
  }
}

@media (min-width: 767.98px) {
  .item-sidebar-admin__icon {
    width: 24px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .item-sidebar-admin__icon {
    width: calc(
				16px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .item-sidebar-admin__icon {
    width: 16px;
  }
}
.item-sidebar-admin__icon path {
  fill: var(--color-text-tertiary);
}

.item-sidebar-admin__title {
  color: var(--color-text-tertiary);
}

@media (min-width: 1279.98px) {
  .notifications-admin {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 1279.98px) and (min-width: 1920px) {
  .notifications-admin {
    width: 528px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin {
    width: calc(
				337px + 191 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 1279.98px) and (max-width: 1279.98px) {
  .notifications-admin {
    width: 337px;
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin {
    display: none;
  }
}
@media (min-width: 1279.98px) {
  .notifications-admin._none-pc {
    display: none;
  }
}

.notifications-admin__inner {
  background-color: var(--color-f1f1f2);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  border: 1px solid var(--color-border-primary);
}
@media (min-width: 1920px) {
  .notifications-admin__inner {
    padding: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__inner {
    padding: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__inner {
    padding: 20px;
  }
}
@media (min-width: 1279.98px) {
  .notifications-admin__inner {
    position: sticky;
    top: 0;
    left: 0;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__inner {
    border-radius: 16px;
    border: 1px solid var(--color-border-secondary);
    background: #fdfcff;
    position: absolute;
    top: calc(100% + 18px);
    right: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__inner {
    padding: 24px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__inner {
    padding: calc(
				16px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__inner {
    padding: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__inner {
    width: 337px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__inner {
    width: calc(
				265px + 72 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__inner {
    width: 265px;
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__inner._active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

.notifications-admin__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 12px;
}
@media (max-width: 1550.98px) {
  .notifications-admin__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: baseline;
        -ms-flex-pack: baseline;
            justify-content: baseline;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.notifications-admin__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
@media (max-width: 1550.98px) {
  .notifications-admin__right {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1920px) {
  .notifications-admin__read {
    width: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__read {
    width: calc(
				30px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__read {
    width: 30px;
  }
}
@media (min-width: 1920px) {
  .notifications-admin__read {
    height: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__read {
    height: calc(
				30px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__read {
    height: 30px;
  }
}
@media (min-width: 1920px) {
  .notifications-admin__read svg {
    width: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__read svg {
    width: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__read svg {
    width: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1920px) {
  .notifications-admin__read svg {
    width: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__read svg {
    width: calc(
				12px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 1279.98px) {
  .notifications-admin__read svg {
    width: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__read {
    width: 26px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__read {
    width: calc(
				20px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__read {
    width: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__read {
    height: 26px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__read {
    height: calc(
				20px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__read {
    height: 20px;
  }
}

.notifications-admin__toggle .toggle__text {
  font-weight: 500;
  line-height: 140%;
  font-size: 12px;
}

.notifications-admin__input .input {
  min-height: 44px;
  font-size: 17px;
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__input .input {
    min-height: 36px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__input .input {
    min-height: calc(
				32px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__input .input {
    min-height: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .notifications-admin__input .input {
    font-size: 17px;
  }
}
@media (max-width: 1279.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .notifications-admin__input .input {
    font-size: calc(
				14px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 320px) {
  .notifications-admin__input .input {
    font-size: 14px;
  }
}

.notifications-admin__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.notifications-admin__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (min-width: 1920px) {
  .notifications-admin__item {
    padding-top: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__item {
    padding-top: calc(
				14px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__item {
    padding-top: 14px;
  }
}
@media (min-width: 1920px) {
  .notifications-admin__item {
    padding-bottom: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .notifications-admin__item {
    padding-bottom: calc(
				14px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .notifications-admin__item {
    padding-bottom: 14px;
  }
}
.notifications-admin__item:not(:last-child) {
  border-bottom: 1px solid var(--color-border-secondary);
}

.item-notifications-admin__status {
  width: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-notifications-admin__status._active .item-notifications-admin__icon:first-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.item-notifications-admin__status._active .item-notifications-admin__icon:last-child {
  display: none !important;
}

.item-notifications-admin__icon {
  width: 100%;
}
.item-notifications-admin__icon:first-child {
  display: none !important;
}
.item-notifications-admin__icon._active:first-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.item-notifications-admin__icon._active:last-child {
  display: none !important;
}

.item-notifications-admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 1550.98px) {
  .item-notifications-admin__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 8px;
  }
}

.item-notifications-admin__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.item-notifications-admin__content button {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.item-notifications-admin__text span {
  color: var(--color-primary);
}

.item-notifications-admin__btn {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.item-notifications-admin__date {
  color: var(--color-text-tertiary);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Общие стили */
@media (max-width: 767.98px) {
  .flex-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767.98px) {
  .panel {
    min-height: 100vh;
  }
}
@media (max-width: 767.98px) {
  .panel {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.admin {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-f5f5f5);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.admin * {
  scrollbar-color: rgba(139, 138, 140, 0.18) transparent;
}
@media (min-width: 1920px) {
  .admin * {
    scrollbar-width: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .admin * {
    scrollbar-width: calc(
				6px + 2 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .admin * {
    scrollbar-width: 6px;
  }
}
.admin *::-webkit-scrollbar {
  border-radius: 8px;
}
@media (min-width: 1920px) {
  .admin *::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .admin *::-webkit-scrollbar {
    width: calc(
				6px + 2 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .admin *::-webkit-scrollbar {
    width: 6px;
  }
}
.admin *::-webkit-scrollbar-track {
  width: 100%;
}
.admin *::-webkit-scrollbar-thumb {
  width: 100%;
  border-radius: 8px;
  background: rgba(139, 138, 140, 0.18);
}

.admin__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1279.98px) {
  .admin__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.admin__main {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 1279.98px) {
  .admin__main {
    padding-bottom: 24px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1920px) {
  .admin__main {
    padding-right: 32px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__main {
    padding-right: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 1279.98px) and (max-width: 1279.98px) {
  .admin__main {
    padding-right: 16px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1920px) {
  .admin__main {
    padding-left: 32px;
  }
}
@media (min-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__main {
    padding-left: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 1279.98px) and (max-width: 1279.98px) {
  .admin__main {
    padding-left: 16px;
  }
}
@media (max-width: 1279.98px) {
  .admin__main {
    padding-left: var(--paddings-md2);
    padding-right: var(--paddings-md2);
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .admin__main {
    padding-left: var(--paddings-md3);
    padding-right: var(--paddings-md3);
    padding-top: 18px;
  }
}

.admin__report {
  background-color: var(--color-f1f1f2);
  border: 1px solid var(--color-border-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .admin__report {
    row-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__report {
    row-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__report {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__report {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__report {
    row-gap: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__report {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 1279.98px) {
  .admin__report {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__report {
    row-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .admin__report {
    row-gap: 12px;
  }
}

.report-admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.report-admin__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .report-admin__line {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__line {
    -webkit-column-gap: calc(
				8px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				8px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				8px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__line {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

@media (min-width: 1920px) {
  .report-admin__button {
    min-height: 48px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__button {
    min-height: calc(
				46px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__button {
    min-height: 46px;
  }
}
@media (min-width: 1920px) {
  .report-admin__button {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__button {
    font-size: calc(
				15px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__button {
    font-size: 15px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__button {
    padding-left: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__button {
    padding-left: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__button {
    padding-left: 12px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__button {
    padding-right: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__button {
    padding-right: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__button {
    padding-right: 12px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__button {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__button {
    -webkit-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__button {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (min-width: 1920px) {
  .report-admin__button svg {
    width: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__button svg {
    width: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__button svg {
    width: 14px;
  }
}
@media (min-width: 1920px) {
  .report-admin__button svg {
    height: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__button svg {
    height: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__button svg {
    height: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1920px) {
  .report-admin__button {
    min-height: 46px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__button {
    min-height: calc(
				38px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 1279.98px) {
  .report-admin__button {
    min-height: 38px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button {
    -webkit-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button {
    min-height: 38px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button {
    min-height: calc(
				28px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button {
    min-height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button {
    padding-left: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button {
    padding-left: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button {
    padding-left: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button {
    padding-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button {
    padding-right: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button {
    padding-right: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button {
    font-size: calc(
				12px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button svg {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button svg {
    width: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button svg {
    width: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__button svg {
    height: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__button svg {
    height: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__button svg {
    height: 12px;
  }
}

.report-admin__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1279.98px) {
  .report-admin__items {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__items {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__items {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (max-width: 767.98px) {
  .report-admin__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6px;
  }
}

.report-admin__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 8px;
  background: -o-linear-gradient(282deg, #b9a4f5 0%, #f4f3f6 100%);
  background: linear-gradient(168deg, #b9a4f5 0%, #f4f3f6 100%);
  border: 1px solid var(--color-primary);
}
@media (min-width: 1920px) {
  .report-admin__item {
    border-radius: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__item {
    border-radius: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__item {
    border-radius: 14px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__item {
    padding-top: 12px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    padding-top: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__item {
    padding-top: 8px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__item {
    padding-bottom: 12px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    padding-bottom: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__item {
    padding-bottom: 8px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__item {
    padding-left: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    padding-left: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__item {
    padding-left: 12px;
  }
}
@media (min-width: 1279.98px) {
  .report-admin__item {
    padding-right: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    padding-right: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .report-admin__item {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .report-admin__item {
    min-height: 89px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .report-admin__item {
    min-height: calc(
				82px + 7 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .report-admin__item {
    min-height: 82px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .report-admin__item {
    border-radius: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    border-radius: calc(
				12px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .report-admin__item {
    border-radius: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .report-admin__item {
    min-height: 82px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .report-admin__item {
    min-height: calc(
				70px + 12 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .report-admin__item {
    min-height: 70px;
  }
}
@media (max-width: 767.98px) {
  .report-admin__item {
    row-gap: 4px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    min-height: 70px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    min-height: calc(
				64px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    min-height: 64px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    padding-top: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    padding-top: calc(
				6px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    padding-top: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    padding-bottom: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    padding-bottom: calc(
				6px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    padding-bottom: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    padding-left: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    padding-left: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    padding-left: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    padding-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    padding-right: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    padding-right: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .report-admin__item {
    border-radius: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .report-admin__item {
    border-radius: calc(
				10px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .report-admin__item {
    border-radius: 10px;
  }
}

.item-report-admin__number {
  color: var(--color-primary);
  font-family: var(--font-family-base) !important;
}
@media (min-width: 1920px) {
  .item-report-admin__number {
    font-size: 28px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .item-report-admin__number {
    font-size: calc(
				15px + 13 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .item-report-admin__number {
    font-size: 15px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .item-report-admin__number {
    font-size: 17px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .item-report-admin__number {
    font-size: calc(
				14px + 3 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .item-report-admin__number {
    font-size: 14px;
  }
}

.admin__interaction {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1279.98px) {
  .admin__interaction {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__interaction {
    -webkit-column-gap: calc(
				24px + 8 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				24px + 8 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				24px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .admin__interaction {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (min-width: 767.98px) {
  .admin__interaction {
    margin-top: 20px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .admin__interaction {
    margin-top: calc(
				10px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .admin__interaction {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .admin__interaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
  }
}

.interaction-admin__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .interaction-admin__column {
    row-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__column {
    row-gap: calc(
				16px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__column {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__column {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__column {
    row-gap: calc(
				8px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__column {
    row-gap: 8px;
  }
}

.interaction-admin__item {
  background-color: var(--color-f1f1f2);
  border: 1px solid var(--color-border-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .interaction-admin__item {
    row-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__item {
    row-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__item {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__item {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__item {
    row-gap: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__item {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 1279.98px) {
  .interaction-admin__item {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__item {
    row-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .interaction-admin__item {
    row-gap: 12px;
  }
}

.interaction-admin__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

@media (min-width: 1920px) {
  .interaction-admin__icon {
    width: 44px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__icon {
    width: calc(
				32px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__icon {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__icon {
    height: 44px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__icon {
    height: calc(
				32px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__icon {
    height: 32px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__icon svg {
    width: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__icon svg {
    width: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__icon svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__icon svg {
    height: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__icon svg {
    height: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__icon svg {
    height: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__icon {
    width: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__icon {
    width: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__icon {
    width: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__icon {
    height: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__icon {
    height: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__icon {
    height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__icon {
    width: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__icon {
    width: calc(
				22px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__icon {
    width: 22px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__icon {
    height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__icon {
    height: calc(
				22px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__icon {
    height: 22px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__icon svg {
    width: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__icon svg {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__icon svg {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__icon svg {
    height: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__icon svg {
    height: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__icon svg {
    height: 14px;
  }
}

.interaction-admin__elems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1279.98px) {
  .interaction-admin__elems {
    row-gap: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__elems {
    row-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .interaction-admin__elems {
    row-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 1279.98px) {
  .interaction-admin__elems {
    row-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__elems {
    row-gap: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .interaction-admin__elems {
    row-gap: 8px;
  }
}

.interaction-admin__elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background: rgba(223, 222, 224, 0.4);
}
@media (min-width: 1920px) {
  .interaction-admin__elem {
    padding: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__elem {
    padding: calc(
				12px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__elem {
    padding: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__elem {
    border-radius: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__elem {
    border-radius: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__elem {
    border-radius: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__elem {
    padding: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__elem {
    padding: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__elem {
    padding: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__elem {
    border-radius: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__elem {
    border-radius: calc(
				12px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__elem {
    border-radius: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__elem {
    padding: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__elem {
    padding: calc(
				6px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__elem {
    padding: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__elem {
    border-radius: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__elem {
    border-radius: calc(
				10px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__elem {
    border-radius: 10px;
  }
}

.elem-interaction-admin__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1279.98px) {
  .elem-interaction-admin__info {
    row-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .elem-interaction-admin__info {
    row-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .elem-interaction-admin__info {
    row-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .elem-interaction-admin__info {
    row-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .elem-interaction-admin__info {
    row-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .elem-interaction-admin__info {
    row-gap: 4px;
  }
}

.elem-interaction-admin__number {
  color: var(--color-primary);
}

.elem-interaction-admin__link {
  font-weight: 500;
  display: block;
  color: var(--color-primary);
  text-align: right;
  line-height: 94%;
}
@media (min-width: 1920px) {
  .elem-interaction-admin__link {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .elem-interaction-admin__link {
    font-size: calc(
				15px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .elem-interaction-admin__link {
    font-size: 15px;
  }
}
@media (min-width: 1279.98px) {
  .elem-interaction-admin__link {
    margin-right: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .elem-interaction-admin__link {
    margin-right: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .elem-interaction-admin__link {
    margin-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .elem-interaction-admin__link {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .elem-interaction-admin__link {
    font-size: calc(
				12px + 3 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .elem-interaction-admin__link {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 1279.98px) {
  .elem-interaction-admin__link {
    margin-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .elem-interaction-admin__link {
    margin-right: calc(
				4px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .elem-interaction-admin__link {
    margin-right: 4px;
  }
}

.interaction-admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  border-top: 1px solid var(--color-border-primary);
}
@media (min-width: 1920px) {
  .interaction-admin__row {
    padding-left: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__row {
    padding-left: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__row {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__row {
    padding-right: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__row {
    padding-right: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__row {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__row {
    min-height: 80px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__row {
    min-height: calc(
				60px + 20 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__row {
    min-height: 60px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__row {
    margin-left: -24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__row {
    margin-left: calc(
				-20px + -4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__row {
    margin-left: -20px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__row {
    margin-right: -24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__row {
    margin-right: calc(
				-20px + -4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__row {
    margin-right: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__row {
    min-height: 60px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__row {
    min-height: calc(
				48px + 12 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__row {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__row {
    padding-left: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__row {
    padding-left: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__row {
    padding-left: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__row {
    padding-right: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__row {
    padding-right: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__row {
    padding-right: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__row {
    margin-left: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__row {
    margin-left: calc(
				-16px + -4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__row {
    margin-left: -16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__row {
    margin-right: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__row {
    margin-right: calc(
				-16px + -4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__row {
    margin-right: -16px;
  }
}
@media (max-width: 767.98px) {
  .interaction-admin__row {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__row {
    min-height: 48px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__row {
    min-height: calc(
				36px + 12 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__row {
    min-height: 36px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__row {
    margin-left: -16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__row {
    margin-left: calc(
				-12px + -4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__row {
    margin-left: -12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__row {
    margin-right: -16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__row {
    margin-right: calc(
				-12px + -4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__row {
    margin-right: -12px;
  }
}

.row-interaction-admin__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media (min-width: 1279.98px) {
  .row-interaction-admin__number {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .row-interaction-admin__number {
    -webkit-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .row-interaction-admin__number {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .row-interaction-admin__number {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .row-interaction-admin__number {
    -webkit-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .row-interaction-admin__number {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}

@media (min-width: 1920px) {
  .row-interaction-admin__number-icon {
    width: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .row-interaction-admin__number-icon {
    width: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .row-interaction-admin__number-icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .row-interaction-admin__number-icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .row-interaction-admin__number-icon {
    width: calc(
				20px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .row-interaction-admin__number-icon {
    width: 20px;
  }
}

.interaction-admin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-top: 1px solid var(--color-border-primary);
  row-gap: 12px;
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    padding-top: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    padding-top: calc(
				12px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-top: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    padding-bottom: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    padding-bottom: calc(
				12px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-bottom: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    padding-left: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    padding-left: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    padding-right: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    padding-right: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    margin-left: -24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    margin-left: calc(
				-20px + -4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    margin-left: -20px;
  }
}
@media (min-width: 1920px) {
  .interaction-admin__block {
    margin-right: -24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .interaction-admin__block {
    margin-right: calc(
				-20px + -4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .interaction-admin__block {
    margin-right: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    padding-top: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-top: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    padding-top: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    padding-bottom: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-bottom: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    padding-bottom: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    padding-left: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-left: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    padding-left: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    padding-right: 12px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    padding-right: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    padding-right: 8px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    margin-left: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    margin-left: calc(
				-16px + -4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    margin-left: -16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .interaction-admin__block {
    margin-right: -20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .interaction-admin__block {
    margin-right: calc(
				-16px + -4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .interaction-admin__block {
    margin-right: -16px;
  }
}
@media (max-width: 767.98px) {
  .interaction-admin__block {
    padding: 12px !important;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__block {
    margin-left: -16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__block {
    margin-left: calc(
				-12px + -4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__block {
    margin-left: -12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .interaction-admin__block {
    margin-right: -16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .interaction-admin__block {
    margin-right: calc(
				-12px + -4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .interaction-admin__block {
    margin-right: -12px;
  }
}

.admin__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px;
}
@media screen and (max-width: 990px) {
  .admin__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-4);
  }
}
@media (max-width: 767.98px) {
  .admin__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
  }
}

@media (max-width: 767.98px) {
  .admin__head_row-mob {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 990px) {
  .head-admin__title {
    position: relative;
    z-index: 3;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__title {
    padding: 32px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__title {
    padding: calc(
				20px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__title {
    padding: 20px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__title {
    padding-bottom: 27px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__title {
    padding-bottom: calc(
				11px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__title {
    padding-bottom: 11px;
  }
}
@media (min-width: 990px) {
  .head-admin__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -1px;
    display: block;
    background-image: url("../img/icons/border-decor.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 2;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__title:after {
    width: 53px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__title:after {
    width: calc(
				24px + 29 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__title:after {
    width: 24px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__title:after {
    height: 53px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__title:after {
    height: calc(
				24px + 29 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__title:after {
    height: 24px;
  }
}

@media (min-width: 990px) {
  .head-admin__title_not-wrap {
    white-space: nowrap;
  }
}

@media (min-width: 990px) {
  .head-admin__right {
    border: 1px solid var(--color-border-primary);
    border-bottom: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background-color: var(--color-f1f1f2);
    padding-top: 16px;
    padding-bottom: 22px;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__right {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__right {
    -webkit-column-gap: calc(
				8px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				8px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				8px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__right {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__right {
    border-top-left-radius: 32px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__right {
    border-top-left-radius: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__right {
    border-top-left-radius: 24px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__right {
    border-top-right-radius: 32px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__right {
    border-top-right-radius: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__right {
    border-top-right-radius: 24px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__right {
    padding-left: 32px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__right {
    padding-left: calc(
				20px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__right {
    padding-left: 20px;
  }
}
@media (min-width: 990px) and (min-width: 1920px) {
  .head-admin__right {
    padding-right: 32px;
  }
}
@media (min-width: 990px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .head-admin__right {
    padding-right: calc(
				20px + 12 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 990px) and (max-width: 1279.98px) {
  .head-admin__right {
    padding-right: 20px;
  }
}
@media (max-width: 1600.98px) {
  .head-admin__right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .head-admin__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
  }
}

.head-admin__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 8px;
}
@media (max-width: 1600.98px) {
  .head-admin__content {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .head-admin__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.head-admin__content_3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1600.98px) {
  .head-admin__content_3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .head-admin__content_3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.head-admin__content_4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1600.98px) {
  .head-admin__content_4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767.98px) {
  .head-admin__content_4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.head-admin__content_6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1600.98px) {
  .head-admin__content_6 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .head-admin__content_6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .head-admin__content_6 > * {
    width: 100%;
  }
  .head-admin__content_6 > *:nth-child(2), .head-admin__content_6 > *:nth-child(3), .head-admin__content_6 > *:nth-child(5), .head-admin__content_6 > *:nth-child(6) {
    width: calc(50% - 4px);
  }
}

.head-admin__content_static {
  display: block;
}

.head-admin__row {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media (max-width: 767.98px) {
  .head-admin__tags {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.head-admin__btn-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.head-admin__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}

.admin__content {
  padding-bottom: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--spacing-6) var(--spacing-8);
}
@media (min-width: 767.98px) {
  .admin__content {
    background-color: var(--color-f1f1f2);
    border-top-right-radius: 0 !important;
    border: 1px solid var(--color-border-primary);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .admin__content {
    border-radius: 32px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__content {
    border-radius: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__content {
    border-radius: 24px;
  }
}
@media (max-width: 767.98px) {
  .admin__content {
    margin-top: 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0;
  }
}

@media (min-width: 1600.98px) and (min-width: 1680px) {
  .content-admin__head_m-b {
    margin-bottom: 24px;
  }
}
@media (min-width: 1600.98px) and (min-width: 360px) and (max-width: 1680px) {
  .content-admin__head_m-b {
    margin-bottom: calc(
				12px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (min-width: 1600.98px) and (max-width: 360px) {
  .content-admin__head_m-b {
    margin-bottom: 12px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__head_m-b {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 26px !important;
  }
  .content-admin__head_m-b .admin-tags {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .content-admin__head_m-b .admin-tags_3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.content-admin__head_rg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}

@media (min-width: 767.98px) and (min-width: 1279.98px) {
  .content-admin__head {
    padding-top: 23px;
  }
}
@media (min-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__head {
    padding-top: calc(
				20px + 3 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .content-admin__head {
    padding-top: 20px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) {
  .content-admin__head {
    padding-left: 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__head {
    padding-left: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .content-admin__head {
    padding-left: 8px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) {
  .content-admin__head {
    padding-right: 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__head {
    padding-right: calc(
				8px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .content-admin__head {
    padding-right: 8px;
  }
}

.admin__btn-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 1279.98px) {
  .admin__btn-line {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__btn-line {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .admin__btn-line {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .admin__btn-line {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.admin__btn {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

@media (min-width: 1920px) {
  ._min-height {
    min-height: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._min-height {
    min-height: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._min-height {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._min-height {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._min-height {
    min-height: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._min-height {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._min-height {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._min-height {
    min-height: calc(
				38px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._min-height {
    min-height: 38px;
  }
}

@media (min-width: 1920px) {
  ._min-height_btn-circle {
    width: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._min-height_btn-circle {
    width: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._min-height_btn-circle {
    width: 48px;
  }
}
@media (min-width: 1920px) {
  ._min-height_btn-circle {
    height: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._min-height_btn-circle {
    height: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._min-height_btn-circle {
    height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._min-height_btn-circle {
    height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._min-height_btn-circle {
    height: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._min-height_btn-circle {
    height: 40px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._min-height_btn-circle {
    width: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._min-height_btn-circle {
    width: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._min-height_btn-circle {
    width: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._min-height_btn-circle {
    height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._min-height_btn-circle {
    height: calc(
				38px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._min-height_btn-circle {
    height: 38px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._min-height_btn-circle {
    width: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._min-height_btn-circle {
    width: calc(
				38px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._min-height_btn-circle {
    width: 38px;
  }
}

/* ==========================================================================
   Автовебинары — admin-*
   ========================================================================== */
:root {
  --admin-radius: var(--border-radius-2xl, 16px);
  --admin-radius-lg: var(--border-radius-3xl, 24px);
  --admin-player-bg: #2b2540;
  --admin-live: var(--color-danger, #ff4d4f);
}

/* ---------- Общие мелочи ---------- */
.admin-hidden {
  display: none !important;
}

.admin-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--color-surface-primary);
  color: var(--color-text-secondary);
  font-size: 15px;
  line-height: var(--line-height-text);
}

.admin-hint--warning {
  background: var(--color-surface-warning);
}

.admin-hint--success {
  background: var(--color-surface-success);
}

.admin-hint svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 2px;
}

.admin-badge-live {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--border-radius-full);
  background: var(--admin-live);
  color: #fff;
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  line-height: 1;
}

.admin-badge-live::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  -webkit-animation: admin-pulse 1.6s infinite;
          animation: admin-pulse 1.6s infinite;
}

@-webkit-keyframes admin-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes admin-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
/* ---------- Таймер ---------- */
.admin-timer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  font-family: var(--font-family-heading);
  font-variant-numeric: tabular-nums;
}

.admin-timer__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 64px;
  padding: 10px 8px 8px;
  border-radius: 12px;
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
}

.admin-timer__value {
  font-size: 32px;
  line-height: 1;
}

.admin-timer__label {
  margin-top: 6px;
  font-family: var(--font-family-base);
  font-size: 12px;
  color: var(--color-text-tertiary);
}

.admin-timer--inverted .admin-timer__unit {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.admin-timer--inverted .admin-timer__label {
  color: rgba(255, 255, 255, 0.7);
}

.admin-timer--compact .admin-timer__unit {
  min-width: 48px;
  padding: 6px;
}

.admin-timer--compact .admin-timer__value {
  font-size: 20px;
}

.admin-timer--big .admin-timer__unit {
  min-width: 88px;
}

.admin-timer--big .admin-timer__value {
  font-size: 48px;
}

@media (max-width: 767.98px) {
  .admin-timer__unit {
    min-width: 52px;
  }
  .admin-timer__value {
    font-size: 24px;
  }
  .admin-timer--big .admin-timer__unit {
    min-width: 64px;
  }
  .admin-timer--big .admin-timer__value {
    font-size: 32px;
  }
}
/* ---------- Слоты ---------- */
.admin-slots {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.admin-slots__label {
  font-size: 15px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.admin-slots__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.admin-slots__tz {
  font-size: 13px;
  color: var(--color-text-tertiary);
}

.admin-slots__empty {
  font-size: 15px;
  color: var(--color-text-tertiary);
}

.admin-slots--inverted .admin-slots__label {
  color: var(--color-text-inverted);
}

.admin-slots--inverted .admin-slots__tz {
  color: rgba(253, 252, 255, 0.75);
}

.admin-chip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.admin-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.admin-chip input:checked + .admin-chip__body {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
          box-shadow: inset 0 0 0 1px var(--color-primary);
}

.admin-chip input:focus-visible + .admin-chip__body {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.admin-chip input:disabled + .admin-chip__body {
  cursor: not-allowed;
  opacity: 0.5;
  background: var(--color-surface-disabled);
}

.admin-chip__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 112px;
  padding: 10px 16px;
  border: 1px solid var(--color-border-secondary);
  border-radius: 12px;
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  -webkit-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  -o-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
}

.admin-chip__main {
  font-weight: var(--font-weight-medium);
  font-size: 16px;
}

.admin-chip__sub {
  font-size: 13px;
  color: var(--color-text-tertiary);
}

.admin-chip:hover .admin-chip__body {
  border-color: var(--color-primary);
}

.admin-chip--sm .admin-chip__body {
  min-width: 52px;
  padding: 8px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-chip--sm .admin-chip__main {
  font-size: 15px;
}

/* ---------- Лендинг ---------- */
.admin-landing-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-landing-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 12px;
  margin-bottom: 24px;
  color: var(--color-text-inverted);
}

.admin-landing-price__value {
  font-family: var(--font-family-heading);
  font-size: 36px;
}

.admin-landing-price__old {
  text-decoration: line-through;
  opacity: 0.6;
  font-size: 20px;
}

.admin-signup-step {
  margin-bottom: 24px;
}

.admin-success {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  padding: 32px;
  border-radius: var(--admin-radius-lg);
  background: var(--color-background-primary);
  color: var(--color-text-primary);
}

.admin-success__title {
  font-family: var(--font-family-heading);
  font-size: 28px;
  line-height: var(--line-height-title);
}

.admin-success__slot {
  font-size: 20px;
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.admin-success__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

.admin-success__instant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 16px;
  background: var(--color-secondary-light);
}

/* ---------- Виджет в ЛК ---------- */
.admin-widget {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  padding: 20px;
  border-radius: var(--admin-radius-lg);
  background: var(--color-background-primary);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.admin-widget + .admin-widget {
  margin-top: 16px;
}

.admin-widget__media {
  position: relative;
  aspect-ratio: 16/10;
  border-radius: var(--admin-radius);
  overflow: hidden;
  background: var(--gradient-accent);
}

.admin-widget__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.admin-widget__media .admin-badge-live {
  position: absolute;
  left: 12px;
  top: 12px;
}

.admin-widget__body {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-flex-line-pack: start;
      align-content: start;
}

.admin-widget__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-widget__title {
  font-family: var(--font-family-heading);
  font-size: 24px;
  line-height: var(--line-height-title);
}

.admin-widget__when {
  font-size: 16px;
  color: var(--color-text-secondary);
}

.admin-widget__when strong {
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.admin-widget__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.admin-widget__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-widget__note {
  font-size: 13px;
  color: var(--color-text-tertiary);
}

@media (max-width: 1279.98px) {
  .admin-widget {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .admin-widget__actions .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
/* ---------- Комната эфира ---------- */
.admin-room {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.admin-room__head {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.admin-room__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-tertiary);
  font-size: 15px;
}

.admin-room-desc {
  font-size: 16px;
  line-height: var(--line-height-text);
  color: var(--color-text-secondary);
}

.admin-room-links {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.admin-room-links .button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ---------- Плеер ---------- */
.admin-player {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--admin-radius-lg);
  overflow: hidden;
  background: var(--admin-player-bg);
  color: #fff;
  isolation: isolate;
}

.admin-player__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
}

.admin-player__video::-webkit-media-controls {
  display: none !important;
}

.admin-player__placeholder {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  text-align: center;
  padding: 24px;
  background: -o-radial-gradient(30% 20%, circle, #4b3d82 0%, var(--admin-player-bg) 70%);
  background: radial-gradient(circle at 30% 20%, #4b3d82 0%, var(--admin-player-bg) 70%);
  color: rgba(255, 255, 255, 0.75);
  font-size: 15px;
}

.admin-player__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
  opacity: 0;
  -webkit-transition: opacity var(--transition-duration-base);
  -o-transition: opacity var(--transition-duration-base);
  transition: opacity var(--transition-duration-base);
}

.admin-player__bar-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.admin-player__time {
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  opacity: 0.9;
}

.admin-player__icon-btn {
  display: -ms-inline-grid;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  cursor: pointer;
}

.admin-player__icon-btn:hover {
  background: rgba(255, 255, 255, 0.28);
}

.admin-player__icon-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.admin-player__volume {
  width: 96px;
  accent-color: var(--color-primary);
}

.admin-player__live {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

.admin-player__start {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, 0.45);
}

.admin-player.--no-video .admin-player__placeholder {
  display: -ms-grid;
  display: grid;
}

.admin-player.--screen-active .admin-player__placeholder {
  display: none;
}

.admin-player.--need-gesture .admin-player__start {
  display: -ms-grid;
  display: grid;
}

.admin-player:hover .admin-player__bar,
.admin-player:focus-within .admin-player__bar,
.admin-player.--touch .admin-player__bar {
  opacity: 1;
}

@media (max-width: 767.98px) {
  .admin-player {
    border-radius: var(--admin-radius);
    aspect-ratio: auto;
    min-height: 56vw;
  }
  .admin-player__video {
    position: relative;
    height: auto;
    aspect-ratio: 16/9;
  }
  .admin-player.--screen-active .admin-player__video,
  .admin-player.--screen-active .admin-player__placeholder {
    display: none;
  }
  .admin-player__volume {
    display: none;
  }
}
.admin-screen {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  padding: 32px;
  text-align: center;
  background: -o-radial-gradient(25% 15%, circle, #5a47a3 0%, var(--admin-player-bg) 65%);
  background: radial-gradient(circle at 25% 15%, #5a47a3 0%, var(--admin-player-bg) 65%);
  overflow-y: auto;
}

.admin-screen.--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-screen__title {
  max-width: 640px;
  font-family: var(--font-family-heading);
  font-size: 32px;
  line-height: var(--line-height-title);
}

.admin-screen__text {
  max-width: 560px;
  font-size: 17px;
  line-height: var(--line-height-text);
  color: rgba(255, 255, 255, 0.82);
}

.admin-screen__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}

.admin-screen--final {
  background: rgba(43, 37, 64, 0.92);
}

@media (max-width: 767.98px) {
  .admin-screen {
    position: relative;
    display: none;
    min-height: 320px;
    padding: 24px 16px;
  }
  .admin-screen.--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-screen__title {
    font-size: 22px;
  }
  .admin-screen__text {
    font-size: 15px;
  }
}
/* ---------- Продающие элементы ---------- */
.admin-offers:empty {
  display: none;
}

.admin-offer {
  -webkit-animation: admin-offer-in var(--transition-duration-slow) var(--transition-timing-ease-out);
          animation: admin-offer-in var(--transition-duration-slow) var(--transition-timing-ease-out);
}

.admin-offer--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-offer--button .button {
  width: auto;
}

.admin-offer--button.admin-offer--large .button {
  width: 100%;
  min-height: 64px;
  font-size: 18px;
}

.admin-offer--button.admin-offer--medium .button {
  min-width: 280px;
}

.admin-offer--widget {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 8px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
  border-radius: var(--admin-radius-lg);
  background: var(--color-surface-primary);
  border: 1px solid var(--color-surface-primary-300);
}

.admin-offer__title {
  font-family: var(--font-family-heading);
  font-size: 22px;
  line-height: var(--line-height-title);
  color: var(--color-text-primary);
}

.admin-offer__text {
  font-size: 15px;
  color: var(--color-text-secondary);
}

.admin-offer__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.admin-offer__price-new {
  font-size: 24px;
  font-family: var(--font-family-heading);
  color: var(--color-text-accent);
}

.admin-offer__price-old {
  text-decoration: line-through;
  color: var(--color-text-tertiary);
}

.admin-offer__aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/span 3;
  -ms-grid-column: 2;
  grid-column: 2;
  display: -ms-grid;
  display: grid;
  gap: 8px;
  justify-items: end;
}

@media (max-width: 767.98px) {
  .admin-offer--widget {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .admin-offer__aside {
    grid-row: auto;
    grid-column: auto;
    justify-items: stretch;
  }
  .admin-offer--button .button {
    width: 100%;
  }
}
@-webkit-keyframes admin-offer-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes admin-offer-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .admin-offer,
  .admin-badge-live::before {
    -webkit-animation: none;
            animation: none;
  }
}
@media (max-width: 767.98px) {
  [data-admin-state=live] .admin-offers--sticky-mobile {
    position: sticky;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    z-index: 5;
  }
}
/* ---------- Демо-панель ---------- */
.admin-demo {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: var(--z-index-toast, 1700);
  width: min(320px, 100vw - 32px);
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
  border: 1px dashed var(--color-primary);
  font-size: 13px;
}

.admin-demo__title {
  font-weight: var(--font-weight-bold);
  margin-bottom: 8px;
  color: var(--color-text-accent);
}

.admin-demo__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}

.admin-demo__btn {
  padding: 6px 10px;
  border: 1px solid var(--color-border-secondary);
  border-radius: 8px;
  background: var(--color-surface-secondary);
  cursor: pointer;
  font-size: 12px;
}

.admin-demo__btn:hover,
.admin-demo__btn.--active {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
}

.admin-demo__toggle {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-text-tertiary);
}

.admin-demo.--collapsed .admin-demo__grid {
  display: none;
}

@media (max-width: 767.98px) {
  .admin-demo {
    bottom: 84px;
  }
}
/* ---------- Админка: статистика, статусы, таблица ---------- */
.admin-stats {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-6);
}

@media (max-width: 1279.98px) {
  .admin-stats {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .admin-stats {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.admin-stat {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
  padding: var(--spacing-4);
  border-radius: var(--admin-radius);
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-secondary);
}

.admin-stat--accent {
  background: var(--color-surface-primary);
  border-color: var(--color-surface-primary-300);
}

.admin-stat--accent .admin-stat__value {
  color: var(--color-text-accent) !important;
}

.admin-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  white-space: nowrap;
  background: var(--color-surface-secondary);
  color: var(--color-text-secondary);
}

.admin-status--planned {
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
}

.admin-status--live {
  background: var(--color-surface-danger);
  color: var(--color-danger-hover);
}

.admin-status--done {
  background: var(--color-surface-success);
  color: #2f7d0b;
}

.admin-status--pending {
  background: var(--color-surface-warning);
  color: #a35a00;
}

.admin-table .table-content-admin__text {
  text-align: left;
}

@media (min-width: 767.98px) {
  .admin-table .table-content-admin__head,
  .admin-table .table-content-admin__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(240px, 2.4fr) 1fr 0.8fr 1fr 1fr 64px;
    grid-template-columns: minmax(240px, 2.4fr) 1fr 0.8fr 1fr 1fr 64px;
  }
  .admin-table .table-content-admin__column {
    width: auto !important;
    min-width: 0;
  }
  .admin-table .table-content-admin__column:not(.table-content-admin__column_actions) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 767.98px) {
  .admin-table--members .table-content-admin__head,
  .admin-table--members .table-content-admin__row {
    -ms-grid-columns: minmax(220px, 2fr) 1fr 1fr 0.8fr 1fr 0.9fr 1fr 64px;
    grid-template-columns: minmax(220px, 2fr) 1fr 1fr 0.8fr 1fr 0.9fr 1fr 64px;
  }
}
.admin-num {
  font-variant-numeric: tabular-nums;
}

/* ---------- Повторяемые блоки ---------- */
.admin-repeater {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.admin-repeater__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: var(--admin-radius);
  background: var(--color-surface-secondary);
}

.admin-repeater__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.admin-repeater__title {
  font-weight: var(--font-weight-medium);
  font-size: 17px;
}

.admin-repeater__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.admin-repeater__grid--3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-repeater__full {
  grid-column: 1/-1;
}

@media (max-width: 767.98px) {
  .admin-repeater__grid,
  .admin-repeater__grid--3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.admin-times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

.admin-times .input-box {
  width: 160px;
}

.admin-radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
}

.admin-switch-section {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.admin-switch-section[hidden] {
  display: none;
}

.admin-schedule-preview {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.admin-schedule-preview__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.admin-schedule-preview__item {
  padding: 6px 12px;
  border-radius: 10px;
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.admin-schedule-preview__more {
  padding: 6px 4px;
  font-size: 14px;
  color: var(--color-text-tertiary);
}

/* ---------- Предпросмотр ---------- */
.admin-preview {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 360px;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.admin-preview__main {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

@media (max-width: 1279.98px) {
  .admin-preview {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.admin-timeline {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.admin-timeline__track {
  position: relative;
  height: 36px;
}

.admin-timeline__range {
  position: absolute;
  inset: 12px 0 auto;
  width: 100%;
  accent-color: var(--color-primary);
}

.admin-timeline__marker {
  position: absolute;
  top: 0;
  width: 4px;
  height: 12px;
  border-radius: 2px;
  background: var(--color-tertiary);
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px);
  pointer-events: none;
}

.admin-timeline__marker--widget {
  background: var(--color-accent-secondary);
}

.admin-timeline__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
}

.admin-timeline__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.admin-cue-list {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.admin-cue {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface-secondary);
  border: 1px solid transparent;
}

.admin-cue.--visible {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
}

.admin-cue__time {
  font-variant-numeric: tabular-nums;
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.admin-cue__go {
  border: 0;
  background: none;
  color: var(--color-text-accent);
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}

/* ---------- Прочее ---------- */
.button.admin-disabled {
  pointer-events: none;
  opacity: 0.45;
  cursor: not-allowed;
}

[data-admin-mute] .admin-ico-muted {
  display: none;
}

[data-admin-mute][data-muted=true] .admin-ico-muted {
  display: block;
}

[data-admin-mute][data-muted=true] .admin-ico-sound {
  display: none;
}

.admin-timeline__range,
.admin-player__volume {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 6px;
  border-radius: 3px;
  background: var(--color-surface-primary-300);
  cursor: pointer;
}

.admin-timeline__range::-webkit-slider-thumb,
.admin-player__volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 3px solid #fff;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.admin-timeline__range::-moz-range-thumb,
.admin-player__volume::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 3px solid #fff;
}

.admin-player__volume {
  background: rgba(255, 255, 255, 0.35);
}

.admin-timeline__range:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

.admin-speed {
  padding: 8px 12px;
  border: 1px solid var(--color-border-secondary);
  border-radius: 12px;
  background: var(--color-background-primary);
  font: inherit;
}

.content-admin .admin-stats {
  margin-top: 24px;
}

.admin-session-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}

/* ---------- Конструктор расписания ---------- */
.admin-schedule {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.admin-segment {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: var(--border-radius-full);
  background: var(--color-background-input-dark);
}

.admin-segment__item {
  position: relative;
  cursor: pointer;
}

.admin-segment__item input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.admin-segment__item input:checked + span {
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.admin-segment__item input:focus-visible + span {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.admin-segment__item span {
  display: block;
  padding: 10px 20px;
  border-radius: var(--border-radius-full);
  font-size: 16px;
  color: var(--color-text-secondary);
  -webkit-transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
  -o-transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
  transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
}

.admin-segment__item:hover span {
  color: var(--color-text-primary);
}

.admin-timelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-timelist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.admin-timelist__item .input-box {
  width: 136px;
}

.admin-timelist__remove:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.admin-datecard__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px minmax(0, 1fr);
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 16px 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 767.98px) {
  .admin-datecard__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.admin-datecard__title::first-letter {
  text-transform: uppercase;
}

.admin-datecard__note {
  font-size: 14px;
  color: var(--color-warning);
}

.admin-datecard__remove:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.admin-datecard .add-form-admin__delete:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.admin-datecard .admin-repeater__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-presets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.admin-preset {
  padding: 6px 12px;
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--border-radius-full);
  background: var(--color-background-primary);
  color: var(--color-text-accent);
  font: inherit;
  cursor: pointer;
}

.admin-preset:hover {
  border-color: var(--color-primary);
}

.admin__form {
  width: 100%;
  background-color: var(--color-f1f1f2);
  border: 1px solid var(--color-border-primary);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 1920px) {
  .admin__form {
    border-radius: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form {
    border-radius: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form {
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .admin__form {
    padding-left: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form {
    padding-left: calc(
				28px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form {
    padding-left: 28px;
  }
}
@media (min-width: 1920px) {
  .admin__form {
    padding-right: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form {
    padding-right: calc(
				28px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form {
    padding-right: 28px;
  }
}
@media (min-width: 1920px) {
  .admin__form {
    padding-top: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form {
    padding-top: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form {
    padding-top: 16px;
  }
}
@media (min-width: 1920px) {
  .admin__form {
    padding-bottom: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form {
    padding-bottom: calc(
				18px + 14 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form {
    padding-bottom: 18px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__form {
    border-radius: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__form {
    border-radius: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__form {
    border-radius: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__form {
    padding-left: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__form {
    padding-left: calc(
				20px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__form {
    padding-left: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__form {
    padding-right: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__form {
    padding-right: calc(
				20px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__form {
    padding-right: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__form {
    padding-top: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__form {
    padding-top: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__form {
    padding-top: 12px;
  }
}
@media (max-width: 767.98px) {
  .admin__form {
    margin-bottom: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .admin__form {
    border-radius: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .admin__form {
    border-radius: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .admin__form {
    border-radius: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .admin__form {
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .admin__form {
    padding-left: calc(
				12px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .admin__form {
    padding-left: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .admin__form {
    padding-right: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .admin__form {
    padding-right: calc(
				12px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .admin__form {
    padding-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .admin__form {
    padding-top: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .admin__form {
    padding-top: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .admin__form {
    padding-top: 8px;
  }
}
.admin__form:not(.admin__form_2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1920px) {
  .admin__form:not(.admin__form_2) {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .admin__form:not(.admin__form_2) {
    -webkit-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
       -moz-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
            column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .admin__form:not(.admin__form_2) {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .admin__form:not(.admin__form_2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6px;
  }
}
.admin__form_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .admin__form_2 {
    row-gap: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .admin__form_2 {
    row-gap: calc(
				28px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .admin__form_2 {
    row-gap: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .admin__form_2 {
    row-gap: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .admin__form_2 {
    row-gap: calc(
				16px + 12 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .admin__form_2 {
    row-gap: 16px;
  }
}
.admin__form_hidden {
  overflow: hidden;
}
.admin__form_gray-2 {
  background-color: var(--color-f5f5f5);
}

.form-admin__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
@media (min-width: 1920px) {
  .form-admin__inner {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .form-admin__inner {
    -webkit-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
       -moz-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
            column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__inner {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 767.98px) {
  .form-admin__inner .form-admin__main {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (max-width: 767.98px) {
  .form-admin__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6px;
  }
}

.form-admin__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .form-admin__left {
    row-gap: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__left {
    row-gap: calc(
				28px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__left {
    row-gap: 28px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .form-admin__left {
    width: 165px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__left {
    width: calc(
				149px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__left {
    width: 149px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__left {
    width: 149px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__left {
    width: calc(
				127px + 22 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__left {
    width: 127px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__left {
    row-gap: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__left {
    row-gap: calc(
				20px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__left {
    row-gap: 20px;
  }
}
@media (min-width: 767.98px) {
  .form-admin__left_big {
    width: 100% !important;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__left_big {
    width: 100% !important;
  }
}

.form-admin__back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (min-width: 1920px) {
  .form-admin__back {
    min-height: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__back {
    min-height: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__back {
    min-height: 48px;
  }
}
@media (min-width: 1279.98px) {
  .form-admin__back {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__back {
    -webkit-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__back {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (any-hover: hover) {
  .form-admin__back:hover .form-admin__back-text {
    color: var(--color-primary-hover);
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__back {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__back {
    min-height: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__back {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__back {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__back {
    min-height: calc(
				30px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__back {
    min-height: 30px;
  }
}
@media (max-width: 767.98px) and (min-width: 1279.98px) {
  .form-admin__back {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__back {
    -webkit-column-gap: calc(
				4px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				4px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				4px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .form-admin__back {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}

@media (min-width: 767.98px) {
  .form-admin__back-icon {
    width: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__back-icon {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .form-admin__back-icon {
    width: 14px;
  }
}

.form-admin__back-text {
  color: var(--color-primary);
}

.form-admin__elems {
  row-gap: 16px;
}
@media (min-width: 767.98px) {
  .form-admin__elems {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .form-admin__elems {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767.98px) and (min-width: 767.98px) and (max-width: 1920px) {
  .form-admin__elems {
    -webkit-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
       -moz-column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
            column-gap: calc(
				16px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .form-admin__elems {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .form-admin__elems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.form-admin__elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 767.98px) {
  .form-admin__elem {
    max-width: 364px;
  }
}

.form-admin__user {
  position: relative;
}

.user-form-admin--file {
  --color-background-files: var(--color-f1f1f2);
}

.user-form-admin__image {
  border-radius: 50%;
}

.form-admin__main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .form-admin__main {
    row-gap: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__main {
    row-gap: calc(
				28px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__main {
    row-gap: 28px;
  }
}
@media (min-width: 767.98px) {
  .form-admin__main_non-rg {
    row-gap: 0 !important;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__main_non-rg {
    row-gap: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__main_non-rg {
    row-gap: calc(
				16px + 12 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__main_non-rg {
    row-gap: 16px;
  }
}
.form-admin__main_rg-small {
  row-gap: 16px !important;
}

.form-admin__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 12px;
}
@media (min-width: 1920px) {
  .form-admin__row {
    min-height: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__row {
    min-height: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__row {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__row {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__row {
    min-height: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__row {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__row {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__row {
    min-height: calc(
				30px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__row {
    min-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .form-admin__row_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.form-admin__row_mob {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-admin__module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .form-admin__module {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__module {
    -webkit-column-gap: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				16px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__module {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__module {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__module {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__module {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .form-admin__module {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 6px;
  }
}

.form-admin__module-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1920px) {
  .form-admin__module-row {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__module-row {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__module-row {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
.form-admin__module-row > :first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-admin__module-row_6 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
}
@media (max-width: 1650.98px) {
  .form-admin__module-row_6 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .form-admin__module-row_6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .form-admin__module-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__module-row {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__module-row {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__module-row {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.form-admin__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1279.98px) {
  .form-admin__line:not(.form-admin__line_static) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.form-admin__line .form-admin__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-admin__line_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.add-form-admin__content,
.form-admin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  width: 100%;
}

.form-admin__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1279.98px) {
  .form-admin__add {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__add {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__add {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
.form-admin__add .toggle--solo {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .form-admin__add .toggle--solo {
    width: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__add .toggle--solo {
    width: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__add .toggle--solo {
    width: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__add .toggle--solo {
    width: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__add .toggle--solo {
    width: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__add .toggle--solo {
    width: 28px;
  }
}
.form-admin__add .toggle--solo .toggle__label {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.form-admin__add_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-admin__add_center .add-form-admin__delete {
  margin-top: 0 !important;
}

.add-form-admin__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.add-form-admin__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1279.98px) {
  .add-form-admin__actions {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .add-form-admin__actions {
    -webkit-column-gap: calc(
				6px + 6 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 6 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 6 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .add-form-admin__actions {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}

.add-form-admin__delete {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1920px) {
  .add-form-admin__delete {
    width: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .add-form-admin__delete {
    width: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .add-form-admin__delete {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .add-form-admin__delete {
    height: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .add-form-admin__delete {
    height: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .add-form-admin__delete {
    height: 32px;
  }
}
@media (min-width: 767.98px) {
  .add-form-admin__delete:not(.add-form-admin__delete_non-m) {
    margin-top: 29px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .add-form-admin__delete:not(.add-form-admin__delete_non-m) {
    margin-top: calc(
				23px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .add-form-admin__delete:not(.add-form-admin__delete_non-m) {
    margin-top: 23px;
  }
}
@media (min-width: 1920px) {
  .add-form-admin__delete svg {
    width: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .add-form-admin__delete svg {
    width: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .add-form-admin__delete svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .add-form-admin__delete svg {
    height: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .add-form-admin__delete svg {
    height: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .add-form-admin__delete svg {
    height: 16px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .add-form-admin__delete {
    width: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .add-form-admin__delete {
    width: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .add-form-admin__delete {
    width: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .add-form-admin__delete {
    height: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .add-form-admin__delete {
    height: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .add-form-admin__delete {
    height: 28px;
  }
}

.input-box__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: -8px;
}

.badge-wrap {
  position: relative;
  z-index: 2;
}
.badge-wrap .badge__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.form-admin__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  row-gap: 16px;
}
@media (min-width: 1920px) {
  .form-admin__item {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__item {
    -webkit-column-gap: calc(
				16px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				16px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				16px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__item {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
.form-admin__item_2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1439.98px) {
  .form-admin__item {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .form-admin__item .select {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (max-width: 767.98px) {
  .form-admin__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-admin__item .input-box {
    width: calc(50% - 8px);
  }
}
.form-admin__item_static {
  width: 100%;
}
@media (max-width: 1439.98px) {
  .form-admin__item_static {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .form-admin__item_static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-admin__item_static .input-box {
    width: 100%;
  }
}

@media (min-width: 1279.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: 12px;
  }
}
@media (min-width: 1279.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-left: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__name:not(.form-admin__name_non-p) {
    padding-right: 8px;
  }
}
.form-admin__name_min-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .form-admin__name_min-height {
    min-height: 52px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__name_min-height {
    min-height: calc(
				48px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__name_min-height {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__name_min-height {
    min-height: 48px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__name_min-height {
    min-height: calc(
				40px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__name_min-height {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__name_min-height {
    min-height: 40px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__name_min-height {
    min-height: calc(
				30px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__name_min-height {
    min-height: 30px;
  }
}

.form-admin__send {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (min-width: 1920px) {
  .form-admin__send {
    min-width: 192px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__send {
    min-width: calc(
				166px + 26 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__send {
    min-width: 166px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .form-admin__send {
    min-width: 166px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__send {
    min-width: calc(
				140px + 26 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .form-admin__send {
    min-width: 140px;
  }
}
@media (max-width: 767.98px) {
  .form-admin__send {
    width: 100%;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .form-admin__send {
    min-width: 140px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .form-admin__send {
    min-width: calc(
				119px + 21 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .form-admin__send {
    min-width: 119px;
  }
}

.form-admin__bonuses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1279.98px) {
  .form-admin__bonuses {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__bonuses {
    -webkit-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__bonuses {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}

.form-admin__courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 1279.98px) {
  .form-admin__courses {
    row-gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .form-admin__courses {
    row-gap: 16px;
  }
}

.form-admin__course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: var(--color-background-primary);
  position: relative;
  z-index: 2;
}
@media (min-width: 1920px) {
  .form-admin__course {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__course {
    -webkit-column-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__course {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media (min-width: 1920px) {
  .form-admin__course {
    min-height: 143px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .form-admin__course {
    min-height: calc(
				135px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .form-admin__course {
    min-height: 135px;
  }
}

.course-form-admin__image {
  height: 95px;
  width: 107px;
}
@media (min-width: 1279.98px) {
  .course-form-admin__image {
    border-radius: 20px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .course-form-admin__image {
    border-radius: calc(
				12px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .course-form-admin__image {
    border-radius: 12px;
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__image {
    width: 64px;
    height: 57px;
  }
}
@media (max-width: 767.98px) {
  .course-form-admin__image {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 112px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .course-form-admin__image {
    border-radius: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .course-form-admin__image {
    border-radius: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .course-form-admin__image {
    border-radius: 8px;
  }
}

.course-form-admin__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
}
@media (min-width: 767.98px) {
  .course-form-admin__content {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__content {
    row-gap: 12px;
    width: 100%;
  }
}

@media (max-width: 1279.98px) {
  .course-form-admin__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) {
  .course-form-admin__head {
    padding-right: 110px;
  }
}
@media (max-width: 767.98px) {
  .course-form-admin__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 12px;
  }
}

.course-form-admin__mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media (max-width: 767.98px) {
  .course-form-admin__mob {
    width: 100%;
  }
}

.course-form-admin__price-mob {
  word-break: break-all;
  min-width: 100px;
  line-height: var(--line-height-title);
  color: var(--color-5c5c5c);
  font-family: var(--font-family-heading);
}
@media (min-width: 767.98px) {
  .course-form-admin__price-mob {
    display: none;
  }
}

.course-form-admin__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1279.98px) {
  .course-form-admin__line {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767.98px) {
  .course-form-admin__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.course-form-admin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
}
@media (max-width: 1279.98px) {
  .course-form-admin__block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767.98px) {
  .course-form-admin__block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.course-form-admin__price {
  color: var(--color-5c5c5c);
}

.course-form-admin__date {
  color: var(--color-text-tertiary);
}

.course-form-admin__status {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 52px 0 0 52px;
  background-color: var(--color-f1f1f2);
}
@media (min-width: 1920px) {
  .course-form-admin__status {
    padding-top: 6px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .course-form-admin__status {
    padding-top: calc(
				6px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__status {
    padding-top: 6px;
  }
}
@media (min-width: 1920px) {
  .course-form-admin__status {
    padding-right: 6px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .course-form-admin__status {
    padding-right: calc(
				6px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__status {
    padding-right: 6px;
  }
}
@media (min-width: 1920px) {
  .course-form-admin__status {
    padding-left: 12px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .course-form-admin__status {
    padding-left: calc(
				12px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__status {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  .course-form-admin__status {
    padding-bottom: 10px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .course-form-admin__status {
    padding-bottom: calc(
				10px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .course-form-admin__status {
    padding-bottom: 10px;
  }
}
.course-form-admin__status:after {
  content: "";
  position: absolute;
  background-color: var(--color-f1f1f2);
  width: 50px;
  z-index: -2;
  height: 50%;
  left: -16px;
  top: 0;
}
.course-form-admin__status:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 50%;
  right: 100%;
  top: 0;
  background-color: var(--color-background-primary);
  border-radius: 0 32px 0 0;
  z-index: -1;
}

.course-form-admin__status-decor:after {
  content: "";
  position: absolute;
  background-color: var(--color-f1f1f2);
  width: 16px;
  z-index: -2;
  height: 50%;
  bottom: -16px;
  right: 0;
}
.course-form-admin__status-decor:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 50%;
  top: 100%;
  right: 0;
  background-color: var(--color-background-primary);
  border-radius: 0 32px 0 0;
  z-index: -1;
}

.form-admin__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(151, 117, 250, 0.14);
}
@media (min-width: 1279.98px) {
  .form-admin__info {
    row-gap: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .form-admin__info {
    row-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .form-admin__info {
    row-gap: 12px;
  }
}

@media (min-width: 1920px) {
  .info-form-admin__icon {
    width: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .info-form-admin__icon {
    width: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .info-form-admin__icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .info-form-admin__icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .info-form-admin__icon {
    width: calc(
				20px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .info-form-admin__icon {
    width: 20px;
  }
}

.info-form-admin__text {
  color: var(--color-5c5c5c);
  font-weight: 400;
}

.form-admin__test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  background: rgba(151, 117, 250, 0.14);
}
.form-admin__test .user-form-admin__icon:first-child {
  background: rgba(151, 117, 250, 0.14) !important;
}
.form-admin__test .user-form-admin__icon:last-child {
  background: rgba(255, 77, 79, 0.14) !important;
}

.test-form-admin__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .test-form-admin__info {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .test-form-admin__info {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .test-form-admin__info {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .test-form-admin__info {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .test-form-admin__info {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .test-form-admin__info {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

@media (min-width: 1920px) {
  .test-form-admin__icon {
    width: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .test-form-admin__icon {
    width: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .test-form-admin__icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .test-form-admin__icon {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .test-form-admin__icon {
    width: calc(
				20px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .test-form-admin__icon {
    width: 20px;
  }
}

.test-form-admin__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .test-form-admin__actions {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .test-form-admin__actions {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .test-form-admin__actions {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .test-form-admin__actions {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .test-form-admin__actions {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .test-form-admin__actions {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.create-link {
  background: rgba(151, 117, 250, 0.14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}

.create-link__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 12px;
}
@media (min-width: 1920px) {
  .create-link__head {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .create-link__head {
    -webkit-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
       -moz-column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
            column-gap: calc(
				12px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .create-link__head {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
.create-link__head .select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 991.98px) {
  .create-link__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.create-link__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: rgba(151, 117, 250, 0.14) !important;
}
.create-link__btn.button--green {
  color: var(--color-text-inverted) !important;
  background: var(--color-success) !important;
}
@media screen and (hover: hover) {
  .create-link__btn.button--green:hover {
    background: var(--color-primary) !important;
  }
}

.create-link__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media (min-width: 1920px) {
  .create-link__body {
    padding-left: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .create-link__body {
    padding-left: calc(
				0px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .create-link__body {
    padding-left: 0px;
  }
}
@media (min-width: 1920px) {
  .create-link__body {
    padding-right: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .create-link__body {
    padding-right: calc(
				0px + 16 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .create-link__body {
    padding-right: 0px;
  }
}

.create-link__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.create-link__text {
  font-weight: 400;
}

.create-link__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1680px) {
  .create-link__icon {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .create-link__icon {
    width: calc(
				16px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .create-link__icon {
    width: 16px;
  }
}

.form-admin__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

/* Utilities */
._actions {
  position: absolute;
  bottom: -4px;
  left: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  background-color: var(--color-f1f1f2);
  border-radius: 0 28px 0 0;
  z-index: 2;
}
@media (min-width: 1920px) {
  ._actions {
    padding: 8px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._actions {
    padding: calc(
				8px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._actions {
    padding: 8px;
  }
}
._actions:before, ._actions:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 22px;
  height: 22px;
  background-image: -o-radial-gradient(100% 0, circle, transparent 22px, var(--color-f1f1f2) 22px);
  background-image: radial-gradient(circle at 100% 0, transparent 22px, var(--color-f1f1f2) 22px);
}
._actions:after {
  bottom: 4px;
  left: 100%;
}
._actions:before {
  bottom: 100%;
  left: 12px;
}
._actions_1 {
  left: -4px;
}
._actions_1:before {
  left: 4px;
}

@media (min-width: 1920px) {
  ._actions-icon {
    width: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._actions-icon {
    width: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._actions-icon {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  ._actions-icon {
    height: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._actions-icon {
    height: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._actions-icon {
    height: 32px;
  }
}
@media (min-width: 1920px) {
  ._actions-icon svg {
    width: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  ._actions-icon svg {
    width: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  ._actions-icon svg {
    width: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._actions-icon svg {
    width: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._actions-icon svg {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._actions-icon svg {
    width: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._actions-icon {
    width: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._actions-icon {
    width: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._actions-icon {
    width: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  ._actions-icon {
    height: 32px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  ._actions-icon {
    height: calc(
				28px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  ._actions-icon {
    height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._actions-icon {
    width: 32px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._actions-icon {
    width: calc(
				28px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._actions-icon {
    width: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  ._actions-icon {
    height: 32px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  ._actions-icon {
    height: calc(
				28px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  ._actions-icon {
    height: 28px;
  }
}

.content-admin__table {
  margin-bottom: var(--spacing-4);
}
@media (max-width: 1600.98px) and (min-width: 1279.98px) {
  .content-admin__table {
    margin-top: 32px;
  }
}
@media (max-width: 1600.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table {
    margin-top: calc(
				20px + 12 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1600.98px) and (max-width: 767.98px) {
  .content-admin__table {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .content-admin__table {
    margin-top: 12px;
    row-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* ---------- _staff ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				265px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 265px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(5) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 187px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				133px + 54 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 133px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(6) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(5) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				265px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 265px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(6) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 187px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				133px + 54 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 133px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(7) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_staff .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
/* ---------- _courses ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 153px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				98px + 55 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 98px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				81px + 45 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 81px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				67px + 59 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 67px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 171px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				110px + 61 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 110px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 152px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: calc(
				110px + 42 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 110px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: 78px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(8) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(8) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(8) {
    width: 78px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(9) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(9) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(9) {
    width: 78px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(10) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(10) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(10) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__head .table-content-admin__column:nth-child(10) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 153px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				98px + 55 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 98px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				81px + 45 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 81px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 8px 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: calc(
				67px + 59 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 67px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    padding: 8px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: 171px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: calc(
				110px + 61 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: 110px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: 160px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: calc(
				120px + 40 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(10) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(10) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(10) {
    width: 78px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(11) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(11) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(11) {
    width: 78px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(12) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(12) {
    width: calc(
				78px + 72 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(12) {
    width: 78px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(13) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(13) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(13) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_courses .table-content-admin__row .table-content-admin__column:nth-child(13) {
    width: 57px;
  }
}
/* ---------- _products ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
/* ---------- _calendar ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(5) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(5) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				120px + 80 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 120px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(6) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_calendar .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
/* ---------- _cashback ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 126px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 250px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				140px + 110 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 140px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(6) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 8px 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 160px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: calc(
				140px + 20 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 140px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(6) {
    padding: 8px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(7) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__head .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 126px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(5) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				126px + 74 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 126px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(7) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 8px 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 250px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: calc(
				140px + 110 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 140px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(7) {
    padding: 8px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: 160px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: calc(
				140px + 20 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(8) {
    width: 140px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(9) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback .table-content-admin__row .table-content-admin__column:nth-child(9) {
    width: 57px;
  }
}
/* ---------- _cashback-courses ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 126px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				196px + 104 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 196px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 126px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 150px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				126px + 24 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 126px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				196px + 104 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 196px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-courses .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
/* ---------- _cashback-products ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				167px + 33 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 167px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				156px + 144 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 156px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				167px + 33 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 167px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				156px + 144 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 156px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_cashback-products .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 57px;
  }
}
/* ---------- _homework ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				167px + 133 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 167px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 500px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				315px + 185 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 315px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(4) {
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				146px + 54 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 146px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 300px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: calc(
				167px + 133 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 167px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 500px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				315px + 185 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 315px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 200px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				146px + 54 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_homework .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 146px;
  }
}
/* ---------- _module ---------- */
@media (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:first-child {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto !important;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:first-child {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 470px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				208px + 262 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 208px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__head .table-content-admin__column:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 224px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_module .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto !important;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:first-child {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 470px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: calc(
				208px + 262 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 208px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__row .table-content-admin__column:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 224px;
  }
}
@media (min-width: 1920px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: 320px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: calc(
				264px + 56 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: 264px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: 264px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: calc(
				230px + 34 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .content-admin__table_module .table-content-admin__open-list .open-list__body {
    width: 230px;
  }
}

@media (max-width: 767.98px) {
  .content-admin__table_module {
    margin-top: 0;
  }
}
/* ---------- _tarif ---------- */
@media (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:first-child {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto !important;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:first-child {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 320px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				180px + 140 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 180px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 563px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				220px + 343 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 220px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__head .table-content-admin__column:nth-child(4) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 200px;
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:first-child {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto !important;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:first-child {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:first-child {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 320px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: calc(
				180px + 140 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(2) {
    width: 180px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 563px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				220px + 343 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 220px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__row .table-content-admin__column:nth-child(4) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 200px;
    text-align: left;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: 320px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: calc(
				264px + 56 *
					((100vw - 767.98px) / (1152.02))
			);
  }
}
@media (max-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: 264px;
  }
}
@media (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: 264px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: calc(
				230px + 34 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .content-admin__table_tarif .table-content-admin__open-list .open-list__body {
    width: 230px;
  }
}

@media (max-width: 767.98px) {
  .content-admin__table_tarif {
    margin-top: 0;
  }
}
/* ==========================================================================
   Общие правила таблицы
   ========================================================================== */
@media (min-width: 767.98px) {
  .table-content-admin__row,
  .table-content-admin__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* ---------- Head ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: calc(
				216px + 73 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(3) {
    width: 216px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(4) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 163px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: calc(
				133px + 30 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(4) {
    width: 133px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: calc(
				216px + 73 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(5) {
    width: 216px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(6) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__head .table-content-admin__column:nth-child(6) {
    width: 57px;
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__head {
    display: none;
  }
}
/* ---------- Column ---------- */
.table-content-admin__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767.98px) {
  .table-content-admin__column {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border-primary);
    padding-right: 12px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__column {
    min-height: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__column {
    min-height: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__column {
    min-height: 57px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .table-content-admin__column {
    padding-right: 8px;
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__column {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 8px;
    padding: 8px;
  }
}

@media (min-width: 767.98px) {
  .table-content-admin__column:not(:first-child) {
    padding-left: 12px;
  }
}
@media (min-width: 767.98px) and (max-width: 1920px) {
  .table-content-admin__column:not(:first-child) {
    padding-left: 8px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__column:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 24px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__column:first-child {
    min-width: 224px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__column_start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
  }
}

@media (min-width: 767.98px) {
  .table-content-admin__column_p-t {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media (max-width: 767.98px) {
  .table-content-admin__column_mob:first-child {
    padding-right: 32px;
  }
  .table-content-admin__column_mob:not(:first-child) {
    border-top: 1px solid var(--color-border-primary);
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__column_actions {
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 2;
    padding: 0;
  }
}
/* ---------- Name ---------- */
.table-content-admin__name {
  color: var(--color-text-tertiary);
}
@media (min-width: 1920px) {
  .table-content-admin__name {
    font-size: 19px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__name {
    font-size: calc(
				15px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .table-content-admin__name {
    font-size: 15px;
  }
}

/* ---------- Row ---------- */
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row {
    min-height: 76px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row {
    min-height: calc(
				76px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row {
    min-height: 76px;
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__row {
    border-radius: 10px;
    position: relative;
    z-index: 2;
    border: 1px solid var(--color-border-primary);
  }
}

@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 201px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: calc(
				120px + 81 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(3) {
    width: 120px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: calc(
				216px + 73 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(4) {
    width: 216px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(5) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 163px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: calc(
				133px + 30 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(5) {
    width: 133px;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 289px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: calc(
				216px + 73 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(6) {
    width: 216px;
  }
}
@media (min-width: 767.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(7) {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 767.98px) and (min-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
@media (min-width: 767.98px) and (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: calc(
				57px + 0 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__row .table-content-admin__column:nth-child(7) {
    width: 57px;
  }
}
/* ---------- Line mob ---------- */
.table-content-admin__line-mob {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.table-content-admin__line-mob:not(:first-child) {
  border-top: 1px solid var(--color-border-primary);
}
@media (min-width: 767.98px) {
  .table-content-admin__line-mob {
    display: none;
  }
}

.table-content-admin__line-mob_3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

/* ---------- User ---------- */
.table-content-admin__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 767.98px) {
  .table-content-admin__user {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .table-content-admin__user {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .table-content-admin__user {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.user-table-content-admin__image {
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1920px) {
  .user-table-content-admin__image {
    width: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__image {
    width: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__image {
    width: 24px;
  }
}
@media (min-width: 1920px) {
  .user-table-content-admin__image {
    height: 32px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__image {
    height: calc(
				24px + 8 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__image {
    height: 24px;
  }
}

@media (min-width: 1920px) {
  .user-table-content-admin__image_2 {
    border-radius: 12px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__image_2 {
    border-radius: calc(
				8px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__image_2 {
    border-radius: 8px;
  }
}
@media (min-width: 1920px) {
  .user-table-content-admin__image_2 {
    width: 48px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__image_2 {
    width: calc(
				32px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__image_2 {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .user-table-content-admin__image_2 {
    height: 48px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__image_2 {
    height: calc(
				32px + 16 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__image_2 {
    height: 32px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .user-table-content-admin__image_2 {
    border-radius: 8px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .user-table-content-admin__image_2 {
    border-radius: calc(
				6px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .user-table-content-admin__image_2 {
    border-radius: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .user-table-content-admin__image_2 {
    width: 32px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .user-table-content-admin__image_2 {
    width: calc(
				24px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .user-table-content-admin__image_2 {
    width: 24px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .user-table-content-admin__image_2 {
    height: 32px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .user-table-content-admin__image_2 {
    height: calc(
				24px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .user-table-content-admin__image_2 {
    height: 24px;
  }
}

.user-table-content-admin__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.user-table-content-admin__title {
  color: var(--color-primary);
  display: block;
}
@media (min-width: 1920px) {
  .user-table-content-admin__title {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .user-table-content-admin__title {
    font-size: calc(
				13px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .user-table-content-admin__title {
    font-size: 13px;
  }
}

/* ---------- Name mob ---------- */
.table-content-admin__name-mob {
  color: var(--color-text-tertiary);
}
@media (min-width: 767.98px) {
  .table-content-admin__name-mob {
    display: none;
  }
}

/* ---------- Info ---------- */
.table-content-admin__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767.98px) {
  .table-content-admin__info {
    row-gap: 4px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .table-content-admin__info {
    row-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .table-content-admin__info {
    row-gap: 2px;
  }
}

.table-content-admin__subname {
  color: var(--color-text-tertiary);
}

.table-content-admin__text-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767.98px) {
  .table-content-admin__text-info {
    row-gap: 4px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .table-content-admin__text-info {
    row-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .table-content-admin__text-info {
    row-gap: 2px;
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__text-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.table-content-admin__text-name {
  color: var(--color-text-tertiary);
}

/* ---------- Text ---------- */
@media (min-width: 1920px) {
  .table-content-admin__text {
    font-size: 17px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__text {
    font-size: calc(
				13px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .table-content-admin__text {
    font-size: 13px;
  }
}

.table-content-admin__text_wrap {
  word-break: break-all;
}

.table-content-admin__text_green {
  color: var(--color-success);
}

.table-content-admin__text_red {
  color: var(--color-danger);
}

/* ---------- Tags ---------- */
.table-content-admin__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.table-content-admin__tags .badge:not(.badge--non-circle) {
  white-space: nowrap;
  overflow: hidden;
}

.table-content-admin__tags-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* ---------- Btn wrap ---------- */
.content-admin__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1279.98px) {
  .content-admin__btn-wrap {
    margin-top: 24px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .content-admin__btn-wrap {
    margin-top: calc(
				16px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .content-admin__btn-wrap {
    margin-top: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .content-admin__btn-wrap {
    margin-top: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .content-admin__btn-wrap {
    margin-top: calc(
				12px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .content-admin__btn-wrap {
    margin-top: 12px;
  }
}

/* ---------- Empty ---------- */
.content-admin__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.empty-content-admin__title {
  color: var(--color-text-tertiary);
}

/* ---------- Number ---------- */
.table-content-admin__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1279.98px) {
  .table-content-admin__number {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .table-content-admin__number {
    -webkit-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				6px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__number {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .table-content-admin__number {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .table-content-admin__number {
    -webkit-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				4px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .table-content-admin__number {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}

@media (min-width: 1920px) {
  .table-content-admin__number-icon {
    width: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .table-content-admin__number-icon {
    width: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .table-content-admin__number-icon {
    width: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .table-content-admin__number-icon {
    width: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .table-content-admin__number-icon {
    width: calc(
				16px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .table-content-admin__number-icon {
    width: 16px;
  }
}

/* ---------- Module name ---------- */
.table-content-admin__module-name {
  width: 100%;
}
@media (min-width: 767.98px) {
  .table-content-admin__module-name {
    padding: 12px 0px;
  }
}
@media (max-width: 767.98px) {
  .table-content-admin__module-name {
    padding-right: 32px;
  }
}

.table-content-admin__module-name._active .module-name-table__head {
  display: none;
}

.table-content-admin__module-name._active .module-name-table__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.module-name-table__tarif-line,
.module-name-table__statuses,
.module-name-table__tarif,
.module-name-table__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}

.module-name-table__line-title_gray {
  color: var(--color-text-tertiary);
}

.module-name-table__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 767.98px) {
  .module-name-table__line {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__line {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__line {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

@media (min-width: 1279.98px) {
  .module-name-table__line-icon {
    width: 24px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .module-name-table__line-icon {
    width: calc(
				20px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .module-name-table__line-icon {
    width: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__line-icon {
    width: 20px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__line-icon {
    width: calc(
				16px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__line-icon {
    width: 16px;
  }
}

/* .module-name-table__statuses {} — пустой блок, оставлен без изменений */
/* ---------- Lines ---------- */
.table-content-admin__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 767.98px) {
  .table-content-admin__lines {
    width: 100%;
  }
}

.lines-table__item {
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  border-bottom: 1px solid var(--color-border-secondary);
}
@media (min-width: 1920px) {
  .lines-table__item {
    padding-top: 15px;
  }
}
@media (min-width: 320px) and (max-width: 1920px) {
  .lines-table__item {
    padding-top: calc(
				6px + 9 *
					((100vw - 320px) / (1600))
			);
  }
}
@media (max-width: 320px) {
  .lines-table__item {
    padding-top: 6px;
  }
}
@media (min-width: 1920px) {
  .lines-table__item {
    padding-bottom: 15px;
  }
}
@media (min-width: 320px) and (max-width: 1920px) {
  .lines-table__item {
    padding-bottom: calc(
				6px + 9 *
					((100vw - 320px) / (1600))
			);
  }
}
@media (max-width: 320px) {
  .lines-table__item {
    padding-bottom: 6px;
  }
}

.lines-table__item_block {
  display: block;
}

.lines-table__item._active .lines-table__inner {
  display: none;
}

.lines-table__item._active .module-name-table__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lines-table__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.lines-table__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media (min-width: 1920px) {
  .lines-table__icon {
    width: 24px;
  }
}
@media (min-width: 320px) and (max-width: 1920px) {
  .lines-table__icon {
    width: calc(
				20px + 4 *
					((100vw - 320px) / (1600))
			);
  }
}
@media (max-width: 320px) {
  .lines-table__icon {
    width: 20px;
  }
}

.lines-table__btn {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  margin-top: 8px;
}

.lines-table__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

/* ---------- Status ---------- */
.module-name-table__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(223, 222, 224, 0.7);
  border-radius: 100px;
}
@media (min-width: 767.98px) {
  .module-name-table__status {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status {
    -webkit-column-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__status {
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__status {
    padding-top: 4px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status {
    padding-top: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__status {
    padding-top: 2px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__status {
    padding-bottom: 4px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status {
    padding-bottom: calc(
				2px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__status {
    padding-bottom: 2px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__status {
    padding-left: 8px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status {
    padding-left: calc(
				4px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__status {
    padding-left: 4px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__status {
    padding-right: 8px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status {
    padding-right: calc(
				4px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__status {
    padding-right: 4px;
  }
}

.module-name-table__status_orange {
  background-color: var(--color-tertiary);
  color: var(--color-text-inverted);
}

@media (min-width: 1920px) {
  .module-name-table__status-icon {
    width: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .module-name-table__status-icon {
    width: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .module-name-table__status-icon {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__status-icon {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__status-icon {
    width: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__status-icon {
    width: 12px;
  }
}

.module-name-table__field {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}

.module-name-table__input {
  border: 1px solid var(--color-primary);
  border-radius: 100px;
}
@media (min-width: 767.98px) {
  .module-name-table__input {
    height: 50px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__input {
    height: calc(
				30px + 20 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__input {
    height: 30px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__input {
    padding-right: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__input {
    padding-right: calc(
				8px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__input {
    padding-right: 8px;
  }
}
@media (min-width: 767.98px) {
  .module-name-table__input {
    padding-left: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__input {
    padding-left: calc(
				8px + 8 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__input {
    padding-left: 8px;
  }
}

.module-name-table__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 767.98px) {
  .module-name-table__actions {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__actions {
    -webkit-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
       -moz-column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
            column-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .module-name-table__actions {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

@media (min-width: 1920px) {
  .module-name-table__btn {
    width: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .module-name-table__btn {
    width: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .module-name-table__btn {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .module-name-table__btn {
    height: 36px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .module-name-table__btn {
    height: calc(
				32px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .module-name-table__btn {
    height: 32px;
  }
}
@media (min-width: 1920px) {
  .module-name-table__btn svg {
    width: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .module-name-table__btn svg {
    width: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .module-name-table__btn svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .module-name-table__btn svg {
    height: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .module-name-table__btn svg {
    height: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .module-name-table__btn svg {
    height: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__btn svg {
    width: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__btn svg {
    width: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__btn svg {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__btn svg {
    height: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__btn svg {
    height: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__btn svg {
    height: 14px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .module-name-table__btn {
    width: 36px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .module-name-table__btn {
    width: calc(
				28px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .module-name-table__btn {
    width: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .module-name-table__btn {
    height: 36px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .module-name-table__btn {
    height: calc(
				28px + 8 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .module-name-table__btn {
    height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__btn {
    width: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__btn {
    width: calc(
				22px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__btn {
    width: 22px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .module-name-table__btn {
    height: 28px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .module-name-table__btn {
    height: calc(
				22px + 6 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .module-name-table__btn {
    height: 22px;
  }
}

/* ---------- Lectures ---------- */
.table-content-admin__lectures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

.table-content-admin__lecture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 12px;
}
.table-content-admin__lecture:not(:last-child) {
  border-bottom: 1px solid var(--color-border-secondary);
}
@media (max-width: 767.98px) {
  .table-content-admin__lecture {
    padding: 5px 0px;
  }
}

.lecture-table__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}

.lecture-table__head._active .lecture-table__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lecture-table__head._active .lecture-table__line {
  display: none;
}

.lecture-table__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.lecture-table__number {
  white-space: nowrap;
  min-width: 20px;
  text-align: center;
}

@media (min-width: 1920px) {
  .lecture-table__edit {
    width: 20px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .lecture-table__edit {
    width: calc(
				16px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .lecture-table__edit {
    width: 16px;
  }
}

.lecture-table__field {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.lecture-table__input {
  width: 57px;
  padding: 0px 5px;
  border-radius: 100px;
  background: rgba(223, 222, 224, 0.7);
  text-align: center;
}
@media (min-width: 1920px) {
  .lecture-table__input {
    height: 34px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .lecture-table__input {
    height: calc(
				28px + 6 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .lecture-table__input {
    height: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .lecture-table__input {
    height: 28px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .lecture-table__input {
    height: calc(
				26px + 2 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .lecture-table__input {
    height: 26px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .lecture-table__input {
    height: 26px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .lecture-table__input {
    height: calc(
				22px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .lecture-table__input {
    height: 22px;
  }
}

.lecture-table__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lecture-table__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}

@media (min-width: 1920px) {
  .lecture-table__tag-icon {
    width: 16px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .lecture-table__tag-icon {
    width: calc(
				14px + 2 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .lecture-table__tag-icon {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .lecture-table__tag-icon {
    width: 14px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .lecture-table__tag-icon {
    width: calc(
				12px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .lecture-table__tag-icon {
    width: 12px;
  }
}

/* ---------- Lessons ---------- */
.table-content-admin__lessons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

.lessons-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lessons-table__row .input-box {
  max-width: 274px;
}
@media (max-width: 767.98px) {
  .lessons-table__row {
    display: none;
  }
}

.lessons-table__more {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1920px) {
  .lessons-table__more {
    min-height: 48px;
  }
}
@media (min-width: 320px) and (max-width: 1920px) {
  .lessons-table__more {
    min-height: calc(
				28px + 20 *
					((100vw - 320px) / (1600))
			);
  }
}
@media (max-width: 320px) {
  .lessons-table__more {
    min-height: 28px;
  }
}
.lessons-table__more:before {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.lessons-table__more[data-more-btn=hidden]:before {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
      -ms-transform: translate(0, -50%) rotate(-180deg);
          transform: translate(0, -50%) rotate(-180deg);
}

.lessons-table__empty {
  color: var(--color-text-tertiary);
}

.homework-admin__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 6px;
}
@media (min-width: 1279.98px) {
  .homework-admin__line {
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .homework-admin__line {
    -webkit-column-gap: calc(
				20px + 12 *
					((100vw - 767.98px) / (512))
			);
       -moz-column-gap: calc(
				20px + 12 *
					((100vw - 767.98px) / (512))
			);
            column-gap: calc(
				20px + 12 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .homework-admin__line {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .homework-admin__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.admin__homework,
.homework-admin__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 767.98px) {
  .admin__homework,
  .homework-admin__content {
    row-gap: 32px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .admin__homework,
  .homework-admin__content {
    row-gap: calc(
				16px + 16 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .admin__homework,
  .homework-admin__content {
    row-gap: 16px;
  }
}

.homework-admin__video .article-section__media-inner {
  padding: 0 !important;
}
@media (min-width: 767.98px) {
  .homework-admin__video .article-section__media-inner {
    height: 420px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .homework-admin__video .article-section__media-inner {
    height: calc(
				145px + 275 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .homework-admin__video .article-section__media-inner {
    height: 145px;
  }
}
@media (min-width: 767.98px) {
  .homework-admin__video .article-section__media-inner {
    border-radius: 24px;
  }
}
@media (min-width: 320px) and (max-width: 767.98px) {
  .homework-admin__video .article-section__media-inner {
    border-radius: calc(
				14px + 10 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 320px) {
  .homework-admin__video .article-section__media-inner {
    border-radius: 14px;
  }
}

.homework-admin__elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1279.98px) {
  .homework-admin__elem {
    row-gap: 16px;
  }
}
@media (min-width: 767.98px) and (max-width: 1279.98px) {
  .homework-admin__elem {
    row-gap: calc(
				12px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 767.98px) {
  .homework-admin__elem {
    row-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .homework-admin__elem {
    row-gap: 12px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .homework-admin__elem {
    row-gap: calc(
				8px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .homework-admin__elem {
    row-gap: 8px;
  }
}

.homework-admin__text {
  color: var(--color-text-primary);
}
.homework-admin__text_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .homework-admin__text_column {
    row-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .homework-admin__text_column {
    row-gap: calc(
				14px + 10 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .homework-admin__text_column {
    row-gap: 14px;
  }
}

.homework-admin__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (max-width: 767.98px) {
  .homework-admin__slider {
    overflow: visible !important;
  }
}

@media (min-width: 767.98px) {
  .homework-admin__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

.homework-admin__slide {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

@media (min-width: 1920px) {
  .slide-homework-admin__image {
    height: 372px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .slide-homework-admin__image {
    height: calc(
				237px + 135 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .slide-homework-admin__image {
    height: 237px;
  }
}
@media (min-width: 1920px) {
  .slide-homework-admin__image {
    border-radius: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .slide-homework-admin__image {
    border-radius: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .slide-homework-admin__image {
    border-radius: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .slide-homework-admin__image {
    height: 237px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .slide-homework-admin__image {
    height: calc(
				202px + 35 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .slide-homework-admin__image {
    height: 202px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .slide-homework-admin__image {
    border-radius: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .slide-homework-admin__image {
    border-radius: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .slide-homework-admin__image {
    border-radius: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .slide-homework-admin__image {
    height: 202px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .slide-homework-admin__image {
    height: calc(
				168px + 34 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .slide-homework-admin__image {
    height: 168px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .slide-homework-admin__image {
    border-radius: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .slide-homework-admin__image {
    border-radius: calc(
				14px + 2 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .slide-homework-admin__image {
    border-radius: 14px;
  }
}

.homework-admin__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .homework-admin__block {
    row-gap: 24px;
  }
}
@media (min-width: 1279.98px) and (max-width: 1920px) {
  .homework-admin__block {
    row-gap: calc(
				20px + 4 *
					((100vw - 1279.98px) / (640.02))
			);
  }
}
@media (max-width: 1279.98px) {
  .homework-admin__block {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 1279.98px) {
  .homework-admin__block {
    row-gap: 20px;
  }
}
@media (max-width: 1279.98px) and (min-width: 767.98px) and (max-width: 1279.98px) {
  .homework-admin__block {
    row-gap: calc(
				16px + 4 *
					((100vw - 767.98px) / (512))
			);
  }
}
@media (max-width: 1279.98px) and (max-width: 767.98px) {
  .homework-admin__block {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 767.98px) {
  .homework-admin__block {
    row-gap: 16px;
  }
}
@media (max-width: 767.98px) and (min-width: 320px) and (max-width: 767.98px) {
  .homework-admin__block {
    row-gap: calc(
				12px + 4 *
					((100vw - 320px) / (447.98))
			);
  }
}
@media (max-width: 767.98px) and (max-width: 320px) {
  .homework-admin__block {
    row-gap: 12px;
  }
}

/* -------------------------------------------------------------------------------------------- */
/* Пользователь */
.panel-sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: var(--z-index-sticky);
  padding: var(--spacing-6) var(--spacing-4);
}
@media (min-width: 1920px) {
  .panel-sidebar {
    width: 310px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .panel-sidebar {
    width: calc(
				280px + 30 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .panel-sidebar {
    width: 280px;
  }
}
@media screen and (max-width: 990px) {
  .panel-sidebar {
    display: none;
  }
}

.panel-sidebar__inner {
  position: sticky;
  top: var(--spacing-6);
  height: calc(100dvh - (var(--spacing-6)) * 2);
  background-color: var(--color-surface-secondary-500);
  padding: var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  gap: var(--spacing-16);
}

.panel-sidebar__logout {
  margin-top: auto;
  background-color: var(--color-surface-danger-140) !important;
}

.panel-sidebar__nav {
  gap: var(--spacing-4);
}

.panel-header__nav-link svg, .panel-sidebar__nav-link svg {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  -webkit-transition: var(--transition-duration-fast) var(--transition-timing-ease-in);
  -o-transition: var(--transition-duration-fast) var(--transition-timing-ease-in);
  transition: var(--transition-duration-fast) var(--transition-timing-ease-in);
}
.panel-header__nav-link svg path, .panel-sidebar__nav-link svg path {
  fill: var(--color-text-secondary);
  -webkit-transition: fill var(--transition-duration-fast) var(--transition-timing-ease-in);
  -o-transition: fill var(--transition-duration-fast) var(--transition-timing-ease-in);
  transition: fill var(--transition-duration-fast) var(--transition-timing-ease-in);
}

.panel-sidebar__nav-link {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-3xl);
  color: var(--color-text-primary);
}
@media (hover: hover) {
  .panel-sidebar__nav-link:hover:not(.--active) {
    color: var(--color-text-accent);
    background-color: var(--color-surface-primary-140);
  }
  .panel-sidebar__nav-link:hover:not(.--active) svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .panel-sidebar__nav-link:hover:not(.--active) svg path {
    fill: var(--color-text-accent);
  }
}
.panel-sidebar__nav-link.--active {
  color: var(--color-text-accent);
  background-color: var(--color-background-primary);
}
.panel-sidebar__nav-link.--active svg path {
  fill: var(--color-text-accent);
}

.panel-header {
  position: sticky;
  top: 0;
  z-index: var(--z-index-sticky);
}

.panel-header__inner {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-12);
  border-radius: 0 0 var(--border-radius-2xl) var(--border-radius-2xl);
  background-color: var(--color-background-cabinet);
}
@media screen and (max-width: 990px) {
  .panel-header__inner {
    padding: var(--spacing-6) var(--spacing-8);
  }
}

.panel-header__profile {
  position: relative;
  background-color: var(--color-background-primary);
}
@media screen and (max-width: 990px) {
  .panel-header__profile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--spacing-5);
  }
}

@media screen and (min-width: 990px) {
  .panel-header__logo {
    display: none;
  }
}

.panel-header__profile-name {
  font-size: var(--font-size-sm) !important;
}
@media screen and (max-width: 990px) {
  .panel-header__profile-name {
    display: block;
  }
}

@media screen and (min-width: 990px) {
  .header-profile__settings {
    display: none;
  }
}

@media screen and (max-width: 990px) {
  .panel-header__bonuses {
    position: absolute;
    bottom: -15px;
    left: -6px;
  }
}

.header-notifications {
  position: relative;
}
@media screen and (max-width: 760px) {
  .header-notifications {
    position: static;
  }
}

.header-notifications__pupup {
  position: absolute;
  top: 0;
  right: 0;
  z-index: var(--z-index-sticky);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
  transition: var(--transition-duration-base) var(--transition-timing-ease-in);
}
@media (min-width: 1680px) {
  .header-notifications__pupup {
    width: 480px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-notifications__pupup {
    width: calc(
				300px + 180 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-notifications__pupup {
    width: 300px;
  }
}
@media screen and (max-width: 760px) {
  .header-notifications__pupup {
    top: 110%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(10px);
        -ms-transform: translateX(-50%) translateY(10px);
            transform: translateX(-50%) translateY(10px);
  }
}
.header-notifications__pupup._active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 760px) {
  .header-notifications__pupup._active {
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}

.header-notifications__pupup-head,
.header-notifications__pupup-body {
  background-color: var(--color-background-primary);
}

.header-notifications__pupup-head {
  border-radius: var(--border-radius-2xl) var(--border-radius-2xl) 0 0;
  padding: var(--spacing-6) var(--spacing-6) var(--spacing-4);
  position: relative;
}
@media (min-width: 1680px) {
  .header-notifications__pupup-head {
    margin-right: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-notifications__pupup-head {
    margin-right: calc(
				50px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-notifications__pupup-head {
    margin-right: 50px;
  }
}
@media (min-width: 1680px) {
  .header-notifications__pupup-head {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-notifications__pupup-head {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-notifications__pupup-head {
    --pos: -20px;
  }
}
.header-notifications__pupup-head::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-primary);
  z-index: 1;
  right: var(--pos);
  bottom: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
@media screen and (max-width: 1240px) {
  .header-notifications__pupup-head {
    padding: var(--spacing-6) var(--spacing-6) var(--spacing-6);
  }
}

.header-notifications__pupup-body {
  border-radius: 0 var(--border-radius-2xl) var(--border-radius-2xl) var(--border-radius-2xl);
  padding: var(--spacing-6);
}

.header-notifications__list {
  padding-right: var(--spacing-2);
}
@media (min-width: 1680px) {
  .header-notifications__list {
    max-height: 360px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .header-notifications__list {
    max-height: calc(
				280px + 80 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .header-notifications__list {
    max-height: 280px;
  }
}

.header__notif {
  z-index: var(--z-index-fixed);
}
.header__notif._active {
  background-color: var(--color-surface-primary-hover);
  color: var(--color-text-inverted) !important;
}

.panel-header--lesson {
  position: relative;
}
.panel-header--lesson .header__action {
  margin-left: 0;
}
.panel-header--lesson .panel-header__inner {
  gap: var(--spacing-4);
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}
.panel-header--lesson .panel-header__logo {
  --logo-color: var(--color-text-primary);
  --logo-font-weight: var(--font-weight-bold);
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);
  background-color: var(--color-surface-secondary-500);
  border-radius: var(--border-radius-full);
}
@media (min-width: 1920px) {
  .panel-header--lesson .panel-header__logo {
    max-width: 272px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .panel-header--lesson .panel-header__logo {
    max-width: calc(
				200px + 72 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .panel-header--lesson .panel-header__logo {
    max-width: 200px;
  }
}
@media (min-width: 1920px) {
  .panel-header--lesson .panel-header__logo {
    --logo-font-size: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .panel-header--lesson .panel-header__logo {
    --logo-font-size: calc(
				12px + 4 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .panel-header--lesson .panel-header__logo {
    --logo-font-size: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .panel-header--lesson .panel-header__logo {
    padding: 0;
    background-color: transparent;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.panel-header--lesson .header-logo__image {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}
@media screen and (max-width: 1240px) {
  .panel-header--lesson .panel-header__logo-name {
    display: none;
  }
}

.panel-header__nav {
  padding: var(--spacing-2);
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-3xl);
}
@media screen and (max-width: 1640px) {
  .panel-header__nav {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .panel-header__nav {
    display: none;
  }
}

.panel-header__nav-list {
  gap: var(--spacing-1);
}

.panel-header__nav-link {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-3xl);
  color: var(--color-text-primary);
}
@media (hover: hover) {
  .panel-header__nav-link:hover:not(.--active) {
    color: var(--color-text-accent);
    background-color: var(--color-surface-primary-140);
  }
  .panel-header__nav-link:hover:not(.--active) svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .panel-header__nav-link:hover:not(.--active) svg path {
    fill: var(--color-text-accent);
  }
}
.panel-header__nav-link.--active {
  color: var(--color-text-accent);
  background-color: var(--color-surface-secondary-500);
}
.panel-header__nav-link.--active svg path {
  fill: var(--color-text-accent);
}

.panel-header__nav-wrapper {
  gap: var(--spacing-4);
}

.recommended-card__media, .course-card__media, .continue-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
}
.panel--user {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto calc(100vw - var(--user-side-width));
  grid-template-columns: auto calc(100vw - var(--user-side-width));
  background-color: var(--color-background-cabinet);
}
@media (min-width: 1920px) {
  .panel--user {
    --user-side-width: 310px;
  }
}
@media (min-width: 992px) and (max-width: 1920px) {
  .panel--user {
    --user-side-width: calc(
				280px + 30 *
					((100vw - 992px) / (928))
			);
  }
}
@media (max-width: 992px) {
  .panel--user {
    --user-side-width: 280px;
  }
}
@media screen and (max-width: 990px) {
  .panel--user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 990px) and (min-width: 990px) {
  .panel--user {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 990px) and (min-width: 360px) and (max-width: 990px) {
  .panel--user {
    padding-bottom: calc(
				100px + 20 *
					((100vw - 360px) / (630))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 360px) {
  .panel--user {
    padding-bottom: 100px;
  }
}

.panel-main,
.panel-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.panel--lesson {
  background-color: var(--color-f5f5f5);
}
.panel--lesson .panel-content {
  padding: 0 var(--spacing-12) var(--spacing-8);
}
@media screen and (max-width: 990px) and (min-width: 990px) {
  .panel--lesson {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 990px) and (min-width: 360px) and (max-width: 990px) {
  .panel--lesson {
    padding-bottom: calc(
				100px + 20 *
					((100vw - 360px) / (630))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 360px) {
  .panel--lesson {
    padding-bottom: 100px;
  }
}

.panel-content {
  padding: 0 var(--spacing-12) var(--spacing-8) var(--spacing-8);
}
@media screen and (max-width: 990px) {
  .panel-content {
    padding: var(--spacing-8);
  }
}

.panel-bottom-nav {
  display: none;
  position: fixed;
  width: 100%;
  top: auto;
  bottom: 0;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  z-index: var(--z-index-fixed);
}
@media screen and (max-width: 990px) {
  .panel-bottom-nav {
    display: -ms-grid;
    display: grid;
  }
}
.panel-bottom-nav__item {
  --nav-size: 14px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-2);
  padding: var(--spacing-5) var(--spacing-1);
  background-color: var(--color-background-subded);
  color: var(--color-text-primary);
}
@media screen and (max-width: 760px) {
  .panel-bottom-nav__item {
    --nav-size: 12px;
  }
}
.panel-bottom-nav__item:active {
  color: var(--color-text-accent);
}
.panel-bottom-nav__item.--active {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.panel-bottom-nav__item-text {
  text-align: center;
  font-size: var(--nav-size);
  line-height: var(--line-height-none);
}
.panel-bottom-nav__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.panel-bottom-nav__item-icon svg {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}
.panel-bottom-nav__item.--active {
  background-color: transparent;
  position: relative;
}
.panel-bottom-nav__item.--active::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 110%;
  left: 50%;
  z-index: var(--z-index-behind);
  background-color: var(--color-background-subded);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask-image: url("../img/icons/bottom-menu-back.svg");
          mask-image: url("../img/icons/bottom-menu-back.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center top;
          mask-position: center top;
}
.panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap {
  position: absolute;
  top: -30px;
}
@media (min-width: 1680px) {
  .panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap {
    --pos: calc(
				-14px + -10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap {
    --pos: -14px;
  }
}
.panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap .panel-bottom-nav__item-icon {
  background-color: var(--color-tertiary);
  border-radius: var(--border-radius-full);
  width: 50px;
  height: 50px;
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}
.panel-bottom-nav__item.--active .panel-bottom-nav__item-wrap .panel-bottom-nav__item-icon svg path {
  fill: var(--color-text-inverted);
}

.--indicator {
  position: relative;
  overflow: visible;
}
.--indicator::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  background-color: var(--color-danger);
  border-radius: 50%;
  z-index: var(--z-index-elevated);
  border: 2px solid var(--color-background-cabinet);
}
@media (hover: hover) {
  .--indicator:hover::before {
    width: 14px;
    left: auto;
  }
}

.user-banner {
  overflow: hidden;
  background-color: var(--color-surface-primary-140);
  border-radius: var(--border-radius-2xl);
}
@media (min-width: 1680px) {
  .user-banner {
    height: 140px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .user-banner {
    height: calc(
				90px + 50 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .user-banner {
    height: 90px;
  }
}

.user-banner__item {
  position: relative;
  width: 100%;
  height: 100%;
}
.continue-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
}
@media (min-width: 1680px) {
  .continue-card {
    height: 382px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .continue-card {
    height: calc(
				190px + 192 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .continue-card {
    height: 190px;
  }
}
@media screen and (max-width: 760px) {
  .continue-card.swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
.continue-card__body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: auto;
  position: relative;
  gap: var(--spacing-2);
  padding: var(--spacing-6);
  z-index: var(--z-index-elevated);
}
.continue-card__body::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
  background: var(--gradient-overlay);
}
.continue-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-1);
}
.course-card {
  gap: var(--spacing-3);
}
.course-card__head {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
  padding: var(--spacing-6);
}
@media (min-width: 1680px) {
  .course-card__head {
    height: 242px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .course-card__head {
    height: calc(
				120px + 122 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .course-card__head {
    height: 120px;
  }
}
.course-card__head::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: var(--gradient-overlay);
}
.course-card__title {
  margin-top: auto;
  z-index: var(--z-index-elevated);
}
.course-card__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-3);
}
.course-card__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-2);
}
.course-card__progress-bar {
  --progress-color: var(--color-secondary) !important;
}
.course-card__progress-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-3);
}

.recommended-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-4);
}
@media screen and (max-width: 990px) {
  .recommended-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.recommended-card__head {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  padding: var(--spacing-1);
}
@media (min-width: 1920px) {
  .recommended-card__head {
    width: 186px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .recommended-card__head {
    width: calc(
				139px + 47 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .recommended-card__head {
    width: 139px;
  }
}
@media (min-width: 1920px) {
  .recommended-card__head {
    height: 110px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .recommended-card__head {
    height: calc(
				82px + 28 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .recommended-card__head {
    height: 82px;
  }
}
@media screen and (max-width: 990px) {
  .recommended-card__head {
    width: 100%;
  }
}
@media screen and (max-width: 990px) and (min-width: 1240px) {
  .recommended-card__head {
    height: 180px;
  }
}
@media screen and (max-width: 990px) and (min-width: 360px) and (max-width: 1240px) {
  .recommended-card__head {
    height: calc(
				140px + 40 *
					((100vw - 360px) / (880))
			);
  }
}
@media screen and (max-width: 990px) and (max-width: 360px) {
  .recommended-card__head {
    height: 140px;
  }
}
.recommended-card__badge {
  margin-top: auto;
  margin-left: auto;
}
@media (min-width: 1680px) {
  .recommended-card__badge {
    --badge-indicator-size: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .recommended-card__badge {
    --badge-indicator-size: calc(
				12px + 2 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .recommended-card__badge {
    --badge-indicator-size: 12px;
  }
}
.recommended-card__badge::before {
  left: var(--spacing-2);
  background: url("../img/icons/icon-attantion-inverted.svg") no-repeat center/contain;
}
.recommended-card__body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-2);
}

.cabinet-empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-4);
  z-index: var(--z-index-secondary);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.cabinet-empty__text {
  color: var(--color-text-secondary);
}

.purchases-card {
  position: relative;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
}
@media screen and (max-width: 760px) {
  .purchases-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.purchases-card__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  padding: var(--spacing-6) var(--spacing-6) var(--spacing-6) 0;
}
@media screen and (max-width: 760px) {
  .purchases-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--spacing-6);
  }
}

.purchases-card__heading {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 760px) {
  .purchases-card__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.purchases-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--spacing-6) var(--spacing-6) 0;
}
@media screen and (max-width: 760px) {
  .purchases-card__meta {
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
  }
}

.purchases-card__top {
  padding: var(--spacing-6);
}
@media screen and (max-width: 760px) {
  .purchases-card__top {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-8);
    -ms-grid-columns: 1.2fr 0.8fr;
    grid-template-columns: 1.2fr 0.8fr;
    padding: 0 0 var(--spacing-4) var(--spacing-6);
  }
}

.purchases-card__image {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-xl);
  background-color: var(--color-surface-primary-140);
  padding-top: 100%;
}
@media (min-width: 1920px) {
  .purchases-card__image {
    width: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .purchases-card__image {
    width: calc(
				60px + 40 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .purchases-card__image {
    width: 60px;
  }
}
@media screen and (max-width: 760px) {
  .purchases-card__image {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: 100%;
    margin-top: var(--spacing-6);
    padding-top: 76.9230769231%;
  }
}

.purchases-card__content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 760px) {
  .purchases-card__price {
    margin-top: auto;
    text-align: right;
    padding: var(--spacing-6) var(--spacing-6) 0 0;
  }
}

.purchases-card__status {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-left: auto;
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-4) var(--spacing-4);
  border-radius: 0 0 0 var(--border-radius-2xl);
  background-color: var(--color-background-cabinet);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .purchases-card__status {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .purchases-card__status {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .purchases-card__status {
    --pos: -16px;
  }
}
.purchases-card__status::before {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.purchases-card__status::after {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.cabinet-upcoming__calendar .static-calendar-nav-wrapper {
  background-color: var(--color-background-cabinet);
}
.cabinet-upcoming__calendar .static-calendar-nav-wrapper::before, .cabinet-upcoming__calendar .static-calendar-nav-wrapper::after {
  background-color: var(--color-background-cabinet);
}

.cabinet-upcoming__events-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .cabinet-upcoming__events-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.cabinet-upcoming__events-title {
  background-color: var(--color-background-cabinet);
  border-radius: 0 0 0 var(--border-radius-3xl);
  position: relative;
  position: relative;
}
@media screen and (max-width: 760px) {
  .cabinet-upcoming__events-title {
    border-radius: 0 0 var(--border-radius-3xl) 0;
  }
}
@media (min-width: 1680px) {
  .cabinet-upcoming__events-title {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .cabinet-upcoming__events-title {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .cabinet-upcoming__events-title {
    --pos: -20px;
  }
}
.cabinet-upcoming__events-title::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.cabinet-upcoming__events-title::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  top: auto;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
@media screen and (max-width: 760px) {
  .cabinet-upcoming__events-title::before {
    -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
    top: auto;
    bottom: var(--pos);
    left: 0;
  }
}
@media screen and (max-width: 760px) {
  .cabinet-upcoming__events-title::after {
    -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
            mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
    top: 0;
    right: var(--pos);
    bottom: auto;
  }
}

.cabinet-upcoming__events-body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: var(--z-index-elevated);
}

.cabinet-upcoming__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-8);
}
@media screen and (max-width: 760px) {
  .cabinet-upcoming__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.cabinet-events__list {
  background-color: var(--color-background-primary);
  padding: var(--spacing-6);
  border-radius: var(--border-radius-2xl);
}

.events-card {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
.events-card:not(:last-child) {
  border-bottom: var(--border-width-thin) solid var(--color-devider);
}

.events-card__date {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.events-card__date::before {
  content: "";
  display: block;
  position: relative;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  background: url("../img/icons/icon-calendar-accent.svg") no-repeat center/contain;
}

.events-card__btn-wrapper {
  position: relative;
  display: block;
  z-index: 1;
}
@media (min-width: 1680px) {
  .events-card__btn-wrapper {
    padding-left: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .events-card__btn-wrapper {
    padding-left: calc(
				18px + 7 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .events-card__btn-wrapper {
    padding-left: 18px;
  }
}
.events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  pointer-events: none;
  left: auto;
}
@media (min-width: 1680px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    width: 46px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    width: calc(
				36px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    width: 36px;
  }
}
@media (min-width: 1680px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    height: 46px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    height: calc(
				36px + 10 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .events-card__btn-wrapper::before, .events-card__btn-wrapper::after {
    height: 36px;
  }
}
.events-card__btn-wrapper::before {
  z-index: -1;
  background-color: var(--color-surface-primary-300);
}
@media (min-width: 1680px) {
  .events-card__btn-wrapper::before {
    right: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .events-card__btn-wrapper::before {
    right: calc(
				10px + 5 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .events-card__btn-wrapper::before {
    right: 10px;
  }
}
.events-card__btn-wrapper::after {
  z-index: -2;
  background-color: var(--color-surface-primary-140);
}
@media (min-width: 1680px) {
  .events-card__btn-wrapper::after {
    right: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .events-card__btn-wrapper::after {
    right: calc(
				18px + 7 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .events-card__btn-wrapper::after {
    right: 18px;
  }
}

.cabinet-archive__body {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1440px) {
  .cabinet-archive__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.cabinet-archive__filter {
  -ms-grid-columns: 1fr (var(--filter-date-width))[2];
  grid-template-columns: 1fr repeat(2, var(--filter-date-width));
}
@media (min-width: 1920px) {
  .cabinet-archive__filter {
    --filter-date-width: 228px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .cabinet-archive__filter {
    --filter-date-width: calc(
				170px + 58 *
					((100vw - 768px) / (1152))
			);
  }
}
@media (max-width: 768px) {
  .cabinet-archive__filter {
    --filter-date-width: 170px;
  }
}
@media screen and (max-width: 760px) {
  .cabinet-archive__filter {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 760px) {
  .cabinet-archive__filter-select {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

.cabinet-archive__banner {
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  z-index: var(--z-index-elevated);
  background-color: var(--color-surface-primary-300);
}
@media (min-width: 1920px) {
  .cabinet-archive__banner {
    width: 350px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .cabinet-archive__banner {
    width: calc(
				300px + 50 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .cabinet-archive__banner {
    width: 300px;
  }
}
@media (min-width: 1920px) {
  .cabinet-archive__banner {
    min-height: 390px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .cabinet-archive__banner {
    min-height: calc(
				350px + 40 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .cabinet-archive__banner {
    min-height: 350px;
  }
}
@media screen and (max-width: 1240px) {
  .cabinet-archive__banner {
    width: 100%;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .cabinet-archive__banner {
    min-height: 350px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .cabinet-archive__banner {
    min-height: calc(
				170px + 180 *
					((100vw - 768px) / (472))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .cabinet-archive__banner {
    min-height: 170px;
  }
}
@media screen and (max-width: 760px) and (min-width: 760px) {
  .cabinet-archive__banner {
    min-height: 170px;
  }
}
@media screen and (max-width: 760px) and (min-width: 360px) and (max-width: 760px) {
  .cabinet-archive__banner {
    min-height: calc(
				140px + 30 *
					((100vw - 360px) / (400))
			);
  }
}
@media screen and (max-width: 760px) and (max-width: 360px) {
  .cabinet-archive__banner {
    min-height: 140px;
  }
}
.cabinet-archive__banner::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: var(--gradient-overlay);
  z-index: var(--z-index-behind);
}

.cabinet-archive__banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.cabinet-archive__banner-content {
  margin-top: auto;
}
@media screen and (max-width: 1240px) {
  .cabinet-archive__banner-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.cabinet-archive__banner-btn {
  --btn-bg: var(--color-secondary);
  --btn-hover-bg: var(--color-tertiary);
  background-color: var(--btn-bg);
  color: var(--color-text-primary);
}
.cabinet-archive__banner-btn::before {
  background-color: var(--color-tertiary);
}
@media screen and (hover: hover) {
  .cabinet-archive__banner-btn:hover {
    border-color: var(--color-tertiary);
  }
}

@media screen and (max-width: 1440px) {
  .cabinet-archive__content {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 1240px) {
  .cabinet-archive__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.cabinet-settings__body {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1240px) {
  .cabinet-settings__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.cabinet-notification {
  position: sticky;
  top: var(--top-pos);
}
@media (min-width: 1920px) {
  .cabinet-notification {
    --top-pos: 106px;
  }
}
@media (min-width: 1240px) and (max-width: 1920px) {
  .cabinet-notification {
    --top-pos: calc(
				90px + 16 *
					((100vw - 1240px) / (680))
			);
  }
}
@media (max-width: 1240px) {
  .cabinet-notification {
    --top-pos: 90px;
  }
}
@media (min-width: 1920px) {
  .cabinet-notification {
    width: 480px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .cabinet-notification {
    width: calc(
				360px + 120 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .cabinet-notification {
    width: 360px;
  }
}
@media screen and (max-width: 1240px) {
  .cabinet-notification {
    width: 100%;
    position: relative;
    top: 0;
  }
}

.cabinet-profile {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-2xl);
}
@media screen and (max-width: 1440px) {
  .cabinet-profile {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .cabinet-profile {
    width: 100%;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 760px) {
  .cabinet-profile {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.cabinet-profile__avatar {
  --color-background-files: var(--color-background-primary);
}
@media screen and (max-width: 760px) {
  .cabinet-profile__avatar {
    margin: 0 auto;
  }
}

.cabinet-notifications__item {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
.cabinet-notifications__item:not(:last-child) {
  margin-bottom: var(--spacing-2);
  border-bottom: var(--border-width-thin) solid var(--color-devider);
}

.cabinet-notifications__item-icon {
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  margin-top: var(--spacing-2);
}
.cabinet-notifications__item-icon svg path {
  fill: var(--color-text-tertiary);
}

.cabinet-notifications__item--new .cabinet-notifications__item-icon svg path {
  fill: var(--color-tertiary);
}

.cabinet-notification {
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-2xl);
}

.cabinet-notification__head {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.cabinet-notification__title {
  padding: var(--spacing-6) var(--spacing-6) 0 var(--spacing-6);
}

.cabinet-notification__icon {
  background-color: var(--color-background-cabinet);
  border-radius: 0 0 0 var(--border-radius-2xl);
  z-index: var(--z-index-secondary);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .cabinet-notification__icon {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .cabinet-notification__icon {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .cabinet-notification__icon {
    --pos: -16px;
  }
}
.cabinet-notification__icon::before {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  top: 0;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.cabinet-notification__icon::after {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-background-cabinet);
  z-index: 1;
  right: 0;
  bottom: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.cabinet-notification__icon svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}
.cabinet-notification__icon.--messages .cabinet-notification__icon-inner::before {
  opacity: 1;
  visibility: visible;
}

.cabinet-notification__icon-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: var(--border-radius-full);
  background-color: var(--color-secondary);
  opacity: 0;
  visibility: hidden;
}

.cabinet-notification__list {
  padding-right: var(--spacing-2);
}
@media (min-width: 1680px) {
  .cabinet-notification__list {
    max-height: 320px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .cabinet-notification__list {
    max-height: calc(
				260px + 60 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .cabinet-notification__list {
    max-height: 260px;
  }
}

.cabinet-profile__block-title {
  padding-left: var(--spacing-4);
}

@media (min-width: 1680px) {
  .cabinet-profile__warning-text {
    padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .cabinet-profile__warning-text {
    padding-left: calc(
				24px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .cabinet-profile__warning-text {
    padding-left: 24px;
  }
}
.cabinet-profile__warning-text::before {
  content: "";
  display: block;
  position: absolute;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
  top: 0;
  left: 0;
  background: url("../img/icons/icon-warning.svg") no-repeat center/contain;
}

.deleted {
  width: 100dvw;
}

.deleted__inner {
  overflow: hidden;
  padding: var(--spacing-8);
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-2xl);
}

.deleted__icon svg {
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}

.lecture-card {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: var(--border-radius-2xl);
  background: var(--color-background-primary);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}
@media screen and (max-width: 760px) {
  .lecture-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.lecture-card__media {
  position: relative;
  aspect-ratio: 16/10;
  border-radius: var(--border-radius-xl);
  overflow: hidden;
  background: var(--gradient-accent);
}
@media (min-width: 1920px) {
  .lecture-card__media {
    width: 280px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .lecture-card__media {
    width: calc(
				200px + 80 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .lecture-card__media {
    width: 200px;
  }
}
@media screen and (max-width: 760px) {
  .lecture-card__media {
    width: 100%;
  }
}
.lecture-card__live {
  position: absolute;
  left: var(--spacing-3);
  top: var(--spacing-3);
}

.lecture-card__when-value {
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.lecture-card__row {
  gap: var(--spacing-4) var(--spacing-6);
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1440px) {
  .lecture-card__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 760px) {
  .lecture-card__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.6fr 0.4fr;
    grid-template-columns: 0.6fr 0.4fr;
  }
  .lecture-card__actions .button--secondary {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .lecture-card__actions .button--main {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.lecture-card__actions .button:focus-visible {
  outline: var(--border-width-base) solid var(--color-primary);
  outline-offset: var(--border-width-base);
}

.lecture-card__actions .button:disabled,
.lecture-card__actions .aw-disabled {
  pointer-events: none;
  opacity: 0.45;
  cursor: not-allowed;
}

.lecture-card__timer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--spacing-2);
  font-family: var(--font-family-heading);
  font-variant-numeric: tabular-nums;
}

.lecture-card__timer-unit {
  min-width: 64px;
  padding: var(--spacing-2);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
}

/* ==========================================================================
   Sticky sidebar / Lesson
   ========================================================================== */
.test-sidebar, .lesson-sidebar {
  position: sticky;
  top: var(--spacing-3);
  z-index: var(--z-index-elevated);
  max-height: calc(100dvh - var(--spacing-3) * 2);
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.lesson {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: var(--spacing-8);
  padding-top: var(--spacing-12);
}
@media screen and (max-width: 1240px) {
  .lesson {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .lesson-sidebar {
    width: 560px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .lesson-sidebar {
    width: calc(
				400px + 160 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .lesson-sidebar {
    width: 400px;
  }
}
@media screen and (max-width: 1240px) {
  .lesson-sidebar {
    width: 100%;
    position: relative;
    top: 0;
    max-height: 100%;
    overflow: hidden;
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }
}

.lesson-sidebar__block {
  padding: var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
}

.lesson-sidebar__contact {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.lesson-doc {
  width: 100%;
}

.lesson-teacher__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-2);
}

.lesson-teacher__avatar {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-full);
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
}
.lesson-teacher__social img,
.lesson-teacher__social svg {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
  .lesson-teacher__social:hover img, .lesson-teacher__social:hover svg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.lesson-control {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: var(--border-radius-2xl);
}
@media screen and (max-width: 1240px) {
  .lesson-control {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.lesson-control__select,
.lesson-control__numbers {
  background-color: var(--color-background-primary);
}

.lesson-control__select {
  padding: var(--spacing-6);
  border-radius: var(--border-radius-2xl) 0 0 var(--border-radius-2xl);
  z-index: var(--z-index-secondary);
}
@media (min-width: 1920px) {
  .lesson-control__select {
    width: 260px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .lesson-control__select {
    width: calc(
				240px + 20 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .lesson-control__select {
    width: 240px;
  }
}
@media screen and (max-width: 1240px) {
  .lesson-control__select {
    width: 100%;
    -ms-grid-row: 2;
    grid-row: 2;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    margin-top: var(--spacing-8);
  }
}
.lesson-control__select .select__header {
  border-radius: var(--border-radius-xl);
  background-color: var(--color-surface-primary-140);
  border-color: transparent;
}
.lesson-control__select .select__current {
  color: var(--color-text-accent);
}
.lesson-control__select .select__arrow path {
  fill: var(--color-text-accent);
}

.lesson-control__numbers {
  border-radius: 0 var(--border-radius-2xl) var(--border-radius-2xl) 0;
  padding: 0 var(--spacing-16);
}
@media screen and (max-width: 1240px) {
  .lesson-control__numbers {
    border-radius: var(--border-radius-2xl);
    overflow: hidden;
    padding: 0 var(--spacing-20);
  }
}

.lesson-control__number {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: var(--spacing-3);
  border-radius: var(--border-radius-full);
}
@media screen and (hover: hover) {
  .lesson-control__number:hover:not(.lesson-control__number--active) .lesson-control__number-inner {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    background-color: var(--color-surface-primary-300);
  }
}
.lesson-control__number:active:not(.lesson-control__number--active) .lesson-control__number-inner {
  background-color: var(--color-surface-primary-300);
}

@media screen and (max-width: 1440px) {
  .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 1240px) {
  .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 760px) {
  .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide, .lesson-control__number-container.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.lesson-control__number-inner {
  border-radius: var(--border-radius-full);
  background-color: var(--color-surface-primary-140);
  color: var(--color-text-accent);
  text-align: center;
  -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease);
  -o-transition: var(--transition-duration-base) var(--transition-timing-ease);
  transition: var(--transition-duration-base) var(--transition-timing-ease);
}
@media (min-width: 1680px) {
  .lesson-control__number-inner {
    width: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-control__number-inner {
    width: calc(
				40px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-control__number-inner {
    width: 40px;
  }
}
@media (min-width: 1680px) {
  .lesson-control__number-inner {
    height: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-control__number-inner {
    height: calc(
				40px + 24 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-control__number-inner {
    height: 40px;
  }
}
.lesson-control__number-inner svg,
.lesson-control__number-inner img {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}
.lesson-control__number-inner svg path {
  fill: currentColor;
}

.lesson-control__number--active {
  background-color: var(--color-f5f5f5);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: var(--z-index-elevated);
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .lesson-control__number--active {
    --pos: -24px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-control__number--active {
    --pos: calc(
				-16px + -8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-control__number--active {
    --pos: -16px;
  }
}
@media screen and (max-width: 1240px) {
  .lesson-control__number--active {
    background-color: transparent;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
  .lesson-control__number--active::before, .lesson-control__number--active::after {
    display: none;
  }
}
.lesson-control__number--active::before {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-f5f5f5);
  z-index: 1;
  top: 43%;
  left: var(--pos);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.lesson-control__number--active::after {
  content: "";
  position: absolute;
  width: var(--border-radius-2xl);
  height: var(--border-radius-2xl);
  background: var(--color-f5f5f5);
  z-index: 1;
  top: 43%;
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.lesson-control__number--active .lesson-control__number-inner {
  background-color: var(--color-primary);
  color: var(--color-text-inverted);
}
.lesson-control__number--active .lesson-control__number-inner::after {
  content: "урок";
  display: block;
}

.lesson-control__numbers-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: var(--z-index-elevated);
  border-radius: var(--border-radius-full);
  color: var(--color-text-accent);
}
@media (min-width: 1680px) {
  .lesson-control__numbers-arrow {
    width: 56px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-control__numbers-arrow {
    width: calc(
				40px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-control__numbers-arrow {
    width: 40px;
  }
}
@media (min-width: 1680px) {
  .lesson-control__numbers-arrow {
    height: 56px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-control__numbers-arrow {
    height: calc(
				40px + 16 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-control__numbers-arrow {
    height: 40px;
  }
}
.lesson-control__numbers-arrow svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}
.lesson-control__numbers-arrow svg path {
  fill: currentColor;
}
@media screen and (hover: hover) {
  .lesson-control__numbers-arrow:hover {
    background-color: var(--color-surface-primary-140);
  }
}
.lesson-control__numbers-arrow:active {
  -webkit-transform: translateY(-50%) scale(0.96);
      -ms-transform: translateY(-50%) scale(0.96);
          transform: translateY(-50%) scale(0.96);
  background-color: var(--color-surface-primary-140);
}

.lesson-control__numbers-prev {
  left: var(--spacing-2);
}

.lesson-control__numbers-next {
  right: var(--spacing-2);
}

.lesson-content__wrapper {
  border-radius: var(--border-radius-2xl);
  padding: var(--spacing-8);
  background-color: var(--color-background-primary);
}

.lesson-block__head {
  margin-bottom: var(--spacing-5);
}

.lesson-block__name span {
  color: var(--color-text-inverted);
  background-color: var(--color-primary);
  border-radius: var(--border-radius-6xl);
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}

.lesson-block__media-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--spacing-4);
}

.lesson-block__media {
  border-radius: var(--border-radius-2xl);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}
.lesson-block__media.video__container {
  padding-top: 56.25%;
}

.lesson-block__download {
  margin-left: auto;
}
@media (min-width: 1680px) {
  .lesson-block__download {
    min-width: 230px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-block__download {
    min-width: calc(
				137px + 93 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-block__download {
    min-width: 137px;
  }
}

.lesson-test {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-surface-primary-140);
  border-radius: var(--border-radius-3xl);
  padding: var(--spacing-6);
  gap: var(--spacing-4);
}

.lesson-test__icon {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}
@media (min-width: 1680px) {
  .lesson-test__button {
    min-width: 195px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-test__button {
    min-width: calc(
				112px + 83 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-test__button {
    min-width: 112px;
  }
}

.lesson-message {
  overflow: hidden;
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-2xl);
}

.lesson-message__user {
  background-color: var(--color-f5f5f5);
  padding: var(--spacing-4);
  border-radius: 0 0 var(--border-radius-3xl) 0;
  position: relative;
  position: relative;
}
@media (min-width: 1680px) {
  .lesson-message__user {
    --pos: -32px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .lesson-message__user {
    --pos: calc(
				-20px + -12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .lesson-message__user {
    --pos: -20px;
  }
}
.lesson-message__user::before {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-f5f5f5);
  z-index: 1;
  bottom: var(--pos);
  left: 0;
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}
.lesson-message__user::after {
  content: "";
  position: absolute;
  width: var(--border-radius-3xl);
  height: var(--border-radius-3xl);
  background: var(--color-f5f5f5);
  z-index: 1;
  top: 0;
  right: var(--pos);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, black 50%);
}

.lesson-message__user-avatar {
  position: relative;
  overflow: hidden;
  background-color: var(--color-background-secondary);
  border-radius: var(--border-radius-full);
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}
.lesson-message__body {
  padding: var(--spacing-4);
}

.lesson-message__date {
  padding: var(--spacing-4);
}

.lesson-answer__form-inner {
  position: relative;
}

/* ==========================================================================
   Модуль «Автовебинары» — префикс webinar-*
   ========================================================================== */
:root {
  --webinar-radius: var(--border-radius-2xl, 16px);
  --webinar-radius-lg: var(--border-radius-3xl, 24px);
  --webinar-player-bg: #2b2540;
  --webinar-live: var(--color-danger, #ff4d4f);
}

/* ---------- Общие мелочи ---------- */
.webinar-hidden {
  display: none !important;
}

.webinar-muted {
  color: var(--color-text-tertiary);
}

.webinar-hint {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-xl);
  background: var(--color-surface-primary);
}
.webinar-hint svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: var(--icon-size-base);
  height: var(--icon-size-base);
}

.webinar-hint--warning {
  background: var(--color-surface-warning);
}

.webinar-hint--success {
  background: var(--color-surface-success);
}

.webinar-badge-live {
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--border-radius-full);
  background: var(--webinar-live);
  color: var(--color-text-inverted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 1;
}

.webinar-badge-live::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  -webkit-animation: webinar-pulse 1.6s infinite;
          animation: webinar-pulse 1.6s infinite;
}

@-webkit-keyframes webinar-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes webinar-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
/* ---------- Таймер ---------- */
.webinar-timer {
  font-variant-numeric: tabular-nums;
}

.webinar-timer__unit {
  padding: var(--spacing-2);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
}
@media (min-width: 1680px) {
  .webinar-timer__unit {
    min-width: 64px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-timer__unit {
    min-width: calc(
				52px + 12 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-timer__unit {
    min-width: 52px;
  }
}

.webinar-timer__label {
  opacity: 0.5;
}

.webinar-timer--inverted .webinar-timer__unit {
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-text-inverted);
}

.webinar-timer--inverted .webinar-timer__label {
  color: rgba(255, 255, 255, 0.7);
}

.webinar-timer--compact .webinar-timer__unit {
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--border-radius-md);
}
@media (min-width: 1680px) {
  .webinar-timer--compact .webinar-timer__unit {
    min-width: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-timer--compact .webinar-timer__unit {
    min-width: calc(
				40px + 8 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-timer--compact .webinar-timer__unit {
    min-width: 40px;
  }
}

@media (min-width: 1680px) {
  .webinar-timer--big .webinar-timer__unit {
    min-width: 88px;
  }
}
@media (min-width: 360px) and (max-width: 1680px) {
  .webinar-timer--big .webinar-timer__unit {
    min-width: calc(
				66px + 22 *
					((100vw - 360px) / (1320))
			);
  }
}
@media (max-width: 360px) {
  .webinar-timer--big .webinar-timer__unit {
    min-width: 66px;
  }
}

/* ---------- Слоты ---------- */
.webinar-slots {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}

.webinar-slots__label {
  font-size: 15px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.webinar-slots--inverted .webinar-slots__label {
  color: var(--color-text-inverted);
}

.webinar-slots__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2);
}

.webinar-chip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.webinar-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.webinar-chip__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 112px;
  padding: 10px var(--spacing-4);
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--border-radius-xl);
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  -webkit-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  -o-transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
  transition: border-color var(--transition-duration-fast), background var(--transition-duration-fast);
}

.webinar-chip__main {
  font-weight: var(--font-weight-medium);
  font-size: 16px;
}

.webinar-chip__sub {
  font-size: 13px;
  color: var(--color-text-tertiary);
}

.webinar-chip:hover .webinar-chip__body {
  border-color: var(--color-primary);
}

.webinar-chip input:checked + .webinar-chip__body {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
          box-shadow: inset 0 0 0 1px var(--color-primary);
}

.webinar-chip input:focus-visible + .webinar-chip__body {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.webinar-chip input:disabled + .webinar-chip__body {
  cursor: not-allowed;
  opacity: 0.5;
  background: var(--color-surface-disabled);
}

.webinar-slots__tz {
  font-size: 13px;
  color: var(--color-text-tertiary);
}

.webinar-slots--inverted .webinar-slots__tz {
  color: rgba(253, 252, 255, 0.75);
}

.webinar-slots__empty {
  font-size: 15px;
  color: var(--color-text-tertiary);
}

/* ---------- Лендинг ---------- */
.webinar-landing-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2) var(--spacing-4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.webinar-landing-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-6);
  color: var(--color-text-inverted);
}

.webinar-landing-price__value {
  font-family: var(--font-family-heading);
  font-size: 36px;
}

.webinar-landing-price__old {
  text-decoration: line-through;
  opacity: 0.6;
  font-size: 20px;
}

.webinar-signup-step {
  margin-bottom: var(--spacing-6);
}

.webinar-success {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
  padding: var(--spacing-8);
  border-radius: var(--webinar-radius-lg);
  background: var(--color-background-primary);
  color: var(--color-text-primary);
}

.webinar-success__title {
  font-family: var(--font-family-heading);
  font-size: 28px;
  line-height: var(--line-height-title);
}

.webinar-success__slot {
  font-size: 20px;
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.webinar-success__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-3);
}

.webinar-success__instant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-4) var(--spacing-5);
  border-radius: var(--border-radius-xl);
  background: var(--color-secondary-light);
}

/* ---------- Комната эфира ---------- */
.webinar-content {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-6);
}

.webinar-content__head {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-content__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2) var(--spacing-4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-tertiary);
  font-size: 15px;
}

.webinar-content__links {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-content__links .button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ---------- Плеер ---------- */
.webinar-player {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--webinar-radius-lg);
  overflow: hidden;
  background: var(--webinar-player-bg);
  color: #fff;
  isolation: isolate;
}

.webinar-player__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
}

.webinar-player__video::-webkit-media-controls {
  display: none !important;
}

.webinar-player__placeholder {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  text-align: center;
  padding: var(--spacing-6);
  background: -o-radial-gradient(30% 20%, circle, #4b3d82 0%, var(--webinar-player-bg) 70%);
  background: radial-gradient(circle at 30% 20%, #4b3d82 0%, var(--webinar-player-bg) 70%);
  color: rgba(255, 255, 255, 0.75);
}

.webinar-player--no-video .webinar-player__placeholder {
  display: -ms-grid;
  display: grid;
}

.webinar-player--screen-active .webinar-player__placeholder {
  display: none;
}

.webinar-player__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding: 10px 16px 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  opacity: 0;
  -webkit-transition: opacity var(--transition-duration-base);
  -o-transition: opacity var(--transition-duration-base);
  transition: opacity var(--transition-duration-base);
}

.webinar-player:hover .webinar-player__bar,
.webinar-player:focus-within .webinar-player__bar,
.webinar-player--touch .webinar-player__bar {
  opacity: 1;
}

.webinar-player__bar-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}

.webinar-player__bar-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.webinar-player__time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  line-height: 1;
  opacity: 0.95;
  white-space: nowrap;
  color: #fff;
}
.webinar-player__time .webinar-player__time-sep {
  opacity: 0.5;
}

.webinar-player__icon-btn {
  display: -ms-inline-grid;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  cursor: pointer;
}

.webinar-player__icon-btn:hover {
  background: rgba(255, 255, 255, 0.28);
}

.webinar-player__icon-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.webinar-player__ico-play {
  display: block;
}

.webinar-player__ico-pause {
  display: none;
}

.webinar-player__icon-btn[data-webinar-playpause][data-state=playing] .webinar-player__ico-play {
  display: none;
}

.webinar-player__icon-btn[data-webinar-playpause][data-state=playing] .webinar-player__ico-pause {
  display: block;
}

.webinar-player__icon-btn--orientation {
  display: none;
}

@media (max-width: 767.98px) {
  .webinar-player__icon-btn--orientation {
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
.webinar-player__volume {
  width: 96px;
  accent-color: var(--color-primary);
}

.webinar-player__live {
  position: absolute;
  top: var(--spacing-4);
  left: var(--spacing-4);
  z-index: 2;
}

.webinar-player__start {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, 0.45);
}

.webinar-player--need-gesture .webinar-player__start {
  display: -ms-grid;
  display: grid;
}

/* ---------- Прогресс ---------- */
.webinar-player__progress {
  position: relative;
  width: 100%;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}

.webinar-player__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 4px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.25);
}

.webinar-player__progress-buffer {
  position: absolute;
  left: 0;
  top: 50%;
  height: 4px;
  width: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.42);
  pointer-events: none;
  -webkit-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  transition: width 200ms linear;
}

.webinar-player__progress-fill {
  position: absolute;
  left: 0;
  top: 50%;
  height: 4px;
  width: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
  background: var(--color-primary, #9775fa);
  pointer-events: none;
  -webkit-transition: width 80ms linear;
  -o-transition: width 80ms linear;
  transition: width 80ms linear;
}

.webinar-player__progress-range {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 18px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  outline: none;
}
.webinar-player__progress-range::-webkit-slider-runnable-track {
  height: 18px;
  background: transparent;
}
.webinar-player__progress-range::-moz-range-track {
  height: 18px;
  background: transparent;
}
.webinar-player__progress-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--color-primary, #9775fa);
  -webkit-box-shadow: 0 0 0 3px rgba(151, 117, 250, 0.25);
          box-shadow: 0 0 0 3px rgba(151, 117, 250, 0.25);
  cursor: pointer;
  -webkit-transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
}
.webinar-player__progress-range::-webkit-slider-thumb:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.webinar-player__progress-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--color-primary, #9775fa);
  cursor: pointer;
}
.webinar-player__progress-range:focus-visible::-webkit-slider-thumb {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ---------- Экраны состояний ---------- */
.webinar-screen {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-5);
  padding: var(--spacing-8);
  text-align: center;
  background: -o-radial-gradient(25% 15%, circle, #5a47a3 0%, var(--webinar-player-bg) 65%);
  background: radial-gradient(circle at 25% 15%, #5a47a3 0%, var(--webinar-player-bg) 65%);
  overflow-y: auto;
}

.webinar-screen--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webinar-screen--final {
  background: rgba(43, 37, 64, 0.92);
}

.webinar-screen__title {
  max-width: 640px;
}

.webinar-screen__text {
  max-width: 560px;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-text);
  color: rgba(255, 255, 255, 0.82);
}

.webinar-screen__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-3);
}

@media (max-width: 767.98px) {
  .webinar-player {
    border-radius: var(--webinar-radius);
    aspect-ratio: auto;
    min-height: 56vw;
  }
  .webinar-player__video {
    position: relative;
    height: 100%;
    aspect-ratio: 16/9;
  }
  .webinar-screen {
    position: relative;
    display: none;
    min-height: 320px;
    padding: var(--spacing-6) var(--spacing-4);
  }
  .webinar-screen--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .webinar-player--screen-active .webinar-player__video,
  .webinar-player--screen-active .webinar-player__placeholder {
    display: none;
  }
  .webinar-player__volume {
    display: none;
  }
  .webinar-player__bar {
    padding: 8px 12px 10px;
  }
  .webinar-player__bar-row {
    gap: 8px;
  }
  .webinar-player__time {
    font-size: 12px;
  }
  .webinar-player__progress {
    height: 16px;
  }
  .webinar-player__progress-range {
    height: 16px;
  }
  .webinar-player__progress-range::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    margin-top: 2px;
  }
  .webinar-player__progress-range::-moz-range-thumb {
    width: 12px;
    height: 12px;
  }
}
/* ---------- Продающие элементы ---------- */
.webinar-offers:empty {
  display: none;
}

.webinar-offer {
  -webkit-animation: webinar-offer-in var(--transition-duration-slow) var(--transition-timing-ease-out);
          animation: webinar-offer-in var(--transition-duration-slow) var(--transition-timing-ease-out);
}

@-webkit-keyframes webinar-offer-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes webinar-offer-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .webinar-offer,
  .webinar-badge-live::before {
    -webkit-animation: none;
            animation: none;
  }
}
.webinar-offer--widget {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-2) var(--spacing-6);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-5) var(--spacing-6);
  border-radius: var(--border-radius-2xl);
  background: var(--color-surface-primary);
  border: 1px solid var(--color-surface-primary-300);
}

.webinar-offer__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-2);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.webinar-offer__price-old {
  text-decoration: line-through;
  color: var(--color-text-tertiary);
}

.webinar-offer__aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/span 3;
  -ms-grid-column: 2;
  grid-column: 2;
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
  justify-items: end;
}

@media (max-width: 767.98px) {
  .webinar-offer--widget {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .webinar-offer__aside {
    grid-row: auto;
    grid-column: auto;
    justify-items: stretch;
  }
  .webinar-offer--button .button {
    width: 100%;
  }
  [data-aw-state=live] .webinar-offers--sticky-mobile {
    position: sticky;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    z-index: 5;
  }
}
/* ---------- Неактивная кнопка-ссылка ---------- */
.button.webinar-disabled {
  pointer-events: none;
  opacity: 0.45;
  cursor: not-allowed;
}

/* ---------- Иконки звука ---------- */
[data-webinar-mute] .webinar-player__ico-muted {
  display: none;
}

[data-webinar-mute][data-muted=true] .webinar-player__ico-muted {
  display: block;
}

[data-webinar-mute][data-muted=true] .webinar-player__ico-sound {
  display: none;
}

/* ---------- Ползунки ---------- */
.webinar-timeline__range,
.webinar-player__volume {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 6px;
  border-radius: 3px;
  background: var(--color-surface-primary-300);
  cursor: pointer;
}

.webinar-player__volume {
  background: rgba(255, 255, 255, 0.35);
}

.webinar-timeline__range::-webkit-slider-thumb,
.webinar-player__volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 3px solid #fff;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.webinar-timeline__range::-moz-range-thumb,
.webinar-player__volume::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 3px solid #fff;
}

.webinar-timeline__range:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

.webinar-speed {
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--border-radius-xl);
  background: var(--color-background-primary);
  font: inherit;
}

/* ---------- Статусы ---------- */
.webinar-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--border-radius-full);
  font-size: 13px;
  white-space: nowrap;
  background: var(--color-surface-secondary);
  color: var(--color-text-secondary);
}

.webinar-status--planned {
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
}

.webinar-status--live {
  background: var(--color-surface-danger);
  color: var(--color-danger-hover);
}

.webinar-status--done {
  background: var(--color-surface-success);
  color: #2f7d0b;
}

.webinar-status--pending {
  background: var(--color-surface-warning);
  color: #a35a00;
}

/* ---------- Сайдбар комнаты ---------- */
.webinar-room-desc {
  font-size: 16px;
  line-height: var(--line-height-text);
  color: var(--color-text-secondary);
}

.webinar-room-links {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-room-links .button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ---------- Демо-панель (удалить на проде) ---------- */
.webinar-demo {
  position: fixed;
  right: var(--spacing-4);
  bottom: var(--spacing-4);
  z-index: var(--z-index-toast, 1700);
  width: min(320px, 100vw - 32px);
  padding: var(--spacing-4);
  border-radius: var(--border-radius-xl);
  background: #fff;
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
  border: 1px dashed var(--color-primary);
  font-size: 13px;
}

.webinar-demo__title {
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-2);
  color: var(--color-text-accent);
}

.webinar-demo__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}

.webinar-demo__btn {
  padding: 6px 10px;
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--border-radius-md);
  background: var(--color-surface-secondary);
  cursor: pointer;
  font-size: 12px;
}

.webinar-demo__btn:hover,
.webinar-demo__btn--active {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
}

.webinar-demo__toggle {
  position: absolute;
  top: var(--spacing-2);
  right: var(--spacing-3);
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-text-tertiary);
}

.webinar-demo--collapsed .webinar-demo__grid {
  display: none;
}

@media (max-width: 767.98px) {
  .webinar-demo {
    bottom: 84px;
  }
}
/* ---------- Админка (статы) ---------- */
.webinar-stats {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-6);
}

.webinar-stat {
  display: -ms-grid;
  display: grid;
  gap: 6px;
  padding: var(--spacing-5);
  border-radius: var(--webinar-radius);
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-secondary);
}

.webinar-stat__value {
  font-family: var(--font-family-heading);
  font-size: 34px;
  line-height: 1;
  color: var(--color-text-primary);
}

.webinar-stat__label {
  font-size: 15px;
  color: var(--color-text-tertiary);
}

.webinar-stat--accent {
  background: var(--color-surface-primary);
  border-color: var(--color-surface-primary-300);
}

.webinar-stat--accent .webinar-stat__value {
  color: var(--color-text-accent);
}

@media (max-width: 1279.98px) {
  .webinar-stats {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .webinar-stats {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.content-admin__table_courses.table-content-admin {
  /* Плейсхолдеры для data-da — активны только на мобилке */
  /* =====================================================================
     ДЕСКТОП ( > 1240px )
     ===================================================================== */
  /* =====================================================================
     ЛАПТОП ( 768px – 1240px ) — карточки с лейблами
     ===================================================================== */
  /* =====================================================================
     МОБИЛКА ( <= 767.98px ) — карточки + data-da
     ===================================================================== */
}
.content-admin__table_courses.table-content-admin .table-content-admin__line-mob {
  display: none;
}
.content-admin__table_courses.table-content-admin .table-content-admin__column {
  min-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-admin__table_courses.table-content-admin .table-content-admin__text {
  text-align: left;
}
@media (min-width: 1241px) {
  .content-admin__table_courses.table-content-admin {
    /* Линия — у шапки */
    /* Линия — у строки, не у ячеек */
    /* Единый padding у всех ячеек + жёсткий сброс border-bottom */
    /* Сброс возможных внутренних линий базовой темы */
    /* Actions: если тарифов нет — растягивается до конца сетки */
    /* В полной таблице лейблы не нужны — роль шапки играет __head */
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__head,
  .content-admin__table_courses.table-content-admin .table-content-admin__row {
    display: -ms-grid;
    display: grid;
    gap: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-grid-columns: minmax(220px, 2.4fr) minmax(100px, 1fr) minmax(64px, 0.7fr) minmax(64px, 0.7fr) minmax(90px, 0.9fr) minmax(100px, 1fr) minmax(110px, 1.1fr) minmax(110px, 1.1fr) minmax(110px, 1.1fr) 56px;
    grid-template-columns: minmax(220px, 2.4fr) minmax(100px, 1fr) minmax(64px, 0.7fr) minmax(64px, 0.7fr) minmax(90px, 0.9fr) minmax(100px, 1fr) minmax(110px, 1.1fr) minmax(110px, 1.1fr) minmax(110px, 1.1fr) 56px; /* Действия */
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__head {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    border-bottom: 1px solid var(--color-border-secondary);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row {
    border-bottom: 1px solid var(--color-border-secondary);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row:last-child {
    border-bottom: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__head .table-content-admin__column,
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: var(--spacing-4) var(--spacing-3);
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    border-top: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__text,
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__info,
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__user {
    border-bottom: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__column_actions {
    -ms-grid-column-span: -1;
    grid-column-end: -1;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__name-mob {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1240px) {
  .content-admin__table_courses.table-content-admin {
    /* Контейнер — вертикальный стек карточек */
    /* Строка 1: Название курса — 4/5 ширины */
    /* Строка 1: Actions — справа, вровень с названием */
    /* Строка 2: Категория, Модули, Уроки, Тип, Статус */
    /* Строка 3: Тарифы (не задеваем actions) */
    /* Ячейка = лейбл + значение, вертикально */
    /* Лейблы (Категория, Модули, ...) — тонкие, серые */
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__head {
    display: none;
  }
  .content-admin__table_courses.table-content-admin {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-3);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--spacing-5);
    padding: var(--spacing-5) var(--spacing-6);
    border-radius: var(--border-radius-2xl);
    background: var(--color-background-primary);
    border-bottom: none;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__column_mob {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__column_actions {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 5/6;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: start;
        align-self: start;
    padding: 0;
    border-bottom: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(5),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(6),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(7),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(8),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(9) {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(10):not(.table-content-admin__column_actions),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(11):not(.table-content-admin__column_actions),
  .content-admin__table_courses.table-content-admin .table-content-admin__row > .table-content-admin__column:nth-child(12):not(.table-content-admin__column_actions) {
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 0;
    border-bottom: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row .table-content-admin__name-mob {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: var(--font-weight-regular);
    line-height: 1.2;
    color: var(--color-text-tertiary);
  }
}
@media (max-width: 767.98px) {
  .content-admin__table_courses.table-content-admin {
    /* Контейнер — вертикальный стек карточек */
    /* data-da переносит ячейки в line-mob — превращаем в grid */
    /* Пустые контейнеры (нет тарифов) не занимают места */
    /* Ячейка — flex-колонка с внутренним padding'ом,
       чтобы текст/бейдж не упирались в её края */
    /* Заголовок карточки (аватар + название) — больше воздуха */
    /* Actions — отдельная строка карточки, справа, без padding */
    /* Лейблы над значениями */
    /* Сброс возможных линий базовой темы */
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__head {
    display: none;
  }
  .content-admin__table_courses.table-content-admin {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-3);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__row {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-4);
    /* Внешний отступ карточки */
    padding: var(--spacing-4);
    border-radius: var(--border-radius-2xl);
    background: var(--color-background-primary);
    border-bottom: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__line-mob {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-3);
    /* Боковой отступ, чтобы ячейки не прилипали к краю карточки */
    padding: 0 var(--spacing-1);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__line-mob:empty {
    display: none;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__line-mob-1,
  .content-admin__table_courses.table-content-admin .table-content-admin__line-mob-2 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__line-mob-3 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    padding: var(--spacing-2) var(--spacing-3);
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    border-radius: var(--border-radius-lg);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__column_mob {
    grid-column: 1/-1;
    padding: var(--spacing-3);
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__column_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: var(--spacing-2);
    padding: 0;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__name-mob {
    display: block;
    font-size: 12px;
    color: var(--color-text-tertiary);
    margin-bottom: 2px;
  }
  .content-admin__table_courses.table-content-admin .table-content-admin__text,
  .content-admin__table_courses.table-content-admin .table-content-admin__info,
  .content-admin__table_courses.table-content-admin .table-content-admin__user {
    border-bottom: none;
  }
}

.webinar-num {
  font-variant-numeric: tabular-nums;
}

.webinar-table .table-content-admin__text {
  text-align: left;
}

.webinar-session-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2) var(--spacing-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--spacing-2);
}

/* ---------- Повторяемые блоки ---------- */
.webinar-repeater {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}

.webinar-repeater__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
  padding: var(--spacing-5);
  border-radius: var(--webinar-radius);
  background: var(--color-surface-secondary);
}

.webinar-repeater__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-3);
}

.webinar-repeater__title {
  font-weight: var(--font-weight-medium);
  font-size: 17px;
}

.webinar-repeater__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-4);
}

.webinar-repeater__grid--3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.webinar-repeater__full {
  grid-column: 1/-1;
}

@media (max-width: 767.98px) {
  .webinar-repeater__grid,
  .webinar-repeater__grid--3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.webinar-times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-3);
}

.webinar-times .input-box {
  width: 160px;
}

.webinar-radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-3) var(--spacing-6);
}

.webinar-switch-section[hidden] {
  display: none;
}

.webinar-switch-section {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}

/* ---------- Превью расписания ---------- */
.webinar-schedule-preview {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-schedule-preview__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2);
}

.webinar-schedule-preview__item {
  padding: 6px var(--spacing-3);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface-primary);
  color: var(--color-text-accent);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.webinar-schedule-preview__more {
  padding: 6px var(--spacing-1);
  font-size: 14px;
  color: var(--color-text-tertiary);
}

/* ---------- Предпросмотр админа ---------- */
.webinar-preview {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 360px;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: var(--spacing-6);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 1279.98px) {
  .webinar-preview {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.webinar-preview__main {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-4);
}

/* ---------- Таймлайн ---------- */
.webinar-timeline {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-timeline__track {
  position: relative;
  height: 36px;
}

.webinar-timeline__range {
  position: absolute;
  inset: 12px 0 auto;
  width: 100%;
  accent-color: var(--color-primary);
}

.webinar-timeline__marker {
  position: absolute;
  top: 0;
  width: 4px;
  height: 12px;
  border-radius: 2px;
  background: var(--color-tertiary);
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px);
  pointer-events: none;
}

.webinar-timeline__marker--widget {
  background: var(--color-accent-secondary);
}

.webinar-timeline__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
}

.webinar-timeline__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ---------- Cue-точки ---------- */
.webinar-cue-list {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-2);
}

.webinar-cue {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 64px 1fr auto;
  grid-template-columns: 64px 1fr auto;
  gap: var(--spacing-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--border-radius-xl);
  background: var(--color-surface-secondary);
  border: 1px solid transparent;
}

.webinar-cue--visible {
  border-color: var(--color-primary);
  background: var(--color-surface-primary);
}

.webinar-cue__time {
  font-variant-numeric: tabular-nums;
  color: var(--color-text-accent);
  font-weight: var(--font-weight-medium);
}

.webinar-cue__title {
  font-size: 15px;
}

.webinar-cue__type {
  font-size: 12px;
  color: var(--color-text-tertiary);
}

.webinar-cue__go {
  border: 0;
  background: none;
  color: var(--color-text-accent);
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}

/* ---------- Конструктор расписания ---------- */
.webinar-schedule {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-6);
}

.webinar-segment {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: var(--border-radius-full);
  background: var(--color-background-input-dark);
}

.webinar-segment__item {
  position: relative;
  cursor: pointer;
}

.webinar-segment__item input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.webinar-segment__item span {
  display: block;
  padding: var(--spacing-3) var(--spacing-5);
  border-radius: var(--border-radius-full);
  font-size: 16px;
  color: var(--color-text-secondary);
  -webkit-transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
  -o-transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
  transition: background var(--transition-duration-fast), color var(--transition-duration-fast);
}

.webinar-segment__item:hover span {
  color: var(--color-text-primary);
}

.webinar-segment__item input:checked + span {
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.webinar-segment__item input:focus-visible + span {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.webinar-chip--sm .webinar-chip__body {
  min-width: 52px;
  padding: var(--spacing-2) var(--spacing-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.webinar-chip--sm .webinar-chip__main {
  font-size: 15px;
}

/* ---------- Список времени ---------- */
.webinar-timelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.webinar-timelist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.webinar-timelist__item .input-box {
  width: 136px;
}

.webinar-timelist__remove:disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* ---------- Карточки дат ---------- */
.webinar-datecard__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px minmax(0, 1fr);
  grid-template-columns: 240px minmax(0, 1fr);
  gap: var(--spacing-4) var(--spacing-6);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.webinar-datecard__title::first-letter {
  text-transform: uppercase;
}

.webinar-datecard__note {
  font-size: 14px;
  color: var(--color-warning);
}

.webinar-datecard .add-form-admin__delete:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.webinar-datecard__remove:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.webinar-datecard .webinar-repeater__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767.98px) {
  .webinar-datecard__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
/* ---------- Быстрое заполнение времени ---------- */
.webinar-presets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.webinar-preset {
  padding: 6px var(--spacing-3);
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--border-radius-full);
  background: var(--color-background-primary);
  color: var(--color-text-accent);
  font: inherit;
  cursor: pointer;
}

.webinar-preset:hover {
  border-color: var(--color-primary);
}

/* ---------- Отступы в админке ---------- */
.content-admin .webinar-stats {
  margin-top: var(--spacing-6);
}

.test {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 1240px) {
  .test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.test__wrapper {
  width: 100%;
}

.test-sidebar {
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
}
@media (min-width: 1920px) {
  .test-sidebar {
    width: 360px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .test-sidebar {
    width: calc(
				280px + 80 *
					((100vw - 1280px) / (640))
			);
  }
}
@media (max-width: 1280px) {
  .test-sidebar {
    width: 280px;
  }
}
@media screen and (max-width: 1240px) {
  .test-sidebar {
    width: 100%;
    position: relative;
    top: 0;
    max-height: 100%;
    overflow: hidden;
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }
}

.test-sidebar__list {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-3);
  grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
}
.test-sidebar__question {
  --question-color: var(--color-text-accent);
  --question-bg: var(--color-surface-primary-140);
  --question-size: 32px;
  background-color: var(--question-bg);
  color: var(--question-color);
  width: var(--question-size);
  height: var(--question-size);
  border-radius: var(--border-radius-full);
  -webkit-transition: var(--transition-duration-base);
  -o-transition: var(--transition-duration-base);
  transition: var(--transition-duration-base);
}
.test-sidebar__question.--complete {
  --question-color: var(--color-text-inverted);
  --question-bg: var(--color-primary);
}
.test-sidebar__question.--error {
  --question-color: var(--color-danger);
  --question-bg: var(--color-surface-danger-140);
}
@media screen and (hover: hover) {
  .test-sidebar__question:hover:not(.--complete, .--error) {
    --question-bg: var(--color-surface-primary-hover);
  }
}

@media screen and (max-width: 760px) {
  .test__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 760px) {
  .test__control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.test-box {
  background-color: var(--color-background-primary);
  border-radius: var(--border-radius-2xl);
}

.test-box__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-2xl);
  padding-top: 40%;
}
.test-result {
  --result-color-title: var(--color-text-primary);
  border-radius: var(--border-radius-2xl);
  background-color: var(--color-background-primary);
}

.test-result__title {
  color: var(--result-color-title);
}

.test-result--success {
  --result-color-title: var(--color-success);
}

.test-result--warning {
  --result-color-title: var(--color-warning);
}

.test-result--danger {
  --result-color-title: var(--color-danger);
}

.test-result__body {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 760px) {
  .test-result__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 760px) {
  .test-result__progress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.test-result__progress-bar {
  width: 150px;
}
@media screen and (max-width: 760px) {
  .test-result__progress-bar {
    width: 100%;
  }
}