/* line 1, app/assets/stylesheets/auth.scss */
.auth-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid lightgray;
  box-shadow: 0px 0px 2px gray;
  padding: 30px;
  box-sizing: border-box;
  width: 500px;
}

/* line 13, app/assets/stylesheets/auth.scss */
.auth-box .h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

/* line 19, app/assets/stylesheets/auth.scss */
.auth-box .h1 .logo {
  height: 60px;
  width: 70px;
  margin: -10px -10px;
}

/* line 29, app/assets/stylesheets/auth.scss */
.auth-box .h3 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 50px;
}

/* line 35, app/assets/stylesheets/auth.scss */
.auth-box .h5 {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 40, app/assets/stylesheets/auth.scss */
.auth-box .tiny-msg {
  font-size: 12px;
  color: gray;
  margin: 15px 0 0 0;
  padding: 0;
}

/* line 47, app/assets/stylesheets/auth.scss */
.auth-box .divider {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: gray;
  font-size: 14px;
  margin-top: 15px;
}

/* line 56, app/assets/stylesheets/auth.scss */
.auth-box .divider .line {
  height: 1px;
  width: 45%;
  background-color: gray;
}

/* line 63, app/assets/stylesheets/auth.scss */
.auth-box .link-btn {
  width: 100%;
  margin-top: 20px;
}

/* line 68, app/assets/stylesheets/auth.scss */
.auth-box #new_user {
  width: 100%;
}

/* line 71, app/assets/stylesheets/auth.scss */
.auth-box #new_user .field {
  width: 100%;
  margin-bottom: 15px;
}

/* line 76, app/assets/stylesheets/auth.scss */
.auth-box #new_user input {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid lightgray;
}

/* line 85, app/assets/stylesheets/auth.scss */
.auth-box .error-field-msg {
  color: red;
  font-size: 12px;
}

