@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,-25");
.api-indicator {
  position: fixed;
  left: 1em;
  top: 1em;
  width: 2em;
  height: 2em;
  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;
  background: var(--color-background);
  z-index: var(--index-modals-up);
  border-radius: 0.5em;
}
.api-indicator:before {
  content: "";
  position: absolute;
  left: 10%;
  top: 10%;
  right: 10%;
  bottom: 10%;
  border: 1px solid var(--color-text);
  border-radius: 0.5em;
  -webkit-transition: border-color 300ms linear, -webkit-transform 300ms linear;
  transition: border-color 300ms linear, -webkit-transform 300ms linear;
  transition: transform 300ms linear, border-color 300ms linear;
  transition: transform 300ms linear, border-color 300ms linear, -webkit-transform 300ms linear;
}
.api_stand .api-indicator:before {
  border-color: transparent;
}
.api_progress .api-indicator:before {
  border-color: cyan;
  border-style: dotted;
  -webkit-transform: scale(1.5) rotate(45deg);
          transform: scale(1.5) rotate(45deg);
}
.api_success .api-indicator:before {
  border-style: dotted;
  border-color: hsl(155, 100%, 30%);
  -webkit-animation: apiProgressDone 1s;
          animation: apiProgressDone 1s;
}
.api_redirection .api-indicator:before {
  border-color: red;
}
.api_client_error .api-indicator:before, .api_not_found .api-indicator:before {
  border-color: red;
}
.api_unauthorised .api-indicator:before {
  border-color: orange;
}
.api_server_error .api-indicator:before {
  border-color: red;
}
.api-indicator:after {
  content: "API";
  position: absolute;
  left: 10%;
  top: 10%;
  right: 10%;
  bottom: 10%;
  font-size: 0.7em;
  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;
}
.api_progress .api-indicator:after {
  content: "✈";
  font-size: 1rem;
}
.api_success .api-indicator:after {
  content: "✓";
  font-size: 1rem;
  color: hsl(155, 100%, 30%);
}
.api_server_error .api-indicator:after {
  content: "✗";
  font-size: 1rem;
  color: red;
}
.api_unauthorised .api-indicator:after {
  content: "❗";
  font-size: 1rem;
  color: orange;
}
@-webkit-keyframes apiProgressDone {
from {
    -webkit-transform: scale(1.5) rotate(45deg);
            transform: scale(1.5) rotate(45deg);
}
to {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
}
}
@keyframes apiProgressDone {
from {
    -webkit-transform: scale(1.5) rotate(45deg);
            transform: scale(1.5) rotate(45deg);
}
to {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
}
}#logo-svg-icon {
  aspect-ratio: 50/47;
}
#logo-svg-icon-s1 {
  fill: var(--color-text-soft);
}
#logo-svg-icon-s2 {
  fill: var(--color-text-heading);
}
#logo-svg-full {
  aspect-ratio: 50/20;
}
#logo-svg-full-s1 {
  fill: var(--color-text-soft);
}
#logo-svg-full-s2 {
  fill: var(--color-text-heading);
}
#logo-svg-full-title {
  fill: var(--color-text);
}
#logo-svg-full-subtitle {
  fill: var(--color-text-soft);
}.unlock-form__heading {
  margin-bottom: var(--padding-box);
}
.unlock-form__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.unlock-form__logo p {
  line-height: 1.4;
  max-width: 17em;
  font-size: var(--font-size-xs);
  margin-top: 0;
  margin-bottom: 0;
}
.unlock-form__logo-icon {
  width: 5.5em;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.unlock-form__logo-icon > * {
  width: 100%;
  height: auto;
  aspect-ratio: 50/20;
}
.unlock-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: var(--index-modals-up);
  background-color: var(--color-base);
  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;
  padding: var(--padding-box);
}
.unlock-form {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 0%;
          flex: 2 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  text-align: center;
  max-width: 26em;
  padding: var(--padding-box);
  border-radius: var(--br);
  background: var(--color-background);
}
.unlock-form input {
  text-align: center;
}
.unlock-form_process {
  opacity: 0.4;
}
.unlock-form__message {
  color: var(--color-accent);
  padding: var(--padding);
  border: 1px solid var(--color-border);
  border-radius: var(--br);
  text-align: center;
}
.unlock-form [type=submit] {
  margin-top: var(--padding-box);
}.sidebar[data-v-a7e1f954] {
  width: var(--sidebar);
  height: 100%;
  padding: var(--padding-box);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: var(--index-content-up);
  -webkit-animation: fadeInSidebar-a7e1f954 1s;
          animation: fadeInSidebar-a7e1f954 1s;
}
.sidebar_container[data-v-a7e1f954] {
  width: 100%;
  height: 100%;
  background: var(--color-background);
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  border-radius: var(--br);
  display: grid;
  grid-template-rows: var(--padding-box) repeat(2, -webkit-min-content) 1fr repeat(2, -webkit-min-content);
  grid-template-rows: var(--padding-box) repeat(2, min-content) 1fr repeat(2, min-content);
  row-gap: var(--margin);
  padding-top: 0;
  padding-left: var(--padding-box);
  padding-right: var(--padding-box);
  padding-bottom: var(--padding-box);
}
.sidebar_slim .sidebar_container[data-v-a7e1f954] {
  padding-left: 0;
  padding-right: 0;
}
.sidebar_tools[data-v-a7e1f954] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sidebar_middle[data-v-a7e1f954] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar_end[data-v-a7e1f954] {
  background: var(--color-base);
  border-radius: 3em;
  padding: var(--padding-text);
}
.sidebar_slim .sidebar_end[data-v-a7e1f954] {
  border-radius: 0;
  text-align: center;
}
@-webkit-keyframes fadeInSidebar-a7e1f954 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5vh, 0);
            transform: translate3d(0, 5vh, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInSidebar-a7e1f954 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5vh, 0);
            transform: translate3d(0, 5vh, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@media (max-width: 768px) {
.sidebar[data-v-a7e1f954] {
    width: 100%;
    height: auto;
    top: auto;
}
.sidebar_container[data-v-a7e1f954] {
    padding: var(--padding);
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    border-radius: 5em;
}
.sidebar_tools[data-v-a7e1f954] {
    display: none;
}
.sidebar_start[data-v-a7e1f954] {
    display: none;
}
.sidebar_start_q[data-v-a7e1f954] {
    display: none;
}
.sidebar_end_q[data-v-a7e1f954] {
    display: none;
}
.sidebar_end[data-v-a7e1f954] {
    display: none;
}
}.logo[data-v-6375518c] {
  display: block;
  text-align: center;
  line-height: var(--font-heading-lh);
  letter-spacing: var(--font-heading-ls);
  text-decoration: none;
}
.logo_img[data-v-6375518c] {
  font-size: var(--font-size-heading);
  display: inline-block;
  vertical-align: baseline;
  width: 1.2em;
  position: relative;
  bottom: -1px;
  margin: 0;
}
.logo_img[data-v-6375518c] > * {
  width: 100%;
  height: auto;
  aspect-ratio: 50/47;
}
.logo_title[data-v-6375518c] {
  font-size: var(--font-size-heading);
  color: var(--color-text-heading);
  margin-left: 0.6em;
}
.logo_description[data-v-6375518c] {
  display: block;
  font-size: 0.85rem;
  margin-top: 0.3em;
  color: var(--color-text-soft);
  font-family: var(--font-text);
  line-height: var(--font-text-lh);
  letter-spacing: var(--font-text-ls);
}
.sidebar_slim .logo_img[data-v-6375518c] {
  background-position: center bottom;
}
.sidebar_slim .logo_title[data-v-6375518c],
.sidebar_slim .logo_description[data-v-6375518c] {
  display: none;
}.nav__link[data-v-3567275d] {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  text-decoration: none;
  padding: 0 1.4em 0 0;
}
.nav__sub .nav__link[data-v-3567275d] {
  border-left: 1px dotted var(--color-border-soft);
  color: var(--color-text-soft);
  overflow: hidden;
  font-size: var(--font-size-sm);
}
.nav__link span[data-v-3567275d]:not(.nav__icon) {
  padding-bottom: 0.15em;
}
.nav__link:hover .nav__icon[data-v-3567275d] {
  background: var(--color-base);
}
.nav__link_active span[data-v-3567275d] {
  color: var(--color-accent);
}
.nav__link_active .nav__icon[data-v-3567275d] {
  color: var(--color-accent);
  border-color: var(--color-base) !important;
  background-color: var(--color-base) !important;
}
.nav__link_active .nav__icon[data-v-3567275d]:before {
  font-size: 1.3em;
}
.nav__link_sub[data-v-3567275d] {
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M12 15L8 11L16 11L12 15Z' fill='rgb(96, 100, 101)'/></svg>");
  background-position: center right 0em;
  background-repeat: no-repeat;
  background-size: 1em 1em;
}
.nav__icon[data-v-3567275d] {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 1px solid transparent;
  margin: 0.2em 0;
  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;
}
.nav__icon[data-v-3567275d]:before {
  font-size: 1.2em;
}
.nav__sub .nav__icon[data-v-3567275d] {
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.nav__sub .nav__icon[data-v-3567275d]:before {
  font-size: 0.97em;
}
.nav__link:not(.nav__link_icon) .nav__icon[data-v-3567275d]:before {
  content: "\f3d2";
  font-family: "Material Symbols Outlined";
}
.sidebar_slim .nav__link[data-v-3567275d] {
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  padding: 0;
}
.sidebar_slim .nav__link span[data-v-3567275d] {
  display: none;
}
@media (max-width: 768px) {
.nav__link[data-v-3567275d] {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 0;
    line-height: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.nav__link span[data-v-3567275d] {
    padding-left: var(--padding-box);
    padding-right: var(--padding-box);
    padding-bottom: 0 !important;
    font-size: var(--font-size-xxxs);
    color: var(--color-text-soft);
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.nav__link span[data-v-3567275d]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--padding-box);
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-background)));
    background: linear-gradient(to right, transparent, var(--color-background));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    color: var(--color-accent);
}
.nav__icon[data-v-3567275d] {
    margin: 0 auto;
}
}.nav__sub {
  display: grid;
  grid-template-rows: repeat(var(--subindex), 0fr);
  -webkit-transition: 250ms grid-template-rows linear, 500ms padding linear 150ms;
  transition: 250ms grid-template-rows linear, 500ms padding linear 150ms;
  transition: 250ms grid-template-rows linear, 500ms padding linear 150ms, 250ms -ms-grid-rows linear;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  overflow: hidden;
}
.nav__sub:has(> .nav__link_active),
.nav__link_active + .nav__sub,
.nav__link_exact + .nav__sub {
  grid-template-rows: repeat(var(--subindex), 1fr);
  padding-top: 0.9em;
  padding-bottom: 0.9em;
}
@media (max-width: 768px) {
.nav__sub {
    position: fixed;
    left: var(--padding-box);
    right: var(--padding-box);
    bottom: 5em;
    background-color: var(--color-background);
    border-radius: var(--br);
    display: none;
}
}.navigation[data-v-7bdf694f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-left: -0.5em;
}
.sidebar_slim .navigation[data-v-7bdf694f] {
  margin-left: 0;
}
@media (min-width: 768px) {
.navigation__hide-md[data-v-7bdf694f] {
    display: none;
}
}
@media (max-width: 768px) {
.navigation[data-v-7bdf694f] {
    width: 100%;
    margin: 0;
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
}.userbar[data-v-f41c1b73] {
  display: grid;
  grid-template-areas: "ava name" "ava role";
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-column-gap: var(--padding-text);
     -moz-column-gap: var(--padding-text);
          column-gap: var(--padding-text);
  row-gap: 0.3em;
  line-height: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.userbar_avatar[data-v-f41c1b73] {
  grid-area: ava;
  width: 3em;
  height: 3em;
  background: var(--color-background);
  border-radius: 50%;
  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-decoration: none;
  border: 1px solid var(--color-border);
  position: relative;
}
.userbar_avatar[data-v-f41c1b73]:before {
  content: "";
  position: absolute;
  left: -0.3em;
  top: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  border: 1px dashed transparent;
  border-radius: 50%;
}
.userbar_name[data-v-f41c1b73] {
  grid-area: name;
  font-size: var(--font-size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.userbar_role[data-v-f41c1b73] {
  grid-area: role;
  font-size: var(--font-size-xs);
  color: var(--color-text-mute);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.userbar:hover .userbar_avatar[data-v-f41c1b73]:before {
  border-color: var(--color-accent);
  -webkit-animation-name: userbarRotate-f41c1b73;
          animation-name: userbarRotate-f41c1b73;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
@-webkit-keyframes userbarRotate-f41c1b73 {
from {
    -webkit-transform: rotate(0deg) scale(0.9);
            transform: rotate(0deg) scale(0.9);
}
to {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
}
}
@keyframes userbarRotate-f41c1b73 {
from {
    -webkit-transform: rotate(0deg) scale(0.9);
            transform: rotate(0deg) scale(0.9);
}
to {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
}
}
.sidebar_slim .userbar[data-v-f41c1b73] {
  grid-template-areas: "ava";
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar_slim .userbar_name[data-v-f41c1b73],
.sidebar_slim .userbar_role[data-v-f41c1b73] {
  display: none;
}.widget-exchange-rate {
  padding: var(--padding-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
  line-height: 1;
}
.widget-exchange-rate_loading {
  color: var(--color-text-mute) !important;
}
.widget-exchange-rate_loading .widget-exchange-rate__item {
  color: var(--color-text-mute) !important;
}
.widget-exchange-rate:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: 3em;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.widget-exchange-rate:hover:before {
  background-color: var(--color-base);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.widget-exchange-rate:hover .widget-exchange-rate__item {
  color: var(--color-accent);
}
.widget-exchange-rate:hover .widget-exchange-rate__info {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.widget-exchange-rate__info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  display: grid;
  grid-template-columns: 1fr 2em;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2em 0;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.widget-exchange-rate__date {
  font-size: var(--font-size-xxs);
  padding-left: 2em;
}
.widget-exchange-rate__update {
  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;
}
.widget-exchange-rate__update:hover {
  color: var(--color-accent);
}
.widget-exchange-rate__item {
  text-align: center;
  position: relative;
  width: 3em;
}
.widget-exchange-rate__rate {
  font-size: var(--font-size-sm);
  padding-bottom: 0.3em;
}
.widget-exchange-rate__currency {
  font-size: var(--font-size-xxl);
}
.sidebar_slim .widget-exchange-rate {
  display: none;
}.minsize-info {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background: #fff;
  display: none;
}
.minsize-info h5 {
  line-height: 1;
  font-size: 2rem;
  margin: 0;
}
@media (min-width: 1200px) and (min-height: 500px) {
.minsize-info {
    display: none;
}
}
@media print {
.minsize-info {
    display: none;
}
}
.toggle-sidebar {
  position: absolute;
  top: var(--padding-box);
  right: var(--padding-box);
  width: 2em;
  height: 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  color: var(--color-border);
}
.toggle-sidebar:hover {
  color: var(--color-text);
}
.toggle-sidebar:before {
  content: "\e6aa";
}
.sidebar_slim .toggle-sidebar:before {
  content: "\e6f9";
}.single-container {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-container > * {
  width: 100%;
}.login-box {
  max-width: 26em;
  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(--margin-text);
  padding: var(--padding-box);
  border-radius: var(--br);
  background: var(--color-background);
}
.login-box__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-box__logo p {
  line-height: 1.4;
  max-width: 17em;
  font-size: var(--font-size-xs);
  margin-top: 0.5em;
  margin-bottom: 0;
}
.login-box__logo-icon {
  width: 5.5em;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-box__logo-icon > * {
  width: 100%;
  height: auto;
  aspect-ratio: 50/20;
}
.login-box__heading {
  text-align: center;
  margin: 0;
  padding: var(--padding-text) 0;
}
.login-box__heading small {
  display: block;
  font-size: 0.55em;
}
.login-box__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.login-box__footer a {
  font-style: italic;
  font-size: var(--font-size-xs);
}.ibc-label {
  font-size: var(--font-size-xs);
  color: var(--color-text-soft);
  letter-spacing: 0.1em;
  cursor: pointer;
}
.ibc-form-group:hover .ibc-label {
  color: var(--color-accent);
}
.ibc-label.ibc-label_required {
  position: relative;
}
.ibc-label.ibc-label_required:after {
  content: "*";
  position: relative;
  top: -0.3em;
  left: 0.3em;
}
.ibc-input-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ibc-form-group {
  display: grid;
  gap: var(--margin-row);
}
.ibc-form-group small {
  display: block;
  text-transform: initial;
  color: var(--color-text-soft);
  margin-top: var(--padding);
  font-size: 0.8em;
  padding-left: var(--br-input);
  font-style: italic;
}
.ibc-form-group.has-cols {
  display: grid;
  grid-template-columns: 2fr 4fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ibc-form-group.has-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ibc-form-group.has-inline .ibc-label {
  white-space: nowrap;
}
.ibc-input-clear {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  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;
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--color-accent);
}
.ibc-input-clear:hover {
  background-color: var(--color-background);
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.ibc-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  outline: none;
  padding: 0;
  height: calc(1em + var(--padding-box) * 0.5);
  min-height: var(--lh-input);
  width: 100%;
}
.has-clear .ibc-input {
  padding-right: 3.6em;
}
.ibc-input_xxs {
  font-size: var(--font-size-xxs);
}
.ibc-input_xs {
  font-size: var(--font-size-xs);
}
.ibc-input_sm {
  font-size: var(--font-size-sm);
}
.ibc-input_md {
  font-size: var(--font-size-md);
}
.ibc-input_lg {
  font-size: var(--font-size-lg);
}
.ibc-input_xl {
  font-size: var(--font-size-xl);
}
.ibc-input_xxl {
  font-size: var(--font-size-xxl);
}
.ibc-input::-webkit-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-input::-moz-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-input:-ms-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-input::-ms-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-input::placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-input_empty {
  border-bottom-color: var(--color-border-soft);
}
.ibc-input_focus, .ibc-input:focus {
  border-bottom-color: var(--color-accent);
}
.ibc-input.disabled, .ibc-input:disabled, fieldset:disabled .ibc-input {
  opacity: 0.5;
}
.ibc-input_textarea {
  line-height: 1.3;
}
.ibc-input_error {
  border-color: #703131;
}
.ibc-input_done {
  border-color: #5f7c34;
}
.ibc-input_bg {
  border-radius: var(--br-input);
  background: var(--color-background);
  padding: 0 var(--padding);
}
.ibc-input_rounded {
  border-radius: 5em;
  border-color: var(--color-border);
  height: calc(1em + var(--padding-box) * 0.75);
  padding-top: 0;
}
.ibc-input_inline {
  min-height: 1em;
  height: initial;
}button {
  font-weight: var(--font-text-b);
}
.button {
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  border: 1px solid var(--color-accent);
  padding: var(--padding) var(--padding);
  background-color: var(--color-accent);
  color: var(--color-accent-text);
  border-radius: var(--br-input);
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  min-height: 3em;
}
.button.disabled, .button:disabled, fieldset:disabled .button {
  cursor: not-allowed;
  opacity: 0.3 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button_xxxs {
  font-size: var(--font-size-xxxs);
}
.button_xxs {
  font-size: var(--font-size-xxs);
}
.button_xs {
  font-size: var(--font-size-xs);
}
.button_sm {
  font-size: var(--font-size-sm);
}
.button_md {
  font-size: var(--font-size-md);
}
.button_lg {
  font-size: var(--font-size-lg);
}
.button_xl {
  font-size: var(--font-size-xl);
}
.button_xxl {
  font-size: var(--font-size-xxl);
}
.button_xxxl {
  font-size: var(--font-size-xxxl);
}
.button_full {
  display: block;
  width: 100%;
}
.button_icon {
  color: inherit;
  border-color: transparent;
  background-color: inherit;
}
.button_icon:before {
  font-size: 2em !important;
}
.button:hover {
  opacity: 0.8;
}
.button:active {
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.button_border {
  background-color: transparent;
  color: var(--color-text);
  border-color: var(--color-border);
}
.button_border:hover {
  color: var(--color-accent);
}
.button_border.button_active {
  color: var(--color-accent);
  border-color: var(--color-accent);
}
.button_rounded {
  border-radius: 5em;
}
.button_color-danger {
  color: white;
  background-color: darkred;
  border-color: darkred;
}
.button_color-danger.button_border {
  color: darkred;
  background-color: transparent;
}
.button_bg {
  background: var(--color-background);
}
.button_color-accent {
  color: var(--color-accent-text);
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  font-weight: var(--font-text-b);
}
.button_color-accent.button_border {
  color: var(--color-accent);
  background-color: transparent;
}
@media (min-width: 768px) {
.button {
    padding: calc(var(--padding) * 0.6) var(--padding);
}
}.login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.login-form input {
  text-align: center;
}
.login-form [type=submit] {
  margin-top: var(--margin-text);
}
.login-form_process {
  opacity: 0.4;
}
.login-form__message {
  color: var(--color-accent);
  padding: var(--padding);
  border: 1px solid var(--color-border);
  border-radius: var(--br);
  text-align: center;
}.page-auth {
  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;
  -ms-flex-item-align: center;
      align-self: center;
  padding: var(--padding-box);
}


/* ========== [ Default Styles ] ========== */
/* ========== [ Fonts ] ========== */
/*! ========== ======= ========== */
/*! ========== [ Reset ] ========== */
/*! ========== ======= ========== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: sans-serif;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style: scrollbar;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  position: relative;
  -webkit-font-kerning: auto;
          font-kerning: auto;
  padding: 0;
  margin: 0;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::-webkit-scrollbar {
  display: none;
}
button {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  background-color: inherit;
  color: inherit;
  cursor: pointer;
  padding: inherit;
  border: inherit;
  text-align: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}
/*! ========== ======= ========== */
/*! ========== [ Colors ] ========== */
/*! ========== ======= ========== */
:root {
  --color-base: hsl(225, 13.33%, 97.65%);
  --color-base-soft: hsl(197, 13%, 96%);
  --color-background: hsl(180, 5%, 100%);
  --color-background-input: hsl(180, 5%, 94%);
  --color-background-opacity: rgba(234, 235, 235, 80%);
  --color-border: hsla(215.77, 100%, 20.39%, 0.08);
  --color-border-soft: hsla(215.77, 100%, 20.39%, 0.08);
  --color-bs: hsla(197.14, 26.17%, 41.96%, 0.3);
  --color-text: hsl(202.35, 100%, 10%);
  --color-text-soft: hsla(202.35, 100%, 10%, 0.6);
  --color-text-mute: hsla(202.35, 100%, 10%, 0.4);
  --color-text-heading: hsl(180, 5%, 20%);
  --color-text-inversion: hsl(180, 5%, 100%);
  --color-accent: hsl(197.51, 87.45%, 46.86%);
  --color-accent-text: hsl(180, 5%, 100%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --color-base: hsl(212, 0%, 11.7%);
    --color-base-soft: hsl(212, 0%, 11.3%);
    --color-background: hsl(212, 0%, 13.7%);
    --color-background-input: hsl(212, 0%, 17.3%);
    --color-background-opacity: hsla(212, 0%, 9%, 0.75);
    --color-border: hsl(212, 0%, 20%);
    --color-border-soft: hsl(212, 0%, 17%);
    --color-bs: hsla(212, 0%, 9%, 0.7);
    --color-text-heading: hsl(212, 0%, 83%);
    --color-text: hsl(212, 0%, 67%);
    --color-text-soft: hsl(212, 0%, 37%);
    --color-text-mute: hsl(212, 0%, 30%);
    --color-text-inversion: hsl(212, 0%, 10%);
    --color-accent: hsl(197.5204, 0%, 100%);
    --color-accent-text: hsl(212, 0%, 20%);
  }
}
:root[data-theme=dark] {
  --color-base: hsl(212, 0%, 11.7%);
  --color-base-soft: hsl(212, 0%, 11.3%);
  --color-background: hsl(212, 0%, 13.7%);
  --color-background-input: hsl(212, 0%, 17.3%);
  --color-background-opacity: hsla(212, 0%, 9%, 0.75);
  --color-border: hsl(212, 0%, 20%);
  --color-border-soft: hsl(212, 0%, 17%);
  --color-bs: hsla(212, 0%, 9%, 0.7);
  --color-text-heading: hsl(212, 0%, 83%);
  --color-text: hsl(212, 0%, 67%);
  --color-text-soft: hsl(212, 0%, 37%);
  --color-text-mute: hsl(212, 0%, 30%);
  --color-text-inversion: hsl(212, 0%, 10%);
  --color-accent: hsl(197.5204, 0%, 100%);
  --color-accent-text: hsl(212, 0%, 20%);
}
:root[data-theme=demo] {
  --color-base: hsl(170, 9%, 21%);
  --color-base-soft: hsl(171, 9%, 20.5%);
  --color-background: hsl(171, 9%, 22%);
  --color-background-input: hsl(170, 9%, 19%);
  --color-background-opacity: hsla(170, 7.2%, 9%, 0.75);
  --color-border: hsl(170, 12%, 48%);
  --color-border-soft: hsl(170, 10%, 30%);
  --color-bs: hsla(170, 9%, 9%, 0.5);
  --color-text-heading: hsl(150, 3%, 95%);
  --color-text: hsl(169, 3%, 77%);
  --color-text-soft: hsl(169, 5%, 50%);
  --color-text-mute: hsl(170, 8%, 35%);
  --color-text-inversion: hsl(170, 9%, 10%);
  --color-accent: hsl(25, 100%, 70%);
  --color-accent-text: hsl(170, 9%, 20%);
}
:root {
  --bs: 0 20px 100px -30px var(--color-bs);
  --sidebar: 0em;
  --modal-sidebar: 100vw;
  --padding: 0.6em;
  --padding-text: 0.6em;
  --padding-box: calc(var(--padding) * 2.2);
  --padding-box-lg: calc(var(--padding-box) * 1.6);
  --padding-section: calc(var(--padding-box) * 1.6);
  --padding-row: calc(var(--padding) / 2);
  --padding-column: calc(var(--padding) / 2);
  --margin: 0.8em;
  --margin-text: 1.6em;
  --margin-box: calc(var(--margin) * 1.6);
  --margin-section: calc(var(--margin) * 3);
  --margin-row: calc(var(--margin) / 2);
  --margin-column: calc(var(--margin) / 2);
  --list-gap: 0.2em;
  --br: 0.75em;
  --br-xl: calc(var(--br) * 1.6);
  --br-input: calc(var(--br) / 1.6);
  --lh-input: 2.3em;
  --index-base: 1000;
  --index-base-up: 1100;
  --index-content: 2000;
  --index-content-up: 2200;
  --index-modals: 3000;
  --index-modals-up: 3200;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bs: 0 30px 40px -30px var(--color-bs);
  }
}
@media (min-width: 768px) {
  :root {
    --sidebar: 28em;
    --modal-sidebar: 37em;
    --padding: 1.6em;
    --padding-box: calc(var(--padding) * 1.6);
    --margin: 1.6em;
    --margin-section: calc(var(--margin) * 2);
  }
}
/*! ========== ======= ========== */
/*! ========== [ Fonts ] ========== */
/*! ========== ======= ========== */
:root {
  --font-icon: "Material Symbols Outlined";
  --font-text: "Noto Sans", sans-serif;
  --font-text-el: 100;
  --font-text-l: 100;
  --font-text-r: 300;
  --font-text-b: 400;
  --font-text-ls: 0em;
  --font-text-lh: 1.6;
  --font-heading: "Noto Serif", serif;
  --font-heading-el: 100;
  --font-heading-l: 100;
  --font-heading-r: 300;
  --font-heading-b: 400;
  --font-heading-ls: 0.075em;
  --font-heading-lh: 1.2;
  --font-style: var(--font-text);
  --font-style-l: 400;
  --font-style-r: 400;
  --font-style-b: 700;
  --font-size: 1em;
  --font-size-scale: 1.15;
  --font-size-sm: calc(var(--font-size) / var(--font-size-scale));
  --font-size-xs: calc(var(--font-size-sm) / var(--font-size-scale));
  --font-size-xxs: calc(var(--font-size-xs) / var(--font-size-scale));
  --font-size-xxxs: calc(var(--font-size-xxs) / var(--font-size-scale));
  --font-size-md: calc(var(--font-size) * var(--font-size-scale));
  --font-size-lg: calc(var(--font-size-md) * var(--font-size-scale));
  --font-size-xl: calc(var(--font-size-lg) * var(--font-size-scale));
  --font-size-xxl: calc(var(--font-size-xl) * var(--font-size-scale));
  --font-size-xxxl: calc(var(--font-size-xxl) * var(--font-size-scale));
  --font-size-heading: 1.3em;
}
/* END [ Fonts ] */
:root {
  font-size: 14px;
}
html {
  background: var(--color-base);
}
#app {
  min-height: 100vh;
}
.DEMO-area {
  border-radius: var(--br);
  border: 1px dashed var(--color-border);
  min-height: 5em;
  height: clamp(2em, -webkit-fill-available, 100%);
  height: clamp(2em, -moz-available, 100%);
  height: clamp(2em, stretch, 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;
  color: var(--color-text-mute);
  gap: var(--padding);
}
.m {
  margin: var(--margin) !important;
}
.m-t {
  margin: var(--margin-text) !important;
}
.m-b {
  margin: var(--margin-box) !important;
}
.m-s {
  margin: var(--margin-section) !important;
}
.mt, .my {
  margin-top: var(--margin) !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-t, .my-t {
  margin-top: var(--margin-text) !important;
}
.mt-b, .my-b {
  margin-top: var(--margin-box) !important;
}
.mt-s, .my-s {
  margin-top: var(--margin-section) !important;
}
.mb, .my {
  margin-bottom: var(--margin) !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 1em !important;
}
.mb-t, .my-t {
  margin-bottom: var(--margin-text) !important;
}
.mb-b, .my-b {
  margin-bottom: var(--margin-box) !important;
}
.mb-s, .my-s {
  margin-bottom: var(--margin-section) !important;
}
.ml, .mx {
  margin-left: var(--margin) !important;
}
.ml-t, .mx-t {
  margin-left: var(--margin-text) !important;
}
.ml-b, .mx-b {
  margin-left: var(--margin-box) !important;
}
.ml-s, .mx-s {
  margin-left: var(--margin-section) !important;
}
.mr, .mx {
  margin-right: var(--margin) !important;
}
.mr-t, .mx-t {
  margin-right: var(--margin-text) !important;
}
.mr-b, .mx-b {
  margin-right: var(--margin-box) !important;
}
.mr-s, .mx-s {
  margin-right: var(--margin-section) !important;
}
.p {
  padding: var(--padding) !important;
}
.p-t {
  padding: var(--padding-text) !important;
}
.p-b {
  padding: var(--padding-box) !important;
}
.p-s {
  padding: var(--padding-section) !important;
}
.pt, .py {
  padding-top: var(--padding) !important;
}
.pt-t, .py-t {
  padding-top: var(--padding-text) !important;
}
.pt-b, .py-b {
  padding-top: var(--padding-box) !important;
}
.pt-s, .py-s {
  padding-top: var(--padding-section) !important;
}
.pb, .py {
  padding-bottom: var(--padding) !important;
}
.pb-t, .py-t {
  padding-bottom: var(--padding-text) !important;
}
.pb-b, .py-b {
  padding-bottom: var(--padding-box) !important;
}
.pb-s, .py-s {
  padding-bottom: var(--padding-section) !important;
}
.pl, .px {
  padding-left: var(--padding) !important;
}
.pl-t, .px-t {
  padding-left: var(--padding-text) !important;
}
.pl-b, .px-b {
  padding-left: var(--padding-box) !important;
}
.pl-s, .px-s {
  padding-left: var(--padding-section) !important;
}
.pr, .px {
  padding-right: var(--padding) !important;
}
.pr-t, .px-t {
  padding-right: var(--padding-text) !important;
}
.pr-b, .px-b {
  padding-right: var(--padding-box) !important;
}
.pr-s, .px-s {
  padding-right: var(--padding-section) !important;
}
.text-center {
  text-align: center;
}
.color-soft {
  color: var(--color-text-soft);
}
.section__full {
  min-width: 100%;
  background: var(--color-base-soft);
  padding: var(--padding-box);
  padding-left: calc(var(--padding-box) * 2 + var(--sidebar));
  margin-left: calc(var(--padding-box) * -2 - var(--sidebar));
  margin-right: calc(var(--padding-box) * -1);
}
/*! ========== ======= ========== */
/*! ========== [ Googleapis Matetial ] ========== */
/*! ========== ======= ========== */
.icon:before,
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" -25, "opsz" 24;
}
.icon-location:before {
  content: "\f6ea";
}
.icon-phone:before {
  content: "\f2da";
}
.icon-email:before {
  content: "\e0e6";
}
.icon-web:before {
  content: "\e894";
}
.icon-case:before {
  content: "\eb3f";
}
.icon-case-off:before {
  content: "\eb4d";
}
.icon-kp:before {
  content: "\e873";
}
.icon-print:before {
  content: "\e8ad";
}
.icon-bug:before {
  content: "\e868";
}
.icon-typo:before {
  content: "\e732";
}
.icon-archive:before {
  content: "\e149";
}
.icon-refresh:before {
  content: "\e627";
}
.icon-quiz:before {
  content: "\e862";
}
.icon-doc:before {
  content: "\f86c";
}
.icon-pdf:before {
  content: "\e873";
}
.icon-send:before {
  content: "\eb9b";
}
.icon-comment-add:before {
  content: "\ef58";
}
.icon-type-group:before {
  content: "\e2c7";
}
.icon-type-work:before {
  content: "\e869";
}
.icon-type-equipment:before {
  content: "\e28b";
}
.icon-marker-lose:before {
  content: "\e82a";
}
.icon-marker-small:before {
  content: "\e8e3";
}
.icon-marker-freeze:before {
  content: "\eb3b";
}
.icon-marker-freeze-diff:before {
  content: "\e25c";
}
.icon-marker-overpriced:before {
  content: "\e80e";
}
.icon-marker-modifiers:before {
  content: "\eb58";
}
.icon-marker-adjustment:before {
  content: "\f04a";
}
.icon-freeze:before {
  content: "\eb3b";
}
.icon-freeze-off:before {
  content: "\f167";
}
.icon-theme-a:before {
  content: "\e20c";
}
.icon-theme-l:before {
  content: "\e430";
}
.icon-theme-d:before {
  content: "\ea46";
}
.icon-theme-demo:before {
  content: "\ea46";
}
.icon-add:before {
  content: "\f3dd";
}
.icon-import:before {
  content: "\e6cf";
}
.icon-nav-archive:before {
  content: "\f86e";
}
.icon-info:before {
  content: "\e887";
}
.icon-calc-sum:before {
  content: "\e24a";
}
.icon-address:before {
  content: "\f14d";
}
.icon-area:before {
  content: "\e231";
}
.icon-rooms:before {
  content: "\e66b";
}
.icon-bathrooms:before {
  content: "\f061";
}
.icon-floor:before {
  content: "\f6e4";
}
.icon-checkbox:before {
  content: "\f1fe";
}
.icon-checkbox-false:before {
  content: "\e835";
}
.icon-checked:before {
  content: "\e837";
}
.icon-unchecked:before {
  content: "\e836";
}
.icon-enter:before {
  content: "\e5d9";
}
.icon-add-list:before {
  content: "\e03b";
}
.icon-home:before {
  content: "\e88a";
}
.icon-calc:before {
  content: "\f866";
}
.icon-equipments:before {
  content: "\f720";
}
.icon-works:before {
  content: "\e869";
}
.icon-directories:before {
  content: "\f38d";
}
.icon-group:before {
  content: "\f547";
}
.icon-equipment:before {
  content: "\e283";
}
.icon-work:before {
  content: "\e869";
}
.icon-service:before {
  content: "\f3a2";
}
.icon-systems:before {
  content: "\f720";
}
.icon-services:before {
  content: "\f547";
}
.icon-widgets:before {
  content: "\e1bd";
}
.icon-clients:before {
  content: "\e1a1";
}
.icon-profile:before {
  content: "\e85e";
}
.icon-users:before {
  content: "\e7ef";
}
.icon-settings:before {
  content: "\e8b8";
}
.icon-item:before {
  content: "\f851";
}
.icon-item-add:before {
  content: "\f51e";
}
.icon-item-remove:before {
  content: "\f51c";
}
.icon-copy:before {
  content: "\e173";
}
.icon-folder:before {
  content: "\e675";
}
.icon-folder-add:before {
  content: "\e2cc";
}
.icon-folder-join:before {
  content: "\f1c7";
}
.icon-folder-move:before {
  content: "\e675";
}
.icon-list-move:before {
  content: "\e883";
}
.icon-arrows-output:before {
  content: "\f393";
}
.icon-arrows-input:before {
  content: "\f394";
}
.icon-show-options:before {
  content: "\e5d4";
}
.icon-share:before {
  content: "\e6b8";
}
.icon-reload:before {
  content: "\f771";
}
.icon-stars:before {
  content: "\e743";
}
.icon-quick:before {
  content: "\e8a0";
}
.icon-menu:before {
  content: "\e5d2";
}
.icon-sidebar:before {
  content: "\f7e4";
}
.icon-back:before {
  content: "\e166";
}
.icon-user:before {
  content: "\e7fd";
}
.icon-user-logout:before {
  content: "\e9ba";
}
.icon-breadcrumbs:before {
  content: "\eb91";
}
.icon-search:before {
  content: "\e8b6";
}
.icon-filter:before {
  content: "\ef4f";
}
.icon-filter-off:before {
  content: "\eb32";
}
.icon-edit:before {
  content: "\e3c9";
}
.icon-edit-box:before {
  content: "\f88d";
}
.icon-site-settings:before {
  content: "\f1e7";
}
.icon-params:before {
  content: "\e429";
}
.icon-remove:before {
  content: "\e872";
}
.icon-today:before {
  content: "\e8df";
}
.icon-visibility:before {
  content: "\e8f4";
}
.icon-status:before {
  content: "\ea3f";
}
.icon-status-1:before {
  content: "\f852";
}
.icon-status-2:before {
  content: "\f5a1";
}
.icon-status-3:before {
  content: "\e6ac";
}
.icon-status-4:before {
  content: "\e877";
}
.icon-status-5:before {
  content: "\e9b4";
}
.icon-status-6:before {
  content: "\e2e6";
}
.icon-next-step:before {
  content: "\f6fe";
}
.icon-post:before {
  content: "\f5a0";
}
.icon-post-copy:before {
  content: "\f6f0";
}
.icon-post-add:before {
  content: "\ea20";
}
.icon-post-edit:before {
  content: "\e6d3";
}
.icon-post-save:before {
  content: "\e161";
}
.icon-post-remove:before {
  content: "\f5a2";
}
.icon-comment:before {
  content: "\e0bf";
}
.icon-rubric:before {
  content: "\e1a1";
}
.icon-revision:before {
  content: "\e595";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-published:before {
  content: "\e2e6";
}
.icon-unpublished:before {
  content: "\f236";
}
.icon-collapse-all:before {
  content: "\e5d6";
}
.icon-expand-all:before {
  content: "\e946";
}
.icon-compress:before {
  content: "\e94d";
}
/*! ========== ======= ========== */
/*! ========== [ Typography ] ========== */
/*! ========== ======= ========== */
html {
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
}
/*! ========== Base ========== */
html,
body {
  font-family: var(--font-text);
  background-color: var(--color-base);
}
body {
  color: var(--color-text);
  line-height: var(--font-text-lh);
  letter-spacing: var(--font-text-ls);
  font-weight: var(--font-text-r);
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-kerning: auto;
          font-kerning: auto;
}
html {
  font-size: 15px;
}
@media (min-width: 768px) {
  html {
    font-size: 17px;
  }
}
::-moz-selection {
  background-color: var(--color-accent);
  color: var(--color-background);
}
::selection {
  background-color: var(--color-accent);
  color: var(--color-background);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) ::-moz-selection {
    color: var(--color-text-heading);
  }
  :root:not([data-theme=light]) ::selection {
    color: var(--color-text-heading);
  }
}
::-moz-selection[data-theme=dark] {
  color: var(--color-text-heading);
}
::selection[data-theme=dark] {
  color: var(--color-text-heading);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-heading);
  font-family: var(--font-heading);
  font-weight: var(--font-heading-r);
  line-height: var(--font-heading-lh);
  letter-spacing: var(--font-heading-ls);
  clear: both;
  margin-top: 2em;
  margin-bottom: 0.9em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: block;
  color: var(--color-text-soft);
  font-family: var(--font-text);
  font-size: var(--font-size-xs);
  line-height: var(--font-text-lh);
  letter-spacing: var(--font-text-ls);
  margin-top: 0.45em;
  max-width: 30em;
}
h1 {
  font-size: var(--font-size-heading);
  font-weight: var(--font-heading-r);
  margin-top: 0;
  margin-bottom: 0;
}
h1 small {
  font-size: 0.85rem;
}
h2 {
  font-size: 1.4rem;
}
h3 {
  font-size: 1.2rem;
}
p {
  margin-bottom: var(--margin-text);
}
a {
  color: var(--color-text);
}
small {
  font-size: 0.8em;
}
strong {
  font-weight: var(--font-text-b);
}
em {
  font-style: italic;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
.nobr {
  white-space: nowrap;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
hr {
  display: block;
  max-width: 80%;
  overflow-x: hidden;
  overflow-y: hidden;
  unicode-bidi: isolate;
  color: var(--color-border);
  -webkit-margin-before: var(--margin-text);
          margin-block-start: var(--margin-text);
  -webkit-margin-after: var(--margin-text);
          margin-block-end: var(--margin-text);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  border-style: dashed;
  border-top-width: 1px;
  border-bottom-width: 0;
}
input {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
.color-soft {
  color: var(--color-text-soft);
}
.color-mute {
  color: var(--color-text-mute);
}
.color-accent {
  color: var(--color-accent);
}
.PDF-GENERATION .icon:before,
.PDF-GENERATION [class^=icon-]:before,
.PDF-GENERATION [class*=" icon-"]:before {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" -25, "opsz" 24;
}
.PDF-GENERATION .icon-phone:before {
  content: "\f2da";
}
.PDF-GENERATION .icon-email:before {
  content: "\e0e6";
}
.PDF-GENERATION .icon-web:before {
  content: "\e894";
}
.PDF-GENERATION .icon-location:before {
  content: "\f6ea";
}
.doc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: var(--padding-row);
}
.doc-row_gap {
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.doc-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.doc {
  font-size: 1em;
  color: var(--color-text);
}
.pageFooter {
  border: 1px solid #f00;
}
.totalPages {
  color: #f00;
}
.doc-list {
  --doc-list-item-padding: 0.3em 1em;
  --doc-list-columns: 3em minmax(20em, 6fr) repeat(auto-fit, minmax(0em, 2fr));
  font-size: var(--font-size-xs);
}
.doc-list-header {
  border: 1px solid var(--color-border-soft);
}
.doc-list-header__columns {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: var(--doc-list-columns);
  grid-auto-flow: column;
  text-align: center;
}
.doc-list-header__columns span {
  font-size: var(--font-size);
  color: var(--color-text-mute);
  padding: var(--doc-list-item-padding);
  line-height: var(--font-text-lh);
  white-space: nowrap;
  overflow: hidden;
}
.doc-list [data-column=order] {
  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;
}
.doc-list [data-column=order],
.doc-list [data-column=value] {
  text-align: center;
}
.doc-list [data-column=title]:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2em;
}
.doc-list [data-column=price],
.doc-list [data-column=cost] {
  text-align: right;
}
.doc-list__columns {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: var(--doc-list-columns);
  grid-auto-flow: column;
}
.doc-list__columns > span {
  padding: var(--doc-list-item-padding);
  border-right: 1px solid var(--color-border-soft);
  border-bottom: 1px solid var(--color-border-soft);
}
.doc-list__columns > span:first-child {
  border-left: 1px solid var(--color-border-soft);
}
.doc-list__childrens {
  --doc-child-indent: 1.2em;
}
.doc-list__childrens [data-column=title] {
  padding-left: var(--doc-child-indent);
}
.doc-list__childrens .doc-list__childrens [data-column=title] {
  padding-left: calc(var(--doc-child-indent) * 2);
}
.doc-list__childrens .doc-list__childrens .doc-list__childrens [data-column=title] {
  padding-left: calc(var(--doc-child-indent) * 3);
}
.doc-list__item[data-type=group] > .doc-list__childrens > .doc-list__item > .doc-list__columns [data-column=title] {
  padding: var(--doc-list-item-padding);
}
[data-type=group] > .doc-list__columns {
  grid-template-columns: 1fr;
  border-left: 1px solid var(--color-border);
}
[data-type=group] > .doc-list__columns span:not([data-column=title]) {
  display: none;
}
[data-type=group] > .doc-list__columns [data-column=title] {
  text-transform: uppercase;
  font-weight: var(--font-text-b);
}
.doc-list {
  counter-reset: equipments 0;
}
.doc-list__item:not([data-type=group]) {
  counter-increment: equipments 1;
}
.doc-list__item:not([data-type=group]) .doc-list__columns > [data-column=order]:before {
  content: counter(equipments);
}
.doc-modules {
  border-top: 1px solid var(--color-border);
}
.doc-modules__item {
  --doc-module-columns: minmax(25em, 7fr) repeat(auto-fit, minmax(0em, 3fr));
  --doc-module-item-padding: calc(var(--padding-column) / 3) var(--padding-column);
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: var(--doc-module-columns);
  grid-auto-flow: column;
  text-align: center;
}
.doc-modules__item span {
  font-size: var(--font-size-xs);
  line-height: var(--font-text-lh);
  white-space: nowrap;
  overflow: hidden;
  padding: var(--doc-module-item-padding);
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.doc-modules__item span:first-child {
  border-left: 1px solid var(--color-border);
}
.doc-module__title {
  text-align: left;
}
.doc-module__price {
  text-align: right;
}
.doc-module__cost {
  text-align: right;
}
/* Targets all the pages */
@page {}
/* Targets all even-numbered pages */
@page :left {}
/* Targets all odd-numbered pages */
@page :right {}
.PDF-GENERATION .doc-estimation {
  --color-background: #fff;
  --bs: none;
  --br: 0;
  --margin-text: 1.6em;
  --margin-section: 3em;
  --font-size: 1em;
  --font-size-sm: .8em;
  --font-size-xl: 1.1em;
  --color-text: #000;
  --color-text-soft: #333;
  --color-text-mute: #333;
  --color-text-heading: #000;
  --color-border: #999;
  --color-border-soft: #999;
  --font-text: "Noto Sans", sans-serif;
  --font-text-l: 400;
  --font-text-r: 400;
  --font-text-b: 500;
  --font-text-lh: 1.4;
  --font-heading: "Noto Serif", serif;
  --font-heading-l: 400;
  --font-heading-r: 400;
  --font-heading-b: 500;
  --font-heading-lh: 1.2;
  color: var(--color-text);
  font-size: 1.5vw;
  font-family: var(--font-text);
  font-weight: var(--font-text-r);
  line-height: var(--font-text-lh);
  max-width: 100vw;
  padding: 0;
}
.PDF-GENERATION .doc-estimation h1, .PDF-GENERATION .doc-estimation h2, .PDF-GENERATION .doc-estimation h3, .PDF-GENERATION .doc-estimation h4 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-b);
  line-height: var(--font-heading-lh);
}
.PDF-GENERATION .doc-estimation p {
  margin-bottom: var(--margin-text);
}
.PDF-GENERATION .doc-estimation .doc-list-header__columns span {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-b);
}
.doc-estimation {
  font-size: 1vw;
  max-width: 96vw;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-background);
  padding: 5em 5em;
  min-height: 25em;
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  position: relative;
}
.doc-estimation h1 {
  text-align: center;
  font-size: 1.8em;
  margin: 4em 0 3em;
}
.doc-estimation h1 small {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
  margin-top: 0.4em;
}
.doc-estimation h2 {
  text-align: center;
  font-size: 1.4em;
  margin: 2em 0;
  font-weight: var(--font-heading-l);
}
.doc-estimation h2 small {
  display: block;
  max-width: 30em;
  font-size: 0.8em;
  margin-top: 0.4em;
  margin-left: auto;
  margin-right: auto;
}
.doc-estimation h3 {
  font-size: 1.4em;
  margin: 2em 0 1em;
}
.doc-estimation li {
  margin-bottom: var(--margin-text);
}
.doc-estimation figure {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.doc-estimation figure.figure_rounded img {
  border-radius: var(--br);
}
.doc-estimation figure.figure_right {
  max-width: 15%;
  float: right;
  margin-left: var(--margin-text);
}
.doc-estimation figure img {
  width: 100%;
  height: auto;
}
.doc-estimation h1,
.doc-estimation h2,
.doc-estimation h3,
.doc-estimation p,
.doc-estimation ul,
.doc-estimation ol {
  margin-left: auto;
  margin-right: auto;
}
.doc-estimation .doc-list,
.doc-estimation .doc-estimation__total {
  margin-top: var(--margin-section);
  margin-bottom: var(--margin-section);
}
.doc-estimation__header {
  font-size: 0.7em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.doc-estimation__logo {
  width: 11em;
  height: auto;
}
.doc-estimation__date {
  color: var(--color-text-soft);
  text-align: right;
}
.doc-estimation__total {
  list-style: none;
  padding: 0;
  text-align: right;
}
.doc-estimation__total li {
  display: grid;
  grid-template-columns: 1fr 17em;
  margin-bottom: 0;
}
.doc-estimation__total li b {
  font-size: var(--font-size-xl);
  color: var(--color-text-heading);
}
.doc-estimation__total .calc-total__old {
  display: block;
  color: var(--color-text-mute);
}
ul.doc-estimation__comment-list {
  list-style-type: circle;
}
.PDF-GENERATION ul.doc-estimation__comment-list {
  padding-left: 1em;
}
ul.doc-estimation__comment-list li::marker {
  color: var(--color-text-soft);
  font-size: 0.5em;
}
.doc-signatures {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
.doc-signatures__column {
  display: grid;
  grid-template-areas: "title title" "field name";
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.6em;
     -moz-column-gap: 0.6em;
          column-gap: 0.6em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.doc-signatures__title {
  grid-area: title;
  margin-top: 0;
  font-size: 1.2em;
}
.doc-signatures__field {
  border-bottom: 1px solid var(--color-border-soft);
  grid-area: field;
  min-height: 4em;
}
.doc-signatures__name {
  grid-area: name;
  white-space: nowrap;
  font-size: 0.8em;
  min-width: 10em;
}
.doc-signatures__name em {
  display: inline-block;
  width: 17em;
  border-bottom: 1px solid var(--color-border);
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.PDF-GENERATION:has(> .doc-offer) {
  background-color: #e8e8e8;
}
.PDF-GENERATION .doc-offer {
  --bs: none;
  --color-base: #fff;
  --color-base-soft: #f3f4f4;
  --color-background: #fff;
  --color-text: #333333;
  --color-text-soft: #8494a5;
  --color-text-mute: #9ea4aa;
  --color-text-heading: #333333;
  --color-text-inversion: #fff;
  --color-accent: #0fa3e0;
  --color-accent-text: #fff;
  --color-border: #333;
  --color-border-soft: #d9d9d9;
  --color-border-light: #f2f2f2;
  --color-bs: transparent;
  --padding: 4em;
  --padding-box: 2.6em;
  --padding-section: 4em;
  --padding-row: 1em;
  --padding-column: 0.5em;
  --margin: 0.6em;
  --margin-text: 0.6em;
  --list-gap: 0.2em;
  --br: 1.4em;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  --font-text: "Manrope", sans-serif;
  --font-text-lh: 1.2;
  --font-text-b: 400;
  --font-heading: "Unbounded", sans-serif;
  --font-heading-ls: 0em;
  --font-heading-b: 600;
  --color-background-inversion: #121418;
  --slide-width: 98em;
  --slide-height: 54em;
}
.PDF-GENERATION .doc-offer #logo-svg-full-title,
.PDF-GENERATION .doc-offer #logo-svg-full-subtitle,
.PDF-GENERATION .doc-offer #logo-svg-full-s1,
.PDF-GENERATION .doc-offer #logo-svg-full-s2 {
  fill: #fff;
}
.doc-offer {
  --list-gap: 0.5em;
  --slide-width: 96em;
  --slide-height: 54em;
  --color-text-inversion: var(--color-text);
  --color-background-inversion: var(--color-background);
  --color-border-light: var(--color-border-soft);
  font-family: var(--font-text);
  font-size: 1vw;
  width: var(--slide-width);
  min-height: var(--slide-height);
  margin: 1em auto;
  position: relative;
  display: grid;
  row-gap: var(--padding-box);
}
.doc-offer h2 {
  margin-top: 0;
  font-size: 3.2em;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-b);
}
.PDF-GENERATION .doc-offer h2 {
  margin-bottom: 0.9em;
  line-height: 1;
}
.doc-offer section {
  min-height: var(--slide-height);
  border-radius: var(--br);
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  background-color: var(--color-base);
}
.doc-offer .doc-list-header__columns span {
  color: var(--color-text-heading);
}
.PDF-GENERATION .doc-offer .doc-list-header__columns span {
  color: var(--color-text-inversion);
}
.PDF-GENERATION .doc-offer .doc-list {
  font-size: 0.8em;
  margin-top: 1em;
}
.PDF-GENERATION .doc-offer .doc-list [data-column] {
  text-align: center;
}
.PDF-GENERATION .doc-offer .doc-list [data-column=title] {
  text-align: left;
}
.PDF-GENERATION .doc-offer .doc-list [data-column=title]:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2em;
}
.PDF-GENERATION .doc-offer .doc-list [data-column=manufacturer] {
  text-align: left;
}
.PDF-GENERATION .doc-offer .doc-list-header {
  border: 0;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.PDF-GENERATION .doc-offer .doc-list-header__columns {
  background-color: var(--color-background-inversion);
  border-radius: 0.75em;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.PDF-GENERATION .doc-offer [data-type=group] > .doc-list__columns {
  border-left: 0;
}
.PDF-GENERATION .doc-offer [data-type=group] > .doc-list__columns > span {
  border-bottom: 1px solid var(--color-border);
  font-weight: bold;
}
.PDF-GENERATION .doc-offer .doc-list__columns {
  border-left: 0;
}
.PDF-GENERATION .doc-offer .doc-list__columns > span {
  border-right: 0;
}
.PDF-GENERATION .doc-offer .doc-list__columns > span:first-child {
  border-left: 0;
}
.doc-offer__header {
  font-size: 0.6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3em;
}
.doc-offer__logo {
  width: 11em;
  height: auto;
}
.PDF-GENERATION .doc-offer__logo {
  width: 17em;
}
.doc-offer__header-address {
  min-width: 25em;
  color: var(--color-text-soft);
}
.doc-offer__header-address:before {
  content: "";
  height: 100%;
  background-color: var(--color-border-soft);
  width: 1px;
  display: block;
  float: left;
  margin: 0 1.6em;
}
.PDF-GENERATION .doc-offer__header-address {
  font-size: 1.5em;
}
section.doc-offer__slide-1 {
  background-color: var(--color-background-inversion);
  color: var(--color-text-inversion);
  padding: var(--padding-section);
  display: grid;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
}
.PDF-GENERATION section.doc-offer__slide-1 {
  background-image: url(/images/doc/slide-1.webp), url(/images/doc/slide-1-bg.jpeg), linear-gradient(162deg, #121418, #393938);
  background-repeat: no-repeat;
  background-size: contain, cover, cover;
  background-position: right 5em bottom, center, center;
}
.PDF-GENERATION section.doc-offer__slide-1 h1 {
  font-weight: bold;
  font-size: 5.5em;
  line-height: 1;
}
.PDF-GENERATION section.doc-offer__slide-1 h1 small {
  font-size: 0.6em;
  margin-top: 0.5em;
  font-family: var(--font-text);
}
.PDF-GENERATION section.doc-offer__slide-1 h2 {
  margin-bottom: 0.9em;
}
.PDF-GENERATION section.doc-offer__slide-1 .doc-offer__dl {
  grid-template-columns: 10em 1fr;
  font-size: 1.6em;
  max-width: 23em;
  row-gap: 1em;
}
section.doc-offer__slide-1 .doc-offer__dl {
  grid-template-columns: 14em 1fr;
}
.doc-offer__title {
  max-width: 60%;
  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;
}
.PDF-GENERATION .doc-offer__title {
  max-width: 70%;
}
.doc-offer__title h1,
.doc-offer__title h2 {
  font-size: 4em;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-b);
  line-height: var(--font-heading-lh);
  color: var(--color-text-heading);
}
.PDF-GENERATION .doc-offer__title h1,
.PDF-GENERATION .doc-offer__title h2 {
  color: inherit;
  font-size: 4.74em;
}
.doc-offer__title h1 small,
.doc-offer__title h2 small {
  display: block;
  margin-top: 0.5em;
  color: var(--color-accent);
  font-size: 0.5em;
  font-weight: var(--font-heading-b);
}
section.doc-offer__slide-2 {
  background-color: var(--color-background);
}
section.doc-offer__slide-7 {
  display: grid;
  grid-template-columns: 10fr 17fr;
  background-color: var(--color-background);
}
.doc-offer__sidebar {
  padding-right: 3em;
  background-color: var(--color-base-soft);
  padding: var(--padding-section);
  padding-right: var(--padding-box);
  border-top-left-radius: var(--br);
  border-bottom-left-radius: var(--br);
}
.PDF-GENERATION .doc-offer__sidebar h3 {
  color: var(--color-accent);
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 0.4em;
  font-weight: 600;
}
.PDF-GENERATION .doc-offer__sidebar dl {
  gap: 0;
  margin-bottom: 0;
  line-height: 1.8;
}
.PDF-GENERATION .doc-offer__sidebar dt {
  padding-right: var(--padding-column);
}
.PDF-GENERATION .doc-offer__sidebar dd {
  padding-left: calc(var(--padding-column) / 2);
}
.PDF-GENERATION .doc-offer__sidebar dt,
.PDF-GENERATION .doc-offer__sidebar dd {
  border-bottom: 1px solid var(--color-border-soft);
}
.PDF-GENERATION .doc-offer__sidebar .doc-offer__object-row-1 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.PDF-GENERATION .doc-offer__sidebar .doc-offer__object-row-1 dd {
  text-align: right;
  padding-right: var(--padding-column);
  border-right: 1px solid var(--color-border-soft);
}
.PDF-GENERATION .doc-offer__sidebar .doc-offer__object-row-1 .doc-offer__object-col-2 dt {
  padding-left: calc(var(--padding-column) / 2);
}
.PDF-GENERATION .doc-offer__sidebar .doc-offer__object-row-1 .doc-offer__object-col-2 dd {
  border-right: 0;
}
.doc-offer__sidebar-content {
  padding: var(--padding-section);
  padding-left: var(--padding-box);
}
.doc-offer__systems-list {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.75em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  margin-left: -0.3em;
}
.doc-offer__systems-list li {
  padding: 0.5em 1em;
  border: 1px solid var(--color-border-soft);
  border-radius: 3em;
}
.doc-offer__total-grid {
  display: grid;
  grid-template-columns: 5fr 3fr;
  margin-top: 3em;
  gap: 1.6em;
}
.doc-offer__total {
  list-style: none;
  padding: 0;
  text-align: right;
}
.doc-offer__total li {
  display: grid;
  grid-template-columns: 1fr 12em;
}
.doc-offer__total li b {
  font-size: 1.3em !important;
}
.doc-offer__total.calc-total li:last-child {
  padding-top: 0.5em;
}
.doc-offer__total-comment {
  color: var(--color-text-soft);
  font-size: 0.8em;
}
section.doc-offer__slide-9 {
  padding: var(--padding-section);
  background-color: var(--color-background);
}
.PDF-GENERATION section.doc-offer__slide-9 {
  background-image: url(/images/doc/slide-9-bg.webp);
  background-repeat: no-repeat;
  background-size: auto 30%;
  background-position: right top;
}
.PDF-GENERATION .doc-offer__system-group-light {
  background-image: url(/images/doc/slide-9-1.webp);
  background-repeat: no-repeat;
  background-position: right -1.5em top;
  background-size: contain;
}
.PDF-GENERATION .doc-offer__system-group-shading {
  background-image: url(/images/doc/slide-9-2.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10em auto;
}
.PDF-GENERATION .doc-offer__system-group-wfloor {
  background-image: url(/images/doc/slide-9-3.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.PDF-GENERATION .doc-offer__system-group-climate {
  background-image: url(/images/doc/slide-9-4.webp);
  background-repeat: no-repeat;
  background-position: right -8em bottom;
  background-size: auto 87%;
}
.PDF-GENERATION .doc-offer__system-group-leakege {
  background-image: url(/images/doc/slide-9-5.webp);
  background-repeat: no-repeat;
  background-position: right -6em top;
  background-size: contain;
}
.PDF-GENERATION .doc-offer__system-group-callpanel {
  background-image: url(/images/doc/slide-9-6.webp);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.PDF-GENERATION .doc-offer__system-group-vss {
  background-image: url(/images/doc/slide-9-7.webp);
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 8em auto;
}
.doc-offer__system-grid {
  display: grid;
  gap: var(--padding-column);
}
.doc-offer__system-grid_4-3 {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: var(--padding-column);
}
.doc-offer__system-subgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0em, 1fr));
  gap: var(--padding-column);
}
.doc-offer__system-subgrid_1-2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--padding-column);
}
.doc-offer__system-subgrid_1-2-1 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: var(--padding-column);
}
.doc-offer__system-subgrid_3-1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: var(--padding-column);
}
.doc-offer__system-group {
  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;
  border-radius: var(--br);
  border: 1px solid var(--color-border-soft);
  padding: 1em;
  background-repeat: no-repeat;
  background-size: cover;
}
.doc-offer__system-group_mute {
  opacity: 0.3;
}
.doc-offer__system-group_mute h3,
.doc-offer__system-group_mute .doc-offer__system-title {
  color: var(--color-text-mute) !important;
}
.doc-offer__system-group_mute .doc-offer__system-title:after {
  background-color: var(--color-text-mute);
}
.PDF-GENERATION .doc-offer__system-group {
  background-color: #fff;
}
.doc-offer__system-group h3 {
  font-family: var(--font-text);
  font-weight: var(--font-text-b);
  line-height: var(--font-text-lh);
  font-size: 1.1em;
  min-width: 99%;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-top: 0;
}
.PDF-GENERATION .doc-offer__system-group h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.75em;
}
.doc-offer__system-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}
.doc-offer__system-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  min-height: 7em;
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.doc-offer__system-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-border-soft);
  position: absolute;
  left: 100%;
  margin-left: 1em;
}
.doc-offer__system-item:last-child:after, .doc-offer__system-item_nobord:after {
  display: none;
}
.doc-offer__system-item strong {
  font-size: 4em;
  line-height: 1;
}
.doc-offer__system-item .doc-offer__dl {
  line-height: 1.2;
  font-size: 0.8em;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: 0.6em;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.doc-offer__system-title {
  min-width: 90%;
  margin-top: 0;
  font-family: var(--font-text);
  line-height: var(--font-text-lh);
  letter-spacing: var(--font-text-ls);
  font-size: 0.9em;
}
.PDF-GENERATION .doc-offer__system-title {
  font-weight: bold;
  margin-bottom: 0.75em;
  font-size: 1em;
}
.doc-offer__system-title:after {
  content: "";
  display: block;
  width: 2.5em;
  height: 1px;
  background-color: var(--color-accent);
  margin-top: 0.5em;
}
section.doc-offer__slide-10 {
  padding: var(--padding-section);
  background-color: var(--color-background);
}
.PDF-GENERATION .doc-offer__system-group-switch {
  background-image: url(/images/doc/slide-10-1.webp);
  background-repeat: no-repeat;
  background-size: auto 103%;
  background-position: right top 1em;
}
.PDF-GENERATION .doc-offer__system-group-thermo {
  background-image: url(/images/doc/slide-10-2.webp);
  background-repeat: no-repeat;
  background-position: right -3em center;
  background-size: auto 111%;
}
.PDF-GENERATION .doc-offer__system-group-panel {
  background-image: url(/images/doc/slide-10-3.webp);
  background-repeat: no-repeat;
  background-position: right 13% center;
  background-size: contain;
}
.PDF-GENERATION .doc-offer__system-group-dock {
  background-image: url(/images/doc/slide-10-4.webp);
  background-repeat: no-repeat;
  background-position: right -1em bottom;
  background-size: 40% auto;
}
.PDF-GENERATION .doc-offer__system-group-lxtouch {
  background-image: url(/images/doc/slide-10-5.webp);
  background-repeat: no-repeat;
  background-position: 86% 68%;
  background-size: auto 180%;
  color: #fff !important;
  border: 0;
}
.PDF-GENERATION .doc-offer__system-group-lxtouch h3 {
  color: #fff !important;
  max-width: 13em;
  min-width: 1em;
}
section.doc-offer__slide-6 {
  padding: var(--padding-section);
  background-color: var(--color-background);
}
.PDF-GENERATION section.doc-offer__slide-6 {
  background-image: url(/images/doc/slide-6-bg.png);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: center bottom -2em;
}
.doc-offer__step-list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.doc-offer__step-list ul {
  display: grid;
  row-gap: var(--padding-row);
  list-style-type: circle;
  padding-left: 1.6em;
  padding-right: 1.6em;
}
.PDF-GENERATION .doc-offer__step-list ul {
  color: var(--color-accent);
  font-size: 1.25em;
  line-height: 1.3;
  row-gap: 0.5em;
  padding-left: 1.2em;
  padding-right: 1em;
}
.PDF-GENERATION .doc-offer__step-list ul > li > span {
  color: var(--color-text);
}
.doc-offer__step-num {
  border-bottom: 1px solid var(--color-border-soft);
  display: block;
  position: relative;
  padding-bottom: 1.6em;
  margin-bottom: 1.6em;
}
.doc-offer__step-num > span {
  font-size: 2em;
  color: var(--color-accent);
}
.doc-offer__step-num:after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: var(--color-accent);
  position: absolute;
  left: 0;
  bottom: -0.4em;
  outline: 0.7em solid var(--color-border-light);
}
.doc-offer__step-title {
  font-size: 1.6em;
  margin: 1em 0;
  line-height: 1.4;
  display: block;
}
.PDF-GENERATION .doc-offer__step-title {
  margin: 0.8em 0;
  line-height: 1.1;
  font-weight: bold;
}
section.doc-offer__slide-13 {
  color: var(--color-text-inversion);
  background-color: var(--color-background-inversion);
  padding: var(--padding-section);
  display: grid;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  position: relative;
}
.PDF-GENERATION section.doc-offer__slide-13 {
  background-image: url(/images/doc/slide-13-bg.jpeg), linear-gradient(162deg, #121418, #393938);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.doc-offer__slide-13 .doc-offer__title {
  padding-top: 7em;
}
.PDF-GENERATION section.doc-offer__slide-13 .doc-offer__title {
  padding-top: 5em;
}
.doc-offer__call-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5em;
  gap: 2.4em;
}
.doc-offer__subdesc {
  font-size: 1.95em;
  line-height: 1.3;
  color: var(--color-text-soft);
}
.PDF-GENERATION .doc-offer__subdesc {
  margin-top: -8em;
}
.doc-offer__person {
  border-top-left-radius: var(--br);
  border-bottom-left-radius: var(--br);
  background-color: var(--color-accent);
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2.1em;
  color: var(--color-accent-text);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.PDF-GENERATION .doc-offer__person {
  background-image: -webkit-gradient(linear, left top, right top, from(#0fa3e0), color-stop(80%, #214695));
  background-image: linear-gradient(to right, #0fa3e0, #214695 80%);
  max-width: 26em;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  padding: 1.2em 0 1.2em 2em;
}
.PDF-GENERATION .doc-offer__person strong {
  font-weight: bold;
}
.doc-offer__person strong {
  font-size: 2em;
  max-width: 12em;
  line-height: 1.3;
  font-weight: var(--font-text-b);
}
.doc-offer__person span {
  margin-top: 0.3em;
  max-width: 12em;
  font-size: 1.4em;
  line-height: 1.3;
}
.doc-offer__contact {
  position: absolute;
  right: var(--padding-section);
  bottom: 0;
  width: 23em;
  min-height: 40em;
  padding: 3em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  -webkit-box-shadow: 0 0px 60px -10px var(--color-bs);
          box-shadow: 0 0px 60px -10px var(--color-bs);
  background-color: var(--color-base);
  color: var(--color-text);
}
.PDF-GENERATION .doc-offer__contact {
  color: var(--color-text-inversion);
  background-color: transparent;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 70, 149, 0.43)), color-stop(65%, rgba(255, 255, 255, 0.22)));
  background-image: linear-gradient(to top, rgba(33, 70, 149, 0.43), rgba(255, 255, 255, 0.22) 65%);
  width: 27em;
  min-height: 88%;
}
.PDF-GENERATION .doc-offer__contact h3 {
  color: inherit;
  font-family: var(--font-heading);
  font-size: 3.3em;
  margin: 1.3em 0 0.9em;
}
.doc-offer__contact h3 {
  font-size: 2em;
  margin-top: 1em;
  margin-bottom: 1.6em;
  text-align: center;
}
.doc-offer__contact:after {
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  top: -1em;
  right: -1em;
  bottom: 0;
  background-image: url(/images/iphone-mask.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.PDF-GENERATION .doc-offer__contact:after {
  -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(58%) saturate(3145%) hue-rotate(177deg) brightness(97%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(81%) sepia(58%) saturate(3145%) hue-rotate(177deg) brightness(97%) contrast(102%);
}
.doc-offer__contact-item {
  border-radius: var(--br);
  background-color: var(--color-background);
  color: var(--color-text-heading);
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PDF-GENERATION .doc-offer__contact-item {
  background-color: var(--color-base);
  color: var(--color-text);
  font-size: 1.6em;
  border-radius: 0.6em;
  padding: 0.25em;
  margin-bottom: 0.5em;
}
.doc-offer__contact-item:before {
  color: var(--color-accent);
  margin-right: 0.5em;
  font-size: 2.4em;
}
.PDF-GENERATION .doc-offer__contact-item:before {
  font-size: 2em;
  margin-right: 0.2em;
}
.doc-offer__mess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  margin: 2em auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PDF-GENERATION .doc-offer__mess {
  font-size: 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.doc-offer__contact-icon {
  width: 2em;
  height: auto;
}
.doc-offer__contact-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
.PDF-GENERATION .doc-offer__contact-address {
  font-size: 1.5em;
  gap: 0;
}
.doc-offer__contact-address:before {
  font-size: 3em;
}
.PDF-GENERATION .doc-offer__contact-address:before {
  font-size: 3.5em;
  margin-left: -0.25em;
  margin-top: -0.1em;
}
.doc-offer__color-accent {
  color: var(--color-accent);
}
.doc-offer__color-soft {
  color: var(--color-text-soft);
}
.doc-offer__dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: var(--list-gap);
}
.doc-offer__dl dt {
  color: var(--color-text-soft);
}
.doc-offer__dl_grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: var(--list-gap);
}
.doc-offer__dl_flex {
  display: block;
}
.doc-offer__dl-mb {
  margin-bottom: var(--margin-text);
}
.doc-offer__dl_inline {
  display: block;
}
.doc-offer__dl_inline dt {
  display: inline;
}
.doc-offer__dl_inline dd {
  display: inline;
}
.doc-offer__dl_inline dd:before {
  content: " ";
}
.doc-offer__dl_inline dd:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: var(--padding-column);
}
.doc-offer__dl_inline dd:last-child:after {
  margin-bottom: 0;
}
.btn-main-action {
  width: 11em;
}
.ibc-list-search {
  padding-bottom: 0.5em;
  -webkit-transition: margin-bottom 300ms ease-out;
  transition: margin-bottom 300ms ease-out;
}
.ibc-list-search:focus {
  margin-bottom: var(--margin);
}
.cacl__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.95em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cacl__actions button {
  width: auto;
}
.cacl__actions button[class*=icon-] {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--color-background);
  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;
  border-width: 1px;
  border-color: var(--color-border);
  border-style: dashed solid solid dashed;
}
.card h2 small {
  display: block;
  font-size: var(--font-size-xxs);
  line-height: var(--font-text-lh);
  color: var(--color-text-soft);
  font-weight: var(--font-heading-r);
  margin-top: 0.45em;
  letter-spacing: 0;
}
.card-params_group-title {
  padding-top: calc(var(--padding) / 2);
  padding-bottom: calc(var(--padding) / 2);
}
.card-params_collapse {
  color: var(--color-accent);
  padding-top: calc(var(--padding) / 2);
  padding-bottom: calc(var(--padding) / 2);
  margin: 0;
}
.card-params {
  display: grid;
}
.card-params dt {
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}
.card-params dd {
  margin-bottom: var(--margin-text);
}
.card-params_cols {
  grid-template-columns: 2fr 3fr;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: var(--padding-text);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.card-params_cols dt {
  font-size: inherit;
}
.card-params_cols dd {
  margin-bottom: 0;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 768px) {
  .card-params_cols {
    grid-template-columns: 1fr;
  }
}
.card-params_grid {
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: var(--padding-text);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.help-hote {
  margin-top: var(--margin-box);
  color: var(--color-text-mute);
  font-size: var(--font-size-sm);
}
.form_in_process {
  position: relative;
}
.form_in_process:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-base);
  opacity: 0.5;
}
/* END [ Default Styles ] */.row {
  --gap: 0em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
  row-gap: var(--gap);
}
.row_gap {
  --gap: var(--padding-row);
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.row-cols-1 > .col {
  -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
      flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-2 > .col {
  -ms-flex-preferred-size: calc(200% - var(--gap) / 2 * 1);
      flex-basis: calc(200% - var(--gap) / 2 * 1);
}
.row-cols-3 > .col {
  -ms-flex-preferred-size: calc(300% - var(--gap) / 3 * 2);
      flex-basis: calc(300% - var(--gap) / 3 * 2);
}
.row-cols-4 > .col {
  -ms-flex-preferred-size: calc(400% - var(--gap) / 4 * 3);
      flex-basis: calc(400% - var(--gap) / 4 * 3);
}
.row-cols-5 > .col {
  -ms-flex-preferred-size: calc(500% - var(--gap) / 5 * 4);
      flex-basis: calc(500% - var(--gap) / 5 * 4);
}
.row-cols-6 > .col {
  -ms-flex-preferred-size: calc(600% - var(--gap) / 6 * 5);
      flex-basis: calc(600% - var(--gap) / 6 * 5);
}
.row-cols-7 > .col {
  -ms-flex-preferred-size: calc(700% - var(--gap) / 7 * 6);
      flex-basis: calc(700% - var(--gap) / 7 * 6);
}
.row-cols-8 > .col {
  -ms-flex-preferred-size: calc(800% - var(--gap) / 8 * 7);
      flex-basis: calc(800% - var(--gap) / 8 * 7);
}
.row-cols-9 > .col {
  -ms-flex-preferred-size: calc(900% - var(--gap) / 9 * 8);
      flex-basis: calc(900% - var(--gap) / 9 * 8);
}
.row-cols-10 > .col {
  -ms-flex-preferred-size: calc(1000% - var(--gap) / 10 * 9);
      flex-basis: calc(1000% - var(--gap) / 10 * 9);
}
.row-cols-11 > .col {
  -ms-flex-preferred-size: calc(1100% - var(--gap) / 11 * 10);
      flex-basis: calc(1100% - var(--gap) / 11 * 10);
}
.row-cols-12 > .col {
  -ms-flex-preferred-size: calc(1200% - var(--gap) / 12 * 11);
      flex-basis: calc(1200% - var(--gap) / 12 * 11);
}
@media (min-width: 0) {
.row-cols-xs-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-xs-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-xs-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-xs-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-xs-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-xs-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-xs-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-xs-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-xs-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-xs-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-xs-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-xs-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 576px) {
.row-cols-sm-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-sm-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-sm-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-sm-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-sm-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-sm-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-sm-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-sm-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-sm-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-sm-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-sm-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-sm-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 768px) {
.row-cols-md-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-md-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-md-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-md-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-md-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-md-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-md-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-md-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-md-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-md-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-md-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-md-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 992px) {
.row-cols-lg-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-lg-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-lg-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-lg-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-lg-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-lg-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-lg-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-lg-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-lg-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-lg-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-lg-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-lg-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 1200px) {
.row-cols-xl-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-xl-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-xl-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-xl-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-xl-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-xl-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-xl-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-xl-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-xl-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-xl-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-xl-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-xl-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 1400px) {
.row-cols-xxl-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-xxl-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-xxl-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-xxl-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-xxl-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-xxl-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-xxl-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-xxl-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-xxl-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-xxl-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-xxl-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-xxl-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}
@media (min-width: 1900px) {
.row-cols-xxxl-1 > .col {
    -ms-flex-preferred-size: calc(100% - var(--gap) / 1 * 0);
        flex-basis: calc(100% - var(--gap) / 1 * 0);
}
.row-cols-xxxl-2 > .col {
    -ms-flex-preferred-size: calc(50% - var(--gap) / 2 * 1);
        flex-basis: calc(50% - var(--gap) / 2 * 1);
}
.row-cols-xxxl-3 > .col {
    -ms-flex-preferred-size: calc(33.3333333333% - var(--gap) / 3 * 2);
        flex-basis: calc(33.3333333333% - var(--gap) / 3 * 2);
}
.row-cols-xxxl-4 > .col {
    -ms-flex-preferred-size: calc(25% - var(--gap) / 4 * 3);
        flex-basis: calc(25% - var(--gap) / 4 * 3);
}
.row-cols-xxxl-5 > .col {
    -ms-flex-preferred-size: calc(20% - var(--gap) / 5 * 4);
        flex-basis: calc(20% - var(--gap) / 5 * 4);
}
.row-cols-xxxl-6 > .col {
    -ms-flex-preferred-size: calc(16.6666666667% - var(--gap) / 6 * 5);
        flex-basis: calc(16.6666666667% - var(--gap) / 6 * 5);
}
.row-cols-xxxl-7 > .col {
    -ms-flex-preferred-size: calc(14.2857142857% - var(--gap) / 7 * 6);
        flex-basis: calc(14.2857142857% - var(--gap) / 7 * 6);
}
.row-cols-xxxl-8 > .col {
    -ms-flex-preferred-size: calc(12.5% - var(--gap) / 8 * 7);
        flex-basis: calc(12.5% - var(--gap) / 8 * 7);
}
.row-cols-xxxl-9 > .col {
    -ms-flex-preferred-size: calc(11.1111111111% - var(--gap) / 9 * 8);
        flex-basis: calc(11.1111111111% - var(--gap) / 9 * 8);
}
.row-cols-xxxl-10 > .col {
    -ms-flex-preferred-size: calc(10% - var(--gap) / 10 * 9);
        flex-basis: calc(10% - var(--gap) / 10 * 9);
}
.row-cols-xxxl-11 > .col {
    -ms-flex-preferred-size: calc(9.0909090909% - var(--gap) / 11 * 10);
        flex-basis: calc(9.0909090909% - var(--gap) / 11 * 10);
}
.row-cols-xxxl-12 > .col {
    -ms-flex-preferred-size: calc(8.3333333333% - var(--gap) / 12 * 11);
        flex-basis: calc(8.3333333333% - var(--gap) / 12 * 11);
}
}.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.col-1 {
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-2 {
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-4 {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-5 {
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-7 {
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-8 {
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-10 {
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-11 {
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.col-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media (min-width: 0) {
.col-xs-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xs-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 576px) {
.col-sm-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 768px) {
.col-md-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 992px) {
.col-lg-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 1400px) {
.col-xxl-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}
@media (min-width: 1900px) {
.col-xxxl-1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.col-xxxl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
}.ibc-textarea {
  resize: vertical;
  font-family: inherit;
  line-height: 1.3;
  max-height: 100%;
}
.ibc-textarea.ibc-input_bg {
  padding: var(--padding);
}.ibc-modifier {
  display: grid;
  gap: var(--margin-row);
}
.ibc-modifier__container {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  height: auto;
  padding: 0;
  padding: 5px;
  border-radius: var(--br-input);
  gap: var(--padding-column);
}
.ibc-modifier_bg .ibc-modifier__container {
  background: var(--color-background);
}
.ibc-modifier_rounded .ibc-modifier__container {
  border-radius: 5em;
  border-color: var(--color-border);
}
.ibc-modifier__container .ibc-modifier__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  margin: 0;
  color: inherit;
  font-size: inherit;
  text-align: center;
  height: auto;
  outline: none;
  min-width: 4em;
  min-height: calc(1em + var(--padding-box) * 0.5);
}
.ibc-modifier__container .ibc-modifier__input::-webkit-input-placeholder {
  color: var(--color-text-mute);
  font-size: 0.8em;
  font-style: italic;
}
.ibc-modifier__container .ibc-modifier__input::-moz-placeholder {
  color: var(--color-text-mute);
  font-size: 0.8em;
  font-style: italic;
}
.ibc-modifier__container .ibc-modifier__input:-ms-input-placeholder {
  color: var(--color-text-mute);
  font-size: 0.8em;
  font-style: italic;
}
.ibc-modifier__container .ibc-modifier__input::-ms-input-placeholder {
  color: var(--color-text-mute);
  font-size: 0.8em;
  font-style: italic;
}
.ibc-modifier__container .ibc-modifier__input::placeholder {
  color: var(--color-text-mute);
  font-size: 0.8em;
  font-style: italic;
}
.ibc-modifier__container .ibc-modifier__input::-webkit-outer-spin-button, .ibc-modifier__container .ibc-modifier__input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.ibc-modifier__container .ibc-modifier__input:focus {
  border-bottom-color: var(--color-accent);
}
.ibc-modifier__container .ibc-modifier__input.disabled, .ibc-modifier__container .ibc-modifier__input:disabled, fieldset:disabled .ibc-modifier__container .ibc-modifier__input {
  opacity: 0.5;
}
.ibc-modifier_empty .ibc-modifier__container .ibc-modifier__input {
  border-bottom-color: var(--color-border);
}
.ibc-modifier__container label,
.ibc-modifier__container button {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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%;
  min-width: 3em;
  background: transparent;
}
.ibc-modifier__start {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--color-base);
  border-radius: inherit;
}
.ibc-modifier__end {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--color-base);
  border-radius: inherit;
}
.ibc-modifier__start label,
.ibc-modifier__end label {
  color: var(--color-text-mute);
}
.ibc-modifier_rounded .ibc-modifier__start label,
.ibc-modifier_rounded .ibc-modifier__end label {
  border-radius: 5em;
}
.ibc-modifier__start label input,
.ibc-modifier__end label input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
}
.ibc-modifier__start label:has(> input:checked),
.ibc-modifier__end label:has(> input:checked) {
  color: var(--color-accent);
  background-color: var(--color-background);
  border: 3px solid var(--color-base);
}.ibc-select__result {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  outline: none;
  padding: 0;
  height: calc(1em + var(--padding-box) * 0.5);
  min-height: var(--lh-input);
  width: 100%;
  color: inherit;
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow-x: hidden;
  position: relative;
  padding-right: var(--padding);
}
.ibc-select__result::-webkit-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__result::-moz-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__result:-ms-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__result::-ms-input-placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__result::placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__placeholder {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: 0.9em;
}
.ibc-select__bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: var(--index-modals);
}
.ibc-select__list {
  border-radius: var(--br);
  background-color: var(--color-background);
  display: grid;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--index-modals);
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  overflow-y: auto;
  max-height: 17em;
  -ms-overflow-style: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-appearance: none;
  scrollbar-width: none;
}
.ibc-select__list::-webkit-scrollbar {
  display: none;
}
.ibc-select__list > input {
  display: none;
}
.ibc-select__list > input:checked + label {
  color: var(--color-accent);
}
.ibc-select__list > input:disabled + label {
  color: var(--color-text-mute);
}
.ibc-select__list > label {
  cursor: pointer;
  line-height: 1;
  padding: calc(var(--padding) / 3) var(--padding);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: initial;
  white-space: nowrap;
  overflow-x: hidden;
  position: relative;
}
.ibc-select__list > label:hover {
  color: var(--color-accent);
  background-color: var(--color-base);
}
.ibc-select__clear-option {
  font-style: italic;
  color: var(--color-text-soft) !important;
}.ibc-select__checkbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--padding-row);
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ibc-select__checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  line-height: 1;
}
.ibc-select__checkbox-item:hover {
  color: var(--color-accent);
}
.ibc-select__checkbox-item input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ibc-select__checkbox-item:before {
  content: "\e835";
  font-family: var(--font-icon);
  font-weight: normal;
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ibc-select__checkbox-item span {
  font-size: var(--font-size-sm);
}
.ibc-select__checkbox-item:has(> input:disabled) {
  color: var(--color-text-mute);
}
.ibc-select__checkbox-item:has(> input:checked):before {
  color: var(--color-accent);
  content: "\f1fe";
}.ibc-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M11.5 19L8 15.48L9.12 14.34L11.5 16.73L13.87 14.34L15 15.48L11.5 19ZM9.12 9.65L8 8.51L11.5 5L15 8.51L13.87 9.65L11.5 7.26L9.12 9.65Z' fill='rgb(96, 100, 101)'/></svg>");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  color: var(--color-heading);
  cursor: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  height: calc(1em + var(--padding-box) * 0.5);
  line-height: calc(1em + var(--padding-box) * 0.5);
  min-height: var(--lh-input);
  width: 100%;
  z-index: 1;
  position: relative;
  border-bottom: 1px solid transparent;
}
.ibc-select.has-empty {
  border-bottom-color: var(--color-border-soft);
}
.ibc-select_checkbox {
  height: auto;
  line-height: var(--font-text-lh);
  background-image: none;
}
.ibc-select_checkbox.has-empty {
  border-bottom-color: transparent;
}
.ibc-select.has-open, .ibc-select:has(> .ibc-select__list) {
  z-index: var(--index-content-up);
}
.ibc-select:-ms-expand {
  display: none;
}
.ibc-select_inline {
  min-height: calc(var(--font-text-lh) * 1em);
  height: initial;
}
.ibc-select_inline .ibc-select__result {
  min-height: calc(var(--font-text-lh) * 1em);
}
.ibc-select_bg {
  border-radius: var(--br-input);
  background: var(--color-background);
  padding: 0 var(--padding);
}
.ibc-select_rounded {
  border-radius: 5em;
}
.ibc-select_border {
  border: 1px solid var(--color-border);
  background-position: center right 1.6em;
}
.ibc-select_border .ibc-select__result {
  padding-left: var(--padding);
}
.ibc-select_sm {
  font-size: var(--font-size-sm);
}.ibc-box {
  padding: var(--padding-box);
  border-radius: var(--br);
  background: var(--color-background);
}.ibc-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: var(--padding-column);
}
.ibc-list-head__start {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 0%;
          flex: 0 1 0%;
}
.ibc-list-head__middle {
  -webkit-box-flex: 1;
      -ms-flex: 1 2 100%;
          flex: 1 2 100%;
}
.ibc-list-head__end {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 0%;
          flex: 0 1 0%;
}
@media (max-width: 768px) {
.ibc-list-head {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--margin-text);
    margin-bottom: var(--margin-text);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.ibc-list-head__end {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
}
}
.ibc-list__headings {
  position: relative;
}
.ibc-list__headings-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: calc(var(--padding) / 2);
     -moz-column-gap: calc(var(--padding) / 2);
          column-gap: calc(var(--padding) / 2);
  padding-right: calc(var(--ibc-list-edit-w) + var(--padding) / 2);
}
.ibc-list_sortable .ibc-list__headings-columns {
  padding-left: calc(var(--ibc-list-order-w) + var(--padding) / 2);
}
.ibc-list_sortable .ibc-list__headings-columns span:first-child {
  padding-left: 0;
}
.ibc-list__headings-columns span,
.ibc-list__headings-columns button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  font-size: var(--font-size);
  color: var(--color-text-mute);
  padding: 0.5em 0;
  line-height: var(--font-text-lh);
  white-space: nowrap;
  overflow: hidden;
}
.ibc-list__headings-columns span:first-child,
.ibc-list__headings-columns button:first-child {
  padding-left: var(--padding);
}
.ibc-list__headings-columns button:after {
  content: "⇅";
  display: inline-block;
  margin-left: 0.5em;
  font-size: 0.8em;
}
.ibc-list__headings-columns button[data-order=asc] {
  color: var(--color-text-heading);
}
.ibc-list__headings-columns button[data-order=asc]:after {
  content: "↓";
}
.ibc-list__headings-columns button[data-order=desc] {
  color: var(--color-text-heading);
}
.ibc-list__headings-columns button[data-order=desc]:after {
  content: "↑";
}
.ibc-list__headings-columns small {
  font-size: var(--font-size-sm);
}
.ibc-list__show-params {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--ibc-list-edit-w);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.ibc-list__show-params:after {
  display: none;
}
.ibc-list__show-params:hover {
  color: var(--color-accent);
}
.ibc-list__headings-params-bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: var(--index-modals);
}
.ibc-list__headings-params {
  width: 20em;
  min-height: 2em;
  padding: var(--padding);
  border-radius: var(--br);
  background-color: var(--color-background);
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  position: absolute;
  z-index: var(--index-modals);
  top: 0;
  display: grid;
  gap: var(--padding-text);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: calc(var(--padding));
  margin-top: calc(var(--padding) * -1);
}
.ibc-list__headings-params hr {
  color: var(--color-border);
  width: 20%;
  margin: 0.6em auto;
  border-style: dashed;
  border: 0;
}
.ibc-list__headings-params .ibc-form-group.has-cols {
  grid-template-columns: 5fr 3fr;
  gap: 2em;
}
.ibc-list__close-params {
  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;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  width: 3em;
  height: 3em;
  z-index: 2;
}
.ibc-list__headings-pages {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M12 15L8 11L16 11L12 15Z' fill='rgb(96, 100, 101)'/></svg>");
  background-position: center right 0.5em;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  border-radius: var(--br);
  color: var(--color-heading);
  cursor: inherit;
  font-family: var(--font-heading);
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  padding: 0 2.6em;
  height: calc(1em + var(--padding-box) * 0.5);
  line-height: calc(1em + var(--padding-box) * 0.5);
  width: 100%;
  z-index: 1;
}
.ibc-list__headings-pages:-ms-expand {
  display: none;
}
.ibc-list__headings-pages:not(.ibc-selected) {
  color: var(--color-text-mute);
  font-style: italic;
  border-bottom-color: var(--color-border);
}
.ibc-list__headings-pages:required:invalid {
  color: red;
}
.ibc-list__headings-pages option[value=""][disabled] {
  display: none;
}
.ibc-list__headings-pages option {
  color: black;
}
.ibc-list__headings-pages_focus, .ibc-list__headings-pages:focus {
  border-bottom-color: var(--color-accent);
}
.ibc-list__headings-pages.disabled, .ibc-list__headings-pages:disabled, fieldset:disabled .ibc-list__headings-pages {
  opacity: 0.5;
}
@media (max-width: 768px) {
.ibc-list__headings-columns {
    grid-template-columns: 6em minmax(3em, 1fr) repeat(auto-fit, 0);
    gap: 0;
}
.ibc-list__headings-params {
    width: 16em;
}
}.ibc-list__item {
  background: var(--color-background);
  border-radius: var(--br-input);
  position: relative;
}
.ibc-list__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-column-gap: calc(var(--padding) / 2);
     -moz-column-gap: calc(var(--padding) / 2);
          column-gap: calc(var(--padding) / 2);
  position: relative;
  padding-right: calc(var(--ibc-list-edit-w) + var(--padding) / 2);
}
.ibc-list_sortable .ibc-list__columns {
  padding-left: calc(var(--ibc-list-order-w) + var(--padding) / 2);
}
.ibc-list_sortable .ibc-list__columns span:first-child {
  padding-left: 0;
}
.ibc-list_clickable .ibc-list__columns {
  cursor: pointer;
}
.ibc-list__columns span {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  overflow: hidden;
  position: relative;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  min-height: 3em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 500ms cubic-bezier(0, 0.5, 0.8, 0.6) 100ms;
  transition: color 500ms cubic-bezier(0, 0.5, 0.8, 0.6) 100ms;
}
.ibc-list__columns span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--padding);
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-background)));
  background: linear-gradient(to right, transparent, var(--color-background));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  color: var(--color-accent);
}
.ibc-list__columns span:first-child {
  padding-left: var(--padding);
}
.ibc-list__columns:hover span {
  color: var(--color-text-heading) !important;
  -webkit-transition: color 0ms linear;
  transition: color 0ms linear;
}
.ibc-list__order,
.ibc-list__options {
  position: absolute;
  top: 0;
  bottom: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  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;
  color: var(--color-text-mute);
}
.ibc-list__order {
  left: 0;
  width: var(--ibc-list-order-w);
  cursor: -webkit-grab;
  cursor: grab;
}
.ibc-list__options {
  right: 0;
  width: var(--ibc-list-edit-w);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.ibc-list__options button:hover {
  color: var(--color-accent);
}
.ibc-list__options [class*=" icon-"]:before {
  font-size: var(--font-size-md);
}
@media (max-width: 768px) {
.ibc-list__columns {
    grid-template-columns: 6em minmax(3em, 1fr) repeat(auto-fit, 0);
    gap: 0;
    padding-right: var(--padding);
}
.ibc-list__options {
    display: none;
}
}.ibc-list {
  --ibc-list-order-w: 3em;
  --ibc-list-edit-w: 3em;
  min-width: 100%;
  display: block;
}
.ibc-list [data-column=id] {
  max-width: 10em;
}
.ibc-list [data-column=title] {
  min-width: 10em;
  -webkit-box-flex: 1.6;
      -ms-flex-positive: 1.6;
          flex-grow: 1.6;
}
.ibc-list .hide {
  display: none;
}
.ibc-list_scroll {
  --ibc-list-scroll-padding-l: 0;
  --ibc-list-scroll-padding-r: 0;
  position: relative;
}
.ibc-list_scroll:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: calc(var(--ibc-list-scroll-padding-l) * -1);
  bottom: 0;
  width: var(--ibc-list-scroll-padding-l);
  background: -webkit-gradient(linear, left top, right top, from(var(--color-background)), to(transparent));
  background: linear-gradient(to right, var(--color-background), transparent);
}
.section__full .ibc-list_scroll:before {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-base-soft)), to(transparent));
  background: linear-gradient(to right, var(--color-base-soft), transparent);
}
.ibc-list_scroll:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: calc(var(--ibc-list-scroll-padding-r) * -1);
  bottom: 0;
  width: var(--ibc-list-scroll-padding-r);
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-background)));
  background: linear-gradient(to right, transparent, var(--color-background));
}
.section__full .ibc-list_scroll:after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-base-soft)));
  background: linear-gradient(to right, transparent, var(--color-base-soft));
}
.ibc-list_scroll .ibc-list__container {
  overflow-x: auto;
  padding-left: var(--ibc-list-scroll-padding-l);
  margin-left: calc(var(--ibc-list-scroll-padding-l) * -1);
  padding-right: var(--ibc-list-scroll-padding-r);
  margin-right: calc(var(--ibc-list-scroll-padding-r) * -1);
  scroll-snap-stop: normal;
  scroll-padding-left: var(--ibc-list-scroll-padding-l);
  scroll-padding-right: var(--ibc-list-scroll-padding-r);
  scrollbar-width: auto;
}
.ibc-list_scroll .ibc-list__container > * {
  scroll-snap-align: start;
}
.ibc-list__container {
  display: grid;
  row-gap: var(--list-gap);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(1):hover) .ibc-list__columns > :nth-child(1) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(2):hover) .ibc-list__columns > :nth-child(2) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(3):hover) .ibc-list__columns > :nth-child(3) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(4):hover) .ibc-list__columns > :nth-child(4) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(5):hover) .ibc-list__columns > :nth-child(5) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(6):hover) .ibc-list__columns > :nth-child(6) {
  color: var(--color-accent);
}
.ibc-list:has(.ibc-list__head-columns > :nth-child(7):hover) .ibc-list__columns > :nth-child(7) {
  color: var(--color-accent);
}
.ibc-list__empty-item {
  background: var(--color-base);
  border-radius: var(--br);
  border: 1px dashed var(--color-border);
  position: relative;
  text-align: center;
  padding: var(--padding);
}.ibc-tabnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
}
.ibc-tabnav [class^=icon-tab-]:before,
.ibc-tabnav [class*=" icon-tab-"]:before {
  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;
  margin-bottom: 0.5em;
}
.ibc-tabnav__button {
  padding: var(--padding-text) 1.6em;
  border: 0;
  border-bottom: 1px solid transparent;
  color: var(--color-text-soft);
  width: clamp(1em, 30em, 100%);
  text-align: center;
  text-decoration: none;
}
.ibc-tabnav__button:hover {
  color: var(--color-accent);
}
.ibc-tabnav__button.active_exact {
  color: var(--color-accent);
  border-color: var(--color-accent);
}
@media (max-width: 768px) {
.ibc-tabnav {
    gap: var(--margin-column);
    max-width: 100%;
    overflow: hidden;
}
.ibc-tabnav__button {
    padding: var(--padding);
    line-height: 1;
    border-radius: var(--br);
    background-color: var(--color-background);
    border: 0;
    font-size: 0.7em;
}
}.ibc-pagination {
  margin-top: var(--margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1em;
}
.ibc-pagination__nav {
  min-width: 2em;
}
.ibc-pagination__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: calc(var(--padding) / 2);
     -moz-column-gap: calc(var(--padding) / 2);
          column-gap: calc(var(--padding) / 2);
}
.ibc-pagination__buttons button {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
  padding: 0.75em 3em;
  border-radius: 3em;
  border: 1px solid var(--color-border);
  font-family: inherit;
  font-size: var(--font-size-sm);
  font-weight: inherit;
  line-height: 1;
}
.ibc-pagination__buttons button:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
}
.ibc-pagination__buttons button.disabled, .ibc-pagination__buttons button:disabled {
  color: var(--color-text-mute);
  border-color: var(--color-border);
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ibc-pagination__info {
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}
.ibc-pagination__pages {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M12 15L8 11L16 11L12 15Z' fill='rgb(96, 100, 101)'/></svg>");
  background-position: center right 0.5em;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  border-radius: var(--br);
  color: var(--color-heading);
  cursor: inherit;
  font-family: var(--font-heading);
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  padding: 0 2.6em;
  height: calc(1em + var(--padding-box) * 0.5);
  line-height: calc(1em + var(--padding-box) * 0.5);
  width: 100%;
  z-index: 1;
}
.ibc-pagination__pages:-ms-expand {
  display: none;
}
.ibc-pagination__pages:not(.ibc-selected) {
  color: var(--color-text-mute);
  font-style: italic;
  border-bottom-color: var(--color-border);
}
.ibc-pagination__pages:required:invalid {
  color: red;
}
.ibc-pagination__pages option[value=""][disabled] {
  display: none;
}
.ibc-pagination__pages option {
  color: black;
}
.ibc-pagination__pages_focus, .ibc-pagination__pages:focus {
  border-bottom-color: var(--color-accent);
}
.ibc-pagination__pages.disabled, .ibc-pagination__pages:disabled, fieldset:disabled .ibc-pagination__pages {
  opacity: 0.5;
}
@media (max-width: 768px) {
.ibc-pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: var(--margin-text);
    margin-bottom: var(--margin-text);
    gap: var(--margin);
}
.ibc-pagination__nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.ibc-pagination__buttons {
    width: 100%;
}
.ibc-pagination__buttons button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    text-align: center;
}
.ibc-pagination__info {
    width: 100%;
    text-align: center;
}
}.ibc-fieldset {
  margin: var(--margin-text) 0;
  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(--margin-text);
}
.ibc-fieldset legend {
  margin-bottom: var(--margin-text);
  font-family: var(--font-heading);
  color: var(--color-heading);
}.ibc-collapse {
  --form-collapse-img: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' fill='rgb(96, 100, 101)' preserveAspectRatio='none'><path d='M12 15L8 11L16 11L12 15Z'/></svg>");
}
.ibc-collapse__heading {
  display: block;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 3em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.ibc-collapse__input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--form-collapse-img);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2em;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3em;
  height: 3em;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  vertical-align: top;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ibc-collapse__input:checked {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ibc-collapse_hide .ibc-collapse__container {
  display: none;
}
.toggle-collapse-button {
  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;
  position: -webkit-sticky;
  position: sticky;
  top: 1.6em;
  width: 100%;
  height: calc(var(--font-text-lh) * 1em + 1em);
  z-index: 5;
  padding: 0;
}
.toggle-collapse-button:before {
  position: relative;
  z-index: 2;
  width: 3em;
  padding: 0.5em;
  text-align: center;
  background-color: var(--color-background);
  border-radius: var(--br);
}
.toggle-collapse-button:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  border-bottom: 1px dashed var(--color-border);
}.ibc-switch {
  --form-switch-false: radial-gradient(
  	circle 1em,
  	var(--color-background) 100%,
  	transparent 1%
  );
  --form-switch-true: radial-gradient(
  	circle 1em,
  	var(--color-accent) 100%,
  	transparent 1%
  );
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  align-items: start;
}
.ibc-switch.has-cols {
  display: grid;
  grid-template-columns: 2fr 4fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.ibc-switch.has-cols .ibc-check__label {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ibc-switch label {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ibc-switch label span {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ibc-check__input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color-background-input);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2em;
  border: 1px solid var(--color-border-base);
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 2.6em;
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
  vertical-align: top;
  width: 4.7em;
  background-image: var(--form-switch-false);
  background-position: -1em center;
}
.ibc-check__input:checked {
  background-image: var(--form-switch-true);
  background-position: 1em center;
  border-color: var(--color-accent);
}
.ibc-switch.has-inverse .ibc-check__input {
  background-image: var(--form-switch-true);
  background-position: 1em center;
}
.ibc-switch.has-inverse .ibc-check__input:checked {
  background-image: var(--form-switch-false);
  background-position: -1em center;
}
.ibc-check__label small {
  display: block;
  text-transform: initial;
  color: var(--color-text-mute);
}
.has-disabled label {
  color: var(--color-text-mute);
}.ibc-form-group.has-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ibc-checkbox {
  position: relative;
  min-height: calc(1em + var(--padding-box) * 0.5);
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  min-height: 1em;
}
.ibc-checkbox:before {
  content: "\e835";
  font-family: var(--font-icon);
  font-weight: normal;
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ibc-checkbox input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ibc-checkbox span {
  font-size: var(--font-size-sm);
}
.ibc-checkbox:has(> input:disabled) {
  color: var(--color-text-mute);
}
.ibc-checkbox:has(> input:checked):before {
  color: var(--color-accent);
  content: "\f1fe";
}
.ibc-checkbox_radio:before {
  content: "\e836";
}
.ibc-checkbox_radio:has(> input:checked):before {
  content: "\e837";
}.ibc-modal-params__bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: var(--index-modals);
}
.ibc-modal-params__container {
  width: 20em;
  min-height: 2em;
  padding: var(--padding);
  border-radius: var(--br);
  background-color: var(--color-background);
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
  position: absolute;
  z-index: var(--index-modals);
  top: 0;
  display: grid;
  gap: var(--padding-text);
}
.ibc-modal-params__container.ibc-modal-params__right {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: calc(var(--padding) + 0.8em);
  margin-top: calc((var(--padding) + 0.8em) * -1);
}
.ibc-modal-params__container hr {
  color: var(--color-border);
  width: 20%;
  margin: 0.6em auto;
  border-style: dashed;
  border: 0;
}
.ibc-modal-params__toggle {
  position: absolute;
  right: var(--padding);
  top: var(--padding);
  left: auto;
  width: 1.6em;
  height: 1.6em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ibc-modal-params__toggle:before {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--font-size-xxl);
}
.ibc-modal-params__toggle:hover {
  color: var(--color-accent);
}
.ibc-modal-params__toggle input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}.app_grid {
  --app-grid-left: var(--sidebar);
  --app-grid-right: cacl(var(--modal-sidebar) / 2);
  min-height: 100vh;
  display: grid;
  max-width: 100vw;
  grid-template-columns: var(--sidebar) calc(100vw - var(--sidebar)) 0em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-transition: 300ms grid-template-columns ease;
  transition: 300ms grid-template-columns ease;
  transition: 300ms grid-template-columns ease, 300ms -ms-grid-columns ease;
}
.app_left {
  min-height: 100vh;
}
.app_content {
  min-height: 100vh;
  padding: var(--padding-box);
  padding-left: 0;
}
.app_right {
  min-height: 100vh;
}
@media (min-width: 768px) {
.app_grid.sidebar_slim {
    --sidebar: 10em;
}
}
@media (max-width: 768px) {
.app_content {
    padding-left: var(--padding-box);
    padding-bottom: 7em;
}
}
.modal-open {
  overflow: hidden;
}
.modal-open #app {
  -webkit-filter: blur(2.5px);
          filter: blur(2.5px);
}
.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: var(--index-modals);
}
.modal-background:not(.modal-background_opacity) {
  background-color: var(--color-background-opacity);
}
.modal-body {
  display: grid;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 10vh var(--site-borders-x) var(--site-borders-y);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: var(--index-modals);
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.modal-body::-webkit-scrollbar {
  display: none;
}
.modal-body__container {
  position: relative;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-body__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  z-index: 2;
  padding: 0;
}
.modal-body__close:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3em;
  height: 3em;
}
.modal-body__close:hover {
  color: var(--color-accent);
}
.modal-body__options {
  margin-top: calc(-0.4 * var(--padding-box));
  margin-left: calc(-0.4 * var(--padding-box));
  margin-right: var(--padding-box);
}
.modal-body__content {
  color: var(--color-text);
  width: calc(var(--modal-sidebar) - var(--padding));
  border-radius: inherit;
  position: relative;
  padding: var(--padding-box) var(--padding-box-lg);
}
.modal-body__content hr {
  border-style: dashed;
  border-color: var(--color-border);
  border-width: 0 0 1px;
  margin: var(--padding-box) auto;
  width: 50%;
}
.modal-body:not(.modal-body_transparent) .modal-body__container {
  background-color: var(--color-base);
}
.modal-body_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-body_flex .modal-body__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}
.modal-body_shadow {
  -webkit-box-shadow: var(--bs);
          box-shadow: var(--bs);
}
.modal-body_style-bubble .modal-body__container {
  background-color: transparent !important;
}
.modal-body_style-bubble .modal-body__content {
  border-radius: var(--br-xl);
  background-color: var(--color-base);
  min-height: 10em;
  padding: var(--padding-box) var(--padding-box-lg) var(--padding-box-lg);
  margin: var(--padding-box);
}
.modal-body_style-modal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.modal-body_style-modal .modal-body__container {
  padding: calc(var(--padding-box) + var(--padding));
  background-color: transparent !important;
  min-height: 10em;
}
.modal-body_style-modal .modal-body__content {
  width: clamp(20em, 60vw, 70em);
  border-radius: var(--br-xl);
  background-color: var(--color-base);
}
@media (max-width: 768px) {
.modal-body {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.modal-body__close {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: calc(100% - 1.6em) 50%;
            transform-origin: calc(100% - 1.6em) 50%;
    background-color: var(--color-base);
    border-radius: 1.6em;
}
.modal-body__close:before {
    aspect-ratio: 1/1;
    background-color: var(--color-base);
    border-top-right-radius: 1.6em;
    border-bottom-right-radius: 1.6em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid transparent;
}
.modal-body__close:after {
    content: "Закрыть";
    background-color: var(--color-background);
    border-radius: 1.6em;
    line-height: 1em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px;
}
.modal-body__container {
    max-width: 100vw;
    background-color: transparent !important;
    padding: var(--margin-box) !important;
}
.modal-body__content {
    width: 100% !important;
    border-radius: var(--br-xl);
    background-color: var(--color-base);
    padding: var(--padding-box);
    margin: 0 !important;
}
}.modal-grid {
  width: 100%;
  padding-top: var(--padding-box);
}
.modal-body:not(.modal-body_style-modal) .modal-grid {
  padding-top: calc(var(--padding-box) + var(--padding));
}
.modal-grid > form h3,
.modal-grid > form h4 {
  margin-bottom: 0;
}
.modal-grid__heading {
  font-size: var(--font-size-heading);
  font-weight: var(--font-heading-r);
  margin-top: 0;
  margin-bottom: var(--margin-box);
}
.modal-grid__footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: -2em;
}
.modal-grid_fixed {
  display: grid;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
}.indicator-loading {
  border-radius: var(--br);
  border: 1px dashed var(--color-border);
  min-height: 5em;
  height: clamp(2em, -webkit-fill-available, 100%);
  height: clamp(2em, -moz-available, 100%);
  height: clamp(2em, stretch, 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--color-text-mute);
}
.indicator-loading span {
  padding: var(--padding-box);
}
.indicator-loading ul {
  --skeleton-h: 2.7em;
  --skeleton-d: 0.2;
  list-style: none;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto-fill, var(--skeleton-h));
  row-gap: var(--list-gap);
  padding: var(--list-gap);
}
.indicator-loading li {
  background-color: rgba(127, 127, 127, 0.1);
  background-color: var(--color-text-mute);
  border-radius: var(--br);
  height: var(--skeleton-h);
  -webkit-animation: indicatorLoading 3s infinite ease-in-out;
          animation: indicatorLoading 3s infinite ease-in-out;
  -webkit-animation-delay: calc(var(--skeleton-d) * 0.2s);
          animation-delay: calc(var(--skeleton-d) * 0.2s);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  padding: 0 var(--padding);
}
@-webkit-keyframes indicatorLoading {
20%, 100% {
    opacity: 1;
}
0% {
    opacity: 0;
    -webkit-transform: scaleX(0.7);
            transform: scaleX(0.7);
}
10% {
    opacity: 0.7;
}
}
@keyframes indicatorLoading {
20%, 100% {
    opacity: 1;
}
0% {
    opacity: 0;
    -webkit-transform: scaleX(0.7);
            transform: scaleX(0.7);
}
10% {
    opacity: 0.7;
}
}.created {
  color: var(--color-text-mute);
  font-style: italic;
  font-size: var(--font-size-xs);
  position: -webkit-sticky;
  position: sticky;
  top: 200vh;
  padding-top: var(--margin-text);
  padding-bottom: var(--margin-text);
  text-align: right;
}
.created small {
  display: block;
}.page-title {
  display: grid;
  grid-template-areas: "top top actions" "icon h1 right" "icon desc right";
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: calc(var(--padding-box) + var(--padding)) -webkit-min-content;
  grid-template-rows: calc(var(--padding-box) + var(--padding)) min-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 0;
  margin-bottom: var(--padding-box);
}
.page-title__top {
  grid-area: top;
  height: 100%;
}
.page-title__actions {
  grid-area: actions;
  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;
  min-width: 13em;
}
.page-title__heading {
  grid-area: h1;
}
.page-title__description {
  grid-area: desc;
  font-size: 0.85rem;
  margin-top: 0.3em;
  color: var(--color-text-soft);
}
.page-title__right {
  grid-area: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: var(--padding);
  align-self: flex-start;
}
.page-title__icon {
  grid-area: icon;
}
.page-title__icon [class^=icon-] {
  height: 100%;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-background);
  padding: 0.5em 0.8em;
  margin-right: var(--padding-column);
  border-radius: var(--br-input);
}
.page-title__icon [class^=icon-]:before {
  font-size: 1.5em;
}
@media (max-width: 768px) {
.page-title {
    row-gap: 0;
    margin-bottom: 0;
    grid-template-areas: "top actions" "icon icon" "h1 h1" "desc desc" "right right";
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
}
.page-title__heading {
    margin-top: var(--margin-box);
}
.page-title__description {
    margin-top: var(--margin);
    margin-bottom: var(--margin-box);
}
.page-title__actions {
    min-width: 5em;
}
.page-title__right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: var(--margin-section);
}
}.breadcrumbs {
  line-height: 1;
  margin: 0;
  padding-top: var(--padding);
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.breadcrumbs li {
  font-size: var(--font-size-xs);
}
.breadcrumbs li:after {
  content: "/";
  display: inline-block;
  margin: 0 0.6em;
}
.breadcrumbs__link {
  color: var(--color-text-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border);
}
.breadcrumbs__link:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
}.project-composition-list {
  display: grid;
  gap: var(--margin-text);
}
.card-params-title {
  display: none;
}
.card-params-title:has(+ dl.card-params > dt) {
  display: block;
}.project-composition-fields {
  display: grid;
  row-gap: var(--margin-text);
}
.project-composition-fields .ibc-collapse__heading > span {
  font-size: var(--font-size-md);
  color: var(--color-text-soft);
}
.modal-body .project-composition-fields .col {
  min-width: 100%;
}.comments {
  position: relative;
  display: grid;
  gap: var(--padding-box);
  grid-template-rows: 1fr -webkit-min-content;
  grid-template-rows: 1fr min-content;
  -webkit-transition: opacity 0.3s linear 0.5s;
  transition: opacity 0.3s linear 0.5s;
}
.comments.comments_process {
  opacity: 0.5;
  -webkit-transition: opacity 0s linear 0s;
  transition: opacity 0s linear 0s;
}
.modal-grid:has(> .comments_fixed) .modal-grid__heading {
  margin-bottom: calc(var(--margin-box) / 2);
}
.comments__container {
  position: relative;
  z-index: 1;
  max-height: 100vh;
  overflow: auto;
  scroll-behavior: smooth;
}
.comments_empty .comments__container {
  border-radius: var(--br);
  border: 1px dashed var(--color-border);
}
.comments_fixed:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: calc(var(--margin-box) / 2);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-base)), to(transparent));
  background: linear-gradient(var(--color-base), transparent);
  z-index: 2;
}
.comments_empty.comments_fixed:before {
  display: none;
}
.comments__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding-box);
  -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;
}
.comments_fixed .comments__list {
  position: absolute;
  min-height: 100%;
  width: 100%;
  padding-top: calc(var(--margin-box) / 2);
}
.comments__item {
  display: grid;
  grid-template-areas: "author author" "content content" "date actions";
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  width: 80%;
  margin-right: auto;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: 0.3em;
}
.comments__author {
  grid-area: author;
  color: var(--color-text-soft);
}
.comments__author small {
  font-size: 1em;
  color: var(--color-text-mute);
}
.comments__item_own .comments__author {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  color: var(--color-accent);
}
.comments__item_own .comments__author:before {
  content: "\ef76";
  font-family: var(--font-icon);
}
.comments__content {
  grid-area: content;
}
.comments__date {
  grid-area: date;
  color: var(--color-text-soft);
  font-size: var(--font-size-xs);
  white-space: nowrap;
}
.comments__form {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  background-color: var(--color-base-soft);
  border-radius: 1.6em;
}
.comments__form input {
  border: 0;
  padding-left: 1em;
  padding-right: 1em;
}
.comments__form .button {
  border-radius: inherit;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 1em;
  line-height: 1;
  width: 3em;
  border: 3px solid var(--color-base-soft);
}
.comments__form .button:before {
  vertical-align: middle;
  font-size: var(--font-size-xl);
  margin-left: 0.3em;
  margin-top: 0.1em;
}
.comments__actions {
  grid-area: actions;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.comments__actions button {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-soft);
  font-size: var(--font-size-xs);
}
.comments__actions button:hover {
  color: var(--color-accent);
}.run-test-list {
  margin-bottom: var(--margin-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding);
}
.run-test-result {
  margin: var(--margin-section) 0;
}.form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--margin-column);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-actions > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20%;
          flex: 1 0 20%;
}
.form-actions__submit {
  min-width: 100%;
}
.form-actions_create .form-actions__submit {
  min-width: calc(50% - var(--margin-column));
}
.form-actions__cancel {
  min-width: calc(50% - var(--margin-column));
}
.form-actions__archive {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}.related-works__form {
  min-width: 100%;
  display: grid;
  grid-template-columns: 3fr 7em 2.4em;
  gap: 0.3em;
  margin-top: var(--margin-text);
}
.related-works__form-input {
  border-bottom-color: var(--color-border);
}
.related-works__form-input::-webkit-outer-spin-button, .related-works__form-input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.related-works__form-submit {
  border-radius: 5px;
  background: var(--color-base-soft);
  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;
}
.related-works__form-submit:before {
  font-size: 0.9em;
}
.related-works__form-submit:hover, .related-works__form-submit:focus, .related-works__form-submit:active, .related-works__form-submit:target {
  background: var(--color-accent);
}
.related-works__helper-list {
  margin-top: var(--margin);
}
.related-works__helper-list li {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0.9em;
  position: relative;
}
.related-works__helper-list li:before {
  content: "";
  font-family: "Material Symbols Outlined";
  width: calc(var(--padding) * 0.8);
  text-align: right;
  line-height: 1;
  font-size: 0.9em;
  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;
  padding-top: 0.3em;
  color: var(--color-accent);
  width: 1.3em;
  position: absolute;
  right: 100%;
  margin-right: 0.6em;
}
.related-works__helper-list li.active {
  color: var(--color-accent);
}
.related-works__helper-list li.active:before {
  content: "\e5d9";
}
.related-works__helper-list li > span:last-child {
  white-space: nowrap;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}
