@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&display=swap";
/* _Primitive colors - Value */
/* Color mode - Light */
/* Spacing - Mode 1 */
/* Sizing - Mode 1 */
/* Opacity - Mode 1 */
/* Border Radius - Mode 1 */
/* Border Width - Mode 1 */
/* Other - Mode 1 */
/* Typography - Desktop */
html {
  min-height: 100%;
  overflow-y: auto;
}

body {
  margin: 0px 0px 0px 0px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 254, 231) 85%);
  overflow-y: visible;
}
.visitor body {
  background: url(/assets/planet_bg_transparent.png) center 66px no-repeat, linear-gradient(106deg, rgb(255, 255, 255) 0%, rgb(255, 254, 231) 85%);
  background-size: contain;
  min-height: 100vh;
  justify-content: start;
}
.visitor body .headlines {
  padding-top: 10vh;
}

a:link {
  color: rgb(15, 91, 190);
  font-weight: 500;
}
a:link.alert {
  color: rgb(199, 33, 7);
}

a:visited {
  color: rgb(15, 91, 190);
}
a:visited.alert {
  color: rgb(199, 33, 7);
}

a:hover {
  color: rgb(19, 79, 149);
}
a:hover.alert {
  color: rgb(158, 27, 14);
}

a, input, textarea, button, textarea:focus {
  font-family: "Inter", sans-serif;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

ul {
  padding: 0px 0px;
  margin: 0px 0px;
}

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

body .hide {
  display: none;
}
body .show {
  display: block;
}
body .show-flex {
  display: flex;
}
body .space-between {
  justify-content: space-between;
  align-content: space-between;
}

.shadow-5 {
  box-shadow: 0px 2px 25px -5px rgba(15, 23, 42, 0.07), 0px 25px 21px -5px rgba(15, 23, 42, 0.05);
}
.shadow-5-strong {
  box-shadow: 0px 2px 25px -5px rgba(15, 23, 42, 0.15), 0px 25px 21px -5px rgba(15, 23, 42, 0.1);
}

/* Header */
.header {
  width: 100%;
  padding: 16px 24px;
  box-sizing: border-box;
  background: #0F2C49;
}
.header > .container {
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  justify-self: center;
  width: 100%;
}
.header > .container .logo {
  display: flex;
}
.header > .container .logo a {
  line-height: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.header > .container .logo img {
  height: 24px;
  width: auto;
}
.header > .container .logo img.logo-robot-face {
  height: 36px;
}

.gsc-results {
  width: 96%;
  margin: 0px auto;
}

#body .home {
  background: none;
}

input:focus::placeholder {
  color: transparent;
}

/* Base tab selector styles */
#cse .gsc-tabHeader {
  outline: none;
  color: rgb(196, 196, 196);
  line-height: 20px;
  height: 22px;
  padding: 2px 8px;
  float: left;
  margin-left: 5px;
  margin-right: 0px;
}

/* Inactive tab */
#cse .gsc-tabHeader.gsc-tabhInactive {
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
  background-color: #FFFFFF;
}

/* Active tab */
#cse .gsc-tabHeader.gsc-tabhActive {
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
}

/* This is the tab bar bottom border. */
#cse .gsc-tabsArea {
  margin: 0 0 0 0;
  border-bottom: 3px solid #3079ed;
  background-color: #FFFFFF;
  overflow: hidden;
  height: 28px;
}

.gsc-tabsarea .gs-spacer {
  display: none;
}

/* Wrapper for all results */
#cse .gsc-results {
  width: 100%;
  margin-top: -5px;
  background-color: #000000;
}

body .gs-result .gs-title,
body .gs-result .gs-title * {
  color: #FFFFFF;
}

/* Set link colors. */
#cse a.gs-title:link,
#cse a.gs-title:link b,
#cse .gsc-cursor-page,
#cse a.gsc-trailing-more-results:link {
  color: #FFFFFF;
}

/* Override default.css selector to disable underlines. */
#cse .gs-result .gs-title,
#cse .gs-result .gs-title *,
#cse .gsc-cursor-page,
#cse .gsc-results .gsc-trailing-more-results,
#cse .gsc-results .gsc-trailing-more-results * {
  text-decoration: underline;
}

/* Snippet text */
#cse .gs-result .gs-snippet {
  color: #B3B3B3;
}

/* URL styling */
#cse .gs-visibleUrl,
#cse .gs-visibleUrl-long {
  color: #66B5FF;
}

/* Pagination container centered */
#cse .gsc-cursor-box {
  padding: 1em 0.8px;
  text-align: left;
  margin-left: 10px;
  margin-top: 20px;
}

/* Pagination */
#cse .gsc-cursor-page {
  padding: 0.2em 0.5em;
  border: 1px solid;
  border-color: #008000;
}

#cse .gsc-cursor-page.gsc-cursor-current-page {
  color: #ffffff;
  background-color: #357ae8;
}

