html {
  position: relative;
  min-height: 100%;
  background-color: white; }

* {
  outline: none; }
  *:active {
    outline: none; }

label {
  margin-top: 10px; }

h2, h3, h4, h5, h6, p, a, dl {
  font-family: 'Raleway', sans-serif; }

h5 {
  font-weight: 400;
  font-size: 14px;
  color: white; }

h2 {
  font-weight: 300;
  font-size: 44px;
  color: #FFF;
  padding: 0;
  margin: 0; }

h3 {
  font-weight: 400;
  font-size: 24px;
  color: #4F4F4F;
  margin: 0; }

h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 80px;
  text-align: right;
  color: #4F4F4F;
  margin: 0;
  padding: 0; }

h6 {
  font-weight: 400;
  font-size: 18px;
  color: #4F4F4F;
  margin: 0;
  margin-bottom: 20px; }

a {
  color: #18a4f7; }

p {
  font-weight: 400;
  font-size: 14px;
  color: #9B9B9B;
  margin: 0;
  padding: 0; }
  p.dark {
    color: #5B5B5B; }

.clear {
  clear: both; }

.left {
  float: left; }

.onboarding-container {
  min-height: 820px;
  min-width: 1170px;
  height: 100%; }
  .onboarding-container > .row {
    height: 100%; }
  .onboarding-container #content-left {
    height: 100%;
    padding: 0;
    color: #fff;
    text-align: center;
    display: flex;
    text-align: center;
    flex-direction: column; }
    .onboarding-container #content-left .default-onboarding {
      height: 100%;
      width: 100%;
      background: url("../img/onboarding/background.2a00738c1010.jpg") #fff no-repeat; }
    .onboarding-container #content-left .usps-promo-onboarding {
      height: 100%;
      width: 100%;
      background-color: #18c98d;
      min-height: calc(var(--spacing) * 0); }
      .onboarding-container #content-left .usps-promo-onboarding aside {
        position: relative;
        background-color: #18c98d;
        flex-shrink: 0;
        overflow: hidden;
        padding-bottom: 100px;
        height: 100%; }
        .onboarding-container #content-left .usps-promo-onboarding aside .background {
          position: absolute;
          background: radial-gradient(at 15% 0%, rgba(255, 255, 255, 0.2) 0%, transparent 55%);
          inset: calc(var(--spacing) * 0);
          width: 100%;
          height: 100%; }
        .onboarding-container #content-left .usps-promo-onboarding aside .background1 {
          position: absolute;
          background: radial-gradient(at 110% 120%, #0ea271 0%, transparent 55%);
          inset: calc(var(--spacing) * 0);
          width: 100%;
          height: 100%; }
        .onboarding-container #content-left .usps-promo-onboarding aside .vertical-scroller {
          position: absolute;
          width: 340px;
          mask-image: linear-gradient(transparent 0%, black 12%, black 88%, transparent 100%);
          pointer-events: none;
          z-index: 0;
          top: calc(var(--spacing) * 0);
          bottom: calc(var(--spacing) * 0); }
        .onboarding-container #content-left .usps-promo-onboarding aside .content {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-left: calc(var(--spacing) * 16);
          padding-block: calc(var(--spacing) * 10);
          max-width: 512px;
          width: 100%;
          z-index: 10; }
    .onboarding-container #content-left .try-for-free {
      top: 435px;
      right: 15px;
      width: 53%;
      position: absolute; }
    .onboarding-container #content-left h2 {
      font-family: 'proxima_novasemibold', sans-serif;
      font-size: 29px;
      font-style: italic; }
    .onboarding-container #content-left .readycloud-logo, .onboarding-container #content-left .readycloud-logo-tag {
      position: absolute; }
    .onboarding-container #content-left .readycloud-logo {
      top: 25px;
      left: 25px; }
    .onboarding-container #content-left .readycloud-logo-tag {
      top: 95px;
      left: 13px; }
    .onboarding-container #content-left .intro {
      margin-top: 105px;
      list-style-type: none;
      font-size: 24px;
      font-weight: bold;
      padding: 0; }
      .onboarding-container #content-left .intro li {
        margin-bottom: 18px; }
        .onboarding-container #content-left .intro li:after {
          content: '.';
          font: 50px 'proxima_novasemibold';
          display: block;
          position: relative;
          height: 8px;
          width: 8px;
          left: 50%;
          line-height: 8px; }
        .onboarding-container #content-left .intro li .desc {
          font-size: 16px;
          font-weight: 300;
          font-style: italic;
          line-height: 1; }
      .onboarding-container #content-left .intro li.last:after {
        display: none; }
    .onboarding-container #content-left .bottom {
      position: absolute;
      bottom: 33px;
      width: 100%; }
      .onboarding-container #content-left .bottom h2 {
        font-size: 35px; }
  .onboarding-container #content-right {
    min-height: 100%;
    padding: 0;
    min-width: 490px;
    display: flex; }
    .onboarding-container #content-right #content {
      width: 100%; }
    .onboarding-container #content-right .onboarding-form {
      margin-top: 20px; }
    .onboarding-container #content-right .user-form-container .disclaimer {
      font-size: 16px;
      margin-bottom: 40px; }
      .onboarding-container #content-right .user-form-container .disclaimer .monthly-fee-container {
        font-style: italic;
        color: #BCBCBC;
        font-size: 14px; }
    .onboarding-container #content-right .sign-in-message {
      color: #BCBCBC;
      font-size: 12px;
      position: absolute;
      bottom: 85px; }
    .onboarding-container #content-right .tab-pane {
      width: 80%;
      margin: 0 auto;
      margin-top: 50px;
      margin-bottom: 110px; }
      .onboarding-container #content-right .tab-pane#signin form {
        max-width: 450px; }
        .onboarding-container #content-right .tab-pane#signin form .form-group.buttons {
          text-align: center;
          padding-top: 24px; }
      .onboarding-container #content-right .tab-pane#signin #remember-me input[type=checkbox] {
        position: absolute;
        top: -9999px;
        left: -9999px; }
      .onboarding-container #content-right .tab-pane#signin #remember-me .checkbox {
        padding-left: 0;
        min-height: 14px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 14px;
        line-height: 14px;
        vertical-align: middle;
        color: #666a6d;
        margin-top: 14px; }
        .onboarding-container #content-right .tab-pane#signin #remember-me .checkbox .check {
          display: inline-block;
          height: 14px;
          width: 14px;
          margin-right: 6px;
          vertical-align: top;
          border: 1px solid #aaa;
          -webkit-border-radius: 4px;
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding;
          border-radius: 4px;
          background-clip: padding-box;
          background-color: #fff;
          cursor: pointer;
          padding: 0;
          -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
          -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none; }
        .onboarding-container #content-right .tab-pane#signin #remember-me .checkbox.checked .check {
          border: 1px solid #555;
          background-position: -289px -2px;
          background-image: url("../img/glyphicons-halflings.2516339970d7.png"); }
      .onboarding-container #content-right .tab-pane#signin .social-auth-container-delimiter {
        max-width: 450px; }
      .onboarding-container #content-right .tab-pane#signup, .onboarding-container #content-right .tab-pane#signin {
        margin-top: 130px;
        min-width: 435px; }
        .onboarding-container #content-right .tab-pane#signup form, .onboarding-container #content-right .tab-pane#signin form {
          margin-bottom: 10px; }
        .onboarding-container #content-right .tab-pane#signup .header, .onboarding-container #content-right .tab-pane#signin .header {
          margin-bottom: 0; }
      .onboarding-container #content-right .tab-pane#payment-plans .header {
        margin-bottom: 0; }
      .onboarding-container #content-right .tab-pane#payment-plans .payment-disclaimer-container {
        width: 750px;
        text-align: center;
        text-transform: uppercase;
        margin: 0 auto;
        margin-bottom: 10px; }
        .onboarding-container #content-right .tab-pane#payment-plans .payment-disclaimer-container p {
          color: #383A3E;
          font-size: 16px; }
          .onboarding-container #content-right .tab-pane#payment-plans .payment-disclaimer-container p.big {
            font-size: 32px; }
      .onboarding-container #content-right .tab-pane .header {
        margin-bottom: 60px; }
        .onboarding-container #content-right .tab-pane .header .outer-circle-container {
          position: relative;
          text-align: center;
          width: 130px;
          height: 130px; }
          .onboarding-container #content-right .tab-pane .header .outer-circle-container .cloud-icon {
            position: absolute;
            top: 0;
            margin-top: 45px;
            margin-left: 37px; }
        .onboarding-container #content-right .tab-pane .header .icon {
          float: left;
          margin-right: 20px;
          margin-top: 2px; }
        .onboarding-container #content-right .tab-pane .header .description {
          float: left;
          width: calc(100% - 180px);
          margin: 40px 0 0 20px; }
        .onboarding-container #content-right .tab-pane .header .skip {
          text-decoration: none;
          font-size: 18px;
          line-height: 40px;
          cursor: pointer;
          float: right; }
    .onboarding-container #content-right .form-group {
      padding-left: 20px;
      border-left: 1px solid #ECECEC;
      margin: 0;
      display: inline-block;
      width: 100%; }
      .onboarding-container #content-right .form-group.has-focus {
        border-left: 1px solid #18a4f7; }
      .onboarding-container #content-right .form-group.has-error {
        border-left: 1px solid #ff255d; }
        .onboarding-container #content-right .form-group.has-error .onboarding-input:not(.grouped) {
          border-bottom: 1px dashed #ff255d; }
      .onboarding-container #content-right .form-group.has-success {
        border-left: 1px solid #59d531; }
      .onboarding-container #content-right .form-group.additional-products {
        width: 100%;
        height: 67px; }
        .onboarding-container #content-right .form-group.additional-products label {
          display: block;
          padding-left: 15px;
          padding-right: 15px;
          text-indent: -15px;
          float: left;
          font-weight: 300;
          font-size: 12px;
          margin: 15px 50px 0 10px; }
          .onboarding-container #content-right .form-group.additional-products label input {
            width: 13px;
            height: 13px;
            padding: 0;
            margin: 0;
            vertical-align: middle;
            position: relative;
            top: -1px;
            left: -10px;
            *overflow: hidden; }
      .onboarding-container #content-right .form-group.add-new-user p {
        font-size: 12px;
        padding-top: 17px;
        padding-bottom: 17px; }
      .onboarding-container #content-right .form-group a {
        cursor: pointer;
        text-decoration: none; }
      .onboarding-container #content-right .form-group .onboarding-input {
        box-shadow: none;
        width: 100%;
        height: 40px;
        max-width: 450px;
        border: none;
        padding-left: 0;
        background: transparent;
        color: #555;
        display: inline-block;
        margin: 0;
        float: left; }
        .onboarding-container #content-right .form-group .onboarding-input.grouped.has-error {
          border-bottom: 1px dashed #ff255d; }
        .onboarding-container #content-right .form-group .onboarding-input.loading {
          background: url("../img/spinner-big.7c1a7500c8b3.gif") no-repeat 100%;
          background-size: 40px; }
        .onboarding-container #content-right .form-group .onboarding-input.complete {
          background: url("../img/success-icon.58c009d4f07d.png") no-repeat 100%;
          background-size: 40px; }
      .onboarding-container #content-right .form-group .col-xs-6 {
        padding: 0 15px 0 0; }
      .onboarding-container #content-right .form-group .delete-form-group {
        float: left;
        height: 40px;
        width: 40px;
        font-size: 24px;
        color: #9B9B9B;
        cursor: pointer;
        padding: 8px; }
      .onboarding-container #content-right .form-group .error {
        font-weight: 300;
        font-size: 12px;
        color: #ff255d;
        line-height: 12px;
        margin: 5px 0 0 0; }
    .onboarding-container #content-right .social-auth-container {
      margin-top: 30px; }
    .onboarding-container #content-right .payment-plan-name {
      font-weight: 700;
      text-transform: uppercase; }
    .onboarding-container #content-right .app-list {
      margin-bottom: 30px;
      display: inline-block;
      width: 100%; }
      .onboarding-container #content-right .app-list li {
        margin: 10px;
        min-width: 780px; }
      .onboarding-container #content-right .app-list .app-multiple-installs .app-title
      h2 {
        line-height: 29px; }
  .onboarding-container .total-cost-bar {
    position: absolute;
    width: 500px;
    bottom: 80px;
    right: 0; }
    .onboarding-container .total-cost-bar a {
      float: right;
      margin: 0 160px 10px 0;
      font-size: 20px;
      line-height: 40px;
      cursor: pointer;
      text-decoration: none; }
    .onboarding-container .total-cost-bar .popover {
      max-width: 400px;
      padding: 10px; }
      .onboarding-container .total-cost-bar .popover .popover-content {
        padding: 0; }
  .onboarding-container .total-container {
    width: 375px;
    float: left;
    position: relative;
    overflow: hidden; }
    .onboarding-container .total-container dl {
      width: 100%;
      margin: 0;
      display: inline-block; }
      .onboarding-container .total-container dl dt {
        float: left;
        overflow: hidden;
        white-space: nowrap; }
        .onboarding-container .total-container dl dt:after {
          content: " ..................................................................................";
          letter-spacing: 5px;
          position: absolute; }
        .onboarding-container .total-container dl dt .change-plan {
          cursor: hand;
          cursor: pointer; }
      .onboarding-container .total-container dl dd {
        position: relative;
        height: 20px;
        overflow: hidden;
        text-align: right; }
        .onboarding-container .total-container dl dd > span {
          background: white;
          position: absolute;
          right: 0;
          z-index: 1; }
      .onboarding-container .total-container dl .total {
        border-top: 1px solid black;
        margin-top: 5px; }
    .onboarding-container .total-container .info {
      font-size: 12px;
      color: #BCBCBC;
      font-style: italic;
      text-align: right;
      margin-top: 5px; }
      .onboarding-container .total-container .info b {
        color: black; }
  .onboarding-container #status-bar {
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #F7F8FA;
    border-top: 0 solid #ECECEC;
    z-index: 1000; }
    .onboarding-container #status-bar .status-bar-container {
      position: relative;
      margin: 0 auto;
      margin-top: 20px;
      height: 80px;
      width: 390px; }
      .onboarding-container #status-bar .status-bar-container #circle-area {
        margin: 0 auto;
        margin-left: 20px;
        width: 220px;
        height: 60px;
        float: left;
        text-align: center; }
        .onboarding-container #status-bar .status-bar-container #circle-area .circle {
          width: 40px;
          height: 40px;
          border: 1px solid #ECECEC;
          border-radius: 60px;
          background-color: White;
          margin-right: 20px;
          float: left;
          cursor: pointer; }
          .onboarding-container #status-bar .status-bar-container #circle-area .circle:last-child {
            margin-right: 0; }
          .onboarding-container #status-bar .status-bar-container #circle-area .circle.active {
            border: 1px solid #18a4f7;
            background-color: #18a4f7; }
          .onboarding-container #status-bar .status-bar-container #circle-area .circle.completed {
            background-image: none !important;
            border: 1px solid #ECECEC;
            background-color: #59d531;
            color: white;
            font-size: 24px;
            padding: 6px; }
          .onboarding-container #status-bar .status-bar-container #circle-area .circle.disabled {
            cursor: not-allowed; }
        .onboarding-container #status-bar .status-bar-container #circle-area #circle-1 {
          background-size: 20px 18.33px;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url("../img/onboarding/icon-1-blue.c32d312408ea.png"); }
        .onboarding-container #status-bar .status-bar-container #circle-area #circle-2 {
          background-size: 20px 18.37px;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url("../img/onboarding/icon-3.a59c5ede378e.png"); }
        .onboarding-container #status-bar .status-bar-container #circle-area #circle-3 {
          background-size: 20px 16.33px;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url("../img/onboarding/icon-2.1281c59638bf.png"); }
        .onboarding-container #status-bar .status-bar-container #circle-area #circle-4 {
          background-size: 20px 16.73px;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url("../img/onboarding/icon-4.aee9b882b487.png"); }

