@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:520px;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-tl__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.nvm-fig-tl__step{text-align:center}
.nvm-fig-tl__dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;font: 700 13px/1 var(--nvm-font-sans, "Inter", sans-serif);opacity:0;transform:scale(.6)}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__dot{animation:nvmFigTlPop .45s cubic-bezier(.34,1.56,.64,1) forwards}}
.nvm-fig-tl__step:nth-child(1) .nvm-fig-tl__dot{
  background: #faf1f0;
  color: var(--nvm-color-action, #bc5850);
  border: 2px solid var(--nvm-ed-coral);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__step:nth-child(1) .nvm-fig-tl__dot{animation-delay:.1s}}
.nvm-fig-tl__step:nth-child(2) .nvm-fig-tl__dot{
  background: #fbf5ea;
  color: var(--nvm-color-bronze, #9b6c1f);
  border: 2px solid var(--nvm-ed-line);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__step:nth-child(2) .nvm-fig-tl__dot{animation-delay:.5s}}
.nvm-fig-tl__step:nth-child(3) .nvm-fig-tl__dot{
  background: #fbf5ea;
  color: var(--nvm-color-bronze, #9b6c1f);
  border: 2px solid var(--nvm-ed-line);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__step:nth-child(3) .nvm-fig-tl__dot{animation-delay:.9s}}
.nvm-fig-tl__step:nth-child(4) .nvm-fig-tl__dot{
  background: #eef4f2;
  color: var(--nvm-color-link, #1a7f74);
  border: 2px solid var(--nvm-ed-mint);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__step:nth-child(4) .nvm-fig-tl__dot{animation-delay:1.3s}}
.nvm-fig-tl__step:nth-child(5) .nvm-fig-tl__dot{
  background: #eef4f2;
  color: var(--nvm-color-link, #1a7f74);
  border: 2px solid var(--nvm-ed-mint);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-tl__step:nth-child(5) .nvm-fig-tl__dot{animation-delay:1.7s}}
@keyframes nvmFigTlPop{to{opacity:1;transform:scale(1)}}
.nvm-fig-tl__when{margin:0 0 2px;font: 700 12.5px/1.3 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
.nvm-fig-tl__what{margin:0;font: 400 11.5px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-muted, rgba(9,11,15,.6))}
.nvm-fig-bars__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;gap:var(--nvm-ed-s2) 14px;align-items:center;margin:0 0 var(--nvm-ed-s4)}
.nvm-fig-bars__row:last-child{margin-bottom:0}
.nvm-fig-bars__track{height:18px;border-radius:var(--nvm-ed-r-pill);background:rgba(9,11,15,.06)}
.nvm-fig-bars__fill{display:block;height:100%;border-radius:var(--nvm-ed-r-pill);width:0}
.nvm-fig-bars__fill--hair{background:linear-gradient(90deg,var(--nvm-color-action, #bc5850),#a74942)}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-bars__fill--hair{animation:nvmFigBarsHair 1.6s cubic-bezier(.16,1,.3,1) .2s forwards}}
.nvm-fig-bars__fill--skin{background:linear-gradient(90deg,#c3c9c7,#a9b0ae)}
@media (prefers-reduced-motion: no-preference) {
.nvm-fig-bars__fill--skin{animation:nvmFigBarsSkin 1.6s cubic-bezier(.16,1,.3,1) .4s forwards}}
@keyframes nvmFigBarsHair{to{width:92%}}
@keyframes nvmFigBarsSkin{to{width:14%}}
.nvm-fig-bars__pct{font: 700 13px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
@media(max-width:640px){.nvm-fig-tl__steps{grid-template-columns:repeat(2,1fr);row-gap:18px}.nvm-fig-bars__row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nvm-fig-tl__dot{opacity:1;transform:scale(1)}.nvm-fig-bars__fill--hair{width:92%}.nvm-fig-bars__fill--skin{width:14%}}
.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;
}