.gsc-branding {
  display: none;
}

/* Wrapper for a result */
#cse .gsc-webResult.gsc-result {
  margin: 0 0 0 0px;
  padding: 0.6em 0 1em 0;
  border-bottom: 1px dotted;
  border-color: #008000;
}

body .gsc-above-wrapper-area {
  border-bottom: 0px solid #000000;
  padding: 0px 0 0px 0;
}

body .gsc-adBlock {
  position: relative;
  display: none;
  border-bottom: 1px dotted;
  border-color: #008000;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

td.gsc-branding-text div.gsc-branding-text,
td.gcsc-branding-text div.gcsc-branding-text {
  padding-bottom: 2px;
  text-align: right;
  font-size: 11px;
  margin-right: 2px;
  color: rgb(133, 133, 133);
}

body .gs-web-image-box img.gs-image, body .gs-promotion-image-box img.gs-promotion-image {
  border: 0px;
  max-height: 200px;
  max-width: 77px;
}

body .gs-web-image-box,
body .gs-promotion-image-box {
  float: left;
  padding: 2px 8px 2px 0px;
  margin-right: 0px;
  margin-left: -10px;
  text-align: center;
  width: 70px; /* default width + 1px border */
}

body .gsc-tabsArea + .gsc-refinementsArea {
  display: none;
}

.gsc-orderby-container {
  display: none;
}

body .gsc-result-info {
  color: #B3B3B3;
}

body .gsc-orderby-label {
  color: #B3B3B3;
}

body .gs-spelling {
  color: #FFFFFF;
}

body .gs-spelling a {
  color: rgb(204, 65, 0);
  cursor: pointer;
  text-decoration: underline;
}

body .gsc-preview-reviews li {
  list-style: none;
  width: 90%;
  color: rgb(206, 161, 120);
}

body .gsc-snippet-metadata {
  color: rgb(206, 161, 120);
  vertical-align: top;
}

body .gsc-selected-option-container {
  color: rgb(106, 148, 0);
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
}

body .gsc-reviewer {
  color: rgb(147, 204, 0);
}

body .gsc-role {
  color: rgb(0, 162, 39);
}

body .gsc-tel {
  color: rgb(0, 162, 39);
}

body .gsc-org {
  color: rgb(0, 162, 39);
}

body .gsc-location {
  color: rgb(0, 162, 39);
}

body span.gs-fileFormat {
  color: rgb(0, 162, 39);
  font-size: 12px;
}

body span.gs-fileFormatType {
  color: rgb(0, 162, 39);
  color: rgb(147, 204, 0);
  font-size: 12px;
}

body table.gsc-branding td,
table.gsc-branding,
table.gcsc-branding td,
table.gcsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
  display: none;
}

.divider--horizontal {
  border-bottom: 1px solid rgba(15, 23, 42, 0.15);
  width: 100%;
}
.divider--horizontal--or {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  color: rgb(30, 41, 59);
  font-size: 0.75rem;
}
.divider--horizontal--or:before, .divider--horizontal--or:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgb(226, 232, 240);
}

.form-box {
  background: rgb(255, 255, 255);
  padding: 32px;
  border-radius: 16px;
  max-width: 32rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
}
.form-box .button {
  width: 100%;
}
.form-box .icon-logo {
  width: 40px;
  line-height: 0;
  display: inline-block;
  margin-bottom: 2rem;
}
.form-box h1 {
  color: rgb(15, 23, 42);
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 0.5rem;
  line-height: 44px;
}
.form-box p {
  color: rgb(30, 41, 59);
  font-size: 20px;
  margin: 0 0 2rem;
}
.form-box .signup-link,
.form-box .signin-link {
  margin-top: 1.5rem;
  font-size: 0.875rem;
}

.flash-messages {
  margin-bottom: 20px;
}