.tooltip-inner {
  max-width: 230px; }

.onboarding-link {
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
  text-decoration: none; }
  .onboarding-link.small {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #cdced0; }
  .onboarding-link.loading {
    background: url("../img/spinner-big.7c1a7500c8b3.gif") no-repeat;
    background-size: 40px;
    background-position: 50%;
    color: transparent; }
  .onboarding-link.disabled {
    color: #CECECE;
    cursor: not-allowed; }

.form-links-container {
  display: inline-block;
  width: 100%;
  max-width: 450px;
  color: #BCBCBC;
  font-size: 14px; }
  .form-links-container span {
    display: block;
    margin: 15px 0 10px 0; }
  .form-links-container a {
    border-bottom: 1px solid #cdced0;
    cursor: pointer; }

.partial-pane {
  display: none;
  max-width: 450px; }
  .partial-pane.active {
    display: block; }

.form-group-label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #9B9B9B;
  margin-bottom: 0;
  margin-top: 10px;
  max-width: 100%;
  font-weight: 700; }

.modal-logo {
  float: left;
  margin-right: 20px; }

::-webkit-input-placeholder {
  color: #ccc; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc; }

:-ms-input-placeholder {
  color: #ccc; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }

textarea, input {
  outline: none; }

body > [uib-modal-window]:not([modal-render]) {
  display: none; }

@media screen and (max-width: 1170px) {
  .onboarding-container {
    min-width: 750px; }

  #signup, #signin {
    max-width: 500px; } }
@media screen and (max-height: 925px) {
  .onboarding-container {
    min-height: 850px; }
    .onboarding-container #content-right .tab-pane {
      margin-top: 30px;
      margin-bottom: 100px; }
      .onboarding-container #content-right .tab-pane#signup, .onboarding-container #content-right .tab-pane#signin {
        margin-top: 50px;
        padding-bottom: 10px; }
      .onboarding-container #content-right .tab-pane .header {
        margin-bottom: 30px; }
      .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .delimiter {
        margin-top: 20px;
        margin-bottom: 20px; }
      .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .description ul li {
        margin-bottom: 15px; }
      .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .name {
        margin: 10px 0 10px 0; }
      .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .info {
        height: 25px; } }
