.steps-manager {
  --font-family-main: "SF Pro Text", sans-serif;
  --stone-grey: #95959d;
  --button-color: #121620;
  --svg-blue: var(--strong-blue);
  --pale-lavender: #dee5f9;
  --pale-lavender-20: #dee5f9;
  --orange: #ff9649;
  --coral: #ff5c5d;
  --rich-blue: #2b7cf6;
  --bright-white: #fbfbfb;
  --bright-red: #ff5758;
  --light-gray: #d9d9d9;
  --vivid-yellow: #ffc700;
  --pale-gray: #c2cad8;
  --pale-green: #75db9c;
  --pale-cerulean: #82b7ef;
  --greyish: #afafaf;
  --vivid-green: #00ff38;
  --dark-charcoal: #191f2d;
  --blueish-gray: #6b76aa;
  --violet: #9949ff;
  --light-lavender: #c5c5d1;
  --pale-pink: #fcd3df;
  --cream-yellow: #fffbcd;
  --pale-aqua: #c9fae6;
  --pale-seafoam: #d3f1e1;
  --pale-lilac: #dec6fe;
  --pale-peach: #fdddc8;
  --deep-charcoal: #1e1e1e;
  --black: #000;
  --bright-sea-green: #04a777;
  --deep-cornflower-blue: #4663b7;
  --charcoal-grey: #505051;
  --pale-light-cerulean: #acd1ff;
  --main-gradient: #fff;
  --strong-blue: #066fde;
  --strong-blue-text: #066fde;
  --strong-blue-80: rgba(6, 111, 222, 0.8);
  --midnight-black: #121620;
  --footer-small-text: #121620;
  --button-active: #fff;
  --button-background: var(--pale-blue);
  --button-active-bg: var(--strong-blue);
  --slate-blue: #6b7baa;
  --slate-blue-placeholder: #6b7baa;
  --pale-blue: #eff2fd;
  --pale-blue-input: #eff2fd;
  --midnight-black-input: #121620;
  --greyish-blue: #8e8e93;
  --soft-blue: #4a567a;
  --soft-blue-gray: #4a567a;
  --soft-blue-periwinkle: #4a567a;
  --gentle-blue: #9babd9;
  --gentle-blue-svg: #9babd9;
  --light-silver: #c7c7c7;
  --light-silver-to-white: #c7c7c7;
  --light-silver-to-lilac-blue: #c7c7c7;
  --light-cornflower-blue: #c2ceee;
  --white: #fff;
  --dark-blue: #202b47;
  --progress-line: #00a3ff;
  --footer-shield: #b5c4ff;
  --blue-color-text: #0066fd;
  --black-color-text: #0066fd;
  --transparent-to-gold: transparent;
  --transparent-to-white: transparent;
  --transparent-to-periwinkle: transparent;
  --white-to-transparent: #fff;
  --loader-background: rgba(16, 32, 77, 0.35);

  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  max-width: 560px;
  position: relative;
  width: 100%;
}

.steps-manager__main {
  display: flex;
  height: 100vh;
  position: relative;
  width: 100%;
}

.steps-manager__motion-div_no-transform {
  transform: none !important;
}

* {
  scrollbar-color: #cde8f9 #fff;
  scrollbar-color: #cde8f9 var(--white);
  scrollbar-width: auto;
}

::-webkit-scrollbar {
  width: 13px;
}

::-webkit-scrollbar-track {
  margin: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #cde8f9;
  border: 3px solid #fff;
  border: 3px solid var(--white);
  border-radius: 10px;
  height: 20px;
}