.flash-messages .error {
  color: red;
  background-color: #ffe6e6;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}

.flash-messages .success {
  color: green;
  background-color: #e6ffe6;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}

.info_box {
  border: 1px solid rgb(203, 213, 225);
  border-radius: 10px;
  overflow: hidden;
}
.info_box .info {
  padding: 10px 16px;
}
.info_box .info.info--head {
  background: rgb(248, 250, 252);
  padding: 16px;
}
.info_box .info:last-child {
  border: none;
}

.info {
  font-size: 1rem;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid rgb(226, 232, 240);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.info .col {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.info .col small {
  margin-top: -2px;
}

.error-message {
  color: red;
  font-weight: bold;
}

.main-wrapper {
  display: flex;
  width: 100%;
  align-items: flex-start;
  align-items: center;
}
.main-wrapper .wrapper {
  position: relative;
  order: 2;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.main-wrapper .wrapper-2 {
  position: relative;
  order: 2;
  width: 100%;
  max-height: 100vh;
  box-sizing: border-box;
  padding: 80px 16px;
  overflow: auto;
}
.main-wrapper .usermenu {
  position: fixed;
  bottom: 4rem;
  left: 10px;
  width: 100%;
  max-width: 16rem;
  z-index: 99;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  border: 1px solid rgba(15, 23, 42, 0.15);
  box-shadow: 0 -2px 15px rgba(15, 23, 42, 0.15);
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(50px);
  padding: 10px 0;
  border-radius: 6px;
}
.main-wrapper .usermenu--actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
}
.main-wrapper .usermenu--actions .divider--horizontal {
  margin: 10px 0;
}
.main-wrapper .usermenu--actions button {
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  color: rgb(51, 65, 85);
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  transition: 0.3s all ease-in-out;
  background: transparent;
  text-align: left;
  margin: 0 10px 1px;
  align-self: stretch;
  text-decoration: none;
  gap: 12px;
  display: flex;
  align-items: center;
}
.main-wrapper .usermenu--actions button span {
  flex: 1;
}
.main-wrapper .usermenu--actions button:hover {
  background: rgba(15, 23, 42, 0.07);
  color: rgb(15, 23, 42);
}
.main-wrapper .sidebar {
  order: 1;
  height: 100vh;
  width: 100%;
  max-width: 16rem;
  z-index: 98;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  border-right: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(50px);
}
.main-wrapper .sidebar--top {
  display: flex;
  padding: 16px 20px 4px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.main-wrapper .sidebar--menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 1 0 0;
  align-self: stretch;
  box-sizing: border-box;
  gap: 16px;
  padding: 20px;
}
.main-wrapper .sidebar--menu > * {
  width: 100%;
}
.main-wrapper .sidebar--history {
  overflow: auto;
  height: 100%;
}
.main-wrapper .sidebar--actions {
  width: 100%;
  justify-content: flex-end;
  padding: 1rem 0;
}
.main-wrapper .sidebar.minimized .sidebar--actions {
  height: 100%;
}
.main-wrapper .sidebar--history, .main-wrapper .sidebar--actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  align-self: stretch;
}
.main-wrapper .sidebar--history button, .main-wrapper .sidebar--history .thread-button, .main-wrapper .sidebar--actions button, .main-wrapper .sidebar--actions .thread-button {
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  color: rgb(51, 65, 85);
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  transition: 0.3s all ease-in-out;
  background: transparent;
  text-align: left;
  margin: 0 10px 1px;
  text-decoration: none;
  align-self: stretch;
  gap: 12px;
  display: flex;
  align-items: center;
}
.main-wrapper .sidebar--history button span, .main-wrapper .sidebar--history .thread-button span, .main-wrapper .sidebar--actions button span, .main-wrapper .sidebar--actions .thread-button span {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main-wrapper .sidebar--history button:hover, .main-wrapper .sidebar--history .thread-button:hover, .main-wrapper .sidebar--actions button:hover, .main-wrapper .sidebar--actions .thread-button:hover {
  background: rgba(15, 23, 42, 0.07);
  color: rgb(15, 23, 42);
}
.main-wrapper .topbar {
  order: 1;
  width: 100%;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 1 0 0;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(50px);
}
.main-wrapper .topbar--top {
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.main-wrapper .topbar--top-right {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  align-self: stretch;
}
.main-wrapper .icon-logo {
  line-height: 0;
}

.conversation-question {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  margin: 2rem 0;
}
.conversation-question--bubble {
  border-radius: 24px 24px 6px 24px;
  border: 1px solid rgb(185, 232, 255);
  background: rgb(215, 241, 255);
  color: rgb(17, 49, 90);
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.conversation-question--actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

.conversation-answer {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 2rem 0;
}
.conversation-answer--bubble {
  border-radius: 24px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgb(255, 255, 255);
  color: rgb(17, 49, 90);
  padding: 16px 24px 24px;
}
.conversation-answer--bubble h1 {
  line-height: 1.2;
}
.conversation-answer--bubble h2, .conversation-answer--bubble h3, .conversation-answer--bubble h4 {
  margin-bottom: 0;
  line-height: 1.3;
}
.conversation-answer--bubble ul, .conversation-answer--bubble ol {
  margin-bottom: 2rem;
}
.conversation-answer--bubble ul li, .conversation-answer--bubble ol li {
  margin-bottom: 0.5rem;
}
.conversation-answer--actions {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 4px;
}

.logo img {
  max-width: 100%;
  height: auto;
}

.search_form img {
  max-width: 100%;
  height: auto;
}

.enhanced {
  width: 93%;
  margin-top: 3px;
  margin-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #484848;
  text-align: center;
  line-height: 20px;
  max-width: 400px;
}

.enhanced a {
  color: #911c1c;
  text-decoration: none;
}

.wrapper > div.content_links {
  margin-top: 3px;
  margin-bottom: 0px;
}

.content_container {
  text-align: left;
  color: #5c7a99 !important;
}

.content_container > h2 {
  font-size: 13px;
}

/* Footer */
#footer {
  padding: 0px 0px 10px;
  margin-top: 20px;
  overflow: hidden;
}

#footer > .footer_search {
  padding: 15px;
  margin: 5px auto;
  text-align: center;
  display: flex;
  max-width: 1280px;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.5rem 1.5rem;
  align-self: stretch;
  flex-wrap: wrap;
}
#footer > .footer_search li {
  font-size: 14px;
  color: rgb(71, 85, 105);
}
#footer > .footer_search a {
  font-weight: 500;
  color: rgb(51, 65, 85);
  text-decoration: none;
  transition: 0.3 all ease-in-out;
}
#footer > .footer_search a:hover {
  color: rgb(15, 23, 42);
  text-decoration: underline;
}

#footer .footer_top {
  background-color: #e1f3da;
  padding: 15px 0px;
  margin-bottom: 5px;
  text-align: center;
}