@media screen and (max-height: 820px) {
  .onboarding-container #content-right .tab-pane {
    margin-top: 20px; }
    .onboarding-container #content-right .tab-pane#signup, .onboarding-container #content-right .tab-pane#signin {
      margin-top: 50px; }
    .onboarding-container #content-right .tab-pane .header {
      margin-bottom: 20px; }
    .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .delimiter {
      margin-top: 10px;
      margin-bottom: 10px; }
    .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .description ul li {
      margin-bottom: 10px; }
    .onboarding-container #content-right .tab-pane .payment-plans-container .payment-plan-container .payment-plan .name {
      margin: 10px 0 0 0; } }
.embed .container-fluid {
  min-height: 0;
  min-width: 0 !important;
  width: 450px !important;
  margin: 0 auto; }
  .embed .container-fluid #content-left {
    display: none; }
  .embed .container-fluid #content-right {
    min-width: 507px !important;
    width: 507px !important;
    display: block !important; }
    .embed .container-fluid #content-right .tab-pane {
      width: 100%;
      margin-bottom: 0 !important; }
    .embed .container-fluid #content-right .header .description {
      width: calc(100% - 160px); }
    .embed .container-fluid #content-right #status-bar {
      position: relative !important; }
    .embed .container-fluid #content-right #signin {
      margin: 0; }
    .embed .container-fluid #content-right .sign-in-message {
      position: relative !important;
      bottom: 0; }
    .embed .container-fluid #content-right #signin, .embed .container-fluid #content-right #signup {
      margin-top: 0;
      padding-bottom: 0;
      min-width: 0 !important;
      width: 100% !important; }
      .embed .container-fluid #content-right #signin #remember-me, .embed .container-fluid #content-right #signup #remember-me {
        display: none; }
      .embed .container-fluid #content-right #signin #signin-form, .embed .container-fluid #content-right #signup #signin-form {
        margin-top: 0; }
      .embed .container-fluid #content-right #signin .form-group.buttons, .embed .container-fluid #content-right #signup .form-group.buttons {
        padding-top: 0 !important; }
      .embed .container-fluid #content-right #signin .form-links-container span, .embed .container-fluid #content-right #signup .form-links-container span {
        margin: 0 0 10px 0; }
    .embed .container-fluid #content-right #signup .outer-circle-container {
      margin-top: 2.1em; }
    .embed .container-fluid #content-right .payment-plan-container {
      width: 75%; }
    .embed .container-fluid #content-right .payment-plans-container .pricing-price {
      height: auto; }
      .embed .container-fluid #content-right .payment-plans-container .pricing-price sub {
        bottom: -6px !important;
        margin-left: -10px !important; }
    .embed .container-fluid #content-right .payment-plans-container .pricing-heading {
      height: 164px; }
      .embed .container-fluid #content-right .payment-plans-container .pricing-heading .pricing-plan {
        font-weight: bold; }
      .embed .container-fluid #content-right .payment-plans-container .pricing-heading .pricing-plan .promo {
        margin-top: 7px;
        text-transform: none; }
    .embed .container-fluid #content-right .payment-plans-container .pricing-features ul li {
      min-height: 8px;
      padding: 9px 5px; }
    .embed .container-fluid #content-right #circle-area .circle {
      margin-top: 20px; }
    .embed .container-fluid #content-right #circle-area #circle-1 {
      margin-left: 35px; }
    .embed .container-fluid #content-right .status-bar-container > a {
      margin-top: 20px; }