/* line 90, app/assets/stylesheets/auth.scss */
.auth-box .error-msg {
  color: red;
  font-size: 12px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 98, app/assets/stylesheets/auth.scss */
.auth-box .error-field input {
  background: rgba(255, 0, 0, 0.1);
  border-color: red;
}

/* line 107, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #FFFFFF;
}

/* line 114, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header {
  display: flex;
  box-sizing: border-box;
  width: 85%;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
}

/* line 122, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header .logo-ctn {
  display: flex;
  align-items: center;
}

/* line 126, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header .logo-ctn div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  height: 45px;
  width: 45px;
  border: 3px solid transparent;
  background-image: linear-gradient(#17170B, #17170B), linear-gradient(to right, #cd66ff 0%, #2887ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

/* line 139, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header .logo-ctn div:first-child .logo {
  background-repeat: no-repeat;
  object-fit: contain;
  height: 40px;
  width: 40px;
  background-size: 100%;
}

/* line 148, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header .logo-ctn .logo-3 {
  background-repeat: no-repeat;
  object-fit: contain;
  height: 50px;
  width: 200px;
  background-size: 100%;
  margin-left: 10px;
}

/* line 158, app/assets/stylesheets/auth.scss */
.auth-main .orbit-header-ctn .orbit-header .text {
  color: #858586;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* line 168, app/assets/stylesheets/auth.scss */
.auth-main .ver-body {
  min-height: calc(65vh);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #faf9ff;
}

/* line 176, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 {
  box-sizing: border-box;
  padding: 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 10px;
  letter-spacing: 1px;
}

/* line 186, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t1 {
  font-size: 45px;
}

/* line 188, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t1 span:last-child {
  background: linear-gradient(to right, #cd66ff 0%, #2887ff 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 196, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #858586;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 40px;
}

/* line 207, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t3 span:first-child {
  text-decoration: underline;
  color: #a96ef7;
  cursor: pointer;
}

/* line 213, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t3 span:first-child:hover {
  opacity: 0.8;
}

/* line 219, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .t4 span:first-child {
  font-weight: 600;
}

/* line 225, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .error-msg h2 {
  display: none;
}

/* line 229, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .error-msg ul {
  font-size: 14px;
  color: red;
}

/* line 235, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .welcome-msg {
  margin: 10px;
}

/* line 239, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .field {
  display: flex;
  margin: 10px;
}

/* line 243, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .field input {
  margin-left: 5px;
}

/* line 248, app/assets/stylesheets/auth.scss */
.auth-main .ver-body .ctn-1 .actions {
  display: flex;
  justify-content: center;
}
/* line 3, app/assets/stylesheets/bootstrap.scss */
.btn, .btn:hover, .btn:visited, .btn:active {
  text-decoration: none;
  font-family: 'ClashDisplay', sans-serif;
  text-align: center;
  justify-content: center;
  border-radius: 7px;
}

/* line 10, app/assets/stylesheets/bootstrap.scss */
.btn.btn-primary {
  color: white;
  background: #8873FF;
  border: none;
}

/* line 15, app/assets/stylesheets/bootstrap.scss */
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background: #9e8dff;
}
@font-face {
  font-family: 'ClashDisplay';
  src: url(/assets/ClashDisplay-Medium-8a2271dfab33d4b20c65b57155c8be1448a6e7f4b8bbe5166576f57f1099c347.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoMono';
  src: url(/assets/RobotoMono-Regular-a6c901d4eeb690f05eb23f5f11900acb8b818307fc8241be98f5d20504cd04d7.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* line 15, app/assets/stylesheets/fonts.scss */
.ClashDisplay {
  font-family: 'ClashDisplay', sans-serif;
  font-weight: normal;
}

/* line 20, app/assets/stylesheets/fonts.scss */
.RobotoMono {
  font-family: 'RobotoMono', sans-serif;
  font-weight: normal;
}
/* line 1, app/assets/stylesheets/footer.scss */
footer {
  padding: 80px 20px;
  max-width: 1310px;
  margin: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 160px;
}

/* line 11, app/assets/stylesheets/footer.scss */
.footer-logo {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  flex-grow: 2;
}

/* line 18, app/assets/stylesheets/footer.scss */
.footer-logo-text {
  width: 200px;
  height: 33px;
}

/* line 22, app/assets/stylesheets/footer.scss */
.footer-logo .orbit-icon-path {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
  position: relative;
  margin-right: 8px;
  background-image: linear-gradient(#17170b, #17170b), linear-gradient(to right, #cd66ff 0%, #2887ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: 2px solid transparent;
}

/* line 35, app/assets/stylesheets/footer.scss */
.footer-logo .orbit-img {
  background-image: url(/assets/orbit-90ce6b5de1289c444a4b5830b33e0d67c03f82634e315ab75223fb3c1c62acda.gif);
  background-repeat: no-repeat;
  object-fit: contain;
  z-index: 3;
  position: absolute;
  background-size: 100%;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -49%);
  width: 25px;
  height: 25px;
}

/* line 48, app/assets/stylesheets/footer.scss */
.footer-links {
  font-size: 16px;
}

/* line 51, app/assets/stylesheets/footer.scss */
.footer-links strong {
  font-family: ClashDisplay, sans-serif;
}

/* line 54, app/assets/stylesheets/footer.scss */
.footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: RobotoMono, sans-serif;
}

/* line 60, app/assets/stylesheets/footer.scss */
.footer-links li {
  margin: 4px 0;
}

/* line 63, app/assets/stylesheets/footer.scss */
.footer-links a {
  color: #343333;
}

@media all and (max-width: 960px) {
  /* line 67, app/assets/stylesheets/footer.scss */
  footer {
    gap: 40px;
  }
}

@media all and (max-width: 640px) {
  /* line 72, app/assets/stylesheets/footer.scss */
  footer {
    display: block;
  }
  /* line 75, app/assets/stylesheets/footer.scss */
  .footer-links {
    margin: 20px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
/* line 2, app/assets/stylesheets/home.scss */
header .orbit-hd {
  justify-content: space-between;
  max-width: 1310px;
  margin: 0 auto;
  height: 70px;
}

/* line 8, app/assets/stylesheets/home.scss */
header .orbit-hd .orbit-download-btn {
  width: 160px;
  height: 36px;
  font-size: 15px;
}

/* line 16, app/assets/stylesheets/home.scss */
.orbit-header {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(9px);
  border-bottom: none;
}

/* line 22, app/assets/stylesheets/home.scss */
.padding-l-r-20 {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 27, app/assets/stylesheets/home.scss */
.orbit-hd-left {
  display: flex;
  align-items: center;
}

/* line 31, app/assets/stylesheets/home.scss */
.orbit-hd-left .orbit-icon-path {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
  position: relative;
  margin-right: 8px;
  background-image: linear-gradient(#17170b, #17170b), linear-gradient(to right, #cd66ff 0%, #2887ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: 2px solid transparent;
}

/* line 44, app/assets/stylesheets/home.scss */
.orbit-hd-left .orbit-icon-path .orbit-img {
  width: 23px;
  height: 23px;
}

/* line 50, app/assets/stylesheets/home.scss */
.orbit-hd-left img.orbit-logo {
  width: 160px;
}

/* line 55, app/assets/stylesheets/home.scss */
.header-beta {
  height: 32px;
  margin: 0 0 0 16px;
}

/* line 60, app/assets/stylesheets/home.scss */
.gry-bg {
  background-color: #F9F9F9;
}

/* line 64, app/assets/stylesheets/home.scss */
.orbit-download-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  box-shadow: 0 4px 8px 4px #CDCDCD40;
  width: 174px;
  border-radius: 11px 11px 11px 0;
  padding: 12px;
  background-color: #FFFFFF;
}

/* line 74, app/assets/stylesheets/home.scss */
.orbit-download-tooltip .orbit-download-btn {
  width: 125px;
  height: 28px;
  margin: 10px 0 0;
}

/* line 81, app/assets/stylesheets/home.scss */
.shutdown-notice {
  padding: 10px 0px;
  margin: 0px 0px 25px 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFF6B6;
  border: 1px solid black;
  border-radius: 8px;
}

/* line 92, app/assets/stylesheets/home.scss */
.shutdown-notice .shutdown-notice-label {
  font-weight: 600;
  text-align: center;
}

/* line 97, app/assets/stylesheets/home.scss */
.shutdown-notice .shutdown-notice-text {
  text-align: center;
}

/* line 102, app/assets/stylesheets/home.scss */
#orbit-banner-ctn {
  padding-right: 400px;
}

/* line 105, app/assets/stylesheets/home.scss */
#orbit-banner-ctn h1 {
  margin: 0 0 20px;
}

/* line 109, app/assets/stylesheets/home.scss */
#orbit-banner-ctn p {
  font-size: 28px;
  color: #343333;
  opacity: 0.8;
}

/* line 115, app/assets/stylesheets/home.scss */
#orbit-banner-ctn .orbit-download-btn {
  margin: 20px 0 0;
  width: 310px;
  height: 60px;
  font-size: 22px;
}

/* line 123, app/assets/stylesheets/home.scss */
.orbit-example {
  max-width: 1310px;
  margin: auto;
}

/* line 127, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail {
  position: relative;
  padding: 0 0 80px;
}

/* line 131, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-header {
  border-bottom: 1px solid #F7F7F7;
  height: 100px;
}

/* line 135, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-header .logo-ctn {
  max-width: 1310px;
  position: relative;
  height: 100px;
  margin: 0 auto;
}

/* line 141, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-header .logo-ctn img {
  width: 147px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

/* line 151, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-content {
  max-width: 1310px;
  margin: 0 auto;
}

/* line 157, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-content h1 {
  margin: 40px 0;
  width: 1012px;
}

/* line 162, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .mail-content .email-text {
  width: 1012px;
}

/* line 167, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn {
  max-width: 400px;
  margin: 0 auto;
  position: absolute;
  right: 20px;
  top: -268px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 178, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-test-txt {
  font-size: 40px;
}

/* line 182, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-text-description {
  width: 230px;
  font-size: 20px;
  opacity: 0.8;
}

/* line 188, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-arrow {
  height: 155px;
  margin: 20px auto;
}

/* line 195, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .icon-ctn-border .icon-ctn {
  height: 53px;
  width: 53px;
  transition: height 1s ease-in-out, width 1s ease-in-out;
}

/* line 200, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .icon-ctn-border .icon-ctn .icon {
  height: 36px;
  width: 36px;
  transition: height 1s ease-in-out, width 1s ease-in-out;
}

/* line 208, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .path-icon {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear, transform 1s ease-in-out;
  transform: scale(1.1);
}

/* line 216, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .expander-hover .expander-item {
  opacity: 1;
}

/* line 220, app/assets/stylesheets/home.scss */
.orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .expander-hover .expander-item-t1, .orbit-example .orbit-mail .orbit-test-ctn .orbit-icn-section:hover .expander-hover .expander-item-t2 {
  visibility: visible;
  transition: opacity 0.5s linear, transform 1s ease-in-out;
}

/* line 230, app/assets/stylesheets/home.scss */
.orbit-icn-section .icon-ctn-border .icon-ctn .icon, .orbit-hd-left .orbit-icon-path .orbit-img {
  background-image: url(/assets/orbit-90ce6b5de1289c444a4b5830b33e0d67c03f82634e315ab75223fb3c1c62acda.gif);
  background-repeat: no-repeat;
  object-fit: contain;
  z-index: 3;
  position: absolute;
  background-size: 100%;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -49%);
  transition: height 1s ease-in-out, width 1s ease-in-out;
}

/* line 243, app/assets/stylesheets/home.scss */
.orbit-icn-section {
  width: 120px;
  height: 120px;
  position: relative;
}

/* line 248, app/assets/stylesheets/home.scss */
.orbit-icn-section .path-icon {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear, transform 0.5s ease-in-out;
  background-image: url(/assets/Orbit-Lines-33b9f88f6939fa6b826e258cc43b7b75de707d682c03db8adddc9eb560346c4b.svg);
  background-size: 120px;
  background-repeat: no-repeat;
  object-fit: contain;
  height: 120px;
  width: 120px;
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: center;
  box-sizing: content-box;
}

/* line 266, app/assets/stylesheets/home.scss */
.orbit-icn-section .icon-ctn-border {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  justify-content: center;
  margin: 10px auto;
}

/* line 273, app/assets/stylesheets/home.scss */
.orbit-icn-section .icon-ctn-border .icon-ctn {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  height: 65px;
  width: 65px;
  border: 3px solid transparent;
  background-image: linear-gradient(#17170B, #17170B), linear-gradient(to right, #cd66ff 0%, #2887ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  transition: height 1s ease-in-out, width 1s ease-in-out;
}

/* line 285, app/assets/stylesheets/home.scss */
.orbit-icn-section .icon-ctn-border .icon-ctn .icon {
  height: 48px;
  width: 48px;
}

/* line 292, app/assets/stylesheets/home.scss */
.orbit-icn-section #settings-hover, .orbit-icn-section #snooze-hover, .orbit-icn-section #history-hover {
  position: absolute;
  width: 25px;
  height: 25px;
}

/* line 298, app/assets/stylesheets/home.scss */
.orbit-icn-section #question-hover, .orbit-icn-section #summary-hover {
  position: absolute;
  width: 70px;
  height: 70px;
}