#footer .footer_search .enhanced_res {
  color: rgb(163, 163, 163);
}

#footer ul {
  margin: 10px 0px;
  padding: 0px 0px;
  display: inline-block;
}

#footer ul li {
  list-style-type: none;
  line-height: 18px;
  margin: 0px 0px;
  padding: 0px 0px;
}

#footer ul li > span {
  padding-left: 16px;
  display: inline-block;
}

#footer.footer_home {
  padding: 10px 0px;
}

#footer.footer_home .footer_top * {
  font-size: 16px;
}

#footer.footer_home .footer_top h2 {
  font-weight: normal;
}

/* SEARCH FIELD and BUTTON */
.search_form {
  width: 100%;
}

.search_form form {
  overflow: hidden;
  width: 100%;
}

.search_form form > table {
  width: 100%;
  padding-top: 7px;
  padding-right: 7px;
  border-collapse: separate;
  border-spacing: 0;
}

.search_form form > table td {
  padding: 0px 0px;
  margin: 0px 0px;
}

.search_form form > table td.search_field_clear {
  margin-right: -1px;
}

input#q {
  width: 76%;
  line-height: 23px;
  height: 18px;
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  border: none !important;
  padding: 6px 2%;
  vertical-align: top;
  outline: none;
  box-shadow: inset 0px 0px 0px 1px #3079ed, inset 2px 2px 4px 0px #DDDDDD;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}

#search_container {
  background-color: #f7f7f7;
  border: 1px solid #2B587A;
  border-radius: none;
}

#search_container > table {
  width: 100%;
}

button.s_btn {
  background: url(search_icon_m.png) no-repeat center 8px;
  background-color: #f7f7f7;
  text-indent: -9999em;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 0px 0px;
  margin-left: 0px;
  color: #ffffff;
  border: none !important;
  border-left: none !important;
  vertical-align: top;
  border-radius: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#search_container.active button.s_btn {
  background-position: center -24px;
  background-color: #5989B8;
}

button.s_btn.s_btn_inner {
  width: auto !important;
  margin: 5px 0px 0px 0px;
  padding: 0px 10px;
}

.search_field_clear input#q, .search_field_clear input#q2 {
  display: table-cell;
  width: 98%;
  line-height: 23px;
  height: 22px;
  padding: 5px 0% 5px 2%;
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background: transparent !important;
  border: none !important;
  border-right: none !important;
  vertical-align: top;
  outline: none;
  box-shadow: none !important;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}

#search_form_input_clear_one {
  display: table-cell;
  width: 34px;
  padding: 0px;
  margin: 0px;
  height: 34px;
  text-indent: -9999em;
  border: none;
  cursor: pointer;
  border-radius: 0px;
  background: url(/clear_but.png) transparent no-repeat -100px -100px;
}

#search_container.active #search_form_input_clear_one.search_form_input_clear_opened {
  background-position: center center;
}

#search_form_input_clear_one.search_form_input_clear_closed {
  background: transparent !important;
}

.search_inner input.submit {
  float: left;
}

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

td.search_form_input_clear {
  width: 30px;
}

td.search_button {
  width: 48px;
}

td.search_button button.s_btn {
  width: 100%;
}

#search_container .acp_ltr {
  display: block;
  position: absolute;
  left: 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-top-color: #d9d9d9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  box-sizing: border-box;
}

#search_container .acp_ltr tbody, #search_container .acp_ltr tbody tr {
  width: 100%;
  display: table;
}

#search_container .acp_ltr tbody tr td {
  font-family: arial, sans-serif;
  font-size: 16px;
  width: 96%;
  display: table;
  padding: 3px 2%;
}

.contact_message {
  border: solid 3px #81A9BA;
  color: #000000;
  font-size: 15px;
  padding: 10px;
  background-color: #ddd;
}