@media screen and (max-width: 846px) {
  .onboarding-container {
    min-width: unset;
    min-height: unset; }
    .onboarding-container #content-right {
      min-width: unset; }
      .onboarding-container #content-right #signin, .onboarding-container #content-right #signup, .onboarding-container #content-right #users, .onboarding-container #content-right #integrations, .onboarding-container #content-right .app-list li {
        min-width: unset !important;
        max-width: unset; }
      .onboarding-container #content-right #signin .form-links-container > * {
        float: unset !important; }
      .onboarding-container #content-right #signup .header .outer-circle-container, .onboarding-container #content-right #signup .header .outer-circle-container .outer-circle img, .onboarding-container #content-right #users .header .outer-circle-container, .onboarding-container #content-right #users .header .outer-circle-container .outer-circle img, .onboarding-container #content-right #integrations .header .outer-circle-container, .onboarding-container #content-right #integrations .header .outer-circle-container .outer-circle img {
        width: 90px;
        height: 90px; }
      .onboarding-container #content-right #signup .header .outer-circle-container .cloud-icon, .onboarding-container #content-right #users .header .outer-circle-container .cloud-icon, .onboarding-container #content-right #integrations .header .outer-circle-container .cloud-icon {
        margin-top: 30px;
        margin-left: 23px; }
        .onboarding-container #content-right #signup .header .outer-circle-container .cloud-icon img, .onboarding-container #content-right #users .header .outer-circle-container .cloud-icon img, .onboarding-container #content-right #integrations .header .outer-circle-container .cloud-icon img {
          width: 45px;
          height: 32px; }
      .onboarding-container #content-right #signup.tab-pane .header .description, .onboarding-container #content-right #users.tab-pane .header .description, .onboarding-container #content-right #integrations.tab-pane .header .description {
        width: calc(100% - 110px);
        margin: 0 0 0 13px; }
      .onboarding-container #content-right #signup .header .outer-circle-container, .onboarding-container #content-right #signup .header .description, .onboarding-container #content-right #users .header .outer-circle-container, .onboarding-container #content-right #users .header .description, .onboarding-container #content-right #integrations .header .outer-circle-container, .onboarding-container #content-right #integrations .header .description {
        float: unset !important;
        display: inline-table;
        vertical-align: middle; }
      .onboarding-container #content-right .tab-pane .header .description {
        width: auto; }
      .onboarding-container #content-right .social-auth-container {
        display: block;
        width: auto;
        height: auto; }
        .onboarding-container #content-right .social-auth-container a {
          float: unset;
          position: inherit;
          display: block;
          margin: 20px auto; }
      .onboarding-container #content-right .app-list > li .row {
        height: auto; }
        .onboarding-container #content-right .app-list > li .row .app-title {
          width: calc(100% - 71px - 40px); }
    .onboarding-container #status-bar .status-bar-container {
      width: 100%;
      text-align: center; }
    .onboarding-container #status-bar #circle-area, .onboarding-container #status-bar .onboarding-link {
      display: inline-table;
      vertical-align: middle; }
    .onboarding-container #status-bar #circle-area {
      width: auto !important; }
      .onboarding-container #status-bar #circle-area .circle {
        float: unset !important;
        display: inline-block; }
        .onboarding-container #status-bar #circle-area .circle:last-child {
          margin-right: 20px !important; }
        .onboarding-container #status-bar #circle-area .circle.completed.glyphicon:before {
          position: absolute;
          transform: translateX(-50%); }
      .onboarding-container #status-bar #circle-area #circle-2 {
        display: none; }
    .onboarding-container #status-bar .onboarding-link {
      float: unset !important; }
      .onboarding-container #status-bar .onboarding-link.cancel {
        display: none; }
    .onboarding-container .total-cost-bar {
      display: none !important; }

  .modal-dialog {
    width: auto !important;
    height: auto !important; }
    .modal-dialog h6 {
      width: auto; }
    .modal-dialog .share-section a {
      margin-bottom: 2px; } }