/* line 304, app/assets/stylesheets/home.scss */
.orbit-icn-section #summary-hover {
  bottom: 70px;
  left: -22px;
}

/* line 308, app/assets/stylesheets/home.scss */
.orbit-icn-section #summary-hover .orbit-expander-text-bubble {
  bottom: 45px;
  left: -38px;
}

/* line 315, app/assets/stylesheets/home.scss */
.orbit-icn-section #summary-hover:hover .orbit-expander-text-bubble {
  visibility: visible;
  opacity: 1;
}

/* line 321, app/assets/stylesheets/home.scss */
.orbit-icn-section #question-hover {
  bottom: 70px;
  left: 72px;
}

/* line 325, app/assets/stylesheets/home.scss */
.orbit-icn-section #question-hover .orbit-download-tooltip {
  bottom: 47px;
  left: 40px;
}

/* line 342, app/assets/stylesheets/home.scss */
.orbit-icn-section #settings-hover {
  bottom: 6px;
  left: 3px;
}

/* line 346, app/assets/stylesheets/home.scss */
.orbit-icn-section #settings-hover .orbit-download-tooltip {
  top: 30px;
  left: -165px;
  border-radius: 0 11px 11px 11px;
}

/* line 353, app/assets/stylesheets/home.scss */
.orbit-icn-section #snooze-hover {
  bottom: 6px;
  left: 93px;
}

