:root {
  --white: #ffffff;
  --black: #000000;
  --gray-50: #f4f5f9;
  --gray-100: #e0e1e9;
  --gray-200: #c4c7cf;
  --gray-300: #a9abb6;
  --gray-400: #8a8e9b;
  --gray-500: #6c6e79;
  --gray-600: #484a54;
  --gray-700: #2b2e38;
  --gray-800: #191b23;
  --blue-50: #e9f7ff;
  --blue-100: #c4e5fe;
  --blue-200: #8ecdff;
  --blue-300: #2bb3ff;
  --blue-400: #008ff8;
  --blue-500: #006dca;
  --blue-600: #044792;
  --blue-700: #002b5f;
  --blue-800: #001b3d;
  --green-50: #dbfee8;
  --green-100: #9ef2c9;
  --green-200: #59ddaa;
  --green-300: #00c192;
  --green-400: #009f81;
  --green-500: #007c65;
  --green-600: #055345;
  --green-700: #00342d;
  --green-800: #00201e;
  --salad-50: #ecfbcd;
  --salad-100: #c7ee96;
  --salad-200: #9bd85d;
  --salad-300: #66c030;
  --salad-400: #35a21e;
  --salad-500: #0a7e22;
  --salad-600: #005613;
  --salad-700: #003509;
  --salad-800: #002203;
  --orange-50: #fff3d9;
  --orange-100: #ffdca2;
  --orange-200: #ffb26e;
  --orange-300: #ff8c43;
  --orange-400: #ff642d;
  --orange-500: #c33909;
  --orange-600: #8b1500;
  --orange-700: #551200;
  --orange-800: #351000;
  --yellow-50: #fdf7c8;
  --yellow-100: #fce081;
  --yellow-200: #fdc23c;
  --yellow-300: #ef9800;
  --yellow-400: #d87900;
  --yellow-500: #a75800;
  --yellow-600: #743a00;
  --yellow-700: #462500;
  --yellow-800: #2c1600;
  --red-50: #fff0f7;
  --red-100: #ffd7df;
  --red-200: #ffaeb5;
  --red-300: #ff8786;
  --red-400: #ff4953;
  --red-500: #d1002f;
  --red-600: #8e0016;
  --red-700: #58000a;
  --red-800: #410101;
  --pink-50: #fff0ff;
  --pink-100: #ffd3ff;
  --pink-200: #ffa9fa;
  --pink-300: #f67cf2;
  --pink-400: #e14adf;
  --pink-500: #b229b9;
  --pink-600: #7d0480;
  --pink-700: #4d0050;
  --pink-800: #340439;
  --violet-50: #f9f2ff;
  --violet-100: #edd9ff;
  --violet-200: #dcb8ff;
  --violet-300: #c695ff;
  --violet-400: #ab6cfe;
  --violet-500: #8649e1;
  --violet-600: #5925ab;
  --violet-700: #421983;
  --violet-800: #220358;
  --brand-color: #ff642d;
  --pinterest: #bd081c;
  --instagram: #e4405f;
  --youtube: #ff0000;
  --facebook: #1877F2;
  --linkedIn: #0A66C2;
  --twitter: #1D9BF0;
  --google-my-business: #1a73e8;
  --google-blue: #1a0dab;
  --google-green: #016723;

  --keyboard-focus: var(--intergalactic-boxShadow-keyboard-focus);
  --keyborad-focus: var(--intergalactic-boxShadow-keyboard-focus);
  --keyboard-focus-valid: var(--intergalactic-boxShadow-keyboard-focus-valid);
  --keyboard-focus-invalid: var(--intergalactic-boxShadow-keyboard-focus-invalid);

  --rounded-s: 4px;
  --rounded-m: 6px;
  --rounded-l: 12px;

  --form-control-m: 28px;
  --form-control-l: 40px;

  --box-shadow-card: 0px 1px 2px 0px rgba(25, 27, 35, 0.12), 0px 0px 1px 0px rgba(25, 27, 35, 0.16);
  --box-shadow-hover: 3px 3px 30px 0px rgba(25, 27, 35, 0.15);
  --box-shadow-popper: 0px 1px 12px 0px rgba(25, 27, 35, 0.15);
  --box-shadow-modal: 0px 3px 8px 0px rgba(25, 27, 35, 0.2);
  --box-shadow-dnd: 0 0 1px rgba(25, 27, 35, 0.16), 0 12px 40px rgba(25, 27, 35, 0.16);

  --fs-100: 12px;
  --lh-100: 1.33;
  --fs-200: 14px;
  --lh-200: 1.42;
  --fs-300: 16px;
  --lh-300: 1.5;
  --fs-400: 20px;
  --lh-400: 1.2;
  --fs-500: 24px;
  --lh-500: 1.17;
  --fs-600: 32px;
  --lh-600: 1.25;
  --fs-700: 36px;
  --lh-700: 1.1;
  --fs-800: 48px;
  --lh-800: 1.17;

  --disabled-opacity: 0.3;

  --xs-screen: 320px;
  --sm-screen: 768px;
  --md-screen: 1200px;

  /* DEPRECATED START
     Deprecated variables should never be used in
     components styles but preserved for backward
     compatibility if they used in projects
     like `<Badge bg="red">alpha</Badge>`
  */
  --denim-blue: #006dca;
  --light-blue: #008ff8;
  --neon-blue: #8ecdff;
  --cyan: #2bb3ff;
  --green: #009f81;
  --dark-green: #007c65;
  --yellow: #fdc23c;
  --light-orange: #ff8c43;
  --orange: #ff642d;
  --dark-orange: #c33909;
  --red: #ff4953;
  --dark-red: #d1002f;
  --violet: #ab6cfe;
  --dark-violet: #8649e1;
  --pink: #e14adf;
  --asphalt: #6c6e79;
  --wall: #8a8e9b;
  --mist: #a9abb6;
  --mist-light: #c4c7cf;
  --stone: #a9abb6;
  --stone-light: #c4c7cf;
  --gray20: #191b23;
  --gray30: #191b23;
  --gray40: #484a54;
  --gray60: #6c6e79;
  --gray70: #a9abb6;
  --gray80: #c4c7cf;
  --gray94: #e0e1e9;
  --gray96: #f4f5f9;
  --mystic: #f4f5f9;
  --mercury: #e0e1e9;

  --blue50: #e9f7ff;
  --blue100: #c4e5fe;
  --blue400: #008ff8;
  --blue600: #044792;
  --green50: #dbfee8;
  --green100: #9ef2c9;
  --green200: #59ddaa;
  --green300: #00c192;
  --green600: #055345;
  --red50: #fff0f7;
  --red100: #ffd7df;
  --red200: #ffaeb5;
  --red300: #ff8786;
  --red600: #8e0016;
  --orange50: #fff3d9;
  --orange100: #ffdca2;
  --orange200: #ffb26e;
  --yellow100: #fce081;

  --iceberg-blue: #6fafd4;
  --salad: #8bc835;
  --granitic: #2f3439;
  --gray10: #222222;
  --sky: #e1f2ff;
  --lily: #e6f9fd;
  --marble: #f1f6f8;
  --googleplus: #e14b3f;
  --linkedin: #1a7ab2;

  --font-size_-1: 11px;
  --font-size_-2: 10px;
  --font-size_0: 12px;
  --font-size_1: 13px;
  --font-size_11: 33px;
  --font-size_12: 36px;
  --font-size_15: 48px;
  --font-size_2: 14px;
  --font-size_3: 16px;
  --font-size_5: 19px;
  --font-size_6: 21px;
  --font-size_8: 25px;
  /* DEPRECATED END */
}