.loadbar.container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.loadbar.container .content {
  width: 300px;
  height: 300px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.5);
}
.loadbar.container .content .planet {
  width: 65%;
  height: 65%;
  background-color: #546c8c;
  border-radius: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  transform-origin: center center;
  box-shadow: inset 2px -10px 0px rgba(0, 0, 0, 0.1);
  animation: planet 5s ease infinite alternate;
}
.loadbar.container .content .planet .ring {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  background-color: #bacbd9;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: 33% center;
  box-shadow: 2px -10px 0px rgba(0, 0, 0, 0.1), inset -5px -10px 0px rgba(0, 0, 0, 0.1);
  animation: ring 3s ease infinite;
}
.loadbar.container .content .planet .ring:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 30px;
  border-radius: 100%;
  background-color: #7ea1bf;
  z-index: 2;
  left: -5px;
  box-shadow: inset -3px 3px 0px rgba(0, 0, 0, 0.2);
}
.loadbar.container .content .planet .ring:after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 100%;
  background-color: #7ea1bf;
  box-shadow: inset 2px -10px 0px rgba(0, 0, 0, 0.1);
}
.loadbar.container .content .planet .cover-ring {
  position: absolute;
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 80%;
  border-bottom-right-radius: 80%;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  transform: translate(0px, -17px);
  background-color: #546c8c;
  z-index: 2;
  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.1);
}
.loadbar.container .content .planet .spots {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
}
.loadbar.container .content .planet .spots span {
  width: 30px;
  height: 30px;
  background-color: #3c4359;
  position: absolute;
  border-radius: 100%;
  box-shadow: inset -2px 3px 0px rgba(0, 0, 0, 0.3);
  animation: dots 5s ease infinite alternate;
}
.loadbar.container .content .planet .spots span:nth-child(1) {
  top: 20px;
  right: 50px;
}
.loadbar.container .content .planet .spots span:nth-child(2) {
  top: 40px;
  left: 50px;
  width: 15px;
  height: 15px;
}
.loadbar.container .content .planet .spots span:nth-child(3) {
  top: 80px;
  left: 20px;
  width: 25px;
  height: 25px;
}
.loadbar.container .content .planet .spots span:nth-child(4) {
  top: 80px;
  left: 90px;
  width: 40px;
  height: 40px;
}
.loadbar.container .content .planet .spots span:nth-child(5) {
  top: 160px;
  left: 70px;
  width: 15px;
  height: 15px;
}
.loadbar.container .content .planet .spots span:nth-child(6) {
  top: 165px;
  left: 125px;
  width: 10px;
  height: 10px;
}
.loadbar.container .content .planet .spots span:nth-child(7) {
  top: 90px;
  left: 150px;
  width: 15px;
  height: 15px;
}
.loadbar.container .content p {
  color: #bacbd9;
  font-size: 14px;
  z-index: 2;
  position: absolute;
  bottom: -20px;
  font-family: "Roboto Mono", monospace;
  animation: text 4s ease infinite;
  width: 100px;
  text-align: center;
}