/* line 357, app/assets/stylesheets/home.scss */
.orbit-icn-section #snooze-hover .orbit-download-tooltip {
  top: 30px;
  left: 20px;
  border-radius: 11px;
}

/* line 365, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .orbit-expander-text-bubble {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background: #7a7a7a;
  color: #FFFFFF;
  font-size: 13px;
  white-space: nowrap;
  padding: 3px 8px;
  border-radius: 3px;
}

/* line 380, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover #orbit-summary:hover .expander-item-t1-img-ctn {
  background: linear-gradient(to left, #CD83FD, #708FFD);
}

/* line 383, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover #orbit-summary:hover .expander-item-t1-img-ctn .expander-item-t1-img {
  filter: brightness(0) invert(1);
}

/* line 389, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .orbit-expander-text-bubble, .orbit-icn-section .expander-hover .orbit-download-tooltip {
  transition: opacity 0.2s linear;
}

/* line 393, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover #orbit-summary, .orbit-icn-section .expander-hover #orbit-question {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 7px;
}

/* line 399, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover #orbit-question {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 7px;
}

/* line 406, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t1-img-ctn, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t1-img-ctn {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: #F7F1FF;
  visibility: visible;
  opacity: 1;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* line 417, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t1-img-ctn .summary-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t1-img-ctn .summary-img {
  background-size: 20px;
  height: 20px;
  width: 20px;
  margin: 6px 8px;
  background-image: url(/assets/summary-b03bd9e5101bc66eea0e673de255b692169bffe14baf8e2b08bbb4211527a224.svg);
}

/* line 425, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t1-img-ctn .question-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t1-img-ctn .question-img {
  background-size: 19px;
  height: 19px;
  width: 19px;
  margin: 9px 8px;
  background-image: url(/assets/questions-edf6e743c149f5c3b8010d0eb3cc8e8c6e0af841872d4813f329df4ba5b13838.svg);
}

/* line 433, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t1-img-ctn .expander-item-t1-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t1-img-ctn .expander-item-t1-img {
  display: block;
}

/* line 438, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t2-img-ctn, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t2-img-ctn {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #F7F1FF;
  visibility: visible;
  opacity: 1;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* line 449, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t2-img-ctn .expander-item-t2-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t2-img-ctn .expander-item-t2-img {
  display: flex;
  background-size: 15px;
  height: 15px;
  width: 15px;
  margin: 5px;
}

/* line 457, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t2-img-ctn .history-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t2-img-ctn .history-img {
  background-image: url(/assets/history-848fe2f707ad17dca8f5730abc292e888e1b56be099f47fc8dcd60d0f838afc3.svg);
}

/* line 461, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t2-img-ctn .settings-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t2-img-ctn .settings-img {
  background-image: url(/assets/settings-8acc15d61faf08c3d3acdb8a18a2def60b99e8ea59bdc7086e10c90f37cf25ea.svg);
}

/* line 465, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 .expander-item-t2-img-ctn .snooze-img, .orbit-icn-section .expander-hover .expander-item-t2 .expander-item-t2-img-ctn .snooze-img {
  background-size: 10px;
  height: 10px;
  width: 10px;
  margin: 7px 7px;
  background-image: url(/assets/snooze-4d78c4d1b6d451b2310d25919c571024fa2c9af68d44efbfd35bd673892a2187.svg);
}

/* line 475, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t1 {
  width: auto;
  height: auto;
  border-radius: 50%;
  background: linear-gradient(to left, #CD83FD, #708FFD);
  position: absolute;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 1px;
  transform: scale(1);
}

/* line 492, app/assets/stylesheets/home.scss */
.orbit-icn-section .expander-hover .expander-item-t2 {
  width: auto;
  height: auto;
  border-radius: 50%;
  background: #94AEFF;
  position: absolute;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 1px;
  transform: scale(1);
}