#onboarding-preview {
  margin: 0; }
  #onboarding-preview iframe {
    width: 100%;
    height: calc(100% - 50px);
    border: none; }
  #onboarding-preview .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #1b293e;
    height: 50px; }
    #onboarding-preview .controls a {
      padding: 5px 10px;
      color: #fff;
      background-color: #6a91c5;
      border-radius: 3px;
      margin: 10px;
      text-decoration: none;
      display: inline-block;
      transition: background-color 150ms linear; }
      #onboarding-preview .controls a.disabled {
        opacity: .5;
        cursor: default; }
      #onboarding-preview .controls a:last-of-type {
        background-color: #518640; }
      #onboarding-preview .controls a:last-of-type:hover {
        background-color: #2c5a1d; }
      #onboarding-preview .controls a:hover {
        background-color: #406ba5; }

#preview-overlay {
  background-color: transparent;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 10; }
  #preview-overlay .warn {
    text-align: center;
    background-color: rgba(206, 192, 24, 0.6);
    padding: 3px;
    color: #000; }

.hidden-soft {
  display: none; }

.onboarding-finished-modal .modal-dialog {
  width: 440px;
  height: 430px; }
  .onboarding-finished-modal .modal-dialog .modal-header {
    background-image: none;
    padding-bottom: 0; }
  .onboarding-finished-modal .modal-dialog .modal-body {
    padding: 0; }
    .onboarding-finished-modal .modal-dialog .modal-body .modal-progress-bar .progress-dot {
      width: 6px;
      background-color: #e5e7eb; }
      .onboarding-finished-modal .modal-dialog .modal-body .modal-progress-bar .progress-dot.active {
        width: 28px;
        background-color: #18c98d; }

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 3.2px;
    --container-md: 28rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-border-style: solid;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-rotate: initial;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0; } }
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 3.2px;
    --container-md: 28rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono); } }
