.it-onboarding{
  width:min(660px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  padding:34px;
  border:1px solid #dce9df;
  border-radius:24px;
  background:#fff;
  color:#24312a;
  box-shadow:0 28px 90px #15261a40;
}
.it-onboarding::backdrop{background:#12221999;backdrop-filter:blur(5px)}
.it-onboarding-close{
  position:absolute;top:17px;right:18px;
  display:grid;place-items:center;width:34px;height:34px;
  padding:0;border:0;border-radius:8px;background:transparent;color:#66776a;
  font-size:24px;line-height:1;cursor:pointer;
}
.it-onboarding-close:hover{background:#eff5ef;color:#24312a}
body.cabinet-page .it-onboarding .it-onboarding-close:focus-visible{outline:none;box-shadow:none;background:#eff5ef}
.it-onboarding-kicker{margin:0 0 6px;color:#16824c;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.it-onboarding h2{max-width:550px;margin:0 40px 22px 0;font-size:clamp(25px,3vw,32px);line-height:1.12;letter-spacing:-.035em}
.it-onboarding-steps{display:block}
.it-onboarding-steps article{display:grid;grid-template-columns:220px minmax(0,1fr);align-content:center;column-gap:18px;min-height:238px;padding:16px 20px;border:1px solid #e1eae2;border-radius:18px;background:#f8fbf8}
.it-onboarding-steps article:not(.is-active){display:none}
.it-onboarding-steps img{grid-row:1/4;display:block;width:220px;height:200px;margin:auto;object-fit:contain}
.it-onboarding-steps span{color:#16824c;font-size:12px;font-weight:850;letter-spacing:.1em}
.it-onboarding-steps h3{margin:5px 0 8px;font-size:19px;line-height:1.25}
.it-onboarding-steps p{margin:0;color:#5e6b62;font-size:14px;line-height:1.5}
.it-onboarding-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}
.it-onboarding-dots{display:flex;align-items:center;gap:10px}
.it-onboarding-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cad9ce;cursor:pointer;transition:width .2s,background .2s}
.it-onboarding-dots button.is-active{width:27px;border-radius:999px;background:#087e50}
.it-onboarding-dots button:focus-visible{outline:3px solid #8cc8a6;outline-offset:4px}
.it-onboarding .it-onboarding-start{display:inline-flex;justify-content:center;gap:12px;min-width:140px;margin:0;border-radius:12px}
@media(max-width:680px){
  .it-onboarding{padding:23px 18px}
  .it-onboarding h2{margin-bottom:18px;font-size:25px}
  .it-onboarding-steps article{grid-template-columns:1fr;min-height:330px;padding:15px 18px 20px;text-align:center}
  .it-onboarding-steps img{grid-row:auto;width:100%;height:175px;margin:0 auto 7px}
  .it-onboarding-steps h3{margin:2px 0 4px;font-size:18px}
  .it-onboarding-steps p{font-size:13px}
  .it-onboarding-footer{margin-top:18px}
  .it-onboarding .it-onboarding-start{min-width:120px}
}