/* line 511, app/assets/stylesheets/home.scss */
.fs-orbit-gradient {
  background: linear-gradient(90deg, #C169FF 0%, #7578FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.78px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* line 520, app/assets/stylesheets/home.scss */
.sec-width {
  max-width: 1310px;
  margin: 0 auto;
  padding: 40px 15px;
}

/* line 525, app/assets/stylesheets/home.scss */
.sec-width h2 {
  font-family: ClashDisplay, sans-serif;
  font-size: 56px;
  color: #343333;
  margin: 20px 0;
}

/* line 531, app/assets/stylesheets/home.scss */
.sec-width h3 {
  font-family: ClashDisplay, sans-serif;
  font-size: 48px;
  color: #343333;
  margin: 0 0 20px;
}

/* line 537, app/assets/stylesheets/home.scss */
.sec-width h4 {
  font-family: ClashDisplay, sans-serif;
  font-size: 24px;
  color: #343333;
  margin: 20px 0;
}

/* line 543, app/assets/stylesheets/home.scss */
.sec-width p {
  font-family: RobotoMono, sans-serif;
  font-size: 24px;
  color: #343333;
  opacity: 0.8;
  margin: 20px 0;
}

/* line 550, app/assets/stylesheets/home.scss */
.sec-width p:last-child {
  margin-bottom: 0;
}

/* line 553, app/assets/stylesheets/home.scss */
.flex-horizontal {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
}

/* line 559, app/assets/stylesheets/home.scss */
.flex-gap-wide {
  gap: 120px;
}

/* line 562, app/assets/stylesheets/home.scss */
.flex-horizontal > div {
  flex: 1;
}

/* line 565, app/assets/stylesheets/home.scss */
.flex-horizontal img {
  max-width: 100%;
}

/* line 568, app/assets/stylesheets/home.scss */
.vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 573, app/assets/stylesheets/home.scss */
.content-white {
  background: white;
  border-radius: 20px;
  padding: 80px;
}

/* line 578, app/assets/stylesheets/home.scss */
.content-black {
  background: #343333;
  border-radius: 20px;
  padding: 80px;
}

/* line 583, app/assets/stylesheets/home.scss */
.content-black h2, .content-black h3, .content-black h4, .content-black p {
  color: white;
  opacity: 0.8;
}

/* line 587, app/assets/stylesheets/home.scss */
img.logo-group {
  margin: 20px 0 0;
}

/* line 590, app/assets/stylesheets/home.scss */
p.suggested-question {
  color: #343333;
  background-color: #E2DFFC;
  opacity: 1;
  margin: 20px 0;
  padding: 16px;
  border-radius: 12px;
  font-size: 18px;
  font-family: Helvitica, sans-serif;
}

/* line 602, app/assets/stylesheets/home.scss */
.orbit-mobile-example .ext-available-sec {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}

/* line 607, app/assets/stylesheets/home.scss */
.orbit-mobile-example .ext-available-sec img {
  width: 52px;
}

/* line 611, app/assets/stylesheets/home.scss */
.orbit-mobile-example .ext-available-sec span {
  margin-left: 10px;
  color: #654EE8;
  font-size: 14px;
}

/* line 619, app/assets/stylesheets/home.scss */
.orbit-mobile-example .mobile-img-ctn {
  padding: 0 20px 40px 20px;
}

/* line 622, app/assets/stylesheets/home.scss */
.orbit-mobile-example .mobile-img-ctn .orbit-mobile-img {
  width: 100%;
}

/* line 628, app/assets/stylesheets/home.scss */
.orbit-body {
  margin-right: 335px;
  width: auto;
  transition: margin-right .4s;
}

/* line 634, app/assets/stylesheets/home.scss */
.orbit-sidebar.sidebar-translated {
  opacity: 1;
  visibility: visible;
  width: 335px;
}

/* line 640, app/assets/stylesheets/home.scss */
.orbit-sidebar {
  transition: visibility 0s 0.5s, opacity 0.5s linear, transform 0.5s ease-in-out;
  font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
  color: #535050;
  height: 100vh;
  width: 0;
  right: 0;
  top: 0;
  border-radius: 0;
  background-color: #F5F5F5;
  border-left: 1px solid #F1F1F1;
  z-index: 1000;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  flex-direction: column;
  box-shadow: -1px 4px 4px 0px #F5F5F5;
}

/* line 658, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 663, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header {
  width: 100%;
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #f1f1f1;
}

/* line 673, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #282828;
  margin-left: 15px;
  display: flex;
  align-items: center;
}

/* line 683, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-title .orbit-hd-left img.orbit-logo {
  width: 130px;
}

/* line 688, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-hdr-options {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 10px;
}

/* line 695, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-hdr-options .orbit-hdr-chat-close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #E1DCDC;
}

/* line 705, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-hdr-options .orbit-hdr-chat-history-btn {
  background-image: url(/assets/history-848fe2f707ad17dca8f5730abc292e888e1b56be099f47fc8dcd60d0f838afc3.svg);
}

/* line 709, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-hdr-options .orbit-hdr-chat-setting-btn {
  background-image: url(/assets/settings-8acc15d61faf08c3d3acdb8a18a2def60b99e8ea59bdc7086e10c90f37cf25ea.svg);
}

/* line 713, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-header .orbit-hdr-options .orbit-hdr-chat-close-btn > div {
  background-image: url(/assets/snooze-4d78c4d1b6d451b2310d25919c571024fa2c9af68d44efbfd35bd673892a2187.svg);
  background-position: center;
  height: 12px;
  width: 12px;
  background-size: 12px;
}

/* line 723, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-res {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  overflow: auto;
  padding: 12px;
  height: calc(100% - 230px);
  box-sizing: border-box;
  background: white;
}

/* line 733, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-res .orbit-question-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  justify-content: space-between;
  background: #f3f3f3;
  border-radius: 5px;
  font-size: 14.5px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 13px 15px;
  white-space: initial;
  overflow-wrap: break-word;
  border: 1px solid #f4f3f3;
  line-height: 20px;
  letter-spacing: 0.5px;
}

/* line 751, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-res .orbit-question-content .loading {
  font-size: 16px;
}

/* line 755, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-res .orbit-question-content .loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(5, end) 2000ms infinite;
  animation: ellipsis steps(5, end) 2000ms infinite;
  animation-delay: 2s;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0;
}

/* line 766, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-res .orbit-question-content p {
  margin-bottom: 10px;
  font-weight: bold;
}

/* line 774, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view:hover .orbit-download-tooltip {
  opacity: 1;
  visibility: visible;
  top: -100px;
}

/* line 781, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view {
  height: fit-content;
  box-sizing: border-box;
  background: #FFFFFF;
  border-top: 1px solid #F1F1F1;
  backdrop-filter: blur(50px);
  padding: 10px 20px 20px;
  position: relative;
}

/* line 790, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-prompt-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 798, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-prompt-hdr .orbit-suggested-prompt-ctn {
  font-size: 12px;
  padding: 5px 5px 5px 10px;
  border-radius: 3px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: gray;
  cursor: pointer;
  background-color: #F5F5FF;
  border: 1px solid #eeeeff;
}

/* line 810, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-prompt-hdr .orbit-suggested-prompt-ctn .orbit-suggested-prompt-toggle-btn {
  background-image: url(/assets/suggest-e7ad7d60ad8691df0515b7ec6b037f08827a831de219052cee8cd99c625881fb.svg);
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-left: 1px;
}

/* line 821, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-chat {
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  display: flex;
  padding: 10px;
  justify-content: space-between;
  height: 80px;
}

/* line 829, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-chat textarea.orbit-prompt {
  border: none;
  resize: none;
  font-size: 15px;
  width: calc(100% - 30px);
  outline: none;
  background: transparent;
  color: #535050;
  box-shadow: none;
}

/* line 840, app/assets/stylesheets/home.scss */
.orbit-sidebar .orbit-page .orbit-suggested-prompt-view .orbit-chat .send-prompt-btn {
  background-image: url(/assets/send-eadd398c85a878684036d2c241765ac86d45144f1ca6110c2da15db2a395d088.svg);
  background-size: 12px;
  background-position: center;
  background-color: #b7b8fc;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  border-radius: 3px;
}

@keyframes ellipsis {
  to {
    width: 25px;
  }
}

@media all and (min-width: 780px) {
  /* line 863, app/assets/stylesheets/home.scss */
  .orbit-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }
  /* line 871, app/assets/stylesheets/home.scss */
  .orbit-mobile-example .mobile-img-ctn .orbit-mobile-img {
    width: 555px;
    margin: 0 auto;
    display: block;
  }
  /* line 881, app/assets/stylesheets/home.scss */
  section #orbit-banner-ctn h1 {
    font-size: 56px;
  }
}