@custom-media --xs-media (width < 320px);
@custom-media --sm-media (width >= 320px) and (width < 768px);
@custom-media --md-media (width >= 768px) and (width < 1200px);

#app h1,
#app h2,
#app h3 {
  font-family: "Factor A", sans-serif;
  font-weight: bold;
}

#app h1:focus,
#app h2:focus,
#app h3:focus {
  outline: none;
}

#app {
  background: white;
}

#app form {
  margin: 0;
}

#loader-cancellation {
  width: 100%;
  height: 790px;

  /* Outer margins */
  margin: 64px auto 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loader-cancellation svg {
  width: 72px;
  height: 72px;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.75s;
  animation-name: spin-rotate-cancellation;
}

@media all and (min-width: 600px) {
  #loader-cancellation {
    margin: 64px auto 140px;
  }
}

@media all and (min-width: 1080px) {
  #loader-cancellation {
    margin: 64px auto 160px;
  }
}

@keyframes spin-rotate-cancellation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.Outer-module__outer--Pk4a0 {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  padding: 32px 20px 100px;
  min-height: 800px;
}

@media all and (min-width: 600px) {
  .Outer-module__outer--Pk4a0 {
    max-width: 480px;
    padding: 64px 0 140px;
  }
}

@media all and (min-width: 1080px) {
  .Outer-module__outer--Pk4a0 {
    max-width: 1000px;
    padding: 64px 0 160px;
  }
}

.index-module__flex--_S1hs div:first-child {
  margin-right: 24px;
}

@media all and (max-width: 1079px) {
  .index-module__flex--_S1hs {
    flex-direction: column-reverse;
  }

  .index-module__flex--_S1hs img {
    width: 329px;
    height: 298px;
    margin-bottom: 32px;
  }

  .index-module__flex--_S1hs div:first-child {
    margin: 0;
  }
}

@media all and (max-width: 599px) {
  .index-module__flex--_S1hs img {
    width: 264px;
    height: 240px;
    margin-bottom: 28px;
  }
}

.Stepper-module__steps--vlzTt {
  display: inline-flex;
  margin-bottom: 40px;
}

.Stepper-module__step--Acd6S {
  counter-increment: steps;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.Stepper-module__step--Acd6S::after {
  content: counter(steps);
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  color: #fff;
  background-color: #c4c7cf;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}

.Stepper-module__stepFilled--GvasP::after {
  content: counter(steps);
  background-color: #5925ab;
}

.Stepper-module__step--Acd6S::before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #c4c7cf;
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 100%;
}

.Stepper-module__stepFilled--GvasP ~ .Stepper-module__stepFilled--GvasP::before {
  background-color: #5925ab;
}

.Stepper-module__step--Acd6S:first-child::before {
  content: none;
}

.styles-module__collapsed--EoT4A {
  max-height: 0;
  opacity: 0%;
  transition: max-height 200ms ease-in-out, opacity 200ms linear;
  will-change: max-height, opacity;
  overflow: hidden;
}

.styles-module__expanded--oiGaV {
  opacity: 100%;
}

/* Hiding class, making content visible only to screen readers but not visually */

/* @See https://css-tricks.com/inclusively-hidden/ */

.ScreenReaderOnly-module__root--EpX95:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


/*# sourceMappingURL=semrush.bundle.c830f1cd3babe3b5b865.css.map*/