@keyframes planet {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes ring {
  0% {
    transform: rotateX(110deg) rotateZ(0deg) translate(-50px, 5px);
  }
  100% {
    transform: rotateX(110deg) rotateZ(360deg) translate(-50px, 5px);
  }
}
@keyframes dots {
  0% {
    box-shadow: inset -3px 3px 0px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: inset 3px 3px 0px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text {
  0% {
    transform: translateX(-30px);
    letter-spacing: 0px;
    color: #bacbd9;
  }
  25% {
    letter-spacing: 3px;
    color: #7ea1bf;
  }
  50% {
    transform: translateX(30px);
    letter-spacing: 0px;
    color: #bacbd9;
  }
  75% {
    letter-spacing: 3px;
    color: #7ea1bf;
  }
  100% {
    transform: translateX(-30px);
    letter-spacing: 0px;
    color: #bacbd9;
  }
}
.form-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.form-container .field-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.form-container .field-container > div {
  display: flex;
  flex-direction: column;
}
.form-container label {
  display: block;
  text-align: left;
  font-size: 1em;
}
.form-container .options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
.form-container .options label {
  display: flex;
  align-items: center;
}

.password-container {
  position: relative;
}
.password-container .toggle-password {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: flex;
  height: 44px;
  padding: 0 14px;
  justify-content: center;
  align-items: center;
}

input[type=checkbox] {
  margin: 0 0.5rem 0 0;
  width: 16px;
  height: 16px;
}

select,
input[type=text],
input[type=email],
input[type=password] {
  display: flex;
  height: 44px;
  padding: 10px 24px;
  gap: 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid rgb(203, 213, 225);
  transition: 0.3s all ease-in-out;
}
select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
  border-color: rgb(17, 49, 90);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}

.button {
  display: flex;
  height: 36px;
  padding: 8px 24px;
  gap: 8px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: none;
}
.button.xxs {
  height: 20px;
  padding: 4px 4px;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
}
.button.xxs.has-icon_only {
  padding: 0;
  width: 20px;
}
.button.small {
  height: 30px;
  padding: 6px 4px;
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
}
.button.small.has-icon_only {
  padding: 0;
  width: 30px;
}
.button.large {
  height: 44px;
  padding: 10px 24px;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
}
.button.large.has-icon_only {
  padding: 0;
  width: 44px;
}
.button.disabled {
  pointer-events: none;
  background: 60%;
}
.button.has-icon_left {
  padding-left: 14px;
}
.button.has-icon_right {
  padding-right: 14px;
}
.button.has-icon_only {
  padding: 0;
  width: 36px;
}
.button.primary {
  background: rgb(15, 91, 190);
  border-color: rgb(19, 79, 149);
  color: rgb(255, 255, 255);
}
.button.primary:hover {
  background: rgb(19, 79, 149);
  border-color: rgb(17, 49, 90);
}
.button.primary:focus {
  background: rgb(15, 91, 190);
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}
.button.primary-2 {
  background: rgb(237, 250, 255);
  border-color: rgb(185, 232, 255);
  color: rgb(15, 91, 190);
}
.button.primary-2:hover {
  background: rgb(215, 241, 255);
  border-color: rgb(80, 198, 255);
}
.button.primary-2:focus {
  background: rgb(237, 250, 255);
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}
.button.secondary {
  background: rgb(248, 250, 252);
  border-color: rgb(203, 213, 225);
  color: rgb(15, 23, 42);
}
.button.secondary:hover {
  background: rgb(241, 245, 249);
  border-color: rgb(226, 232, 240);
}
.button.secondary:focus {
  background: rgb(248, 250, 252);
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}
.button.secondary.high-emphasis {
  background: rgb(51, 65, 85);
  border-color: rgb(30, 41, 59);
  color: rgb(255, 255, 255);
}
.button.secondary.high-emphasis:hover {
  background: rgb(30, 41, 59);
  border-color: rgb(30, 41, 59);
}
.button.secondary.high-emphasis:focus {
  background: rgb(51, 65, 85);
  border-color: rgb(19, 79, 149);
}
.button.alert {
  background: rgb(199, 33, 7);
  border-color: rgb(199, 33, 7);
  color: rgb(255, 255, 255);
}
.button.alert:hover {
  background: rgb(158, 27, 14);
  border-color: rgb(158, 27, 14);
}
.button.alert:focus {
  background: rgb(199, 33, 7);
  border-color: rgb(158, 27, 14);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(255, 85, 28, 0.4);
}
.button.tertiary {
  background: none;
  border: none;
  color: rgb(51, 65, 85);
  padding: 8px 4px;
}
.button.tertiary.primary {
  color: rgb(15, 91, 190);
}
.button.tertiary.primary:hover {
  color: rgb(19, 79, 149);
}
.button.tertiary.underline {
  text-decoration: underline;
}
.button.tertiary:hover {
  background: none;
  border: none;
  color: rgb(30, 41, 59);
}
.button.tertiary:focus {
  background: none;
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}

.tabs {
  display: flex;
  justify-content: center;
  padding: 6px;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  border-radius: 9999px;
  background: rgb(241, 245, 249);
}
.tabs a, .tabs button {
  color: rgb(51, 65, 85);
  height: 44px;
  font-size: 1em;
  text-decoration: none;
  background: transparent;
  border: 1px solid transparent;
  transition: 0.3s all ease-in-out;
  border-radius: 9999px;
  flex: 1 1 auto;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.tabs a.active, .tabs button.active {
  border-color: rgb(226, 232, 240);
  background: rgb(255, 255, 255);
  color: rgb(30, 41, 59);
  text-align: center;
}
.tabs a:hover, .tabs button:hover {
  color: rgb(30, 41, 59);
}
.tabs a:focus, .tabs button:focus {
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.headlines img {
  margin-bottom: -25px;
}
.headlines h1 {
  color: rgba(15, 23, 42, 0.7);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
}
.headlines h2 {
  color: rgb(15, 23, 42);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 32px;
}

.generation_form_container {
  width: 100%;
  padding: 0.25rem 2rem 1rem;
  box-sizing: border-box;
  z-index: 9;
  position: relative;
  overflow: hidden auto;
}

.generation_form {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 28px;
  border: 1px solid rgba(15, 23, 42, 0.15);
  background: rgb(255, 255, 255);
  overflow: hidden;
  cursor: text;
  transition: 0.3s all ease-in;
  position: relative;
}
.generation_form textarea {
  background: transparent;
  border: none;
  padding: 20px 64px 0 20px;
  align-self: stretch;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  resize: none;
  max-height: 200px;
  color: rgb(100, 116, 139);
  font-size: 18px;
  line-height: 28px;
}
.generation_form textarea:focus {
  color: rgb(30, 41, 59);
}
.generation_form:hover {
  border-color: rgba(15, 23, 42, 0.35);
  box-shadow: none;
}
.generation_form.active {
  border-color: rgb(19, 79, 149);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
}
.generation_form--menu {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.generation_form--menu-left, .generation_form--menu-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.generation_form--menu-right {
  justify-content: flex-end;
}
.generation_form .clearPrompt {
  position: absolute;
  top: 16px;
  right: 16px;
}

.links-list {
  margin: 0 0 1rem;
}
.links-list.links-generated {
  margin-bottom: 3rem;
}
.links-list.links-generated a {
  display: block;
  margin-bottom: 5px;
}

.disclaimer-bottom {
  color: rgba(15, 23, 42, 0.7);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 16px 0 0;
}

.ask-button {
  font-size: 20px;
  width: 180px;
  height: 45px;
  background: #424eee;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

.ask-button:hover {
  background: #3a42d6;
}

html.thread_page {
  overflow: hidden;
  height: 100%;
}
html.thread_page body,
html.thread_page .main-wrapper,
html.thread_page .main-wrapper .wrapper,
html.thread_page .main-content {
  overflow: hidden;
  height: 100%;
}
html.thread_page .main-content {
  justify-content: center;
}

.main-content {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.main-content #reply {
  font-size: 18px;
  text-align: left;
  line-height: 150%;
  overflow: auto;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-content #reply > #response {
  width: 100%;
  max-width: 768px;
  padding: 0 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.main-content #reply ul {
  margin-left: 32px;
}
.main-content #reply img {
  border-radius: 12px;
  max-width: 100%;
}
.main-content #reply pre {
  max-width: 100%;
  background: rgba(15, 23, 42, 0.02);
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
.main-content #reply pre code {
  font-family: monospace;
  max-height: 100%;
  overflow: auto;
  max-height: 400px;
  padding: 1.5rem 0;
}

.goToBottom {
  position: absolute;
  top: calc(100% - 16rem);
  left: 50%;
  transform: translateX(-50%);
}

.main-content .separator {
  color: #f7efc9;
  height: 3px;
  margin-top: -20px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
}
.table th, .table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #d3e1f1;
}
.table th {
  background: #d3e1f1;
  color: #1a3c5e;
  font-weight: bold;
}
.table td {
  color: #555;
}

.page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.page-title h1, .page-title h2 {
  margin: 0;
  line-height: 115%;
  font-size: 48px;
  line-height: 56px;
}
.page-title p {
  margin: -10px 0px 0;
  font-size: 24px;
  line-height: 32px;
}

.icon_holder {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgb(241, 245, 249);
}
.icon_holder.size-xxs {
  width: 24px;
  height: 24px;
}
.icon_holder.success {
  background: rgb(226, 250, 222);
}
.icon_holder.primary {
  background: rgb(215, 241, 255);
}

.labels {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.labels.size-l {
  gap: 12px;
}

.label {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.pricing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.pricing .pricing-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
}
.pricing .pricing-group > div {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: 375px;
  margin: 0;
  position: relative;
  padding: 1px;
  background: linear-gradient(180deg, rgb(80, 198, 255) 0%, rgb(255, 255, 255) 100%);
}
.pricing .pricing-group > div > div {
  border-radius: 14px;
  background: rgb(255, 255, 255);
}
.pricing .pricing-group > div h3 {
  margin: 0;
  padding: 20px 24px;
  align-self: stretch;
  color: rgb(15, 23, 42);
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  position: relative;
}
.pricing .pricing-group > div h3:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgb(80, 198, 255) 0%, rgb(80, 198, 255) 100%);
  left: 0;
  right: 0;
  bottom: -2px;
}
.pricing .pricing-group > div .price {
  display: flex;
  flex-direction: column;
}
.pricing .pricing-group > div .price > div {
  color: rgb(15, 23, 42);
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}
.pricing .pricing-group > div .price > div small {
  color: rgb(30, 41, 59);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  vertical-align: 2px;
}
.pricing .pricing-group > div .plan {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.pricing .pricing-group > div .plan h4 {
  color: rgb(100, 116, 139);
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
  text-align: left;
  align-self: flex-start;
}
.pricing .pricing-group > div .plan .features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  text-align: left;
}
.pricing .pricing-group > div .plan .features strong {
  font-weight: 500;
}
.pricing .pricing-group > div .plan.pro {
  border-radius: 0rem 0rem 16px 16px;
  border-top: 1px solid rgb(185, 232, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 45%, rgb(237, 250, 255) 100%);
}
.pricing .pricing-group > div .plan.pro h4 {
  background: linear-gradient(90deg, rgb(15, 91, 190) 0%, rgb(162, 28, 175) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pricing .pricing-group > div.personal h3:after {
  background: linear-gradient(90deg, rgb(15, 91, 190) 0%, rgb(80, 198, 255) 100%);
}
.pricing .pricing-group > div.organization h3:after {
  background: linear-gradient(90deg, rgb(80, 198, 255) 0%, rgb(192, 38, 211) 100%);
}
.pricing .pricing-group > div .button:disabled {
  background: rgb(51, 65, 85);
  border-color: rgb(51, 65, 85);
  opacity: 60%;
  cursor: not-allowed;
  pointer-events: none;
}
.pricing .back_btn {
  position: fixed;
  right: 1.5rem;
  top: 1.5rem;
}

.secure-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.secure-payment .label {
  color: rgb(71, 85, 105);
}
.secure-payment .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.image-preview-container {
  position: relative;
  padding: 8px 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.image-preview-container .image-preview {
  width: 56px;
  height: 56px;
  background-size: cover;
  border-radius: 20px;
  border: 1px solid rgb(226, 232, 240);
  background-position: center;
}
.image-preview-container .remove-image {
  position: absolute;
  top: 4px;
  right: 2px;
}

.conversation-question--image {
  margin: 10px 0;
  max-width: 200px;
}
.conversation-question--image img {
  width: 100%;
  height: auto;
  border: 2px solid #e2e8f0;
  object-fit: cover;
}

@media (min-width: 1001px) {
  .hide-on-laptop {
    display: none;
  }
  .show-on-laptop-flex {
    display: flex;
  }
  .show-on-laptop-block {
    display: block;
  }
  .sidebar.minimized {
    max-width: 80px;
  }
  .sidebar.minimized .hide-on-minimized {
    display: none;
  }
  .sidebar.minimized .show-on-minimized {
    display: flex;
  }
}
@media (max-width: 1120px) {
  .page-title {
    gap: 12px;
  }
  .page-title h1, .page-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .page-title p {
    font-size: 20px;
    line-height: 30px;
  }
  .pricing .pricing-group {
    gap: 16px;
    flex-wrap: wrap;
  }
  .pricing .pricing-group > div {
    min-width: 325px;
  }
  .pricing .pricing-group > div h3 {
    padding: 16px 16px;
    font-size: 30px;
    line-height: 40px;
  }
  .pricing .pricing-group > div .plan {
    padding: 24px 16px;
    gap: 24px;
  }
  .pricing .back_btn {
    right: 0.5rem;
    top: 0.5rem;
  }
  .secure-payment .label {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .hide-on-tablet {
    display: none;
  }
  .show-on-tablet-flex {
    display: flex;
  }
  .show-on-tablet-block {
    display: block;
  }
  .button.tablet-has-icon_only {
    width: 36px;
    padding: 0;
  }
  .user .main-content #reply {
    padding-top: 64px;
  }
  .main-wrapper {
    flex-direction: column;
    align-self: center;
  }
  .main-wrapper .main-content {
    justify-content: flex-end;
  }
  .main-wrapper .main-content .goToBottom {
    left: auto;
    transform: none;
    right: 1rem;
    top: calc(100% - 11rem);
  }
  .main-wrapper #reply > #response {
    padding: 4rem 2rem 0;
  }
  .main-wrapper .sidebar {
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .generation_form textarea {
    padding: 12px 48px 0 16px;
    height: 4rem;
  }
  .generation_form--menu {
    padding: 0 10px 10px;
  }
  .generation_form .clearPrompt {
    top: 10px;
    right: 10px;
  }
  .main-wrapper .usermenu {
    position: fixed;
    width: 100%;
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 768px) {
  .thread_page:not(.visitor) {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
  }
  .thread_page:not(.visitor) body {
    min-height: 0;
    overflow: hidden;
  }
  .thread_page:not(.visitor) body .main-wrapper .wrapper {
    overflow: hidden;
  }
  .hide-on-mobile {
    display: none;
  }
  .main-content #reply > #response {
    padding: 0 1rem 1rem;
  }
  .generation_form_container {
    padding: 0;
  }
  .generation_form_container .generation_form {
    border-radius: 28px 28px 0 0;
  }
  .generation_form_container .generation_form.active {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), inset 0px 0px 0px 4px rgba(40, 168, 255, 0.45);
  }
  .generation_form_container .generation_form--menu-left, .generation_form_container .generation_form--menu-right {
    gap: 6px;
  }
  html.thread_page .main-content {
    justify-content: end;
  }
  .form-box {
    padding: 20px;
  }
  .form-box h1 {
    font-size: 20px;
  }
  .form-box p {
    font-size: 16px;
    margin: 0 0 1.5rem;
  }
  .form-box .signup-link,
  .form-box .signin-link {
    margin-top: 1rem;
  }
}
@media (max-width: 480px) {
  .hide-on-mobile-2 {
    display: none;
  }
  .login-button.button.has-icon_left {
    padding: 8px;
    height: 44px;
    width: 44px;
  }
  .visitor body {
    background-position: center 75px;
  }
  .visitor body .main-wrapper {
    padding-top: 0;
  }
  .headlines img {
    margin-bottom: -5px;
    margin-top: -25px;
  }
  .headlines h1, .headlines h2 {
    font-size: 18px;
  }
  .headlines h2 {
    margin: 0 auto 1.25rem;
    max-width: 268px;
    line-height: 1.3;
  }
}

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