@media all and (max-width: 1199px) {
  /* line 889, app/assets/stylesheets/home.scss */
  #orbit-banner-ctn {
    padding-right: 15px;
  }
}

/* line 894, app/assets/stylesheets/home.scss */
.orbit-faqs-ctn {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}

/* line 899, app/assets/stylesheets/home.scss */
.orbit-faq-inner {
  background: white;
  border-radius: 17px;
  padding: 27px 32px;
  position: relative;
  cursor: pointer;
}

/* line 906, app/assets/stylesheets/home.scss */
.orbit-faq-question {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 911, app/assets/stylesheets/home.scss */
.orbit-faq-title {
  font-size: 20px;
  margin: 0;
  flex-grow: 1;
}

/* line 916, app/assets/stylesheets/home.scss */
.orbit-faq-caret {
  transition: transform 0.25s ease-in-out;
}

/* line 919, app/assets/stylesheets/home.scss */
.orbit-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease-in-out;
}

/* line 924, app/assets/stylesheets/home.scss */
.orbit-faq-answer p {
  margin: 0;
  transition: margin-top 0.25s ease-in-out;
  overflow: hidden;
  font-size: 18px;
}

/* line 930, app/assets/stylesheets/home.scss */
.orbit-faq-expanded .orbit-faq-answer {
  grid-template-rows: 1fr;
}

/* line 933, app/assets/stylesheets/home.scss */
.orbit-faq-expanded img {
  transform: rotate(180deg);
}

/* line 936, app/assets/stylesheets/home.scss */
.orbit-faq-expanded p {
  margin-top: 16px;
}

@media all and (max-width: 780px) {
  /* line 940, app/assets/stylesheets/home.scss */
  .orbit-faqs-ctn {
    grid-template-columns: 1fr;
  }
}

/* line 945, app/assets/stylesheets/home.scss */
.home-try {
  background: #F3EDFF;
  text-align: center;
  padding: 80px 20px;
}

/* line 949, app/assets/stylesheets/home.scss */
.home-try h2 {
  font-size: 48px;
  margin: 0 0 40px;
}

/* line 953, app/assets/stylesheets/home.scss */
.home-try .btn-primary {
  width: 420px;
  font-size: 18px;
  padding: 14px;
}

@media all and (max-width: 779px) {
  /* line 960, app/assets/stylesheets/home.scss */
  #orbit-banner-ctn h1 {
    font-size: 36px;
    line-height: 48px;
  }
  /* line 964, app/assets/stylesheets/home.scss */
  #orbit-banner-ctn p {
    font-size: 20px;
    line-height: 28px;
  }
  /* line 968, app/assets/stylesheets/home.scss */
  #orbit-banner-ctn .orbit-download-btn {
    width: 100%;
    font-size: 16px;
  }
  /* line 972, app/assets/stylesheets/home.scss */
  .home-try {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 976, app/assets/stylesheets/home.scss */
  .home-try h2 {
    font-size: 28px;
    line-height: 36px;
  }
  /* line 980, app/assets/stylesheets/home.scss */
  .home-try .btn-primary {
    width: 100%;
    font-size: 16px;
  }
}
/* line 1, app/assets/stylesheets/modal.scss */
.modal-container {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 0 20px;
}

/* line 11, app/assets/stylesheets/modal.scss */
.modal-body {
  background: white;
  border-radius: 16px;
  padding: 50px;
  margin: 10% auto;
  max-width: 866px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
}

/* line 23, app/assets/stylesheets/modal.scss */
#modal-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