@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0; }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0; }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent; }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px; }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit; }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit; }

  b, strong {
    font-weight: bolder; }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em; }

  small {
    font-size: 80%; }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative; }

  sub {
    bottom: -0.25em; }

  sup {
    top: -0.5em; }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse; }

  :-moz-focusring {
    outline: auto; }

  progress {
    vertical-align: baseline; }

  summary {
    display: list-item; }

  ol, ul, menu {
    list-style: none; }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block; }

  img, video {
    max-width: 100%;
    height: auto; }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0; }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0; }

  ::file-selector-button {
    margin-inline-end: 4px; }

  ::placeholder {
    opacity: 1; }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor; }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent); } } }
  textarea {
    resize: vertical; }

  ::-webkit-search-decoration {
    -webkit-appearance: none; }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit; }

  ::-webkit-datetime-edit {
    display: inline-flex; }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0; }

  ::-webkit-datetime-edit {
    padding-block: 0; }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0; }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0; }

  ::-webkit-calendar-picker-indicator {
    line-height: 1; }

  :-moz-ui-invalid {
    box-shadow: none; }

  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button; }

  ::-webkit-inner-spin-button {
    height: auto; }

  ::-webkit-outer-spin-button {
    height: auto; }

  html {
    font-size: var(--font-size);
    font-family: Circular Std, sans-serif; }

  body {
    background: var(--background);
    color: var(--foreground);
    font-family: Circular Std, sans-serif; }

  h1, h2, h3, h4, p, span, div, a, label, li, button, input, textarea, select {
    font-family: inherit; }

  h1, h2, h3, h4 {
    font-weight: var(--font-weight-medium);
    line-height: 1.2; }

  button {
    cursor: pointer; }

  @keyframes scrollUpSeamless {
    0% {
      transform: translateY(0); }
    to {
      transform: translateY(-50%); } }
  .animate-scroll-up {
    will-change: transform;
    animation: 45s linear infinite scrollUpSeamless; }

  @keyframes overlayFadeIn {
    0% {
      opacity: 0;
      transform: scale(0.98); }
    to {
      opacity: 1;
      transform: scale(1); } }
  .animate-overlay-in {
    animation: 0.35s cubic-bezier(0.2, 0.7, 0.3, 1) both overlayFadeIn; }

  @keyframes scrollUpSeamless {
    0% {
      transform: translateY(0); }
    to {
      transform: translateY(-50%); } }
  .animate-scroll-up {
    will-change: transform;
    animation: 45s linear infinite scrollUpSeamless; }

  @keyframes overlayFadeIn {
    0% {
      opacity: 0;
      transform: scale(0.98); }
    to {
      opacity: 1;
      transform: scale(1); } }
  .animate-overlay-in {
    animation: 0.35s cubic-bezier(0.2, 0.7, 0.3, 1) both overlayFadeIn; }

  @keyframes scroll {
    0% {
      transform: translate(0); }
    to {
      transform: translate(-50%); } }
  .animate-scroll-seamless {
    animation: 40s linear infinite scroll; }

  @keyframes barGrow {
    0%,8% {
      transform: scaleY(0); }
    45%,80% {
      transform: scaleY(1); }
    to {
      transform: scaleY(0); } }
  .anim-bar {
    transform-box: fill-box;
    transform-origin: 50% 100%;
    animation: 6.5s cubic-bezier(0.22, 1, 0.36, 1) infinite both barGrow; }

  @keyframes wedgePulse {
    0%,to {
      opacity: .55;
      transform: scale(0.94); }
    50% {
      opacity: 1;
      transform: scale(1.04); } }
  .anim-wedge {
    transform-box: fill-box;
    transform-origin: 0 100%;
    animation: 6.5s ease-in-out infinite both wedgePulse; }

  @keyframes sparkleTwinkle {
    0%,to {
      opacity: .65;
      transform: scale(0.85) rotate(0); }
    50% {
      opacity: 1;
      transform: scale(1.25) rotate(90deg); } }
  .anim-sparkle {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 5.5s ease-in-out infinite both sparkleTwinkle; }

  @keyframes textShimmer {
    0%,to {
      opacity: 0.55; }
    50% {
      opacity: 1; } }
  .anim-shimmer {
    animation: 4.5s ease-in-out infinite both textShimmer; }

  @keyframes riseIn {
    0% {
      opacity: 0;
      transform: translateY(10px); }
    to {
      opacity: 1;
      transform: translateY(0); } }
  .anim-rise {
    animation: 1.1s cubic-bezier(0.22, 1, 0.36, 1) both riseIn; }

  @keyframes lineDraw {
    0% {
      stroke-dashoffset: 100px; }
    55%,85% {
      stroke-dashoffset: 0; }
    to {
      stroke-dashoffset: 100px; } }
  .anim-line {
    stroke-dasharray: 100;
    stroke-dashoffset: 100px;
    animation: 8s cubic-bezier(0.65, 0, 0.35, 1) infinite lineDraw; }

  @keyframes fillFade {
    0%,10% {
      opacity: 0; }
    55%,85% {
      opacity: 0.25; }
    to {
      opacity: 0; } }
  .anim-fill {
    animation: 8s cubic-bezier(0.65, 0, 0.35, 1) infinite fillFade; }

  @keyframes dotPop {
    0%,30% {
      transform: scale(0); }
    45% {
      transform: scale(1.35); }
    60%,85% {
      transform: scale(1); }
    to {
      transform: scale(0); } }
  .anim-dot {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 8s cubic-bezier(0.22, 1, 0.36, 1) infinite both dotPop; }

  @keyframes boltZap {
    0%,60%,to {
      opacity: 1;
      transform: scale(1); }
    70% {
      opacity: .7;
      transform: scale(1.4); }
    80% {
      opacity: 1;
      transform: scale(0.95); } }
  .anim-bolt {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 8s ease-in-out infinite boltZap; }

  @keyframes arrowFall {
    0%,8% {
      opacity: 0;
      transform: translateY(-22px); }
    25% {
      opacity: 1; }
    65% {
      opacity: 1;
      transform: translateY(12px); }
    82%,to {
      opacity: 0;
      transform: translateY(22px); } }
  .anim-arrow-fall {
    animation: 5s ease-in-out infinite both arrowFall; }

  @keyframes progressFill {
    0%,5% {
      transform: scaleX(0); }
    60%,85% {
      transform: scaleX(1); }
    to {
      transform: scaleX(0); } }
  .anim-progress {
    transform-box: fill-box;
    transform-origin: 0%;
    animation: 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both progressFill; }

  @keyframes shacklePop {
    0%,25%,to {
      transform: rotate(0); }
    50%,75% {
      transform: rotate(-32deg); } }
  .anim-shackle {
    animation: 5s cubic-bezier(0.65, 0, 0.35, 1) infinite shacklePop; }

  @keyframes truckBob {
    0%,to {
      transform: translateY(0); }
    50% {
      transform: translateY(-2px); } }
  .anim-truck-bob {
    animation: 1.8s ease-in-out infinite truckBob; }

  @keyframes wheelRoll {
    0% {
      transform: rotate(0); }
    to {
      transform: rotate(360deg); } }
  .anim-wheel {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 1.8s linear infinite wheelRoll; }

  @keyframes puffDrift {
    0% {
      opacity: 0;
      transform: translate(0) scale(0.6); }
    30% {
      opacity: 0.5; }
    to {
      opacity: 0;
      transform: translate(-8px, -10px) scale(1.4); } }
  .anim-puff {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 2.4s ease-out infinite both puffDrift; }

  @keyframes carrierBounce {
    0%,to {
      transform: translateY(0); }
    50% {
      transform: translateY(-9px); } }
  .anim-carrier-bounce {
    animation: 1.6s cubic-bezier(0.5, 0.05, 0.5, 0.95) infinite carrierBounce; }

  @keyframes navJiggle {
    0%,80%,to {
      transform: rotate(0) scale(1); }
    83% {
      transform: rotate(0) scale(1.1); }
    86% {
      transform: rotate(-9deg) scale(1.1); }
    89% {
      transform: rotate(8deg) scale(1.08); }
    92% {
      transform: rotate(-5deg) scale(1.05); }
    95% {
      transform: rotate(2deg) scale(1.02); }
    98% {
      transform: rotate(0) scale(1); } }
  .anim-nav-jiggle {
    transform-box: fill-box;
    transform-origin: 50%;
    animation: 4.5s ease-in-out infinite navJiggle; } }
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events: none; }

  .absolute {
    position: absolute; }

  .fixed {
    position: fixed; }

  .relative {
    position: relative; }

  .inset-0 {
    inset: calc(var(--spacing)*0); }

  .-top-\[7px\] {
    top: -7px; }

  .top-0 {
    top: calc(var(--spacing)*0); }

  .bottom-0 {
    bottom: calc(var(--spacing)*0); }

  .z-0 {
    z-index: 0; }

  .z-10 {
    z-index: 10; }

  .z-50 {
    z-index: 50; }

  .mx-3 {
    margin-inline: calc(var(--spacing)*3); }

  .mx-auto {
    margin-inline: auto; }

  .mt-8 {
    margin-top: calc(var(--spacing)*8); }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing)*1.5); }

  .mb-2 {
    margin-bottom: calc(var(--spacing)*2); }

  .mb-3 {
    margin-bottom: calc(var(--spacing)*3); }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4); }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6); }

  .mb-7 {
    margin-bottom: calc(var(--spacing)*7); }

  .mb-9 {
    margin-bottom: calc(var(--spacing)*9); }

  .block {
    display: block; }

  .flex {
    display: flex; }

  .grid {
    display: grid; }

  .hidden {
    display: none; }

  .inline-flex {
    display: inline-flex; }

  .h-1\.5 {
    height: calc(var(--spacing)*1.5); }

  .h-3 {
    height: calc(var(--spacing)*3); }

  .h-3\.5 {
    height: calc(var(--spacing)*3.5); }

  .h-4 {
    height: calc(var(--spacing)*4); }

  .h-8 {
    height: calc(var(--spacing)*8); }

  .h-9 {
    height: calc(var(--spacing)*9); }

  .h-11 {
    height: calc(var(--spacing)*11); }

  .h-20 {
    height: calc(var(--spacing)*20); }

  .h-40 {
    height: calc(var(--spacing)*40); }

  .h-60 {
    height: calc(var(--spacing)*60); }

  .h-auto {
    height: auto; }

  .h-full {
    height: 100%; }

  .h-px {
    height: 1px; }

  .h-screen {
    height: 100vh; }

  .max-h-7 {
    max-height: calc(var(--spacing)*7); }

  .max-h-\[60\%\] {
    max-height: 60%; }

  .min-h-0 {
    min-height: calc(var(--spacing)*0); }

  .w-3 {
    width: calc(var(--spacing)*3); }

  .w-3\.5 {
    width: calc(var(--spacing)*3.5); }

  .w-4 {
    width: calc(var(--spacing)*4); }

  .w-8 {
    width: calc(var(--spacing)*8); }

  .w-9 {
    width: calc(var(--spacing)*9); }

  .w-20 {
    width: calc(var(--spacing)*20); }

  .w-24 {
    width: calc(var(--spacing)*24); }

  .w-40 {
    width: calc(var(--spacing)*40); }

  .w-60 {
    width: calc(var(--spacing)*60); }

  .w-\[110px\] {
    width: 110px; }

  .w-\[320px\] {
    width: 320px; }

  .w-auto {
    width: auto; }

  .w-full {
    width: 100%; }

  .max-w-\[80\%\] {
    max-width: 80%; }

  .max-w-\[416px\] {
    max-width: 416px; }

  .max-w-\[440px\] {
    max-width: 440px; }

  .max-w-\[512px\] {
    max-width: 512px; }

  .max-w-\[640px\] {
    max-width: 640px; }

  .max-w-full {
    max-width: 100%; }

  .max-w-md {
    max-width: var(--container-md); }

  .flex-1 {
    flex: 1; }

  .flex-shrink-0 {
    flex-shrink: 0; }

  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); }

  .cursor-pointer {
    cursor: pointer; }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)); }

  .flex-col {
    flex-direction: column; }

  .items-center {
    align-items: center; }

  .items-start {
    align-items: flex-start; }

  .justify-between {
    justify-content: space-between; }

  .justify-center {
    justify-content: center; }

  .justify-end {
    justify-content: flex-end; }

  .justify-start {
    justify-content: flex-start; }

  .gap-1\.5 {
    gap: calc(var(--spacing)*1.5); }

  .gap-2 {
    gap: calc(var(--spacing)*2); }

  .gap-3 {
    gap: calc(var(--spacing)*3); }

  .gap-3\.5 {
    gap: calc(var(--spacing)*3.5); }

  .gap-4 {
    gap: calc(var(--spacing)*4); }

  .gap-6 {
    gap: calc(var(--spacing)*6); }

  .overflow-hidden {
    overflow: hidden; }

  .overflow-y-auto {
    overflow-y: auto; }

  .rounded-2xl {
    border-radius: var(--radius-2xl); }

  .rounded-full {
    border-radius: 340282000000000014192072600942972764160px; }

  .rounded-lg {
    border-radius: var(--radius); }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px); }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px); }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px); }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px; }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px; }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px; }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px; }

  .border-gray-200 {
    border-color: var(--color-gray-200); }

  .border-gray-300 {
    border-color: var(--color-gray-300); }

  .border-transparent {
    border-color: #0000; }

  .border-white\/30 {
    border-color: #ffffff4d; }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } }
  .border-white\/40 {
    border-color: #fff6; }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } }
  .bg-\[\#0f1115\]\/55 {
    background-color: #0f11158c; }

  .bg-\[\#f5f6f7\] {
    background-color: #f5f6f7; }

  .bg-gray-200 {
    background-color: var(--color-gray-200); }

  .bg-transparent {
    background-color: #0000; }

  .bg-white {
    background-color: var(--color-white); }

  .bg-white\/15 {
    background-color: #ffffff26; }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } }
  .bg-white\/20 {
    background-color: #fff3; }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } }
  .bg-cover {
    background-size: cover; }

  .bg-center {
    background-position: 50%; }

  .object-contain {
    object-fit: contain; }

  .object-cover {
    object-fit: cover; }

  .object-top {
    object-position: top; }

  .p-3 {
    padding: calc(var(--spacing)*3); }

  .p-5 {
    padding: calc(var(--spacing)*5); }

  .px-3 {
    padding-inline: calc(var(--spacing)*3); }

  .px-4 {
    padding-inline: calc(var(--spacing)*4); }

  .px-6 {
    padding-inline: calc(var(--spacing)*6); }

  .px-8 {
    padding-inline: calc(var(--spacing)*8); }

  .py-1 {
    padding-block: calc(var(--spacing)*1); }

  .py-2 {
    padding-block: calc(var(--spacing)*2); }

  .py-3\.5 {
    padding-block: calc(var(--spacing)*3.5); }

  .py-4 {
    padding-block: calc(var(--spacing)*4); }

  .py-5 {
    padding-block: calc(var(--spacing)*5); }

  .py-8 {
    padding-block: calc(var(--spacing)*8); }

  .pt-2 {
    padding-top: calc(var(--spacing)*2); }

  .pt-10 {
    padding-top: calc(var(--spacing)*10); }

  .pt-12 {
    padding-top: calc(var(--spacing)*12); }

  .pr-6 {
    padding-right: calc(var(--spacing)*6); }

  .pb-1 {
    padding-bottom: calc(var(--spacing)*1); }

  .pb-4 {
    padding-bottom: calc(var(--spacing)*4); }

  .pb-6 {
    padding-bottom: calc(var(--spacing)*6); }

  .pb-10 {
    padding-bottom: calc(var(--spacing)*10); }

  .pl-8 {
    padding-left: calc(var(--spacing)*8); }

  .pl-10 {
    padding-left: calc(var(--spacing)*10); }

  .text-center {
    text-align: center; }

  .text-right {
    text-align: right; }

  .text-left {
    text-align: left; }

  .align-middle {
    vertical-align: middle; }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height)); }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height)); }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height)); }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height)); }

  .text-\[9px\] {
    font-size: 9px; }

  .text-\[10px\] {
    font-size: 10px; }

  .text-\[13px\] {
    font-size: 13px; }

  .text-\[19px\] {
    font-size: 19px; }

  .text-\[26px\] {
    font-size: 26px; }

  .text-\[28px\] {
    font-size: 28px; }

  .text-\[38px\] {
    font-size: 38px; }

  .text-\[40px\] {
    font-size: 40px; }

  .text-\[51px\] {
    font-size: 51px; }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15; }

  .leading-none {
    --tw-leading: 1;
    line-height: 1; }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed); }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight); }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black); }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold); }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium); }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold); }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em; }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em; }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em; }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em; }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight); }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider); }

  .text-\[\#231f20\] {
    color: #231f20; }

  .text-black {
    color: var(--color-black); }

  .text-gray-300 {
    color: var(--color-gray-300); }

  .text-gray-400 {
    color: var(--color-gray-400); }

  .text-gray-500 {
    color: var(--color-gray-500); }

  .text-gray-600 {
    color: var(--color-gray-600); }

  .text-white {
    color: var(--color-white); }

  .text-white\/70 {
    color: #ffffffb3; }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent); } }
  .text-white\/90 {
    color: #ffffffe6; }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent); } }
  .text-white\/95 {
    color: #fffffff2; }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent); } }
  .uppercase {
    text-transform: uppercase; }

  .line-through {
    text-decoration-line: line-through; }

  .underline {
    text-decoration-line: underline; }

  .placeholder-gray-400::placeholder {
    color: var(--color-gray-400); }

  .opacity-0 {
    opacity: 0; }

  .opacity-100 {
    opacity: 1; }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-inset-shadow) var(--tw-inset-ring-shadow) var(--tw-ring-offset-shadow) var(--tw-ring-shadow) var(--tw-shadow); }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }

  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration)); }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration)); }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration)); }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration)); }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration)); }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: 0.2s; }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: 0.3s; }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: 0.5s; }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none; }

  .select-none {
    -webkit-user-select: none;
    user-select: none; }

  @media (hover: hover) {
    .hover\:translate-y-\[-1px\]:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y); }

    .hover\:underline:hover {
      text-decoration-line: underline; }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } }
  .focus\: border-gray-300:focus {
    border-color: var(--color-gray-300); }

  @media not all and (min-width: 1279px) {
    .max-\[1279px\]\:inline {
      display: inline; } }
  @media (min-width: 1250px) {
    .min-\[1250px\]\:right-\[-110px\] {
      right: -110px; }

    .min-\[1250px\]\:right-\[-10px\] {
      right: -10px; }

    .min-\[1250px\]\:block {
      display: block; } }
  @media (min-width: 1400px) {
    .min-\[1400px\]\:right-\[-120px\] {
      right: -120px; } }
  @media (min-width: 1500px) {
    .min-\[1500px\]\:right-0 {
      right: 0; } }
  @media (min-width: 40rem) {
    .sm\:h-24 {
      height: calc(var(--spacing) * 24); }

    .sm\:w-24 {
      width: calc(var(--spacing) * 24); }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32); }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10); }

    .sm\: px-14 {
      padding-inline: calc(var(--spacing) * 14); }

    .sm\:text-\[32px\] {
      font-size: 32px; } }
  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex; }

    .lg\:w-1\/2 {
      width: 50%; } }
  @media (min-width: 80rem) {
    .xl\:py-10 {
      padding-block: calc(var(--spacing) * 10); }

    .xl\:pl-16 {
      padding-left: calc(var(--spacing) * 16); }

    .xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height)); }

    .xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height)); }

    .xl\:text-\[51px\] {
      font-size: 51px; } } }