.related-works__helper-list li.related-works__mess {
  margin-top: var(--margin-text);
  border: 1px dashed var(--color-border);
  border-radius: var(--br);
  padding: var(--padding);
  grid-template-columns: 1fr;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--color-text-heading);
}
.related-works__helper-list li.related-works__mess:before {
  display: none;
}.related-works__total-list {
  border-top: 1px solid var(--color-border);
  margin-top: var(--margin-text);
  padding: var(--padding-text) 0;
  text-align: right;
}
.related-works {
  position: relative;
}
.related-works_process {
  opacity: 0.3;
}
.related-works_process:after {
  content: "...";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  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;
  z-index: 3;
}
.related-works__empty {
  text-align: center;
  padding: var(--padding-box);
  border-radius: var(--br);
  background-color: var(--color-background);
}
.related-works__list {
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 1em;
  display: grid;
  gap: var(--margin-text);
}
.related-works__list li {
  display: grid;
  grid-template-areas: "label label total" "value price total";
  grid-template-columns: -webkit-min-content 7fr 2fr;
  grid-template-columns: min-content 7fr 2fr;
  -webkit-column-gap: var(--padding-text);
     -moz-column-gap: var(--padding-text);
          column-gap: var(--padding-text);
  position: relative;
}
.related-works_editable .related-works__list li {
  grid-template-areas: "label price value total";
  grid-template-columns: 7fr 2fr minmax(3.4em, 1fr) 2fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.related-works__list label:not(.related-works__value) {
  cursor: pointer;
}
.related-works__list label:not(.related-works__value):hover {
  color: var(--color-accent);
}
.related-works__label {
  grid-area: label;
}
.related-works__price {
  grid-area: price;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
  font-style: italic;
}
.related-works_editable .related-works__price {
  font-size: var(--font-size);
  text-align: center;
  font-style: normal;
}
.related-works__value {
  grid-area: value;
  text-align: right;
  font-style: italic;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
  white-space: nowrap;
}
.related-works__value input:focus {
  border-bottom: 1px solid var(--color-text);
}
.related-works_editable .related-works__value {
  font-size: var(--font-size);
  text-align: center;
}
.related-works_editable .related-works__value input {
  text-align: center;
  height: 1.6em;
}
.related-works__total {
  grid-area: total;
  text-align: right;
}
.related-works__quick-edit {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  outline: none;
  padding: 0;
  height: calc(1em + var(--padding-box) * 0.5);
  width: 100%;
}
.related-works__quick-edit::-webkit-outer-spin-button, .related-works__quick-edit::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.related-works__remove {
  width: 1.3em;
  height: 1.3em;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  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;
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 0.6em;
}
.related-works__remove:before {
  font-size: 0.9em;
}
.related-works__remove:hover {
  color: var(--color-accent);
}.list-tree__collapse-btn:before, .list-tree__item:before {
  content: "\ea85";
  font-family: "Material Symbols Outlined";
  text-align: center;
  width: 2em;
  height: 2em;
  border-radius: 0.4em;
  background-color: var(--color-base);
  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;
}
.list-tree__container {
  list-style: none;
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-areas: "icon item" "p childrens";
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  margin-top: var(--list-gap);
}
.list-tree__container:before {
  grid-area: icon;
  content: "";
  font-family: "Material Symbols Outlined";
  text-align: center;
  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;
}
.list-tree__container .list-tree__container:before {
  content: "\e883";
  width: 2.8em;
  margin-right: 1em;
}
.list-tree__item {
  grid-area: item;
  display: block;
  background: var(--color-background);
  border-radius: var(--br);
  padding: 0.4em;
  display: grid;
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  grid-auto-flow: column;
  position: relative;
  -webkit-transition: margin-bottom 500ms ease-out;
  transition: margin-bottom 500ms ease-out;
}
.list-tree__item small {
  color: var(--color-text-soft);
  display: block;
}
.list-tree__collapse-btn {
  display: none;
  padding: 0;
}
.list-tree__collapse-btn:before {
  content: "\e2c8";
}
.list-tree__collapse .list-tree__collapse-btn:before {
  content: "\f1c7";
}
.list-tree__container:has(> .list-tree__childrens) > .list-tree__item:before {
  display: none;
}
.list-tree__container:has(> .list-tree__childrens) > .list-tree__item > .list-tree__collapse-btn {
  display: grid;
}
.list-tree__note {
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
  font-style: italic;
}
.list-tree__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding-column);
}
.list-tree__button {
  width: 2em;
  height: 2em;
  border-radius: var(--br-input);
  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;
  background: var(--color-background);
}
.list-tree__button:hover {
  background: var(--color-base);
}
.list-tree__childrens {
  grid-area: childrens;
  list-style: none;
  padding: 0;
  display: grid;
}
.list-tree__collapse .list-tree__childrens {
  display: none;
}
@media (max-width: 768px) {
.list-tree__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.list-tree__container .list-tree__container:before {
    content: "\f3d2";
    width: 1em;
    margin-right: 0em;
    display: none;
}
.list-tree__item {
    padding-left: 0em;
}
.list-tree__item:before {
    display: none;
}
.list-tree__title {
    padding-left: var(--padding);
    overflow: hidden;
    position: relative;
}
.list-tree__title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--padding-box);
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-background)));
    background: linear-gradient(to right, transparent, var(--color-background));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    color: var(--color-accent);
}
.list-tree__note {
    display: none;
}
.list-tree__id {
    display: none;
}
.list-tree__actions {
    gap: 0;
}
.list-tree__childrens {
    display: block;
    padding-left: 0.8em;
    border-left: 1px solid var(--color-border);
}
}.active_childrens_item {
  border-color: var(--color-accent);
}
.list-childrens-tree {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--padding-box);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: var(--margin-row);
}
@media (min-width: 768px) {
.list-childrens-tree {
    margin-top: var(--padding-box);
}
}
.list-childrens-tree .button_border {
  border-style: dashed;
}.quiz-menu {
  position: -webkit-sticky;
  position: sticky;
  top: var(--padding-box);
  z-index: var(--index-base-up);
}
.quiz-menu__container {
  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;
}
.quiz-menu__navigation {
  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;
  gap: 0.3em;
  padding: var(--margin-column);
  background-color: var(--color-base);
  border-radius: 4em;
}
.quiz-menu__link {
  text-decoration: none;
  padding: var(--padding-text) var(--padding);
  background-color: var(--color-background);
  line-height: 1;
}
.quiz-menu__link:first-child {
  padding-left: 1.6em;
  border-top-left-radius: 4em;
  border-bottom-left-radius: 4em;
}
.quiz-menu__link:last-child {
  padding-right: 1.6em;
  border-top-right-radius: 4em;
  border-bottom-right-radius: 4em;
}
.quiz-menu__link:hover {
  color: var(--color-accent);
}
.quiz-menu__link.active {
  color: var(--color-accent);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}.quick-calculation__list {
  text-transform: none;
  font-weight: 300;
  margin-bottom: 1.6em;
}
#quick-calculation__total-num {
  display: none;
}
.quiz__message {
  text-transform: none;
  font-weight: 600;
}
.guide__list-result {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 1.6em;
     -moz-column-gap: 1.6em;
          column-gap: 1.6em;
}
.guide input {
  color: var(--color-text-heading);
}
.guide label {
  font-size: var(--guide-color-text);
  letter-spacing: normal;
}
.guide h3 > .guide-checkbox {
  float: right;
  text-align: right;
}
.temp-input {
  font-style: italic;
  color: var(--color-text-mute);
  border-bottom: 1px solid var(--guide-color-border);
  display: block;
  text-align: center;
}
.guide-form-group {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  white-space: nowrap;
}
.guide-form-group span:first-child {
  padding-right: 0.5em;
}
.guide {
  --guide-color-text: var(--color-text);
  --guide-color-soft: var(--color-text-soft);
  --guide-color-mute: var(--color-text-mute);
  --guide-color-background: var(--color-base-soft);
  --guide-color-background-o: transparent;
  --guide-color-border: var(--color-border);
  --guide-font: var(--font-text);
  --guide-font-size-h1: 2em;
  --guide-font-size-h2: 1.6em;
  --guide-font-size-h3: 1.2em;
  --guide-font-size-h4: 1.2em;
  --guide-font-size-h5: 1.2em;
  --guide-font-size-h6: 1em;
  --guide-padding-section: 1.6em;
  --guide-padding: 0.8em;
  --guide-padding-box: calc(var(--guide-padding-section) / 1.6);
  --guide-margin: 0.8em;
  --guide-margin-t: 1.6em;
  --guide-margin-box: calc(var(--guide-padding-section) / 1.6);
  --guide-gap: calc(var(--guide-padding-section) / 4);
  --guide-gap-lg: var(--guide-padding-section);
  --guide-br: 1em;
  --guide-min-w: 50em;
}
@media (min-width: 768px) {
.guide {
    --guide-min-w: 90em;
    --guide-font-size-h1: 4vw;
    --guide-font-size-h2: 2.4vw;
    --guide-font-size-h3: 1.4vw;
    --guide-font-size-h4: 1vw;
    --guide-padding-section: 4em;
}
}
.guide {
  min-width: var(--guide-min-w);
  display: grid;
  gap: var(--guide-gap);
  margin-left: calc(-1 * var(--padding-box));
}
@media (min-width: 768px) {
.guide {
    margin-left: 0;
}
}
.guide h1,
.guide h2,
.guide h3,
.guide h4,
.guide h5,
.guide h6 {
  font-family: var(--guide-font);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.guide h1 {
  font-size: var(--guide-font-size-h1);
  font-weight: 100;
}
.guide h2 {
  font-size: var(--guide-font-size-h2);
  font-weight: 200;
  margin-bottom: 1.2em;
}
.guide h3 {
  font-size: var(--guide-font-size-h3);
  font-weight: 300;
  margin-bottom: 1em;
}
.guide h4 {
  font-size: var(--guide-font-size-h4);
  font-weight: 300;
  margin-bottom: 1.6em;
}
.guide h5 {
  font-size: var(--guide-font-size-h5);
  font-weight: 300;
  margin-bottom: 1.6em;
}
.guide h6 {
  font-size: var(--guide-font-size-h6);
  font-weight: 300;
  margin-bottom: 1.6em;
  text-transform: none;
}
.guide ul,
.guide ol {
  display: grid;
  row-gap: var(--guide-gap);
}
.guide ul {
  list-style-type: circle;
  padding-left: 0.6em;
}
.guide ul li::marker {
  color: var(--color-text-soft);
  font-size: 0.5em;
}
.guide section {
  border-radius: var(--guide-br);
  min-height: 20em;
  padding: var(--guide-padding-section);
  background-color: var(--guide-color-background);
}
@media (min-width: 768px) {
.guide section {
    min-height: 30em;
}
}
.guide-header {
  border-radius: var(--guide-br);
  height: clamp(20em, 30vh, 40em);
  padding: var(--guide-padding-section);
  background-color: var(--guide-color-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: var(--guide-gap-lg);
}
@media (min-width: 768px) {
.guide-header {
    height: clamp(40em, 50vh, 60em);
}
}
.guide-header figure {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 40%;
}
.guide-heading,
h2.guide-heading {
  font-size: var(--guide-font-size-h1);
  font-weight: 100;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 10%;
  max-width: 10em;
}
@media (min-width: 768px) {
.guide-heading,
  h2.guide-heading {
    min-width: 40%;
    max-width: 80vw;
}
}
.guide-header__img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 40%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: var(--guide-br);
}
h2.guide-section-heading {
  margin-top: 1.6em;
}
h2.guide-section-heading,
h3.guide-section-heading {
  position: relative;
  margin-bottom: 1.2em;
  padding-bottom: 1.2em;
  max-width: 80vw;
}
h2.guide-section-heading:before,
h3.guide-section-heading:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4em;
  height: 1px;
  background-color: var(--guide-color-text);
}
.guide-section-bg {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(45%, var(--guide-color-background)), color-stop(55%, var(--guide-color-background-o))), var(--guide-section-bg);
  background-image: linear-gradient(to right, var(--guide-color-background) 45%, var(--guide-color-background-o) 55%), var(--guide-section-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.guide-section-bg .guide-box {
  background-color: var(--guide-color-background);
}
.guide-section__img {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-height: 30em;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin: var(--guide-padding-section) calc(-1 * var(--guide-padding-section)) var(--guide-padding-section) var(--guide-padding-section);
  border-top-left-radius: var(--guide-br);
  border-bottom-left-radius: var(--guide-br);
  padding: var(--guide-padding-box) var(--guide-padding-section) var(--guide-padding-box) var(--guide-padding-box);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.guide-logo {
  font-size: var(--font-size-heading);
  display: inline-block;
  vertical-align: baseline;
  width: 1.6em;
  height: 1em;
  background-color: transparent;
  background-image: url("/images/logo_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
  top: 3em;
  right: 3em;
  margin: 0;
}
.guide-max-t {
  max-width: 37em;
}
.guide-color-soft {
  color: var(--guide-color-soft);
}
.guide-color-mute {
  color: var(--guide-color-mute);
}
.guide-img {
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--guide-br);
}
.guide-img_h-3-1 {
  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(--guide-gap);
}
.guide-img_h-3-1 img {
  width: 100%;
  height: auto;
  border-radius: var(--guide-br);
}
.guide-img_h-3-1__3 {
  -webkit-box-flex: 100;
      -ms-flex: 100 0 0%;
          flex: 100 0 0%;
}
.guide-img_h-3-1__1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.guide-row,
.guide-row_2,
.guide-row_4,
.guide-row_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.guide-row_gap {
  gap: var(--guide-gap);
}
.guide-row_gap-lg {
  gap: var(--guide-gap-lg);
}
.guide-row_column-gap {
  -webkit-column-gap: var(--guide-gap);
     -moz-column-gap: var(--guide-gap);
          column-gap: var(--guide-gap);
}
.guide-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 100%;
}
.guide-row_2 > .guide-col {
  min-width: 40%;
}
.guide-row_3 > .guide-col {
  min-width: 30%;
}
.guide-row_4 > .guide-col {
  min-width: 20%;
}
.guide-col_1-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 30%;
          flex: 1 0 30%;
  max-width: 40%;
}
.guide-col_2-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 60%;
}
.guide-col_1-4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  max-width: 25%;
}
.guide-row-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.guide-auto-h {
  justify-self: stretch;
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}
.guide-pl-t {
  padding-left: var(--guide-margin-t) !important;
}
.guide-pr-t {
  padding-right: var(--guide-margin-t) !important;
}
.guide-mt-t {
  margin-top: var(--guide-margin-t) !important;
}
.guide-mr-t {
  margin-right: var(--guide-margin-t) !important;
}
.guide-mb-t {
  margin-bottom: var(--guide-margin-t) !important;
}
.guide-mt-b {
  margin-top: var(--guide-margin-box) !important;
}
.guide-mb-b {
  margin-bottom: var(--guide-margin-box) !important;
}
.guide-advice {
  padding-top: var(--guide-padding);
  color: var(--guide-color-soft);
}
.guide-advice > p {
  max-width: 30em;
}
.guide-advice__ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.guide-advice__ul li {
  min-width: 40%;
}
ul.list-style-dash {
  list-style-type: none;
}
ul.list-style-dash li {
  display: block;
  position: relative;
  padding-left: 3em;
}
ul.list-style-dash li:before {
  content: "—";
  position: absolute;
  top: -0.1em;
  left: 0;
  font-size: var(--font-size-xxl);
  line-height: 1;
}
ul.list-style-dash_cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--guide-gap);
}
ul.list-style-dash_cols-2 li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 40%;
}
ol.list-style-zero {
  counter-reset: item;
  list-style-type: none;
}
ol.list-style-zero li {
  display: block;
  position: relative;
  padding-left: 3em;
}
ol.list-style-zero li:before {
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  position: absolute;
  left: 0;
  font-size: var(--font-size-xxl);
  line-height: 1.2;
}
ul.guide-list-row,
ol.guide-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--guide-gap);
}
ul.guide-list-row li,
ol.guide-list-row li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  max-width: 100%;
}
.guide-box {
  border-radius: var(--guide-br);
  padding: var(--guide-padding-box);
  background-color: var(--color-base);
}
.guide-box_num {
  position: relative;
}
.guide-box_num h3 {
  padding-right: 1.6em;
}
.guide-box_num h3:before {
  content: "—";
  display: inline-block;
  padding-right: 0.5em;
  line-height: 1;
  color: var(--guide-color-mute);
}
.guide-num {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  line-height: 1;
  font-size: var(--guide-font-size-h2);
}
.guide-section_sticky,
.guide-header.guide-section_sticky {
  min-height: 1em;
  height: auto;
}
.guide-section_sticky .guide-heading,
.guide-header.guide-section_sticky .guide-heading {
  font-size: 1em;
}
.guide-total {
  padding-top: 1.6em;
}
@media (max-width: 768px) {
.guide-total {
    padding-top: 0;
}
.guide-total .guide-col {
    min-width: 90%;
}
}
.guide-total__actions {
  padding-top: 1.6em;
}
@media (min-width: 768px) {
.guide-total__actions {
    text-align: right;
    -ms-flex-item-align: center;
        align-self: center;
    padding-top: 0;
}
}
.guide-step_num {
  font-size: var(--guide-font-size-h2);
  border-bottom: 1px solid var(--guide-color-border);
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}
.guide-step_num small {
  display: block;
  font-size: initial;
  color: var(--guide-color-soft);
}
.guide-section-custom-img {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--guide-color-background)), to(transparent)), url(/images/guide/image-61.webp);
  background-image: linear-gradient(to right, var(--guide-color-background) 50%, transparent), url(/images/guide/image-61.webp);
  background-repeat: no-repeat;
  background-position: left center, right -80% bottom 18%;
  background-size: 70% auto, 80% auto;
}.card-quiz__params {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 1.6em;
     -moz-column-gap: 1.6em;
          column-gap: 1.6em;
}
.card-quiz__params em {
  color: var(--color-text-soft);
  font-style: normal;
}.page-quiz-list.is-process {
  opacity: 0.4;
}
.quiz-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quiz-list__item > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 0%;
}.ibc-search {
  position: relative;
}
.ibc-search:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  width: 2em;
  height: 2.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ibc-search input {
  padding-left: 2em;
  padding-bottom: 0;
}
@media (max-width: 768px) {
.ibc-search:before {
    height: 1.7em;
    left: 0.7em;
}
.ibc-search input {
    border-color: var(--color-border);
    border-radius: var(--br);
    padding-left: 2.4em;
}
}
.ibc-filters {
  position: relative;
  display: grid;
  gap: var(--margin-text);
}
.ibc-filters__results {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--padding-column);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ibc-filters__tag {
  font-size: var(--font-size-xs);
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  background-color: var(--color-base-soft);
  padding: 0 var(--padding);
  border-radius: 5em;
  letter-spacing: var(--font-heading-ls);
}
.ibc-filters__tag:before {
  vertical-align: middle;
  font-size: 1em;
}
.ibc-filters__tag:hover {
  color: var(--color-accent);
}
.ibc-filters__toggle:before {
  font-size: 1em;
  width: 2em;
  height: 2.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ibc-filters__list {
  display: grid;
  gap: var(--margin-text);
  padding-bottom: var(--margin-box);
}
.ibc-list-head__end:has(.ibc-filters__list) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.ibc-filters__kit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--padding-column);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ibc-filters__title {
  -webkit-box-flex: 11;
      -ms-flex: 11 100%;
          flex: 11 100%;
  font-family: var(--font-heading);
  letter-spacing: var(--font-heading-ls);
  border-bottom: 1px solid var(--color-border);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.ibc-filters__button {
  color: var(--color-text-soft);
}
.ibc-filters__button.active, .ibc-filters__button:hover {
  color: var(--color-accent);
}
@media (max-width: 768px) {
.ibc-filters__results {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: var(--padding);
}
.ibc-filters__toggle {
    width: 100%;
    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;
    border-radius: var(--br);
    border: 1px dashed var(--color-border);
}
.ibc-filters__toggle:after {
    content: "Выбрать фильтры";
}
}
.discount-tree-list {
p {
			margin-bottom: 0;
}
}
.manufacturers-by-supplier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3em;
}.discount-manufacturer {
  display: grid;
  gap: var(--margin-text);
}
.discount-manufacturer__input {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  gap: var(--margin-text);
}
.discount-tree__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: var(--list-gap);
}
.discount-tree__buttons button {
  background-color: var(--color-background);
}.discount-directories {
  display: grid;
  gap: var(--margin-text);
}
.discount-directories__input {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  gap: var(--margin-text);
}.discount-tree__select-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.discount-tree__select-list button {
  width: 100%;
  padding: 0.4em 0;
  line-height: 1;
}
.discount-tree__select-list button:before {
  vertical-align: middle;
  margin-right: 0.5em;
}
.discount-tree__select-list button:hover {
  color: var(--color-accent);
}.list_work .ibc-list__columns [data-column=note] {
  font-style: italic;
  color: var(--color-text-soft);
}.list_clients .ibc-list__columns [data-column=description] {
  font-style: italic;
  color: var(--color-text-soft);
}.calc-total {
  list-style: none;
  padding: 0;
  text-align: right;
}
.calc-total li {
  display: grid;
  grid-template-columns: 1fr 17em;
}
.calc-total li b {
  font-size: var(--font-size-xl);
  color: var(--color-text-heading);
}
.calc-total li:last-child {
  padding-top: 1.6em;
}
.calc-total__old {
  display: block;
  color: var(--color-text-mute);
}
@media (max-width: 768px) {
.calc-total {
    display: grid;
    gap: var(--margin-row);
    line-height: 1.2;
}
.calc-total li {
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.calc-total li span:first-child {
    text-align: left;
}
}.project-box {
  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(--padding);
}
.project-box.loading {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.project-box__icon {
  font-size: 0.8em;
  display: inline-block;
  min-width: 4.5em;
  text-align: center;
  color: var(--color-text-mute);
}
.project-box__icon:before {
  font-size: 1.8em;
  display: block;
  margin-bottom: 0.1em;
  color: var(--color-text);
}
.project-box__params {
  margin: 0;
  display: grid;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  row-gap: var(--padding-column);
  grid-template-columns: 13em 1fr;
}
.project-box__params dt {
  color: var(--color-text-mute);
}
.project-box__params dt span {
  color: var(--color-text);
}.list-modifiers {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--padding);
}
.list-modifiers__inputs {
  display: grid;
  grid-template-columns: 2fr 4fr 2em;
  gap: var(--padding);
}
.list-modifiers__add,
.list-modifiers__remove {
  width: 100%;
  height: 100%;
  background: var(--color-background);
  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;
  border-radius: 5px;
  text-decoration: none;
  border: 1px dotted var(--color-border);
  min-height: 1em;
}
.list-modifiers__add:hover,
.list-modifiers__remove:hover {
  color: var(--color-accent);
}
.list-modifiers__add {
  margin-top: 0.6em;
}.show-user-picker {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: right;
}.calc-summary {
  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(--padding);
}
.calc-summary__container {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  --summary-columns: minmax(7em, 2fr) repeat(auto-fit, minmax(0em, 3fr));
  display: grid;
  row-gap: var(--margin-text);
  border-radius: var(--br);
  padding: var(--padding-box);
  background-color: var(--color-background);
  position: relative;
  min-width: 30em;
}
.calc-summary__heading,
.calc-summary__list > li {
  display: grid;
  grid-template-columns: var(--summary-columns);
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.calc-summary__heading {
  white-space: nowrap;
  color: var(--color-text-soft);
}
.calc-summary__list {
  display: grid;
  row-gap: var(--padding-column);
  list-style: none;
}
.calc-summary__list span:first-child {
  color: var(--color-text-mute);
  text-align: right;
}
.calc-summary__list > li:last-child {
  padding-top: var(--padding-text);
  color: var(--color-text-heading);
  font-weight: var(--font-text-b);
}
.calc-summary__list > li:last-child span:first-child {
  color: var(--color-text-mute);
  font-weight: var(--font-text-r);
}
.calc-summary__more {
  background-color: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: var(--padding-box);
}
.calc-summary__more ul {
  display: grid;
  row-gap: var(--padding-column);
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.calc-summary__more ul span:first-child {
  color: var(--color-text-soft);
}
.calc-summary__more ul > li {
  display: grid;
  grid-template-columns: 18em repeat(auto-fit, minmax(0em, 3fr));
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.calc-summary__toggle-more {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--color-text-soft);
  font-family: var(--font-icon);
  padding: calc(var(--padding-box) / 4);
  border-radius: 50%;
  background-color: transparent;
  line-height: 1;
  aspect-ratio: 1/1;
}
.calc-summary__toggle-more:before {
  content: "\e88e";
  font-size: 1.6em;
}
.calc-summary_more .calc-summary__toggle-more:before {
  content: "\e5cd";
}
.calc-summary__toggle-more:hover {
  background-color: var(--color-base);
}
@media (max-width: 768px) {
.calc-summary__container {
    min-width: 0;
}
.calc-summary__heading,
  .calc-summary__list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.calc-summary__heading span,
  .calc-summary__list > li span {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
}
.calc-summary__heading span:first-child,
  .calc-summary__list > li span:first-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: left;
}
.calc-summary__more ul > li {
    grid-template-columns: 1fr;
}
}.calc__tabs {
  margin-top: var(--margin-box);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.calc__tabs .ibc-tabnav__button {
  padding: var(--padding) 1.6em;
}
.icon-tab-tab_params:before {
  content: "\e0f0";
}
.icon-tab-tab_systems:before,
.icon-tab-tab_modules:before {
  content: "\f720";
}
.icon-tab-tab_equipments:before {
  content: "\f86b";
}
.icon-tab-tab_works:before {
  content: "\ea3c";
}
.icon-tab-tab_servs:before {
  content: "\f3a1";
}.calc-header {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: var(--calc-width-options-l) 1fr var(--calc-width-options-r);
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.calc-header__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.calc-header__columns span {
  -webkit-box-flex: 0;
      -ms-flex: 0 10 100%;
          flex: 0 10 100%;
  color: var(--color-text-soft);
  padding: 0.5em 0;
  line-height: var(--font-text-lh);
  overflow: hidden;
  line-height: 1.2;
}
.calc-header__options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
}
.calc-header__options button,
.calc-header__options label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-header__options button:hover,
.calc-header__options label:hover {
  color: var(--color-accent);
}
.calc-header__options button:before,
.calc-header__options label:before {
  font-size: 1em;
}
.calc-row {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: var(--calc-width-options-l) 1fr var(--calc-width-options-r);
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  background: var(--color-background);
  border-radius: var(--br-input);
}
.calc-row:hover .calc-item__columns {
  color: var(--color-accent);
}
.calc-item__columns {
  background: var(--color-background);
  border-radius: var(--br-input);
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  white-space: nowrap;
  min-height: 2.6em;
}
.calc-item__columns:has(+ .calc-item__detail > .item-detail-937) {
  color: var(--color-text-mute);
}
.calc-item__columns label,
.calc-item__columns span {
  -webkit-box-flex: 0;
      -ms-flex: 0 10 100%;
          flex: 0 10 100%;
  overflow: hidden;
  position: relative;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  min-height: 3em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 500ms cubic-bezier(0, 0.5, 0.8, 0.6) 100ms;
  transition: color 500ms cubic-bezier(0, 0.5, 0.8, 0.6) 100ms;
}
.calc-item__columns label.calc-item__title-edited,
.calc-item__columns span.calc-item__title-edited {
  padding-top: 0em;
  padding-bottom: 0em;
}
.calc-item__columns span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--padding);
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-background)));
  background: linear-gradient(to right, transparent, var(--color-background));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  color: var(--color-accent);
}
.calc-item {
  display: grid;
}
.calc-item .icon {
  cursor: pointer;
  color: var(--color-text-soft);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-item .icon:before {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-size: var(--font-size-md);
}
.calc-item .icon:hover {
  color: var(--color-accent);
}
.calc-item [data-column=markers] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding-column);
  text-decoration: none !important;
  overflow: initial;
}
.calc-item [class^=icon-type-],
.calc-item [class^=icon-marker-] {
  position: relative;
}
.calc-item [class^=icon-type-]:after,
.calc-item [class^=icon-marker-]:after {
  line-height: 1;
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 0.75em 0.75em;
  background-color: var(--color-background);
  border-radius: var(--br);
  z-index: 5;
  display: none;
}
.calc-item [class^=icon-type-]:hover:after,
.calc-item [class^=icon-marker-]:hover:after {
  display: block;
}
.calc-item_lose > .calc-item__container > .calc-row [data-column=ros] {
  color: #f00 !important;
}
.calc-item_lose > .calc-item__container > .calc-row [data-column=ros]:before {
  color: #f00;
  content: "\e82a";
  font-family: var(--font-icon);
  padding-right: 0.5em;
}
.calc-item_small > .calc-item__container > .calc-row [data-column=ros] {
  color: #ffa500 !important;
}
.calc-item_freeze > .calc-item__container > .calc-row span {
  color: var(--color-text-mute) !important;
}
.calc-item_freeze > .calc-item__container > .calc-row [data-column=title] {
  color: #f00;
}
.calc-item_freeze > .calc-item__container > .calc-row [data-column=title]:before {
  content: "\eb3b";
  font-family: var(--font-icon);
  padding-right: 0.5em;
}
.calc-item_freeze > .calc-item__container > .calc-row [data-column=price] {
  color: #f00;
}
.calc-item_freeze > .calc-item__container > .calc-row [data-column=price]:before {
  content: "\eb3b";
  font-family: var(--font-icon);
  padding-right: 0.5em;
}
.calc-item_freeze-diff > .calc-item__container > .calc-row [data-column=price] {
  color: #f00 !important;
}
.calc-item_overpriced > .calc-item__container > .calc-row [data-column=price] {
  color: #f00;
}
.calc-item__columns .icon-type-group:after,
.item-detail__fn .icon-type-group:after {
  content: "Группа";
}
.calc-item__columns .icon-type-work:after,
.item-detail__fn .icon-type-work:after {
  content: "Работа";
}
.calc-item__columns .icon-type-equipment:after,
.item-detail__fn .icon-type-equipment:after {
  content: "Оборудование";
}
.calc-item__columns .icon-marker-lose:after,
.item-detail__fn .icon-marker-lose:after {
  content: "Убытки";
}
.calc-item__columns .icon-marker-small:after,
.item-detail__fn .icon-marker-small:after {
  content: "Низкая доходность";
}
.calc-item__columns .icon-marker-freeze:after,
.item-detail__fn .icon-marker-freeze:after {
  content: "Цена заморожена";
}
.calc-item__columns .icon-marker-freeze-diff:after,
.item-detail__fn .icon-marker-freeze-diff:after {
  content: "Рыночная стоимость изменилась";
}
.calc-item__columns .icon-marker-overpriced:after,
.item-detail__fn .icon-marker-overpriced:after {
  content: "Выше рынка";
}
.calc-item__columns .icon-marker-modifiers:after,
.item-detail__fn .icon-marker-modifiers:after {
  content: "Есть модификаторы стоимости";
}
.calc-item__columns .icon-marker-adjustment:after,
.item-detail__fn .icon-marker-adjustment:after {
  content: "Есть Корректировка стоимости";
}
.calc-item__columns .icon-marker-freeze-diff,
.calc-item__columns .icon-marker-lose {
  color: #f00 !important;
}
.calc-item__container {
  margin-top: var(--list-gap);
}
.calc-item__title-edited {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.calc-item__title-input {
  background-color: transparent;
  border: 0;
  font-size: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
  font-weight: var(--font-text-b);
}
.calc-item__title-input:active, .calc-item__title-input:focus {
  color: var(--color-accent);
  text-transform: initial;
}
.calc-item:has(> .calc-item__container .item-detail-937) {
  --is-open-detail: "";
}
.calc-item__detail-toggle {
  min-width: 1.7em;
}
.calc-item__detail-toggle:before {
  content: var(--is-open-detail, "\e3c9");
}
.ibc-calc__childrens {
  display: grid;
  --indentMk: 2em;
  --childrens-item-indent: var(--indentMk);
}
.calc-item_collapse .ibc-calc__childrens {
  display: none;
}
.ibc-calc__childrens .ibc-calc__childrens {
  --childrens-item-indent: calc(var(--indentMk) * 2);
}
.ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens {
  --childrens-item-indent: calc(var(--indentMk) * 3);
}
.ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens {
  --childrens-item-indent: calc(var(--indentMk) * 4);
}
.ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens .ibc-calc__childrens {
  --childrens-item-indent: calc(var(--indentMk) * 5);
}
.on-drag > .ibc-calc__childrens {
  display: none;
}
.on-drag > .calc-item__container {
  opacity: 0.3;
}
.calc-item__container:has([type=checkbox]:checked) + .ibc-calc__childrens .calc-item__radio {
  opacity: 0.3;
  pointer-events: none !important;
}
.calc-item__columns span:first-child {
  padding-left: var(--childrens-item-indent);
}
.calc__collapse-toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc__collapse-toggle:before {
  content: "\e5c5";
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-size: var(--font-size-xxl) !important;
}
.calc__collapse-toggle input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.calc__collapse-toggle:has(> input:checked):before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: var(--color-accent);
}
.calc-item__radio,
.calc-item__checkbox {
  position: relative;
}
.calc-item__radio:before,
.calc-item__checkbox:before {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.calc-item__radio input,
.calc-item__checkbox input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.calc-item__radio:has(> input:disabled),
.calc-item__checkbox:has(> input:disabled) {
  color: var(--color-text-mute);
}
.calc-item__radio:has(> input:checked),
.calc-item__checkbox:has(> input:checked) {
  color: var(--color-accent);
}
.calc-item__radio:before {
  content: "\e1b7";
}
.calc-item__radio:has(> input:checked):before {
  content: "\e55c";
}
.calc-item__checkbox:before {
  content: "\e835";
}
.calc-item__checkbox:has(> input:checked):before {
  content: "\f1fe";
}
.calc-item__options_l,
.calc-item__options_r {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
}
.calc-item__options_l button,
.calc-item__options_l label,
.calc-item__options_r button,
.calc-item__options_r label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-item__options_l button:hover,
.calc-item__options_l label:hover,
.calc-item__options_r button:hover,
.calc-item__options_r label:hover {
  color: var(--color-accent);
}
.calc-item__options_l button:before,
.calc-item__options_l label:before,
.calc-item__options_r button:before,
.calc-item__options_r label:before {
  font-size: 1em;
}
.calc-row [class^=icon-] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc__sumgroup {
  z-index: 5;
  padding-top: 0.3em;
}
.calc-item [data-column=note] {
  color: var(--color-text-soft);
  font-style: italic;
}
.calc-row:has(.calc-item__radio input:checked) > .calc-item__columns {
  color: var(--color-accent);
  font-weight: bold;
}
.calc-add-items {
  display: grid;
  gap: var(--margin-text);
}
.form-add-items__log {
  font-size: var(--font-size-sm);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3em;
  color: var(--color-text-soft);
}
.form-add-items__log:before {
  content: "Вы добавили: ";
  color: var(--color-text);
}
.form-add-items__log span {
  font-style: italic;
}
.form-add-items__log span:before {
  content: "* ";
}
.form-add-items {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
  row-gap: var(--margin-row);
}
.form-add-items__type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--color-background);
  border-radius: var(--br);
}
.form-add-items__type label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2em;
  padding: 1em;
}
.form-add-items__type label:has(> input:checked) {
  color: var(--color-accent);
}
.form-add-items__type label:hover {
  color: var(--color-accent);
}
.form-add-items__type input {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  color-adjust: exact;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.form-add-items__values {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: minmax(17em, 5fr) repeat(auto-fit, minmax(0em, 3fr));
  grid-auto-flow: column;
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
  row-gap: var(--margin-row);
}
.form-add-items__values input::-webkit-outer-spin-button, .form-add-items__values input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.quick-add-form__submit {
  background-color: var(--color-background);
  border-radius: var(--br);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3em;
  height: 100%;
}
.form-add-items__results .ibc-list [data-column=id] {
  max-width: 5em;
}
.form-add-items__results .ibc-list [data-column=title] {
  max-width: 25em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.form-add-items__results .ibc-list [data-column=price] {
  text-align: right;
  padding-right: var(--padding);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 20em;
}
.form-add-items__results .ibc-list__headings-columns,
.form-add-items__results .ibc-list__columns {
  padding-right: var(--padding);
}.item-detail__fn {
  margin-bottom: 5em;
  display: grid;
  row-gap: var(--padding-text);
  max-width: 40em;
}
.item-detail__fn li:first-child h3 {
  margin-top: 0;
}
.item-detail__fn h3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  letter-spacing: var(--font-heading-ls);
  margin: 1.6em 0 1em;
}
.item-detail__fn [class^=icon-marker-]:after {
  margin-left: 0.5em;
  font-weight: var(--font-text-b);
}
.calc-list {
  --calc-width-options-l: 3em;
  --calc-width-options-r: 5em;
  display: grid;
  row-gap: var(--margin-box);
}
.calc-list span[data-column] {
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
  min-width: 8rem;
}
.calc-list span[data-column=title] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  min-width: 17rem;
}
.calc-list span[data-column=markers] {
  -ms-flex-preferred-size: 13rem;
      flex-basis: 13rem;
  min-width: 7rem;
  cursor: help;
}
.calc-list span[data-column=manufacturer] {
  min-width: 10rem;
}
.calc-list span[data-column=adjustment] {
  -ms-flex-preferred-size: 26rem;
      flex-basis: 26rem;
}
.calc-list span[data-column=note] {
  min-width: 15rem;
}
.calc-list span[data-column=article] {
  min-width: 10rem;
}
.calc-list span[data-column=value] {
  min-width: 7rem;
}
.calc-list span[data-column=ros] {
  min-width: 4rem;
}
.calc-list__actions {
  width: 100%;
  margin-top: var(--padding-column);
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
}
.calc-list__actions button {
  white-space: nowrap;
  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(--margin-column);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0;
  text-align: center;
}
.calc-list__actions button span {
  background-color: var(--color-background);
  border-radius: 3em;
  padding: 0.75em;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.calc-list__actions span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-list__container {
  display: grid;
  padding-bottom: 2em;
  overflow-x: auto;
  scrollbar-width: auto;
}
.calc-list__container > * {
  scroll-snap-align: start;
}
.calc-list_preset-2 [data-type=work] > .calc-item__container,
.calc-list_preset-2 [data-type=service] > .calc-item__container {
  display: none;
}
.calc-list_preset-3 [data-type=equipment] > .calc-item__container,
.calc-list_preset-3 [data-type=service] > .calc-item__container {
  display: none;
}
@media (max-width: 768px) {
.calc-list:before {
    content: "Для редактирования структуры расчёта используйте десктоп устройство. Для просмотра используйте публичный документ";
    text-align: center;
    padding: var(--padding-box);
    border: 1px dashed var(--color-border);
    border-radius: var(--br);
}
.calc-list__container {
    display: none;
}
.calc-list__actions {
    display: none;
}
}.list-item-detail .ibc-input_bg,
.list-item-detail .ibc-select_bg {
  background: var(--color-base);
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.item-detail__soft {
  font-style: italic;
  color: var(--color-text-soft);
  text-align: right;
}
.item-detail__related li {
  display: grid;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  grid-template-columns: minmax(10em, 4fr) repeat(auto-fit, minmax(10em, 1fr));
  grid-auto-flow: column;
  -webkit-column-gap: var(--padding-column);
     -moz-column-gap: var(--padding-column);
          column-gap: var(--padding-column);
}
.item-detail__related li span:last-child {
  text-align: right;
}
.item-detail__related .ibc-input {
  padding: 0;
  height: 1.7em;
  border-bottom: 1px solid var(--color-border-soft);
  border-radius: 0;
  text-align: center;
}
.item-detail__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: var(--margin-text);
  margin-bottom: var(--margin-box);
}
.item-detail__heading h3 {
  font-size: var(--font-size-lg);
  margin: 0;
}
.list-item-detail {
  padding-top: var(--padding-column);
  padding-right: calc(3em + var(--padding-column));
  padding-bottom: var(--padding-box);
  padding-left: calc(3em + var(--padding-column));
  background: var(--color-background);
  position: relative;
  border-radius: var(--br-input);
  margin: var(--margin-text) 0;
}
.list-item-detail .ibc-input::-webkit-outer-spin-button, .list-item-detail .ibc-input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.calc-module {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
  border-radius: var(--br);
  padding: var(--padding);
  border: 1px dotted var(--color-border);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6em;
}
.calc-module > span:before {
  min-width: 10em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.calc-module_el {
  border-style: solid !important;
  border-color: var(--color-background);
  background-color: var(--color-background);
}
.calc-module__title {
  padding-right: var(--padding);
  padding-bottom: 1rem;
  font-size: var(--font-size-xl);
  line-height: 1.4;
}
.calc-module:not(.calc-module_el) > .calc-module__title {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-n);
  letter-spacing: var(--font-heading-ls);
}
.calc-module:has(> .calc-module__radio > input:checked) > .calc-module__title {
  color: var(--color-accent);
}
.calc-module__value:before {
  color: var(--color-text-mute);
  content: "Количество:";
}
.calc-module__option:before {
  color: var(--color-text-mute);
  content: "Параметр СП:";
}
.calc-module__price:before {
  color: var(--color-text-mute);
  content: "Цена:";
}
.calc-module__cost:before {
  color: var(--color-text-mute);
  content: "Сумма:";
}
.calc-module__childs {
  padding-top: var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--margin-text);
}
.calc-module__childs .calc-module__title {
  font-size: var(--font-size-lg);
}
.calc-module__childs .calc-module {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 clamp(20em, 30%, 100%);
          flex: 1 1 clamp(20em, 30%, 100%);
  border-width: 1px;
  border-style: dashed;
}
.calc-module__childs .calc-module .calc-module__title {
  font-size: var(--font-size-md);
}
.calc-module__childs .calc-module .calc-module {
  border-width: 1px;
}
.calc-module__childs .calc-module .calc-module .calc-module {
  border-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 clamp(20em, 40%, 100%);
          flex: 1 1 clamp(20em, 40%, 100%);
}
.calc-module__childs .calc-module_comp,
.calc-module__childs .calc-module_mod {
  border-style: dashed;
  -webkit-box-flex: 2;
      -ms-flex: 2 1 clamp(20em, 50%, 100%);
          flex: 2 1 clamp(20em, 50%, 100%);
}
.calc-module.on-drag .calc-module__childs {
  display: none;
}
.calc-module__options {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
}
.calc-module__radio {
  padding: calc(var(--padding) / 4);
  color: var(--color-text-mute);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-module__radio:hover {
  color: var(--color-accent);
}
.calc-module__radio:has(input:checked) {
  color: var(--color-accent) !important;
}
.calc-module_el > .calc-module__options > .calc-module__radio {
  display: none;
}
.calc-module__remove {
  padding: calc(var(--padding) / 4);
  color: var(--color-text-mute);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calc-module__remove:hover {
  color: var(--color-accent);
}
.calc-module:has(> .calc-module__childs) > .calc-module__options > .calc-module__remove {
  display: none;
}.calc-list-params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 0em;
  -webkit-column-gap: 0.8em;
     -moz-column-gap: 0.8em;
          column-gap: 0.8em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
}
.calc-list-params button:hover {
  text-decoration: underline;
}
.calc-list-params button:disabled {
  color: var(--color-accent);
  text-decoration: underline;
  opacity: 1;
}.calc-modules {
  display: grid;
  gap: var(--margin-text);
  padding: var(--padding-box) 0;
}
.calc-modules:drop {
  border: 1px solid var(--color-accent);
}.btn-toggle-case {
  display: inline-block;
  vertical-align: middle;
  margin-left: var(--margin-column);
}
.list_calc-tabs .ibc-list__head-columns,
.list_calc-tabs .ibc-list__columns {
  grid-template-columns: 7em repeat(calc(var(--list-columns) - 1), minmax(10em, 1fr));
}
.list_calc-tabs .ibc-list__head-columns > :last-child,
.list_calc-tabs .ibc-list__columns > :last-child {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.list_calc-tabs .ibc-list__head-columns > :last-child:before,
.list_calc-tabs .ibc-list__columns > :last-child:before {
  display: none;
}
.calc-intro {
  margin-top: var(--margin-section);
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--color-base);
}
.calc-cards {
  margin-bottom: var(--margin-section);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: var(--padding-box);
  -webkit-column-gap: calc(var(--margin-section) * 1.6);
     -moz-column-gap: calc(var(--margin-section) * 1.6);
          column-gap: calc(var(--margin-section) * 1.6);
}
.calc-cards > .calc-cards_1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-width: 90%;
}
.calc-cards > .calc-cards_2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-width: 90%;
}
@media (min-width: 768px) {
.calc-cards > .calc-cards_1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    min-width: initial;
}
.calc-cards > .calc-cards_2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    min-width: initial;
}
}
.calc-cards .calc-intro__heading {
  margin: 0;
}
.calc-cards .calc-intro__heading small {
  margin-top: 0;
  margin-bottom: 0.45em;
}.share-users__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
  row-gap: 0.4em;
}
.share-users__list li {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}.share a {
  text-decoration: none;
}
.share a:hover {
  text-decoration: underline;
}
.copy-share-code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4em;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.copy-share-code:hover {
  text-decoration: underline;
}
.copy-share-code.isCopied {
  color: var(--color-text-mute);
  text-decoration: none;
}
.copy-share-code.isCopied:before {
  content: "\e179";
  color: var(--color-accent);
}
.refresh-share-code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.2em;
  aspect-ratio: 1/1;
  margin-left: 1.6em;
  border-radius: 50%;
  vertical-align: text-top;
}
.refresh-share-code:hover {
  color: var(--color-accent);
}.doc-params_action {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin-bottom: var(--margin-text);
  gap: var(--padding-column);
}
.doc-button_group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  background-color: var(--color-background);
}
.doc-button_group button {
  cursor: pointer;
  padding: calc(var(--padding) * 0.6) var(--padding);
  border: 2px solid transparent;
  border-radius: 5em;
}
.doc-button_group button:first-child {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.doc-button_group button:last-child {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.doc-button_group button:hover {
  background-color: var(--color-base);
  border-color: var(--color-background);
}
.doc-button_group button:active {
  background-color: var(--color-base-soft);
}
.modal-document-params .ibc-fieldset {
  margin-top: calc(var(--margin-section) * 1.6);
}
.modal-document-params .ibc-fieldset legend {
  font-family: var(--font-heading);
  font-size: var(--font-size-md);
}
.modal-document-params .comment-preset-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--margin-column);
}
.modal-document-params .comment-preset-list a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: wavy;
          text-decoration-style: wavy;
  -webkit-text-decoration-color: var(--color-border);
          text-decoration-color: var(--color-border);
}
.doc-grid {
  display: grid;
  grid-template-columns: 1fr 25em;
  grid-template-areas: "container params";
  gap: var(--padding);
}
.doc-grid__params {
  grid-area: params;
}
.doc-grid__container {
  grid-area: container;
}
.doc-params {
  padding: var(--padding-box);
  background-color: var(--color-background);
  border-radius: var(--br);
  margin-top: 0;
  margin-bottom: var(--margin-box);
}
.doc-params fieldset {
  margin: 0;
}
.doc-params legend {
  margin-top: 0;
  font-family: var(--font-heading);
  font-size: var(--font-size);
}
.doc-params_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--padding-box) * 2);
}
@media print {
:root {
    --color-base: #fff !important;
    --color-text: #000 !important;
    --color-text-soft: #000 !important;
    --color-text-mute: #000 !important;
    font-size: 3mm;
    background-color: #fff !important;
}
.app_content {
    padding: 0;
}
.sidebar,
  .page-title,
  .created,
  .api-indicator,
  .doc-PRINTHIDEN,
  .doc-grid__params,
  .doc-params {
    display: none;
}
.app_grid {
    grid-template-columns: 0em 1fr 0em;
}
.doc-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "container";
    gap: 0;
}
.doc-row {
    grid-template-columns: 0 1fr;
}
}
@media (max-width: 768px) {
.doc {
    font-size: 1.7vw;
    margin-bottom: 5vh;
}
.doc h1 small,
  .doc h2 small {
    font-size: 0.7em;
}
.doc h3 {
    font-size: 1.2em;
}
.doc-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "container" "params";
}
}
#shareContainer > .doc-offer {
  font-size: inherit;
}.list_partner-projects .ibc-list__headings-columns,
.list_partner-projects .ibc-list__columns {
  grid-template-columns: 8em 2fr 2fr repeat(4, 1fr);
}
.partner-project-docs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--margin-columns);
}
.partner-project-docs a {
  text-decoration: none;
  border-radius: var(--br-input);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--padding-text);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partner-project-docs a:before {
  font-size: 2em;
  width: 2em;
  height: 2em;
  background-color: var(--color-background);
  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;
  border-radius: 0.3em;
}
.partner-project-docs a span {
  display: grid;
}
.partner-project-docs a b {
  display: block;
  font-size: 1.4em;
  line-height: 1;
}
.partner-project-docs a:hover:before,
.partner-project-docs a:hover b {
  color: var(--color-accent);
}.link-box[data-v-1c53123f] {
  text-decoration: none;
  background-color: var(--color-background);
  padding: var(--padding-box);
  border-radius: var(--br);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.link-box[data-v-1c53123f]:hover {
  color: var(--color-accent);
}
.link-box_border[data-v-1c53123f] {
  background-color: transparent;
  border: 1px dashed var(--color-border);
}
.link-box__icon[data-v-1c53123f] {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 1px solid transparent;
  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;
}
.link-box__icon[data-v-1c53123f]:before {
  font-size: 1.6em;
}.toggle-theme-list {
  --ttlist-br: 3em;
  padding: 0.3em;
  background-color: var(--color-base);
  text-align: center;
  border-radius: var(--br);
  border-radius: var(--ttlist-br);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--list-gap);
  -ms-flex-pack: distribute;
      justify-content: space-around;
  min-width: 23em;
}
.toggle-theme-list button {
  background-color: var(--color-background);
  padding: 0.75em 0.5em;
  line-height: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  font-size: var(--font-size-xxs);
  border-radius: var(--br);
}
.toggle-theme-list button:first-child {
  border-top-left-radius: var(--ttlist-br);
  border-bottom-left-radius: var(--ttlist-br);
}
.toggle-theme-list button:last-child {
  border-top-right-radius: var(--ttlist-br);
  border-bottom-right-radius: var(--ttlist-br);
}
.toggle-theme-list button:before {
  display: block;
  margin-bottom: 0.2em;
}
.toggle-theme-list button.active {
  background-color: transparent;
  color: var(--color-accent);
}
.toggle-theme-list button.active:before {
  color: var(--color-accent);
}
.toggle-theme-list button:hover {
  color: var(--color-accent);
}
.toggle-theme-list button.light {
  color: #f00;
}
.toggle-theme-button {
  padding: 1em;
  background-color: var(--color-base);
  text-align: center;
  border-radius: var(--br);
  margin: 0 0 3em;
  width: 100%;
}
.toggle-theme-button:before {
  content: "L";
}
[data-theme=dark] .toggle-theme-button:before {
  content: "D >>> ";
}
@media (max-width: 768px) {
.toggle-theme-list {
    min-width: 10em;
}
}.upload__images-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: var(--margin-text);
}
.upload__image-item {
  min-width: 9em;
  min-height: 9em;
  border-radius: 2em;
  cursor: pointer;
  border: 1px dashed var(--color-border);
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.form__upload {
  display: inline-block;
  position: relative;
  height: 20rem;
  width: 100%;
  cursor: pointer;
  margin-bottom: var(--margin-box);
}
.form__upload:hover .form__upload_label {
  color: var(--color-accent);
}
.form__upload_label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--br);
  border: 1px dashed var(--color-border);
  cursor: pointer;
}
.form__upload_filename {
  display: block;
  font-style: normal;
  cursor: pointer;
}
.form__upload_input {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
.form__input_navbar {
  padding: 1rem;
  background: transparent;
  border-radius: 0;
  margin: 0;
  width: 15em;
  height: 3em;
  min-height: 1px;
  border: 0;
  border-bottom: 1px solid rgba(68, 73, 82, 0.38);
  color: #fff;
}
.form__input_navbar::-webkit-input-placeholder {
  color: #f00;
}
.form__input_navbar::-moz-placeholder {
  color: #f00;
}
.form__input_navbar:-ms-input-placeholder {
  color: #f00;
}
.form__input_navbar::-ms-input-placeholder {
  color: #f00;
}
.form__input_navbar::placeholder {
  color: #f00;
}.import__params {
  padding: var(--padding) 0;
}
.import__params .row_align_end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.import__params-cols {
  padding-right: 3.4em;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: calc(var(--padding) / 2);
}
.import__params-cols .col {
  padding: 0;
}
.import__removeCol {
  padding: 0.6em 0;
  font-size: var(--font-size-sm);
}
.import__target-table {
  line-height: 1;
  font-size: var(--font-size-xxl);
  white-space: nowrap;
}
.import__target-table small {
  font-size: 0.5em;
  display: block;
}
.copy-user-code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  gap: var(--padding-column);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
}
.copy-user-code:hover {
  text-decoration: underline;
}
.copy-user-code.isCopied {
  color: var(--color-text-mute);
  text-decoration: none;
}
.copy-user-code.isCopied:before {
  content: "\e179";
  color: var(--color-accent);
}
.copy-user-code.isCopied:after {
  content: "Готово!";
  font-style: italic;
}.form-user__message {
  padding: var(--padding-box);
  border-radius: var(--br-input);
  border: 1px dashed var(--color-border);
  text-align: center;
}.card-group_in-process {
  opacity: 0.4;
}
.card-group__heading-row {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.card-group__users {
  display: grid;
  gap: var(--margin-row);
  line-height: 1;
}
.card-group__users button {
  vertical-align: middle;
}
.card-group__message {
  padding: var(--padding-box);
  border-radius: var(--br-input);
  border: 1px dashed var(--color-border);
  text-align: center;
}.list_groups .ibc-list__columns [data-column=description] {
  font-style: italic;
  color: var(--color-text-soft);
}.rights-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--margin);
  margin-bottom: var(--margin-text);
}
.rights-select .ibc-form-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
}
.list_rules .ibc-list__columns [data-column=description] {
  font-style: italic;
  color: var(--color-text-soft);
}.page-typography [class^=icon-][data-v-d87a0367],
.page-typography [class*=" icon-"][data-v-d87a0367] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.8em;
  aspect-ratio: 1/1;
  background-color: var(--color-background);
}
.page-typography [class^=icon-][data-v-d87a0367]:before,
.page-typography [class*=" icon-"][data-v-d87a0367]:before {
  font-size: 2em;
}
.DEMO-h2[data-v-d87a0367] {
  display: block;
  color: var(--color-text-soft);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: var(--font-text-el);
  margin-bottom: 1.6em;
  padding-top: 4em;
}
.page-typography .button[data-v-d87a0367] {
  min-width: 13em;
}.group-list small {
  display: block;
  color: var(--color-text-soft);
  line-height: 1.2;
}
.user-box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  row-gap: var(--margin-row);
  -webkit-column-gap: var(--margin-column);
     -moz-column-gap: var(--margin-column);
          column-gap: var(--margin-column);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  background: var(--color-background);
  padding: calc(var(--padding-box) / 2) var(--padding-box) var(--padding-box);
  margin-top: var(--padding);
  border-radius: var(--br);
  min-width: 20em;
}
.user-box > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 100%;
}
.user-box__avatar {
  grid-area: ava;
}
.user-box__avatar > .icon {
  margin-top: calc(-1 * var(--padding-box));
  font-size: var(--font-size-xxl);
  width: 5.5em;
  height: 5.5em;
  margin-left: auto;
  margin-right: auto;
  background: var(--color-background);
  border-radius: 50%;
  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-decoration: none;
  border: 0.5em solid var(--color-base);
}
.user-box__name {
  grid-area: name;
  font-size: var(--font-size-xxl);
}
.user-box__description {
  grid-area: desc;
  font-style: italic;
  color: var(--color-text-soft);
}
.user-box__phone {
  grid-area: phone;
  min-width: 40%;
  text-align: right;
  color: var(--color-text-soft);
}
.user-box__email {
  grid-area: email;
  min-width: 40%;
  text-align: left;
  color: var(--color-text-soft);
}
.user-data {
  display: grid;
  min-width: 25em;
}
.user-data dt {
  color: var(--color-text-soft);
}
.user-data dd {
  padding-bottom: var(--padding-text);
}
.user-nav {
  padding: var(--padding-box);
  border-radius: var(--br);
  background: var(--color-background);
  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(--margin-text);
}.share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--padding-column);
}
.share-list__item {
  border-radius: var(--br);
  padding: var(--padding-box);
  border: 1px dashed var(--color-border);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 20em;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: var(--margin-text);
  text-decoration: none;
}
.share-list__item:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
  border-style: solid;
  -webkit-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
}
.share-list__icon:before {
  font-size: 5em;
}
.share-list__title {
  font-family: var(--font-heading);
  letter-spacing: var(--font-heading-ls);
  font-size: var(--font-size-lg);
  line-height: var(--font-heading-lh);
  color: var(--color-text-heading);
}
.share-list__date {
  color: var(--color-text-soft);
}.MAINPAGE .DEMO-area {
  min-height: 23vh;
}.page-404__description {
  max-width: 45em;
}.confirm-form {
  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(--margin-text);
}
.confirm-form input {
  text-align: center;
}
.confirm-form_process {
  opacity: 0.4;
}
.confirm-form__message {
  color: var(--color-accent);
  padding: var(--padding);
  border: 1px solid var(--color-border);
  border-radius: var(--br);
  text-align: center;
}.page-confirm {
  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;
  -ms-flex-item-align: center;
      align-self: center;
}.page-share {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
}
.page-share h1 {
  margin: 0 auto;
  font-size: 1.6em;
}
.page-share h1 small {
  font-size: 1rem;
  margin-top: var(--margin-text);
}
.page-share-form {
  width: clamp(20em, 30em, 100%);
  padding: var(--padding-box);
  background-color: var(--color-background);
  text-align: center;
  border-radius: var(--br);
}
.page-share-form .icon {
  width: 8em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  top: calc(-1 * var(--padding-box));
  margin: calc(-1 * var(--padding-box)) auto 0;
  aspect-ratio: 1/1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: var(--color-background);
  border: 10px solid var(--color-base);
}
.page-share-form .icon:before {
  font-size: 3em;
}
.page-share-form .ibc-form-group {
  margin: var(--margin-box) 1.6em;
}
.page-share-form .ibc-form-group input {
  text-align: center;
}.page-share-web {
  gap: var(--padding-box);
  margin: var(--padding-box) 0;
  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;
}
.page-share-web__info {
  border-radius: var(--br);
  padding: var(--padding-box);
  border: 1px dashed var(--color-border);
  height: clamp(2em, -webkit-fill-available, 100%);
  height: clamp(2em, -moz-available, 100%);
  height: clamp(2em, stretch, 100%);
  color: var(--color-text-mute);
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-share-web__404 {
  font-size: clamp(1em, 10vw, 30em);
  font-weight: 900;
  display: grid;
  line-height: 1;
}
.page-share-web__404 small {
  font-size: 1rem;
  font-weight: normal;
}
.page-share-web__pdf-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: nowrap;
  gap: 0em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.page-share-web__pdf-link:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4em;
  height: auto;
  aspect-ratio: 3/4;
  top: 0;
  background: url(/images/icon-pdf.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-share-web__pdf-link:hover {
  text-decoration: underline;
}
@media print {
#shareDocumentContainer {
    width: 100%;
}
.page-share-web {
    width: 100%;
    gap: 0;
    margin: 0;
}
.page-share-web__info {
    display: none !important;
}
}.object-pdf {
  min-height: 100vh;
}
.single-container:has(> .object-pdf) {
  max-width: 100%;
}.page-hello[data-v-8581a43f] {
  width: 100%;
  min-height: 100vh;
  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;
}
.login[data-v-8581a43f] {
  position: fixed;
  top: 1em;
  right: 1em;
  padding: 2em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}