/* line 31, app/assets/stylesheets/modal.scss */
.modal-orb {
  width: 368px;
  height: 264px;
  margin: auto auto 36px;
  display: block;
}

/* line 37, app/assets/stylesheets/modal.scss */
.modal-body h4 {
  font-size: 36px;
  font-family: ClashDisplay, sans-serif;
  text-align: center;
  margin: auto auto 16px;
}

/* line 43, app/assets/stylesheets/modal.scss */
.modal-download-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto auto 16px;
}

/* line 49, app/assets/stylesheets/modal.scss */
.modal-download-form label {
  font-family: RobotoMono, sans-serif;
  font-size: 14px;
  color: #343333;
  font-weight: normal;
  margin: auto auto 16px;
}

/* line 56, app/assets/stylesheets/modal.scss */
.modal-download-form input[type=submit] {
  width: 285px;
}

/* line 59, app/assets/stylesheets/modal.scss */
.modal-not-now {
  font-size: 18px;
  color: rgba(52, 51, 51, 0.8);
  font-family: RobotoMono, sans-serif;
}
/* line 1, app/assets/stylesheets/onboarding.scss */
.orbit-hd-onboarding {
  text-transform: uppercase;
  font-size: 15px;
  opacity: 0.5;
}

/* line 7, app/assets/stylesheets/onboarding.scss */
.orbit-ob-outer {
  background: #F9F9F9;
  padding: 100px 0 40px;
}

/* line 12, app/assets/stylesheets/onboarding.scss */
.orbit-ob-inner {
  width: 1300px;
  margin: 0 auto;
}

/* line 16, app/assets/stylesheets/onboarding.scss */
.orbit-ob-inner h2 {
  font-size: 48px;
  margin: 0;
}

/* line 22, app/assets/stylesheets/onboarding.scss */
h1#faq {
  font-size: 48px;
}

/* line 26, app/assets/stylesheets/onboarding.scss */
.orbit-ob-gradient {
  background: linear-gradient(90deg, #ac6eff 0%, #727aff 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 32, app/assets/stylesheets/onboarding.scss */
.orbit-ob-top {
  margin: 0 0 90px;
}

/* line 35, app/assets/stylesheets/onboarding.scss */
.orbit-ob-top h1 {
  font-size: 68px;
  margin: 0 0 16px;
}

/* line 39, app/assets/stylesheets/onboarding.scss */
.orbit-ob-top p {
  font-size: 24px;
  color: #1E1E1E;
  opacity: 0.8;
  margin: 16px 0 32px;
}

/* line 47, app/assets/stylesheets/onboarding.scss */
.orbit-ob-btn {
  color: white;
  background: #8873FF;
  border-radius: 7px;
  padding: 12px 40px;
  margin: 16px 16px 0 0;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/* line 57, app/assets/stylesheets/onboarding.scss */
.orbit-ob-btn:hover, .orbit-ob-btn:active {
  text-decoration: none;
  color: white;
}

/* line 62, app/assets/stylesheets/onboarding.scss */
.orbit-ob-row {
  background: white;
  padding: 68px 46px;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 68px;
  align-items: center;
}

/* line 72, app/assets/stylesheets/onboarding.scss */
.orbit-ob-video {
  background: #CFD7FF;
  padding: 40px;
  border-radius: 12px;
  display: inline-block;
  width: 670px;
}

/* line 79, app/assets/stylesheets/onboarding.scss */
.orbit-ob-video video {
  width: 100%;
}

/* line 84, app/assets/stylesheets/onboarding.scss */
.orbit-ob-howto-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 90, app/assets/stylesheets/onboarding.scss */
.orbit-ob-howto {
  position: relative;
  padding: 0 0 0 55px;
}

/* line 94, app/assets/stylesheets/onboarding.scss */
.orbit-ob-howto h3 {
  font-size: 20px;
  margin: 0 0 8px;
  font-weight: bold;
}

/* line 100, app/assets/stylesheets/onboarding.scss */
.orbit-ob-howto p {
  font-size: 18px;
  opacity: 0.8;
  margin: 0;
}

/* line 106, app/assets/stylesheets/onboarding.scss */
.orbit-ob-howto img {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
}

@keyframes orbit-ob-logo-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-1246px, 0, 0);
  }
}

/* line 123, app/assets/stylesheets/onboarding.scss */
.orbit-ob-supports {
  font-size: 20px;
  margin: 100px 0 32px;
}

/* line 128, app/assets/stylesheets/onboarding.scss */
.orbit-ob-logos {
  margin: 16px 0 100px;
  padding: 0;
  max-width: 100%;
  overflow: hidden;
}