@media not all and (min-width: 1279px) {
  .max-\[1279px\]\:inline {
    display: inline; } }
@media (min-width: 1250px) {
  .min-\[1250px\]\:right-\[-220px\] {
    right: -220px; }

  .min-\[1250px\]\:block {
    display: block; } }
@media (min-width: 1400px) {
  .min-\[1400px\]\:right-\[-120px\] {
    right: -120px; } }
@media (min-width: 40rem) {
  .sm\:h-24 {
    height: calc(var(--spacing) * 24); }

  .sm\:w-24 {
    width: calc(var(--spacing) * 24); }

  .sm\:w-32 {
    width: calc(var(--spacing) * 32); }

  .sm\:px-10 {
    padding-inline: calc(var(--spacing) * 10); }

  .sm\: px-14 {
    padding-inline: calc(var(--spacing) * 14); }

  .sm\:text-\[32px\] {
    font-size: 32px; } }
@media (min-width: 64rem) {
  .lg\:flex {
    display: flex; }

  .lg\:w-1\/2 {
    width: 50%; } }
@media (min-width: 80rem) {
  .xl\:py-10 {
    padding-block: calc(var(--spacing) * 10); }

  .xl\:pl-16 {
    padding-left: calc(var(--spacing) * 16); }

  .xl\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height)); }

  .xl\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height)); }

  .xl\:text-\[51px\] {
    font-size: 51px; } }
