@media (max-width: 760px) {
html body .nvm-fig-flow__arrow {width: 20px; height: 20px; justify-self: center; align-self: center; margin-inline: auto;}
}
@media (max-width: 767px) {
#nvm-main :is(#nvm-kuperoz-article) .nvm-fig-table__scroll {overflow-x: auto; overflow-y: hidden;}
}
@media (max-width: 767px) {
#nvm-main :is(#nvm-pigment-article) .nvm-fig-table__scroll {overflow-x: auto; overflow-y: hidden;}
}
@media (max-width: 767px) {
#nvm-main :is(#nvm-kuperoz-article) .nvm-fig-table__scroll > table {display: table; width: max-content; min-width: 100%; max-width: none; overflow: visible;}
}
@media (max-width: 767px) {
#nvm-main :is(#nvm-pigment-article) .nvm-fig-table__scroll > table {display: table; width: max-content; min-width: 100%; max-width: none; overflow: visible;}
}
@media (max-width: 767px) {
#nvm-main :is(.nvm-fig-table__scroll)[tabindex="0"] {overflow-x: auto; container-type: scroll-state; container-name: nvm-hscroll;}
}
@media (max-width: 767px) {
#nvm-main :is(.nvm-fig-table__scroll)[tabindex="0"]::before {content: "Таблицу можно прокрутить вбок"; display: block; position: sticky; left: 0; z-index: 1; width: max-content; max-width: 100%; margin: 0 0 var(--nvm-ed-s2); font-family: var(--nvm-font-sans, "Inter", sans-serif); font-size: 12px; font-weight: 400; line-height: 1.55; color: var(--nvm-ed-muted, var(--nvm-color-muted));}
}
@media (max-width: 767px) {
@supports (container-type: scroll-state) {
#nvm-main :is(.nvm-fig-table__scroll)[tabindex="0"]::before {content: none; display: none;}
}
}
@media (max-width: 767px) {
@container nvm-hscroll scroll-state(scrollable: inline) {
#nvm-main :is(.nvm-fig-table__scroll)[tabindex="0"]::before {content: "Таблицу можно прокрутить вбок"; display: block;}
}
}

.nvm-fig{margin:26px 0 var(--nvm-ed-s1);font-family:var(--nvm-font-sans, "Inter", sans-serif);}
.nvm-fig__card{
  background: var(--nvm-color-surface, #FAF9F6);
  border-radius: var(--nvm-ed-r-lg);
  padding: var(--nvm-ed-s6) 22px var(--nvm-ed-s5);
  overflow: hidden;
}
.nvm-fig__title{font: italic 600 20px/1.2 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
.nvm-fig figcaption{
  margin: 10px var(--nvm-ed-s1) 0;
  font-style: normal; font-weight: 400; font-size: 12px; line-height: 1.55;
}
.nvm-fig__lbl{
  font: 400 12.5px/1.5 var(--nvm-font-sans, "Inter", sans-serif);
  color: var(--nvm-color-muted, rgba(9,11,15,.72));
  font-family: var(--nvm-font-sans, "Inter", sans-serif);
}
.nvm-fig__lbl b{color:var(--nvm-color-ink, #101318);font-weight:600}
.nvm-fig-table__scroll{overflow-x:auto}
.nvm-fig-table table{width:100%;min-width:480px;border-collapse:collapse;
  font-style: normal; font-weight: 400; font-size: 13px; line-height: 1.5}
.nvm-fig-table th{
  font-style: normal; font-weight: 600; font-size: 12px; line-height: 1.4;letter-spacing:.06em;text-transform:uppercase;padding:10px var(--nvm-ed-s3);text-align:left}
.nvm-fig-table td{padding:10px var(--nvm-ed-s3);color:var(--nvm-color-muted, rgba(9,11,15,.75));vertical-align:top}
.nvm-fig-table td:first-child{font-weight:600;color:var(--nvm-color-ink, #101318);white-space:nowrap}
.nvm-fig-table tr:nth-child(even) td{background:rgba(9,11,15,.025)}
/* цепочка механизма действия */
.nvm-fig-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:var(--nvm-ed-s2);align-items:stretch}
.nvm-fig-flow__step{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 14px var(--nvm-ed-s2);
  background: var(--nvm-color-surface, #fff);
  opacity: 0;
  transform: translateY(8px);
  border: 1px solid var(--nvm-ed-mint);
  border-radius: var(--nvm-ed-r-sm);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step{animation:nvmFigFlowIn .5s ease-out forwards}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step:nth-child(1){animation-delay:.1s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step:nth-child(3){animation-delay:.5s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step:nth-child(5){animation-delay:.9s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step:nth-child(7){animation-delay:1.3s}}
.nvm-fig-flow__step:nth-child(9){
  border-color: var(--nvm-ed-coral);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-flow__step:nth-child(9){animation-delay:1.7s}}
@keyframes nvmFigFlowIn{to{opacity:1;transform:translateY(0)}}
.nvm-fig-flow__num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-bottom:var(--nvm-ed-s2);border-radius:50%;background:var(--nvm-color-link, #1a7f74);color:var(--nvm-color-surface, #fff);font: 700 12px/1 var(--nvm-font-sans, "Inter", sans-serif)}
.nvm-fig-flow__step:nth-child(9) .nvm-fig-flow__num{background:var(--nvm-color-action, #bc5850)}
.nvm-fig-flow__txt{margin:0;font: 400 12px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-muted, rgba(9,11,15,.75))}
.nvm-fig-flow__arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--nvm-color-muted);
}
@media(max-width:760px){.nvm-fig-flow{grid-template-columns:1fr;gap:0}.nvm-fig-flow__arrow{transform:rotate(90deg);margin:2px 0}}
.nvm-fig-dur__row:last-child{margin-bottom:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-dur__row:nth-child(1) .nvm-fig-dur__fill{animation:nvmFigDur1 1.6s cubic-bezier(.16,1,.3,1) .2s forwards}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-dur__row:nth-child(2) .nvm-fig-dur__fill{animation:nvmFigDur2 1.6s cubic-bezier(.16,1,.3,1) .4s forwards}}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-dur__row:nth-child(3) .nvm-fig-dur__fill{animation:nvmFigDur2 1.6s cubic-bezier(.16,1,.3,1) .6s forwards}}
@keyframes nvmFigDur1{to{width:100%}}
@keyframes nvmFigDur2{to{width:62%}}
@media (prefers-reduced-motion:reduce){.nvm-fig-flow__step{opacity:1;transform:none}.nvm-fig-dur__row:nth-child(1) .nvm-fig-dur__fill{width:100%}.nvm-fig-dur__row:nth-child(2) .nvm-fig-dur__fill,.nvm-fig-dur__row:nth-child(3) .nvm-fig-dur__fill{width:62%}}

.nvm-fig-photo .nvm-fig__card{padding:0;overflow:hidden}
.nvm-fig-photo :where(.nvm-fig-photo__image) {
  display: block;
  width: 100%;
  border-radius: var(--nvm-ed-r-lg);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}