/* line 135, app/assets/stylesheets/onboarding.scss */
.orbit-ob-logos-inner {
  display: flex;
  gap: 25px;
  position: relative;
  animation-duration: 30s;
  animation-name: orbit-ob-logo-scroll;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* line 145, app/assets/stylesheets/onboarding.scss */
.orbit-ob-logos-inner img {
  height: 36px;
  display: block;
}

@media (max-width: 1300px) {
  /* line 152, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-outer {
    padding: 32px;
  }
  /* line 155, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-inner {
    width: 100%;
  }
  /* line 158, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-top {
    margin-bottom: 32px;
  }
  /* line 161, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-row {
    padding: 32px;
  }
  /* line 164, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-column {
    flex-grow: 1;
    width: 100%;
  }
  /* line 168, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-video {
    padding: 16px;
    width: 100%;
    max-width: 560px;
  }
}

@media (max-width: 960px) {
  /* line 176, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-row {
    flex-direction: column;
  }
  /* line 179, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-column {
    flex-grow: initial;
    width: initial;
  }
  /* line 183, app/assets/stylesheets/onboarding.scss */
  .orbit-ob-video {
    max-width: none;
  }
}
/* line 1, app/assets/stylesheets/password.scss */
.password-reset-inner {
  background: white;
  width: 410px;
  border-radius: 20px;
  margin: auto;
  padding: 80px 50px;
}

/* line 7, app/assets/stylesheets/password.scss */
.password-reset-inner h2 {
  font-size: 40px;
  color: black;
  margin: 0;
}

/* line 12, app/assets/stylesheets/password.scss */
.password-reset-inner p {
  margin: 12px 0;
  opacity: 60%;
}

/* line 17, app/assets/stylesheets/password.scss */
.password-reset-form {
  font-size: 15px;
}

/* line 19, app/assets/stylesheets/password.scss */
.password-reset-form .validation-error {
  color: crimson;
}

/* line 22, app/assets/stylesheets/password.scss */
.password-reset-form .field {
  margin: 16px 0;
}

/* line 25, app/assets/stylesheets/password.scss */
.password-reset-form .actions {
  margin: 50px 0 0;
}

/* line 28, app/assets/stylesheets/password.scss */
.password-reset-form input[type=text], .password-reset-form input[type=email], .password-reset-form input[type=password] {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  height: 50px;
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}

/* line 36, app/assets/stylesheets/password.scss */
.password-reset-form input[type=submit] {
  width: 100%;
  height: 50px;
}

/* line 41, app/assets/stylesheets/password.scss */
.flash-notice {
  background: #FFEBCD;
  border-radius: 4px;
  padding: 20px;
}
/* line 1, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-container {
  --bg-color-purple: #FAF9FF;
  --btn-color-purple: #8873FF;
  --text-color-light: #7E7E7E;
  --flash-notice: #D8EEDC;
  --flash-error: #FFE8E8;
  background: var(--bg-color-purple);
  padding: 95px 0;
}

/* line 11, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner {
  width: 1110px;
  margin: auto;
  padding: 36px;
  background: white;
  border-radius: 20px;
}

/* line 17, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner h1 {
  margin: 0;
  font-size: 35px;
}

/* line 21, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner p {
  color: var(--text-color-light);
  font-size: 16px;
  margin: 15px 0 30px;
}

/* line 26, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner .flash {
  border-radius: 4px;
  padding: 20px;
  color: black;
}

/* line 31, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner .flash-notice {
  background: var(--flash-notice);
}

/* line 34, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-inner .flash-error {
  background: var(--flash-error);
}

/* line 38, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-feedback-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* line 43, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-feedback-form input[type=email], .orbit-uninstall-feedback-form textarea {
  width: 100%;
  border: 1px solid #E9E9E9;
  border-radius: 9px;
  padding: 15px;
  font-size: 16px;
}

/* line 50, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-feedback-form input[type=submit] {
  background: var(--btn-color-purple);
  color: white;
  width: 100%;
  font-size: 20px;
  border-radius: 9px;
  text-align: center;
  height: 52px;
  line-height: 52px;
  padding: 0;
}

/* line 62, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* line 67, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-reason {
  width: calc(50% - 15px);
  color: #1E1E1E;
  background: var(--bg-color-purple);
  border: 1px solid var(--bg-color-purple);
  transition: border-color 0.25s linear;
  border-radius: 9px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
  user-select: none;
}

/* line 81, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-reason input {
  padding: 0;
  margin: 0;
}

/* line 86, app/assets/stylesheets/uninstall.scss */
.orbit-uninstall-reason:has(:checked, :focus) {
  border-color: var(--btn-color-purple);
}

@media (max-width: 1110px) {
  /* line 91, app/assets/stylesheets/uninstall.scss */
  .orbit-uninstall-container {
    padding: 30px 0;
  }
  /* line 94, app/assets/stylesheets/uninstall.scss */
  .orbit-uninstall-inner {
    width: calc(100% - 30px);
  }
  /* line 97, app/assets/stylesheets/uninstall.scss */
  .orbit-uninstall-reason {
    width: 100%;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *










 */
/* line 26, app/assets/stylesheets/application.scss */
html, body {
  width: 100%;
  /* height: 100%; */
  margin: 0;
  font-family: arial, sans-serif;
}

/* line 33, app/assets/stylesheets/application.scss */
.container {
  width: 1310px;
}

/* line 37, app/assets/stylesheets/application.scss */
.loading {
  font-size: 20px;
}

/* line 41, app/assets/stylesheets/application.scss */
.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 2000ms infinite;
  animation: ellipsis steps(4, end) 2000ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

/* line 63, app/assets/stylesheets/application.scss */
.flex-align-center {
  display: flex;
  align-items: center;
}

/* line 68, app/assets/stylesheets/application.scss */
.op-65 {
  opacity: 0.65;
}

/* line 72, app/assets/stylesheets/application.scss */
.img-center {
  display: block;
}

/* line 76, app/assets/stylesheets/application.scss */
.preload * {
  transition: none !important;
}

/* line 80, app/assets/stylesheets/application.scss */
.not-found {
  max-width: 1310px;
  min-height: calc(65vh);
  margin: 0 auto;
  padding: 0 15px;
}

/* line 86, app/assets/stylesheets/application.scss */
.not-found h1 {
  font-size: 38px;
}

/* line 91, app/assets/stylesheets/application.scss */
.align-right {
  text-align: right;
}