:root {
  --font-size: 12.8px;
  --background: #fff;
  --foreground: #231f20;
  --rc-green: #18c98d;
  --rc-green-deep: #0ea271;
  --rc-red: #dc2d39;
  --rc-blue: #383afe;
  --rc-yellow: #fdb82b;
  --rc-dark: #231f20;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --radius: .625rem;
  --duration-micro: .2s;
  --duration-small: .3s;
  --duration-medium: .4s;
  --duration-large: .5s;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1); }

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; } }
@property --tw-rotate-x {
  syntax: "*";
  inherits: false; }
@property --tw-rotate-y {
  syntax: "*";
  inherits: false; }
@property --tw-rotate-z {
  syntax: "*";
  inherits: false; }
@property --tw-skew-x {
  syntax: "*";
  inherits: false; }
@property --tw-skew-y {
  syntax: "*";
  inherits: false; }
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0; }
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid; }
@property --tw-leading {
  syntax: "*";
  inherits: false; }
@property --tw-font-weight {
  syntax: "*";
  inherits: false; }
@property --tw-tracking {
  syntax: "*";
  inherits: false; }
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000; }
@property --tw-shadow-color {
  syntax: "*";
  inherits: false; }
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%; }
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false; }
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%; }
@property --tw-ring-color {
  syntax: "*";
  inherits: false; }
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000; }
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false; }
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000; }
@property --tw-ring-inset {
  syntax: "*";
  inherits: false; }
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0; }
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff; }
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000; }
@property --tw-blur {
  syntax: "*";
  inherits: false; }
@property --tw-brightness {
  syntax: "*";
  inherits: false; }
@property --tw-contrast {
  syntax: "*";
  inherits: false; }
@property --tw-grayscale {
  syntax: "*";
  inherits: false; }
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false; }
@property --tw-invert {
  syntax: "*";
  inherits: false; }
@property --tw-opacity {
  syntax: "*";
  inherits: false; }
@property --tw-saturate {
  syntax: "*";
  inherits: false; }
@property --tw-sepia {
  syntax: "*";
  inherits: false; }
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false; }
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false; }
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%; }
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false; }
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false; }
@property --tw-duration {
  syntax: "*";
  inherits: false; }
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0; }
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0; }
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0; }

/*# sourceMappingURL=onboarding.css.map */