@charset "UTF-8";

/* src/styles.scss */
.text-muted {
  color: var(--bs-secondary-color);
}
.min-w-0 {
  min-width: 0;
}
:root {
  --rn-text-muted: #75737f;
}
:root[data-bs-theme=dark] {
  --rn-text-muted: #a5a3ae;
}
.text-muted,
.text-body-secondary {
  color: var(--rn-text-muted);
}
.form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #d9dee3;
  border-radius: 0.5rem;
  padding: 0.4375rem 2.25rem 0.4375rem 0.875rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 14px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 24 24' fill='none' stroke='%23697a8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #384551;
  transition:
    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.form-select:hover:not(:disabled):not([readonly]) {
  border-color: #a6acb4;
}
.form-select:focus,
.form-select:focus-visible {
  border-color: #2563eb;
  border-color: var(--bs-primary, #2563eb);
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(37, 99, 235, 0.18);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--bs-primary, #2563eb) 18%, transparent);
}
.form-select:disabled,
.form-select[readonly] {
  background-color: #f5f5f9;
  cursor: not-allowed;
  opacity: 0.7;
}
.form-select {
}
.form-select.is-invalid {
  border-color: #ff3e1d;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ff3e1d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.form-select.is-invalid:focus {
  box-shadow: 0 0 0 0.15rem rgba(255, 62, 29, 0.18);
}
.form-select.is-valid {
  border-color: #71dd37;
}
.form-select.is-valid:focus {
  box-shadow: 0 0 0 0.15rem rgba(113, 221, 55, 0.18);
}
.form-select {
}
@media (max-width: 575.98px) {
  .form-select {
    min-height: 42px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
  }
}
.form-select-sm {
  border-radius: 0.375rem;
  padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
  background-position: right 0.625rem center;
  background-size: 12px 8px;
  font-size: 0.8125rem;
}
@media (max-width: 575.98px) {
  .form-select-sm {
    min-height: 38px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9375rem;
  }
}
.form-select-lg {
  border-radius: 0.5rem;
  padding: 0.625rem 2.5rem 0.625rem 1rem;
  background-position: right 1rem center;
  font-size: 1.0625rem;
}
.input-group > .form-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-merge {
}
.input-group-merge > .form-select {
  border-left: 0;
  box-shadow: none;
}
.input-group-merge > .form-select:focus {
  border-color: #2563eb;
  border-color: var(--bs-primary, #2563eb);
}
.input-group-merge {
}
.input-group-merge > .input-group-text + .form-select {
  border-left: 0;
}
.dropdown-menu {
  border: 1px solid #d9dee3;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(67, 89, 113, 0.12), 0 2px 6px rgba(67, 89, 113, 0.06);
  padding: 0.375rem;
  min-width: 12rem;
  font-size: 0.875rem;
  animation: rnDropdownIn 140ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top center;
}
@keyframes rnDropdownIn {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dropdown-item {
  border-radius: 0.375rem;
  padding: 0.4375rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition:
    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    padding-left 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-item i {
  line-height: 1;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(37, 99, 235, 0.08);
  background-color: color-mix(in srgb, var(--bs-primary, #2563eb) 8%, transparent);
  color: #2563eb;
  color: var(--bs-primary, #2563eb);
  padding-left: 0.875rem;
}
.dropdown-item.text-danger:hover,
.dropdown-item.text-danger:focus {
  background-color: rgba(255, 62, 29, 0.08);
  color: #ff3e1d;
}
.dropdown-item.text-success:hover,
.dropdown-item.text-success:focus {
  background-color: rgba(113, 221, 55, 0.1);
  color: #71dd37;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.dropdown-divider {
  margin: 0.375rem 0;
  border-color: #e7e7e9;
}
.dropdown-header {
  padding: 0.5rem 0.75rem 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8a8d93;
}
@media (max-width: 575.98px) {
  .table .dropdown-menu,
  td .dropdown-menu,
  .card-datatable .dropdown-menu {
    min-width: 14rem;
    max-width: calc(100vw - 1.5rem);
    font-size: 0.9375rem;
  }
  .table .dropdown-item,
  td .dropdown-item,
  .card-datatable .dropdown-item {
    padding: 0.625rem 0.75rem;
  }
}
.form-select option:disabled {
  color: #b4b7bd;
}
.card > .card-header {
  padding: 0.75rem 1.25rem;
  background-color: transparent;
  border-bottom: 1px solid #e9ecef;
}
.card > .card-header h5 {
  font-size: 0.9375rem;
  font-weight: 600;
}
.card > .card-header h6 {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #697a8d;
}
@media (max-width: 575.98px) {
  .card > .card-header {
    padding: 0.625rem 1rem;
  }
  .card > .card-body {
    padding: 1rem;
  }
}
.form-control {
  border: 1px solid #d9dee3;
  border-radius: 0.5rem;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.form-control:hover:not(:disabled):not([readonly]) {
  border-color: #a6acb4;
}
.form-control:focus,
.form-control:focus-visible {
  border-color: #2563eb;
  border-color: var(--bs-primary, #2563eb);
  box-shadow: 0 0 0 0.15rem rgba(37, 99, 235, 0.18);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--bs-primary, #2563eb) 18%, transparent);
}
.form-control.is-invalid {
  border-color: #ff3e1d;
}
.form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.15rem rgba(255, 62, 29, 0.18);
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #f5f5f9;
  cursor: not-allowed;
  opacity: 0.85;
}
.form-control {
}
@media (max-width: 575.98px) {
  .form-control {
    min-height: 42px;
    font-size: 1rem;
  }
}
.form-control-sm {
  border-radius: 0.375rem;
  font-size: 0.8125rem;
}
@media (max-width: 575.98px) {
  .form-control-sm {
    min-height: 38px;
    font-size: 0.9375rem;
  }
}
.form-label {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.375rem;
  color: #384551;
}
.is-invalid ~ .invalid-feedback,
.input-group:has(.is-invalid) + .invalid-feedback,
.input-group:has(.is-invalid) ~ .invalid-feedback {
  display: block;
}
.invalid-feedback {
  font-size: 0.75rem;
  color: #ff3e1d;
}
.invalid-feedback > span {
  display: block;
}
.d-flex.justify-content-end > .btn,
.action-bar > .btn {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
@media (max-width: 575.98px) {
  .d-flex.justify-content-end > .btn,
  .action-bar > .btn {
    min-width: 88px;
  }
}
.table-responsive,
.card-datatable.table-responsive {
  border-radius: 0 0 0.5rem 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table {
  margin-bottom: 0;
}
.table > thead > tr > th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #697a8d;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  padding: 0.625rem 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}
.table > tbody > tr > td {
  padding: 0.625rem 0.875rem;
  vertical-align: middle;
  font-size: 0.8125rem;
}
.table > tbody > tr {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.table > tbody > tr:hover {
  background-color: rgba(105, 108, 255, 0.03);
}
@media (max-width: 575.98px) {
  .table:not(.table-bordered):not(.table-borderless) {
    min-width: 600px;
  }
}
td > .btn.btn-sm.btn-icon + .btn.btn-sm.btn-icon,
.action-icons > .btn + .btn {
  margin-left: 0.125rem;
}
td > .btn.btn-sm.btn-icon,
.action-icons > .btn {
}
@media (max-width: 575.98px) {
  td > .btn.btn-sm.btn-icon,
  .action-icons > .btn {
    width: 36px;
    height: 36px;
  }
}
.modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
@media (max-width: 575.98px) {
  .modal-dialog {
    margin: 0;
    min-height: 100%;
    max-width: 100%;
  }
  .modal-dialog .modal-content {
    border-radius: 0;
    height: 100vh;
    max-height: 100vh;
  }
}
.modal-content {
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 16px 48px rgba(67, 89, 113, 0.18);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 2rem);
}
.modal-header,
.modal-footer {
  flex: 0 0 auto;
}
.modal-content > form,
.modal-content > .modal-form-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.modal-header {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #e9ecef;
  align-items: center;
}
.modal-header .modal-title {
  font-size: 1rem;
  font-weight: 600;
}
.modal-body {
  padding: 1.25rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-footer {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid #e9ecef;
}
@media (max-width: 575.98px) {
  .modal-footer {
    flex-direction: column-reverse;
  }
  .modal-footer > .btn {
    width: 100%;
    margin: 0 0 0.375rem 0;
  }
}
.btn {
  transition:
    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.375rem;
}
.btn:focus,
.btn:focus-visible {
  box-shadow: 0 0 0 0.15rem rgba(37, 99, 235, 0.18);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--bs-primary, #2563eb) 18%, transparent);
}
.btn-sm.btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-sm.btn-icon i {
  line-height: 1;
}
td[colspan].text-center.text-muted {
  padding: 2.5rem 1rem;
}
td[colspan].text-center.text-muted i.fs-1 {
  font-size: 2.5rem;
  opacity: 0.5;
  margin-bottom: 0.5rem;
}
.page-header-sticky {
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: var(--bs-body-bg, #fff);
  padding-block: 0.75rem;
}
.rn-header-control {
  flex: 1 1 auto;
  min-inline-size: 9rem;
  max-inline-size: 15.625rem;
}
@media (min-width: 992px) {
  .rn-auth-form-panel:has(app-register-company) {
    padding-block: 0.5rem !important;
    padding-inline: 1rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-auth-card {
    padding: 1.5rem 1.25rem;
  }
  .rn-auth-form-panel:has(app-register-company) .form-label {
    margin-block-end: 0.25rem;
  }
  .rn-auth-form-panel:has(app-register-company) form > * {
    margin-block-end: 0.375rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) form > :last-child {
    margin-block-end: 0 !important;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-stepper {
    margin-block-end: 1.25rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) {
  }
  .rn-auth-form-panel:has(app-register-company) app-register-company > .d-flex.justify-content-center {
    margin-block-end: 0.75rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) app-register-company > .text-center {
    margin-block-end: 0.75rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) h3 {
    margin-block-end: 0.25rem !important;
  }
}
@media (min-width: 992px) and (max-height: 860px) {
  .rn-auth-form-panel:has(app-register-company) h3 {
    font-size: 1.35rem;
  }
  .rn-auth-form-panel:has(app-register-company) {
  }
  .rn-auth-form-panel:has(app-register-company) app-register-company > .d-flex.justify-content-center {
    display: none;
  }
  .rn-auth-form-panel:has(app-register-company) app-register-company > .text-center > p {
    display: none;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-auth-eyebrow {
    display: none;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-stepper {
    --rn-step-size: 2rem;
    margin-block-end: 1rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-stepper__hint {
    display: none;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-auth-card {
    padding: 1.25rem 1rem;
  }
}
@media (min-width: 992px) and (max-height: 820px) {
  .rn-auth-form-panel:has(app-register-company) .form-control,
  .rn-auth-form-panel:has(app-register-company) .styled-select-trigger {
    min-block-size: 34px;
    padding-block: 0.25rem;
  }
  .rn-auth-form-panel:has(app-register-company) .input-group-text {
    padding-block: 0.25rem;
  }
  .rn-auth-form-panel:has(app-register-company) form > * {
    margin-block-end: 0.25rem !important;
  }
  .rn-auth-form-panel:has(app-register-company) .rn-stepper {
    margin-block-end: 0.75rem !important;
  }
}
.input-group > app-styled-select,
.input-group > app-select,
.input-group > app-product-picker {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > app-styled-select .styled-select {
  display: block;
}
.input-group > app-styled-select .form-select,
.input-group > app-select .form-select,
.input-group > app-product-picker .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group.rn-field-icon > .input-group-text:first-child {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
  color: rgb(var(--bs-primary-rgb));
}
.input-group.rn-field-icon > .input-group-text:first-child i {
  font-size: 1.15rem;
}
:root {
  --rn-detail-line: rgba(0, 0, 0, 0.14);
}
:root[data-bs-theme=dark] {
  --rn-detail-line: rgba(255, 255, 255, 0.16);
}
.rn-detail-table {
}
.rn-detail-table > tbody > tr > th,
.rn-detail-table > tbody > tr > td {
  padding: 0.5rem 0.75rem;
  background-color: transparent;
}
.rn-detail-table {
}
.rn-detail-table > tbody > tr > th {
  width: 1%;
  min-width: 8.5rem;
  font-weight: 400;
  color: var(--rn-text-muted);
  white-space: nowrap;
  text-transform: none;
  letter-spacing: normal;
}
.rn-detail-table > tbody > tr > td {
  font-weight: 500;
  color: var(--bs-body-color);
  word-break: break-word;
}
.rn-detail-table {
  border: 1px solid var(--rn-detail-line);
  border-radius: 0.5rem;
  overflow: hidden;
}
.rn-detail-table > tbody > tr > th,
.rn-detail-table > tbody > tr > td {
  border: 1px solid var(--rn-detail-line);
}
.rn-detail-table {
}
.rn-detail-table > tbody > tr > th {
  border-left: 0;
  background-color: rgba(var(--bs-primary-rgb), 0.05);
}
.rn-detail-table > tbody > tr > td {
  border-right: 0;
}
.rn-detail-table > tbody > tr:first-child > th,
.rn-detail-table > tbody > tr:first-child > td {
  border-top: 0;
}
.rn-detail-table > tbody > tr:last-child > th,
.rn-detail-table > tbody > tr:last-child > td {
  border-bottom: 0;
}
.rn-detail-table {
}
.rn-detail-table > tbody > tr > th > i.ti {
  margin-right: 0.5rem;
  color: rgb(var(--bs-primary-rgb));
  vertical-align: -0.125em;
}
.rn-detail-table {
}
@media (max-width: 575.98px) {
  .rn-detail-table > tbody > tr > th,
  .rn-detail-table > tbody > tr > td {
    display: block;
    width: 100%;
    white-space: normal;
    border-right: 0;
    border-left: 0;
  }
  .rn-detail-table {
  }
  .rn-detail-table > tbody > tr > th {
    padding-bottom: 0.125rem;
    border-bottom: 0;
    background-color: transparent;
  }
  .rn-detail-table > tbody > tr > td {
    padding-top: 0;
  }
}
.rn-detail-table code {
  color: rgb(var(--bs-primary-rgb));
  background-color: transparent;
  padding: 0;
}
:root {
  --rn-hint-fill: #7367f0;
  --rn-hint-fill: rgb(var(--bs-primary-rgb));
  --rn-hint-on-fill: #fff;
}
.rn-hint {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.rn-hint .rn-hint-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  line-height: 1;
  font-size: 1.05rem;
  background-color: rgba(var(--bs-primary-rgb), 0.12);
  color: rgb(var(--bs-primary-rgb));
  transition: background-color 0.12s ease-in-out;
}
.rn-hint .rn-hint-trigger:hover,
.rn-hint .rn-hint-trigger:focus-visible {
  background-color: rgba(var(--bs-primary-rgb), 0.22);
}
.rn-hint .rn-hint-bubble {
  position: absolute;
  z-index: 1080;
  width: max-content;
  max-width: min(26rem, 80vw);
  padding: 0.875rem 1.125rem;
  border: 0;
  border-radius: 0.75rem;
  background-color: var(--rn-hint-fill);
  color: var(--rn-hint-on-fill);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
  box-shadow: 0 0.5rem 1.5rem rgba(var(--bs-primary-rgb), 0.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease-in-out;
}
.rn-hint {
}
.rn-hint .rn-hint-bubble::after {
  content: "";
  position: absolute;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
}
.rn-hint .rn-hint-bottom {
  top: calc(100% + 0.5rem);
  left: 0;
}
.rn-hint .rn-hint-bottom::after {
  top: -0.5rem;
  left: 0.75rem;
  border-bottom: 0.5rem solid var(--rn-hint-fill);
}
.rn-hint .rn-hint-top {
  bottom: calc(100% + 0.5rem);
  left: 0;
}
.rn-hint .rn-hint-top::after {
  bottom: -0.5rem;
  left: 0.75rem;
  border-top: 0.5rem solid var(--rn-hint-fill);
}
.rn-hint .rn-hint-right {
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
}
.rn-hint .rn-hint-left {
  right: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
}
.rn-hint .rn-hint-right::after,
.rn-hint .rn-hint-left::after {
  display: none;
}
.rn-hint:hover .rn-hint-bubble,
.rn-hint:focus-within .rn-hint-bubble,
.rn-hint.is-pinned .rn-hint-bubble {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575.98px) {
  .rn-hint .rn-hint-bubble {
    position: fixed;
    left: 0.75rem;
    right: 0.75rem;
    top: auto;
    bottom: 1rem;
    width: auto;
    max-width: none;
    transform: none;
    font-size: 1rem;
    padding: 1rem 1.125rem;
    box-shadow: 0 -0.25rem 1.5rem rgba(var(--bs-primary-rgb), 0.35);
  }
  .rn-hint .rn-hint-bubble::after {
    display: none;
  }
}
.rn-hint .rn-hint-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}
.rn-hint .rn-hint-head-icon {
  display: none;
}
.rn-hint .rn-hint-title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--rn-hint-on-fill);
}
.rn-hint .rn-hint-close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.8125rem;
  line-height: 1;
}
.rn-hint .rn-hint-close:hover {
  background-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.rn-hint .rn-hint-body {
  display: block;
  color: rgba(255, 255, 255, 0.92);
}
.rn-hint .rn-hint-note {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.14);
}
.rn-hint .rn-hint-note-icon {
  flex: 0 0 auto;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
}
.rn-hint .rn-hint-note-copy {
  display: block;
  min-width: 0;
}
.rn-hint .rn-hint-note-title {
  display: block;
  margin-bottom: 0.125rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}
.rn-hint .rn-hint-note-text {
  display: block;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.8125rem;
  line-height: 1.55;
}
@media (max-width: 575.98px) {
  .rn-hint .rn-hint-body {
    font-size: 0.9375rem;
  }
  .rn-hint .rn-hint-note-text {
    font-size: 0.875rem;
  }
}
:root {
  --rn-density-scale: 1;
}
:root[data-density=compact] .btn:not(.btn-sm):not(.btn-lg):not(.btn-icon),
:root[data-density=spacious] .btn:not(.btn-sm):not(.btn-lg):not(.btn-icon) {
  padding-top: calc(0.4375rem * var(--rn-density-scale));
  padding-bottom: calc(0.4375rem * var(--rn-density-scale));
}
:root[data-density=compact] .form-control:not(.form-control-sm):not(.form-control-lg),
:root[data-density=spacious] .form-control:not(.form-control-sm):not(.form-control-lg),
:root[data-density=compact] .form-select:not(.form-select-sm):not(.form-select-lg),
:root[data-density=spacious] .form-select:not(.form-select-sm):not(.form-select-lg) {
  padding-top: calc(0.4375rem * var(--rn-density-scale));
  padding-bottom: calc(0.4375rem * var(--rn-density-scale));
}
:root[data-density=compact] .table > :not(caption) > * > * {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
:root[data-density=spacious] .table > :not(caption) > * > * {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.rn-reduced-motion *,
.rn-reduced-motion *::before,
.rn-reduced-motion *::after {
  transition-duration: 0s !important;
  animation-duration: 0s !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
}
.rn-hover-lift {
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}
.rn-hover-lift:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -10px rgba(var(--bs-primary-rgb), 0.25);
  border-color: rgba(var(--bs-primary-rgb), 0.2);
}
.layout-menu-toggle > .nav-link,
.layout-navbar a.nav-link,
.layout-navbar .nav-link.dropdown-toggle,
.app-brand .layout-menu-toggle.menu-link,
a.layout-menu-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.layout-menu-toggle > .nav-link,
.layout-navbar a.nav-link,
.layout-navbar .nav-link.dropdown-toggle,
.app-brand .layout-menu-toggle.menu-link,
a.layout-menu-toggle {
  min-inline-size: 24px;
  min-block-size: 24px;
}
.footer-link,
.card-header a,
.card-body > a.small {
  display: inline-flex;
  align-items: center;
  min-block-size: 24px;
}
@media (max-width: 991.98px), (pointer: coarse) {
  .layout-menu-toggle > .nav-link,
  .layout-navbar a.nav-link,
  .layout-navbar .nav-link.dropdown-toggle,
  .app-brand .layout-menu-toggle.menu-link,
  a.layout-menu-toggle {
    min-inline-size: 44px;
    min-block-size: 44px;
  }
  .layout-navbar .dropdown-user > .nav-link {
    min-inline-size: 44px;
    min-block-size: 44px;
  }
  .form-check-input {
    inline-size: 24px;
    block-size: 24px;
    margin-top: 0.125rem;
  }
  .form-check:not(.form-switch) {
    padding-inline-start: 32px;
  }
  .form-check:not(.form-switch) > .form-check-input {
    margin-inline-start: -32px;
  }
  .form-switch {
    padding-inline-start: 56px;
  }
  .form-switch .form-check-input {
    inline-size: 48px;
    block-size: 24px;
    margin-top: 0;
    margin-inline-start: -56px;
  }
  .form-check {
    min-block-size: 24px;
  }
  .form-check-label + .text-muted,
  .form-check .text-muted {
    overflow-wrap: anywhere;
  }
  .btn-sm,
  .btn.btn-icon {
    min-block-size: 32px;
    min-inline-size: 32px;
  }
}
.btn-sm,
.btn.btn-icon,
.btn-group-sm > .btn {
  min-block-size: 24px;
}
.rn-customizer-launcher {
  position: fixed;
  inset-inline-end: 0;
  inset-block-start: calc(50% - 24px);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  inline-size: 48px;
  block-size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-start-start-radius: 8px;
  border-end-start-radius: 8px;
  background: var(--bs-primary, #2563eb);
  color: #fff;
  font-size: 1.25rem;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.25);
  z-index: 1081;
  cursor: ns-resize;
  transition: box-shadow 0.2s ease, filter 0.2s ease;
}
.rn-customizer-launcher:hover,
.rn-customizer-launcher:focus-visible {
  filter: brightness(1.08);
  color: #fff;
}
.rn-customizer-launcher {
}
.rn-customizer-launcher.is-dragging {
  transition: none;
  filter: brightness(1.12);
  box-shadow: -6px 0 18px rgba(0, 0, 0, 0.35);
}
#template-customizer {
  max-inline-size: 100vw !important;
}
@media (max-width: 420px) {
  #template-customizer {
    inline-size: 100vw !important;
  }
}
#template-customizer .p-4 > .d-flex > a,
#template-customizer .d-flex.gap-2 > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 24px;
  min-block-size: 24px;
}
#template-customizer label.switch {
  min-block-size: 24px;
  display: inline-flex;
  align-items: center;
}
#template-customizer .rn-swatch {
  inline-size: 36px;
  block-size: 36px;
  padding: 0;
  border: 3px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bs-body-color) 22%, transparent);
  transition: transform 0.12s ease;
}
#template-customizer .rn-swatch:hover {
  transform: translateY(-1px);
}
#template-customizer .rn-swatch.is-selected {
  border-color: var(--bs-body-color);
}
#template-customizer .rn-swatch:focus-visible {
  outline: 2px solid var(--bs-body-color);
  outline-offset: 2px;
}
#template-customizer .rn-swatch .ti {
  font-size: 1rem;
}
#template-customizer {
}
#template-customizer .rn-swatch-tip {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--bs-heading-color);
  color: var(--bs-paper-bg);
  font-size: 12.5px;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  translate: clamp(-1 * var(--rn-tip-sl), -50%, var(--rn-tip-sr) - 100%) -100%;
  animation: rn-swatch-tip-in 0.12s ease-out;
}
#template-customizer .rn-swatch-tip.is-below {
  translate: clamp(-1 * var(--rn-tip-sl), -50%, var(--rn-tip-sr) - 100%) 0;
}
#template-customizer .rn-swatch-tip__dot {
  flex: none;
  inline-size: 12px;
  block-size: 12px;
  border-radius: 50%;
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--bs-paper-bg) 75%, transparent);
}
#template-customizer .rn-swatch-tip__name {
  font-weight: 600;
}
#template-customizer .rn-swatch-tip__hex {
  font-family: var(--bs-font-monospace);
  letter-spacing: 0.02em;
  opacity: 0.72;
}
#template-customizer {
}
#template-customizer .rn-swatch-tip-arrow {
  position: absolute;
  z-index: 3;
  inline-size: 0;
  block-size: 0;
  border: 6px solid transparent;
  border-top-color: var(--bs-heading-color);
  translate: -50% 0;
  pointer-events: none;
}
#template-customizer .rn-swatch-tip-arrow.is-below {
  border-top-color: transparent;
  border-bottom-color: var(--bs-heading-color);
  translate: -50% -100%;
}
@keyframes rn-swatch-tip-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  #template-customizer .rn-swatch,
  #template-customizer .rn-swatch-tip {
    transition: none;
    animation: none;
  }
}
.rn-reduced-motion #template-customizer .rn-swatch,
.rn-reduced-motion #template-customizer .rn-swatch-tip {
  transition: none;
  animation: none;
}
.rn-reduced-motion #template-customizer .rn-swatch:hover {
  transform: none;
}
.layout-page .container-xxl {
  max-inline-size: 100%;
  padding-inline: 1rem;
}
@media (min-width: 1400px) {
  .layout-page .container-xxl {
    padding-inline: 1.25rem;
  }
}
.min-width-0 {
  min-inline-size: 0;
}
@media (max-width: 991.98px), (pointer: coarse) {
  .d-flex.justify-content-between,
  .card-header {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
  .nav-tabs,
  .nav-pills,
  ul.nav {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
  .d-flex.justify-content-between > .d-flex,
  .card-header > .d-flex,
  .card-header .btn-group {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
}
html[data-rn-primary-ink=dark] .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%232f2b3d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-rn-primary-ink=dark] .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%232f2b3d'/%3e%3c/svg%3e");
}
html[data-rn-primary-ink=dark] .form-check-input[type=checkbox]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%232f2b3d' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
html[data-rn-primary-ink=dark] .badge.bg-primary {
  --bs-badge-color: var(--bs-primary-contrast);
}
html[data-rn-primary-ink=dark] {
}
html[data-rn-primary-ink=dark] .bg-primary.text-white {
  color: var(--bs-primary-contrast) !important;
}
:root {
  --rn-brand-orange: #E07A1F;
  --rn-brand-orange-soft: #F5A650;
  --rn-brand-navy: #0E1428;
  --rn-brand-navy-2: #1A2238;
  --rn-brand-sand: #F5F3EF;
  --rn-brand-sand-soft: #FBFAF8;
}
.rn-text-brand {
  color: var(--rn-brand-orange);
}
.rn-text-brand-soft {
  color: var(--rn-brand-orange-soft);
}
.breadcrumb-item.active {
  font-weight: 600;
  color: var(--bs-heading-color, #2f3349);
}
.breadcrumb {
  align-items: center;
}
.breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.breadcrumb-item::before {
  display: inline-flex;
  align-items: center;
}
.breadcrumb-item {
}
.breadcrumb-item .ti {
  display: inline-block;
  line-height: 1;
}
.rn-hero-btn {
  --rn-hero-btn-ink: var(--bs-heading-color, #2f3349);
  background: #fff;
  color: var(--rn-hero-btn-ink);
  border: 1px solid rgba(255, 255, 255, 0.9);
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    background-color 0.12s ease;
}
.rn-hero-btn:hover,
.rn-hero-btn:focus-visible {
  background: #fff;
  color: var(--rn-hero-btn-ink);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}
.rn-hero-btn:disabled,
.rn-hero-btn.disabled {
  opacity: 0.65;
  transform: none;
  box-shadow: none;
}
.rn-hero-btn {
}
.rn-hero-btn .ti {
  color: var(--bs-primary, #2563eb);
}
.rn-hero-btn--muted .ti {
  color: var(--bs-secondary-color, #6b7280);
}
.rn-hero-btn--lg {
  font-size: 0.9375rem;
  font-weight: 650;
  padding-block: 0.5rem;
  padding-inline: 1.15rem;
}
.rn-hero-btn--lg .ti {
  font-size: 1.15rem;
}
.rn-hero-btn--brand {
  font-weight: 700;
}
.rn-hero-btn--brand .ti {
  color: var(--rn-brand-orange, #E07A1F);
}
.rn-auth-shell {
  min-height: 100dvh;
}
@media (max-width: 991.98px) {
  .rn-auth-shell {
    min-height: 0;
  }
}
.rn-auth-shell {
}
@media (min-width: 992px) {
  .rn-auth-shell > .rn-auth-panel {
    position: sticky;
    inset-block-start: 0;
    block-size: 100dvh;
  }
}
.rn-auth-panel {
  --rn-auth-base: var(--bs-primary, #2563eb);
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      90% 60% at 88% 6%,
      rgba(224, 122, 31, 0.2) 0%,
      rgba(224, 122, 31, 0.05) 45%,
      transparent 70%),
    radial-gradient(
      80% 70% at 6% 96%,
      rgba(115, 103, 240, 0.34) 0%,
      rgba(115, 103, 240, 0.08) 50%,
      transparent 72%),
    radial-gradient(
      130% 90% at 105% 70%,
      rgba(255, 255, 255, 0.07) 0 42%,
      transparent 43%),
    linear-gradient(
      140deg,
      color-mix(in srgb, var(--rn-auth-base) 55%, #000) 0%,
      color-mix(in srgb, var(--rn-auth-base) 72%, #000) 52%,
      color-mix(in srgb, var(--rn-auth-base) 80%, #000) 100%);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-panel {
    background: #2f2782;
  }
}
.rn-auth-panel {
}
.rn-auth-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
}
.rn-auth-panel {
}
.rn-auth-panel > * {
  position: relative;
  z-index: 1;
}
.rn-auth-form-panel {
  --rn-auth-base: var(--bs-primary, #2563eb);
  background:
    radial-gradient(
      circle at 100% 0%,
      color-mix(in srgb, var(--rn-auth-base) 11%, transparent),
      transparent 45%),
    radial-gradient(
      circle at 0% 100%,
      color-mix(in srgb, var(--rn-auth-base) 8%, transparent),
      transparent 45%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--rn-auth-base) 3%, #fff) 0%,
      color-mix(in srgb, var(--rn-auth-base) 8%, #fff) 100%);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-form-panel {
    background: #f7f6fd;
  }
}
.rn-auth-mark {
  --rn-auth-base: var(--bs-primary, #2563eb);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--rn-auth-base) 62%, #000) 0%,
      color-mix(in srgb, var(--rn-auth-base) 88%, #000) 100%);
  box-shadow: 0 8px 22px -8px color-mix(in srgb, var(--rn-auth-base) 50%, transparent);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-mark {
    background: #4b3fd0;
  }
}
.rn-auth-eyebrow {
  --rn-auth-base: var(--bs-primary, #2563eb);
  background: color-mix(in srgb, var(--rn-auth-base) 12%, transparent);
  color: color-mix(in srgb, var(--rn-auth-base) 62%, #000);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-eyebrow {
    background: rgba(115, 103, 240, 0.12);
    color: #3b338c;
  }
}
.rn-auth-submit {
  --rn-auth-btn: var(--rn-auth-accent, #7c3aed);
  --rn-auth-btn-end: #c56b1b;
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-submit {
    --rn-auth-btn-end: color-mix(in srgb, var(--rn-brand-orange, #E07A1F) 88%, #000);
  }
}
.rn-auth-submit {
  font-size: 1.1875rem;
  font-weight: 700;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--rn-auth-btn) 72%, #000) 0%,
      var(--rn-auth-btn-end) 100%);
  box-shadow: 0 12px 26px -10px color-mix(in srgb, var(--rn-auth-btn) 45%, transparent), 0 6px 12px -6px rgba(194, 65, 12, 0.28);
  border: 0;
  border-radius: 12px;
  padding: 0.85rem 1.25rem;
  letter-spacing: 0.3px;
  color: #fff;
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-submit {
    background:
      linear-gradient(
        90deg,
        #534aad,
        #c56b1b);
  }
}
.rn-auth-submit:hover:not(:disabled),
.rn-auth-submit:focus-visible:not(:disabled) {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--rn-auth-btn) 62%, #000) 0%,
      color-mix(in srgb, var(--rn-brand-orange, #E07A1F) 74%, #000) 100%);
  color: #fff;
}
.rn-auth-submit {
}
.rn-auth-submit:disabled,
.rn-auth-submit.disabled {
  opacity: 1;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--rn-auth-btn) 55%, #000) 0%,
      color-mix(in srgb, var(--rn-brand-orange, #E07A1F) 58%, #000) 100%);
  color: #fff;
  box-shadow: none;
  pointer-events: auto;
  cursor: progress;
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-auth-submit:disabled,
  .rn-auth-submit.disabled {
    background: #3f35b0;
  }
}
.rn-text-gradient {
  background:
    linear-gradient(
      90deg,
      var(--rn-auth-accent, #7c3aed) 0%,
      #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.rn-on-dark h1,
.rn-on-dark h2,
.rn-on-dark h3,
.rn-on-dark h4,
.rn-on-dark h5,
.rn-on-dark h6,
.rn-on-dark .h1,
.rn-on-dark .h2,
.rn-on-dark .h3,
.rn-on-dark .h4,
.rn-on-dark .h5,
.rn-on-dark .h6 {
  color: inherit;
}
.rn-hero {
  --rn-hero-base: var(--bs-primary, #2563eb);
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  color: #fff;
  border: 0;
  background:
    radial-gradient(
      125% 150% at 88% 8%,
      rgba(255, 255, 255, 0.13) 0 38%,
      transparent 39%),
    radial-gradient(
      110% 140% at 104% 68%,
      rgba(255, 255, 255, 0.09) 0 42%,
      transparent 43%),
    linear-gradient(
      115deg,
      color-mix(in srgb, var(--rn-hero-base) 88%, #000) 0%,
      var(--rn-hero-base) 48%,
      color-mix(in srgb, var(--rn-hero-base) 80%, #fff) 100%);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .rn-hero {
    background: var(--rn-hero-base);
  }
}
.rn-hero {
}
.rn-hero h1,
.rn-hero h2,
.rn-hero h3,
.rn-hero h4,
.rn-hero h5,
.rn-hero h6,
.rn-hero .h1,
.rn-hero .h2,
.rn-hero .h3,
.rn-hero .h4,
.rn-hero .h5,
.rn-hero .h6 {
  color: inherit;
}
.rn-hero__name {
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0;
  color: #fff;
}
.rn-hero__tile {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.75rem;
}
.rn-auth-card {
  position: relative;
  background: var(--bs-card-bg, #fff);
  border: 1px solid color-mix(in srgb, var(--bs-primary, #2563eb) 8%, transparent);
  border-radius: 1.25rem;
  padding: 2rem 1.75rem;
  box-shadow: 0 1px 2px rgba(16, 12, 48, 0.04), 0 18px 40px -12px rgba(16, 12, 48, 0.16);
}
@supports not (border: 1px solid color-mix(in srgb, red 50%, blue)) {
  .rn-auth-card {
    border-color: rgba(115, 103, 240, 0.08);
  }
}
.rn-auth-card {
}
@media (max-width: 991.98px) {
  .rn-auth-card {
    border-radius: 1rem;
    padding: 1.5rem 1.25rem;
    box-shadow: 0 1px 2px rgba(16, 12, 48, 0.04), 0 8px 20px -10px rgba(16, 12, 48, 0.12);
  }
}
.rn-auth-form-panel .rn-auth-card {
  margin-block: 0;
}
@media (min-width: 992px) {
  .rn-auth-form-panel {
    padding-inline: 1rem !important;
  }
}
.rn-stepper {
  --rn-step-size: 2.25rem;
  --rn-step-rail: 2px;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rn-stepper__item {
  position: relative;
  flex: 1 1 0;
  min-inline-size: 0;
  text-align: center;
}
.rn-stepper__item + .rn-stepper__item::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--rn-step-size) / 2 - var(--rn-step-rail) / 2);
  inset-inline-end: 50%;
  inline-size: 100%;
  block-size: var(--rn-step-rail);
  background: var(--bs-border-color, #e4e6e8);
  border-radius: var(--rn-step-rail);
}
.rn-stepper__item.is-done::before,
.rn-stepper__item.is-current::before {
  background: var(--rn-auth-accent, #7c3aed);
}
.rn-stepper__marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--rn-step-size);
  block-size: var(--rn-step-size);
  border-radius: 50%;
  background: var(--bs-secondary-bg, #f1f2f6);
  color: var(--bs-secondary-color, #8592a3);
  font-weight: 700;
  font-size: 0.9375rem;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}
.rn-stepper__marker .ti {
  font-size: 1.125rem;
}
.rn-stepper__item.is-done .rn-stepper__marker,
.rn-stepper__item.is-current .rn-stepper__marker {
  background: var(--rn-auth-accent, #7c3aed);
  color: #fff;
}
.rn-stepper__item.is-current .rn-stepper__marker {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--rn-auth-accent, #7c3aed) 20%, transparent);
}
@supports not (box-shadow: 0 0 0 1px color-mix(in srgb, red 50%, blue)) {
  .rn-stepper__item.is-current .rn-stepper__marker {
    box-shadow: 0 0 0 0.25rem rgba(115, 103, 240, 0.2);
  }
}
.rn-stepper__dot {
  inline-size: 0.625rem;
  block-size: 0.625rem;
  border-radius: 0.1875rem;
  background: currentColor;
}
.rn-stepper__label {
  display: block;
  margin-block-start: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--bs-heading-color, #2f3349);
}
.rn-stepper__item.is-current .rn-stepper__label {
  color: var(--rn-auth-accent, #7c3aed);
}
.rn-stepper__hint {
  display: block;
  margin-block-start: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--bs-secondary-color, #8592a3);
  overflow-wrap: anywhere;
}
@media (max-width: 575.98px) {
  .rn-stepper {
    --rn-step-size: 2rem;
  }
  .rn-stepper__label {
    font-size: 0.8125rem;
  }
  .rn-stepper__hint {
    display: none;
  }
}
.layout-menu .menu-link > app-sidebar-menu-icon {
  display: inline-flex !important;
  flex: none !important;
  align-items: center;
  align-self: center;
}
.layout-menu .menu-link .menu-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: none !important;
  font-size: inherit !important;
}
.layout-menu .menu-icon.rn-menu-icon--main {
  inline-size: 1.875rem !important;
  block-size: 1.875rem !important;
  margin-inline-end: 0.625rem !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-menu-icon--main {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 0.4375rem;
  border: 0 solid transparent;
  box-sizing: border-box;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.layout-menu .rn-sidebar-icon-tile.rn-menu-icon--main > i {
  font-size: 1.0625rem !important;
  line-height: 1 !important;
}
.layout-menu .menu-icon.rn-menu-icon--child {
  inline-size: 1.5rem !important;
  block-size: 1.5rem !important;
  margin-inline-end: 0.5rem !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-menu-icon--child {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 0.375rem;
  border: 0 solid transparent;
  box-sizing: border-box;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.layout-menu .rn-sidebar-icon-tile.rn-menu-icon--child > i {
  font-size: 0.9375rem !important;
  line-height: 1 !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-primary:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-primary) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-primary:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-primary:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-success:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-success) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-success:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-success:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-info:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-info) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-info:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-info:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-warning:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-warning) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-warning:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-warning:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-danger:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-danger) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-danger:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-danger:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-secondary:not(.rn-sidebar-icon-tile--circle) {
  background-color: var(--bs-secondary) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-tone-secondary:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-tone-secondary:not(.rn-sidebar-icon-tile--circle) > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle {
  border-radius: 50% !important;
  border-width: 0 !important;
  border-style: solid !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-primary,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-primary > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-primary > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-success,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-success > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-success > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-info,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-info > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-info > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-warning,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-warning > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-warning > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-danger,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-danger > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-danger > i {
  color: #fff !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-secondary,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}
.layout-menu .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-secondary > i,
.layout-menu .menu-item.active .rn-sidebar-icon-tile.rn-sidebar-icon-tile--circle.rn-tone-secondary > i {
  color: #fff !important;
}
.layout-menu .menu-sub > .menu-item > .menu-link {
  padding-inline-start: 2.625rem !important;
  min-block-size: 2.125rem;
}
.layout-menu .menu-sub .menu-sub > .menu-item > .menu-link {
  padding-inline-start: 3.25rem !important;
  min-block-size: 2rem;
}
.layout-menu .menu-sub {
  position: relative;
}
.layout-menu .menu-inner > .menu-item.open > .menu-sub::before {
  content: "";
  position: absolute;
  inset-block: 0.35rem 0.35rem;
  inset-inline-start: 1.65rem;
  inline-size: 1px;
  background-color: var(--bs-border-color);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu:not(:hover) .menu-icon.rn-menu-icon--main {
    margin-inline-end: 0 !important;
  }
  .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu:not(:hover) .menu-inner > .menu-item > .menu-link {
    justify-content: center;
    padding-inline: 0.5rem !important;
  }
  .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu:not(:hover) .menu-inner > .menu-item.open > .menu-sub::before {
    display: none;
  }
}
@media (max-width: 991.98px), (pointer: coarse) {
  .layout-menu .menu-icon.rn-menu-icon--main {
    inline-size: 1.75rem !important;
    block-size: 1.75rem !important;
  }
  .layout-menu .menu-icon.rn-menu-icon--child {
    inline-size: 1.375rem !important;
    block-size: 1.375rem !important;
  }
  .layout-menu .rn-sidebar-icon-tile.rn-menu-icon--main > i {
    font-size: 1rem !important;
  }
  .layout-menu .rn-sidebar-icon-tile.rn-menu-icon--child > i {
    font-size: 0.875rem !important;
  }
  .layout-menu .menu-sub > .menu-item > .menu-link {
    padding-inline-start: 2.375rem !important;
  }
}
.layout-menu .menu-item.disabled .rn-sidebar-icon-tile {
  opacity: 0.45;
}
@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/vendor/fonts/instrument-serif-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Inter Auth";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/vendor/fonts/inter-auth-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Caveat Auth";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/vendor/fonts/caveat-auth-latin.woff2) format("woff2");
}
.rn-auth-reference {
  --ref-ink: #101923;
  --ref-copy: #40505b;
  --ref-orange: #ff5528;
  --ref-link: #b9320e;
  position: relative;
  isolation: isolate;
  min-height: 100dvh;
  overflow: hidden;
  color: var(--ref-ink);
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background:
    radial-gradient(
      ellipse at 98% 96%,
      #ff603d 0,
      transparent 34%),
    radial-gradient(
      ellipse at 70% 72%,
      rgba(255, 172, 113, 0.7882352941) 0,
      transparent 48%),
    radial-gradient(
      ellipse at 37% 39%,
      rgba(255, 213, 147, 0.7019607843) 0,
      transparent 51%),
    linear-gradient(
      115deg,
      #fcebd4 0,
      #fff5dc 48%,
      #fff3d5 100%);
}
.rn-auth-reference *,
.rn-auth-reference *::before,
.rn-auth-reference *::after {
  box-sizing: border-box;
}
.rn-auth-reference h1,
.rn-auth-reference h2,
.rn-auth-reference h3,
.rn-auth-reference h4,
.rn-auth-reference p {
  margin: 0;
  color: inherit;
}
.rn-auth-reference a {
  color: var(--ref-link);
  text-decoration: none;
}
.rn-auth-reference a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #a62c09;
}
.rn-auth-reference button,
.rn-auth-reference input,
.rn-auth-reference select {
  font-family: inherit;
}
.rn-auth-reference button,
.rn-auth-reference a,
.rn-auth-reference input,
.rn-auth-reference select,
.rn-auth-reference summary {
  touch-action: manipulation;
}
.rn-auth-reference a:focus-visible,
.rn-auth-reference button:focus-visible,
.rn-auth-reference summary:focus-visible,
.rn-auth-reference [tabindex]:focus-visible {
  outline: 2px solid #a43517;
  outline-offset: 4px;
}
.rn-auth-reference [hidden] {
  display: none !important;
}
.rn-auth-reference .ti {
  flex-shrink: 0;
}
.rn-auth-reference .rn-ref-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background:
    radial-gradient(
      ellipse at 5% 68%,
      rgba(200, 222, 182, 0.3803921569) 0,
      transparent 29%),
    radial-gradient(
      ellipse at 43% 61%,
      rgba(255, 144, 111, 0.3607843137) 0,
      transparent 45%);
}
.rn-auth-reference .rn-ref-linework {
  position: absolute;
  z-index: -1;
  left: 10%;
  top: 0;
  width: min(75%, 1000px);
  height: 100%;
  pointer-events: none;
  opacity: 0.75;
}
.rn-auth-reference .rn-ref-header {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: calc(100% - 96px);
  max-width: 1320px;
  margin: 0 auto;
  padding: 26px 0;
}
.rn-auth-reference .rn-ref-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #0b141d;
  line-height: 1;
  text-decoration: none;
}
.rn-auth-reference .rn-ref-brand:hover {
  color: #0b141d;
  text-decoration: none;
}
.rn-auth-reference .rn-ref-brand > svg {
  height: 46px;
  width: 46px;
  flex-shrink: 0;
}
.rn-auth-reference .rn-ref-brand > span {
  font-family:
    "Instrument Serif",
    Georgia,
    serif;
  font-size: 37px;
  letter-spacing: -1.5px;
}
.rn-auth-reference .rn-ref-brand small {
  display: flex;
  gap: 7px;
  align-items: center;
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 1.1px;
  margin-top: 6px;
}
.rn-auth-reference .rn-ref-brand b {
  font-weight: 400;
}
.rn-auth-reference .rn-ref-header-link {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: #263343;
}
.rn-auth-reference .rn-ref-header-link a {
  font-weight: 500;
}
.rn-auth-reference .rn-ref-main {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, 460px);
  column-gap: clamp(35px, 7vw, 100px);
  width: calc(100% - 112px);
  max-width: 1280px;
  min-height: calc(100dvh - 100px);
  margin: 0 auto;
  padding: 56px 0 180px;
  align-items: start;
}
.rn-auth-reference .rn-ref-marketing {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-top: 0;
}
.rn-auth-reference .rn-ref-marketing h1 {
  font-family:
    "Instrument Serif",
    Georgia,
    serif;
  font-weight: 400;
  font-size: clamp(55px, 5.25vw, 76px);
  letter-spacing: -2.2px;
  line-height: 1.06;
  color: #0b1620;
}
.rn-auth-reference .rn-ref-lede {
  margin-top: 24px;
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.6;
  letter-spacing: -0.4px;
  color: var(--ref-copy);
  max-width: 480px;
}
.rn-auth-reference .rn-ref-features {
  display: flex;
  gap: 25px;
  align-items: center;
  margin-top: 30px;
}
.rn-auth-reference .rn-ref-features > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rn-auth-reference .rn-ref-features > div > span {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7019607843);
  background: rgba(255, 248, 239, 0.768627451);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3333333333);
}
.rn-auth-reference .rn-ref-features i {
  font-size: 22px;
  color: #ff5a2d;
}
.rn-auth-reference .rn-ref-features p {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #13202b;
}
.rn-auth-reference .rn-ref-features--vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 26px;
}
.rn-auth-reference .rn-ref-features--vertical > div {
  gap: 12px;
}
.rn-auth-reference .rn-ref-features--vertical > div > span {
  height: 45px;
  width: 45px;
}
.rn-auth-reference .rn-ref-features--vertical p {
  font-size: 15px;
}
.rn-auth-reference .rn-ref-metrics {
  margin-top: 49px;
  position: relative;
  width: 370px;
  max-width: 100%;
  padding-bottom: 22px;
}
.rn-auth-reference .rn-ref-stat {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      125deg,
      rgba(255, 252, 243, 0.9098039216),
      rgba(255, 248, 241, 0.5490196078));
  border: 1px solid rgba(255, 255, 255, 0.9254901961);
  border-radius: 21px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5333333333), 0 9px 30px rgba(174, 112, 65, 0.0274509804);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 18px 20px;
  min-width: 0;
}
.rn-auth-reference .rn-ref-stat--main {
  width: 247px;
  min-height: 132px;
}
.rn-auth-reference .rn-ref-stat-label {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: #263342;
}
.rn-auth-reference .rn-ref-stat strong {
  display: block;
  font-weight: 600;
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
  font-size: 25px;
  letter-spacing: -0.9px;
  line-height: 1.25;
  margin-top: 6px;
  color: #0b1826;
}
.rn-auth-reference .rn-ref-trend {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #008b35;
  margin-top: 11px;
  line-height: 1.3;
}
.rn-auth-reference .rn-ref-trend--down {
  color: #d63619;
}
.rn-auth-reference .rn-ref-stat-icon {
  position: absolute;
  top: 17px;
  right: 15px;
  background: rgba(255, 247, 239, 0.6117647059);
  border-radius: 15px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #21bb62;
}
.rn-auth-reference .rn-ref-stat-icon i {
  font-size: 29px;
}
.rn-auth-reference .rn-ref-sparkline {
  position: absolute;
  bottom: 12px;
  right: 15px;
  width: 110px;
  height: 46px;
}
.rn-auth-reference .rn-ref-small-stats {
  display: flex;
  gap: 18px;
  margin-top: 16px;
  margin-left: 48px;
}
.rn-auth-reference .rn-ref-small-stats .rn-ref-stat {
  width: 153px;
  min-height: 122px;
  padding: 18px;
  flex-shrink: 0;
}
.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-label {
  font-size: 11px;
}
.rn-auth-reference .rn-ref-stat--orders {
  transform: rotate(-4deg);
}
.rn-auth-reference .rn-ref-stat--stock {
  transform: rotate(-6deg) translateY(-1px);
}
.rn-auth-reference .rn-ref-stat--stock .rn-ref-stat-icon {
  color: #ff5a2d;
}
.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-icon {
  width: 36px;
  height: 40px;
  top: 14px;
  right: 11px;
}
.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-icon i {
  font-size: 25px;
}
.rn-auth-reference .rn-ref-sample-label {
  display: block;
  font-size: 9px;
  color: #72533a;
  letter-spacing: 0.05px;
  position: absolute;
  bottom: -4px;
  left: 3px;
}
.rn-auth-reference .rn-ref-scene {
  position: absolute;
  width: min(900px, 80vw);
  max-width: none;
  height: auto;
  left: -22px;
  bottom: -20px;
  z-index: 1;
  pointer-events: none;
  filter: blur(0.5px);
  -webkit-mask-image:
    linear-gradient(
      to right,
      #000 79%,
      transparent 100%);
  mask-image:
    linear-gradient(
      to right,
      #000 79%,
      transparent 100%);
}
.rn-auth-reference .rn-ref-signature {
  position: absolute;
  z-index: 2;
  right: 8%;
  bottom: 38px;
  font-family: "Caveat Auth", cursive;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -1.7px;
  transform: rotate(-12deg);
  color: #0c1822;
  pointer-events: none;
}
.rn-auth-reference .rn-ref-signature > span {
  padding-left: 20px;
}
.rn-auth-reference .rn-ref-signature > svg {
  display: block;
  width: 115px;
  height: 20px;
  margin: 5px 0 0 43px;
  transform: rotate(-3deg);
}
.rn-auth-reference .rn-ref-form-column {
  position: relative;
  z-index: 3;
  min-width: 0;
}
.rn-auth-reference .rn-ref-card {
  --bs-body-color: #263343;
  --bs-secondary-color: #52606a;
  width: 100%;
  padding: 34px 34px 32px;
  border: 1px solid rgba(255, 255, 255, 0.9607843137);
  border-radius: 26px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 253, 240, 0.4705882353),
      rgba(255, 247, 240, 0.4588235294) 45%,
      rgba(255, 226, 213, 0.6));
  box-shadow: 0 15px 45px rgba(160, 92, 40, 0.062745098), inset 0 1px 0 rgba(255, 255, 255, 0.4392156863);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  isolation: isolate;
}
.rn-auth-reference .rn-ref-card p {
  overflow-wrap: anywhere;
}
.rn-auth-reference .rn-ref-card .text-body {
  color: #263343 !important;
}
.rn-auth-reference .rn-ref-card .text-muted,
.rn-auth-reference .rn-ref-card .text-body-secondary {
  color: #52606a !important;
}
.rn-auth-reference app-login,
.rn-auth-reference app-register-company {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  background: transparent;
}
.rn-auth-reference .rn-auth-card-head {
  margin-bottom: 27px;
  padding: 0;
}
.rn-auth-reference .rn-auth-card-title {
  font-family:
    "Instrument Serif",
    Georgia,
    serif;
  font-weight: 400;
  font-size: 43px;
  line-height: 1.1;
  letter-spacing: -1.25px;
  margin: 0 0 8px;
  color: #071422;
  overflow-wrap: break-word;
}
.rn-auth-reference .rn-auth-card-sub {
  font-size: 13px;
  line-height: 1.5;
  color: #354556;
  margin: 0;
}
.rn-auth-reference .form-label {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  color: #101923;
  margin-bottom: 5px;
  text-transform: none;
  letter-spacing: -0.18px;
}
.rn-auth-reference .form-control,
.rn-auth-reference .form-select,
.rn-auth-reference .styled-select-trigger {
  min-width: 0;
  min-height: 43px;
  border: 1px solid #d9c8bb;
  border-radius: 9px;
  background: rgba(255, 250, 249, 0.7882352941);
  color: #1e2b3a;
  font-size: 12px;
  box-shadow: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.rn-auth-reference .form-control {
  padding: 10px 12px;
}
.rn-auth-reference .form-control::placeholder {
  color: #687382;
  opacity: 1;
}
.rn-auth-reference .form-control:focus,
.rn-auth-reference .form-select:focus {
  border-color: #f87954;
  background: #fffaf8;
  box-shadow: 0 0 0 3px rgba(255, 100, 34, 0.0980392157);
}
.rn-auth-reference .input-group-merge {
  min-height: 43px;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #ddc9be;
  background: rgba(255, 250, 249, 0.7882352941);
  border-radius: 9px;
  box-shadow: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.rn-auth-reference .input-group-merge:focus-within {
  border-color: #f87954;
  box-shadow: 0 0 0 3px rgba(255, 100, 34, 0.0980392157);
  background: #fffaf8;
}
.rn-auth-reference .input-group-merge > .form-control {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  min-height: 41px;
  height: auto;
  padding: 10px 7px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px;
}
.rn-auth-reference .input-group-merge > .input-group-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 0;
  background: transparent;
  color: #354354;
  padding: 0 11px;
  min-width: 38px;
  border-radius: 8px !important;
  box-shadow: none;
}
.rn-auth-reference .input-group-text .ti {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.rn-auth-reference .input-group-merge > button.input-group-text {
  cursor: pointer;
  min-width: 39px;
  border-radius: 8px;
  color: #344555;
  background: transparent !important;
}
.rn-auth-reference .input-group-merge > button.input-group-text:hover {
  color: #c14321;
}
.rn-auth-reference .input-group-merge:has(.is-invalid) {
  border-color: #ae321e;
  box-shadow: 0 0 0 1px rgba(174, 50, 30, 0.0705882353);
}
.rn-auth-reference .is-invalid {
  border-color: #ae321e !important;
}
.rn-auth-reference .invalid-feedback {
  font-size: 11px;
  color: #a92714;
  line-height: 1.5;
  margin-top: 5px;
  font-weight: 400;
}
.rn-auth-reference .form-check {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  padding: 0;
  margin: 0;
}
.rn-auth-reference .form-check-input {
  float: none;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #8b9297;
  border-radius: 4px !important;
  background-color: rgba(255, 255, 255, 0.8745098039);
  box-shadow: none;
  margin: 0 !important;
  cursor: pointer;
}
.rn-auth-reference .form-check-input:checked {
  background-color: #ec562d;
  border-color: #ec562d;
  box-shadow: none;
}
.rn-auth-reference .form-check-input:focus-visible {
  outline: 2px solid #a43517;
  outline-offset: 3px;
  box-shadow: none;
}
.rn-auth-reference .form-check-label {
  font-size: 12px;
  color: #101923;
  line-height: 1.5;
  cursor: pointer;
}
.rn-auth-reference .rn-ref-login-form > .mb-3 {
  margin-bottom: 18px !important;
}
.rn-auth-reference .rn-ref-login-form > .mb-2 {
  margin-bottom: 20px !important;
}
.rn-auth-reference .rn-ref-login-form > .form-check {
  margin: 0 0 26px !important;
}
.rn-auth-reference .rn-login-recovery {
  font-size: 11px;
  margin-left: auto;
  white-space: nowrap;
  color: var(--ref-link);
}
.rn-auth-reference .rn-auth-submit,
.rn-auth-reference .rn-ref-card .btn-primary {
  position: relative;
  min-height: 50px;
  padding: 12px 40px;
  border: 1px solid rgba(255, 255, 255, 0.4666666667);
  border-radius: 99px;
  background:
    linear-gradient(
      105deg,
      #ff6839,
      #ff4c23);
  box-shadow: inset 0 1px 0 rgba(255, 164, 119, 0.2);
  color: #fff;
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
  cursor: pointer;
}
.rn-auth-reference .rn-auth-submit:hover:not(:disabled),
.rn-auth-reference .rn-ref-card .btn-primary:hover:not(:disabled) {
  color: #fff;
  background:
    linear-gradient(
      105deg,
      #f65929,
      #f0451c);
  box-shadow: 0 7px 17px rgba(221, 73, 35, 0.1019607843);
  transform: translateY(-1px);
}
.rn-auth-reference .rn-auth-submit:disabled {
  opacity: 0.65;
  cursor: wait;
}
.rn-auth-reference .rn-auth-submit > i:last-child {
  position: absolute;
  right: 17px;
  font-size: 23px;
  width: 23px;
  height: 23px;
}
.rn-auth-reference .rn-ref-divider {
  display: flex;
  align-items: center;
  gap: 17px;
  color: #3a4853;
  font-size: 11px;
  margin: 25px 0;
}
.rn-auth-reference .rn-ref-divider::before,
.rn-auth-reference .rn-ref-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(187, 175, 160, 0.3019607843);
}
.rn-auth-reference .rn-ref-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  min-height: 49px;
  border: 1px solid rgba(255, 255, 255, 0.7019607843);
  border-radius: 99px;
  background: rgba(255, 249, 252, 0.8588235294);
  color: #101923;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.2s;
}
.rn-auth-reference .rn-ref-google:hover {
  background: #fff;
}
.rn-auth-reference .rn-ref-provider-note {
  font-size: 10px;
  color: #6d574c;
  text-align: center;
  margin-top: 7px;
}
.rn-auth-reference .rn-ref-provider-message {
  font-size: 12px;
  color: #643b25;
  background: rgba(255, 244, 234, 0.6666666667);
  border: 1px solid #dcb59e;
  padding: 10px 12px;
  border-radius: 8px;
  margin-top: 12px;
  line-height: 1.6;
}
.rn-auth-reference .rn-auth-card-foot {
  font-size: 12px;
  color: #26323d;
  line-height: 1.6;
  text-align: center;
  margin: 25px -4px 0;
  padding: 0;
}
.rn-auth-reference .rn-auth-card-foot a {
  white-space: nowrap;
}
.rn-auth-reference .rn-auth-card-lang {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.rn-auth-reference .rn-auth-lang {
  border: 1px solid #e2c8b4;
  border-radius: 99px;
  padding: 5px 10px;
  background: #fff8ec;
  color: #654d3a;
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 11px;
}
.rn-auth-reference .dropdown-menu {
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
}
.rn-auth-reference .alert {
  font-family: inherit;
  font-size: 12px;
  line-height: 1.6;
  padding: 12px;
  border-radius: 10px;
}
.rn-auth-reference .rn-auth-card-head > img {
  max-width: 100%;
  object-fit: contain;
}
.rn-auth-reference .rn-ref-register-header {
  margin-bottom: 19px;
}
.rn-auth-reference .rn-ref-register-title {
  font-size: 40px;
  margin-bottom: 8px;
}
.rn-auth-reference .rn-ref-step-status {
  font-size: 10px;
  color: #6e5544;
  letter-spacing: 0.1px;
  margin-top: 12px;
}
.rn-auth-reference .rn-ref-step-status > span {
  padding: 0 5px;
  color: #bc7653;
}
.rn-auth-reference .rn-ref-field {
  margin-bottom: 14px;
}
.rn-auth-reference .rn-ref-username-options,
.rn-auth-reference .rn-ref-policy-info {
  margin-top: 5px;
  font-size: 10px;
  color: #715448;
  line-height: 1.6;
}
.rn-auth-reference .rn-ref-username-options summary,
.rn-auth-reference .rn-ref-policy-info summary {
  cursor: pointer;
  color: var(--ref-link);
  list-style-position: inside;
}
.rn-auth-reference .rn-ref-username-options > div {
  margin-top: 8px;
}
.rn-auth-reference .rn-ref-username-options .form-check-label {
  font-size: 11px;
}
.rn-auth-reference .rn-ref-policy-info p {
  padding: 8px 0;
  font-size: 11px;
  color: #5d514c;
}
.rn-auth-reference {
}
.rn-auth-reference .rn-ref-phone > .input-group-text {
  gap: 6px;
  color: #24343d;
  font-variant-numeric: tabular-nums;
}
.rn-auth-reference .rn-ref-strength {
  display: flex;
  gap: 4px;
  margin-top: 10px;
  max-width: 100%;
}
.rn-auth-reference .rn-ref-strength > span {
  flex: 1;
  height: 6px;
  background: #cbbcb5;
  border-radius: 5px;
}
.rn-auth-reference .rn-ref-strength > span.is-active {
  background: #2bc77a;
}
.rn-auth-reference .rn-ref-strength[data-strength=weak] > span.is-active {
  background: #cf4b26;
}
.rn-auth-reference .rn-ref-strength[data-strength=fair] > span.is-active {
  background: #bd811a;
}
.rn-auth-reference .rn-ref-strength-label {
  font-size: 10px;
  color: #524b43;
  line-height: 1.5;
  margin-top: 6px;
}
.rn-auth-reference .rn-ref-strength-label [data-strength=strong],
.rn-auth-reference .rn-ref-strength-label [data-strength=good] {
  color: #007c3d;
}
.rn-auth-reference .rn-ref-strength-label [data-strength=weak] {
  color: #a32c17;
}
.rn-auth-reference .rn-ref-consent {
  margin: 18px 0 20px;
}
.rn-auth-reference .rn-ref-consent .form-check {
  align-items: flex-start;
}
.rn-auth-reference .rn-ref-consent .form-check-label {
  font-size: 11px;
}
.rn-auth-reference .rn-ref-consent .form-check-input {
  margin-top: 1px !important;
}
.rn-auth-reference .rn-register-footer {
  margin-top: 20px;
}
.rn-auth-reference .rn-auth-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.rn-auth-reference .rn-auth-actions .rn-auth-submit {
  flex: 1;
}
.rn-auth-reference .rn-auth-back {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 46px;
  border: 1px solid #ceac94;
  border-radius: 99px;
  color: #674631;
  background: rgba(255, 244, 234, 0.6392156863);
  font-size: 12px;
  padding: 10px 16px;
}
.rn-auth-reference .rn-auth-back:hover {
  background: #fff8ed;
  color: #442514;
}
.rn-auth-reference .rn-ref-setup-note {
  font-size: 10px;
  line-height: 1.5;
  color: #6d5143;
  text-align: center;
  margin: 8px 0 0;
}
.rn-auth-reference .rn-ref-footer-link {
  font-size: 12px;
  text-align: center;
  color: #273540;
  margin-top: 22px;
}
.rn-auth-reference .rn-ref-footer-link a {
  margin-left: 6px;
}
.rn-auth-reference .rn-auth-hint,
.rn-auth-reference .rn-auth-secure-note {
  display: block;
  color: #715748;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 5px;
}
.rn-auth-reference .rn-auth-secure-note {
  text-align: center;
  margin-top: 14px;
}
.rn-auth-reference .rn-auth-secure-note i {
  font-size: 13px;
  vertical-align: middle;
}
.rn-auth-reference .rn-auth-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  border: 1px solid #eac4a9;
  background: rgba(255, 247, 233, 0.5647058824);
  border-radius: 12px;
  padding: 14px;
  color: #715644;
  margin: 20px 0;
}
.rn-auth-reference .rn-auth-note__icon {
  color: #cc562b;
}
.rn-auth-reference .rn-auth-section-title {
  font-family:
    "Inter Auth",
    Arial,
    sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 5px 0 15px;
  color: #37352e;
}
.rn-auth-reference .rn-register-section-status {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  padding: 9px 0 0;
  color: #765745;
}
.rn-auth-reference .rn-register-section-status > span {
  color: #926c51;
}
.rn-auth-reference .rn-register-form .row {
  --bs-gutter-x: 14px;
}
.rn-auth-reference .rn-register-form > .rn-register-fields > .mb-4,
.rn-auth-reference .rn-register-form > .rn-register-fields > .row.mb-4 {
  margin-bottom: 15px !important;
}
.rn-auth-reference .rn-ref-plant {
  position: absolute;
  left: 0;
  bottom: 23px;
  width: 105px;
  height: 390px;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  filter: blur(1.5px);
}
.rn-auth-reference .rn-ref-plant img {
  position: absolute;
  left: -28px;
  bottom: 0;
  width: 1100px;
  max-width: none;
  height: auto;
}
.rn-auth-reference--register {
  background:
    radial-gradient(
      ellipse at 100% 94%,
      #ff6943 0,
      transparent 37%),
    radial-gradient(
      ellipse at 77% 55%,
      rgba(255, 192, 166, 0.7490196078) 0,
      transparent 46%),
    radial-gradient(
      ellipse at 25% 34%,
      rgba(255, 205, 140, 0.6745098039) 0,
      transparent 55%),
    linear-gradient(
      112deg,
      #fcebd9,
      #fff5db 61%,
      #fff1cb);
}
.rn-auth-reference--register .rn-ref-main {
  grid-template-columns: minmax(0, 1fr) minmax(370px, 485px);
  padding-top: 26px;
  padding-bottom: 58px;
}
.rn-auth-reference--register .rn-ref-marketing {
  padding-top: 16px;
}
.rn-auth-reference--register .rn-ref-marketing h1 {
  font-size: clamp(55px, 4.6vw, 68px);
  line-height: 1.02;
}
.rn-auth-reference--register .rn-ref-lede {
  margin-top: 21px;
  max-width: 390px;
}
.rn-auth-reference--register .rn-ref-metrics {
  margin-top: 35px;
  margin-left: 8px;
  width: 275px;
}
.rn-auth-reference--register .rn-ref-stat--main {
  width: 255px;
  min-height: 133px;
}
.rn-auth-reference--register .rn-ref-stat--business {
  width: 205px;
  min-height: 115px;
  margin: 22px 0 0 24px;
  padding: 18px;
}
.rn-auth-reference--register .rn-ref-stat--business strong {
  font-size: 22px;
  letter-spacing: -0.8px;
  margin-top: 6px;
}
.rn-auth-reference--register .rn-ref-stat-note {
  display: block;
  font-size: 10px;
  color: #3b4650;
  margin-top: 8px;
}
.rn-auth-reference--register .rn-ref-stat--business > .ti {
  position: absolute;
  right: 14px;
  bottom: 15px;
  color: #ff572e;
  font-size: 23px;
}
.rn-auth-reference--register .rn-ref-stat--business .rn-ref-stat-label {
  font-size: 11px;
}
.rn-auth-reference--register .rn-ref-signature {
  right: auto;
  left: max((100% - 1280px) / 2 + 45px, 90px);
  bottom: 27px;
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -1px;
  transform: rotate(-9deg);
}
.rn-auth-reference--register .rn-ref-signature > svg {
  margin: 2px 0 0;
  width: 94px;
}
.rn-auth-reference--register .rn-ref-card {
  padding: 30px 34px 27px;
}
@media (min-width: 1500px) {
  .rn-auth-reference .rn-ref-main {
    padding-top: 80px;
    padding-bottom: 190px;
  }
  .rn-auth-reference--register .rn-ref-main {
    padding-top: 35px;
    padding-bottom: 80px;
  }
  .rn-auth-reference .rn-ref-scene {
    width: 1000px;
    left: calc((100% - 1550px) / 2);
  }
  .rn-auth-reference .rn-ref-signature {
    right: max(8%, (100% - 1200px) / 2);
    bottom: 35px;
  }
  .rn-auth-reference--register .rn-ref-signature {
    right: auto;
  }
  .rn-auth-reference--register .rn-ref-plant {
    left: max(0px, (100% - 1600px) / 2);
  }
}
@media (max-width: 1100px) {
  .rn-auth-reference .rn-ref-header {
    width: calc(100% - 72px);
  }
  .rn-auth-reference .rn-ref-main {
    width: calc(100% - 72px);
    grid-template-columns: minmax(0, 1fr) minmax(325px, 42%);
    gap: 32px;
    padding-top: 52px;
    padding-bottom: 210px;
  }
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: 59px;
    letter-spacing: -1.8px;
  }
  .rn-auth-reference .rn-ref-lede {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .rn-auth-reference .rn-ref-features {
    gap: 17px;
  }
  .rn-auth-reference .rn-ref-features p {
    font-size: 10px;
  }
  .rn-auth-reference .rn-ref-features > div {
    gap: 7px;
  }
  .rn-auth-reference .rn-ref-features > div > span {
    width: 40px;
    height: 40px;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 30px 28px;
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 39px;
  }
  .rn-auth-reference .rn-ref-small-stats {
    gap: 14px;
    margin-left: 25px;
  }
  .rn-auth-reference .rn-ref-small-stats .rn-ref-stat {
    width: 143px;
    padding: 17px;
  }
  .rn-auth-reference .rn-ref-scene {
    width: 760px;
    left: -45px;
  }
  .rn-auth-reference .rn-ref-signature {
    right: 7%;
    font-size: 40px;
    bottom: 42px;
  }
  .rn-auth-reference--register .rn-ref-main {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 46%);
    padding-top: 24px;
    padding-bottom: 120px;
  }
  .rn-auth-reference--register .rn-ref-marketing h1 {
    font-size: 58px;
  }
  .rn-auth-reference--register .rn-ref-features p {
    font-size: 14px;
  }
  .rn-auth-reference--register .rn-ref-signature {
    right: auto;
    left: 80px;
    bottom: 24px;
    font-size: 31px;
  }
  .rn-auth-reference--register .rn-ref-card {
    padding: 29px 28px 25px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .rn-auth-reference .rn-ref-header {
    width: calc(100% - 60px);
    padding-top: 26px;
    padding-bottom: 23px;
  }
  .rn-auth-reference .rn-ref-brand > svg {
    width: 40px;
    height: 40px;
  }
  .rn-auth-reference .rn-ref-brand {
    gap: 10px;
  }
  .rn-auth-reference .rn-ref-brand > span {
    font-size: 32px;
    letter-spacing: -1.4px;
  }
  .rn-auth-reference .rn-ref-brand small {
    font-size: 8px;
    letter-spacing: 0.8px;
    gap: 6px;
  }
  .rn-auth-reference .rn-ref-header-link {
    font-size: 12px;
    gap: 8px;
  }
  .rn-auth-reference .rn-ref-main {
    width: calc(100% - 60px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.96fr);
    gap: 26px;
    padding-top: 59px;
    padding-bottom: 260px;
    min-height: calc(100dvh - 92px);
  }
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: 57px;
    line-height: 1.03;
    letter-spacing: -1.7px;
  }
  .rn-auth-reference .rn-ref-lede {
    font-size: 14px;
    margin-top: 22px;
    line-height: 1.65;
  }
  .rn-auth-reference .rn-ref-desktop-break {
    display: none;
  }
  .rn-auth-reference .rn-ref-features {
    gap: 16px;
    margin-top: 27px;
  }
  .rn-auth-reference .rn-ref-features > div {
    gap: 7px;
  }
  .rn-auth-reference .rn-ref-features > div > span {
    width: 37px;
    height: 39px;
  }
  .rn-auth-reference .rn-ref-features i {
    font-size: 20px;
  }
  .rn-auth-reference .rn-ref-features p {
    font-size: 9px;
  }
  .rn-auth-reference .rn-ref-metrics {
    margin-top: 48px;
  }
  .rn-auth-reference .rn-ref-stat--main {
    width: 233px;
    min-height: 122px;
    padding: 18px;
  }
  .rn-auth-reference .rn-ref-stat strong {
    font-size: 25px;
  }
  .rn-auth-reference .rn-ref-small-stats {
    margin-left: 43px;
    gap: 14px;
  }
  .rn-auth-reference .rn-ref-small-stats .rn-ref-stat {
    width: 138px;
    min-height: 121px;
    padding: 17px;
  }
  .rn-auth-reference .rn-ref-stat-icon {
    right: 10px;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 31px 28px;
    border-radius: 25px;
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 37px;
  }
  .rn-auth-reference .rn-auth-card-sub {
    font-size: 12px;
  }
  .rn-auth-reference .form-label {
    font-size: 12px;
  }
  .rn-auth-reference .rn-ref-card .form-control {
    font-size: 11px;
  }
  .rn-auth-reference .rn-ref-scene {
    width: 620px;
    left: -23px;
    bottom: -6px;
  }
  .rn-auth-reference .rn-ref-signature {
    right: 10%;
    bottom: 82px;
    font-size: 41px;
  }
  .rn-auth-reference--register .rn-ref-main {
    width: calc(100% - 64px);
    grid-template-columns: minmax(0, 0.895fr) minmax(0, 1.105fr);
    gap: 24px;
    padding-top: 26px;
    padding-bottom: 67px;
  }
  .rn-auth-reference--register .rn-ref-marketing h1 {
    font-size: 52px;
    line-height: 1.04;
    letter-spacing: -1.2px;
  }
  .rn-auth-reference--register .rn-ref-marketing {
    padding-top: 18px;
  }
  .rn-auth-reference--register .rn-ref-features--vertical {
    margin-top: 25px;
    gap: 8px;
  }
  .rn-auth-reference--register .rn-ref-features--vertical p {
    font-size: 13px;
  }
  .rn-auth-reference--register .rn-ref-metrics {
    margin-top: 37px;
    margin-left: 6px;
  }
  .rn-auth-reference--register .rn-ref-stat--main {
    width: 238px;
  }
  .rn-auth-reference--register .rn-ref-stat--business {
    width: 190px;
    margin-top: 22px;
    margin-left: 20px;
    min-height: 111px;
  }
  .rn-auth-reference--register .rn-ref-stat--business strong {
    font-size: 21px;
  }
  .rn-auth-reference--register .rn-ref-signature {
    right: auto;
    left: 79px;
    bottom: 30px;
    font-size: 30px;
  }
  .rn-auth-reference--register .rn-ref-card {
    padding: 26px 31px 25px;
  }
  .rn-auth-reference--register .rn-ref-field {
    margin-bottom: 11px;
  }
  .rn-auth-reference--register .rn-ref-register-header {
    margin-bottom: 14px;
  }
  .rn-auth-reference--register .rn-ref-consent {
    margin: 14px 0 16px;
  }
  .rn-auth-reference--register .rn-ref-footer-link {
    margin-top: 18px;
  }
  .rn-auth-reference--register .rn-ref-register-title {
    font-size: 35px;
  }
  .rn-auth-reference--register .rn-ref-plant {
    width: 80px;
    height: 320px;
    bottom: 25px;
  }
  .rn-auth-reference--register .rn-ref-plant img {
    width: 900px;
    left: -20px;
  }
}
@media (max-width: 767.98px) {
  .rn-auth-reference {
    overflow-x: clip;
  }
  .rn-auth-reference .rn-ref-header {
    width: calc(100% - 40px);
    padding: 20px 0;
    gap: 14px;
    align-items: center;
  }
  .rn-auth-reference .rn-ref-brand {
    gap: 8px;
  }
  .rn-auth-reference .rn-ref-brand > svg {
    width: 34px;
    height: 34px;
  }
  .rn-auth-reference .rn-ref-brand > span {
    font-size: 29px;
    letter-spacing: -1px;
  }
  .rn-auth-reference .rn-ref-brand small {
    font-size: 6px;
    gap: 4px;
    letter-spacing: 0.7px;
    margin-top: 5px;
  }
  .rn-auth-reference .rn-ref-header-link {
    font-size: 11px;
    gap: 0;
  }
  .rn-auth-reference .rn-ref-header-link > span {
    display: none;
  }
  .rn-auth-reference .rn-ref-main {
    width: calc(100% - 40px);
    max-width: 530px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin: 0 auto;
    min-height: calc(100dvh - 80px);
    padding: 25px 0 220px;
  }
  .rn-auth-reference .rn-ref-marketing {
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: 49px;
    line-height: 1.04;
    letter-spacing: -1.4px;
  }
  .rn-auth-reference .rn-ref-lede {
    font-size: 13px;
    line-height: 1.65;
    max-width: 340px;
    margin: 15px auto 0;
  }
  .rn-auth-reference .rn-ref-desktop-break {
    display: none;
  }
  .rn-auth-reference .rn-ref-features {
    justify-content: center;
    gap: 20px;
    margin-top: 21px;
  }
  .rn-auth-reference .rn-ref-features > div {
    gap: 6px;
    text-align: left;
  }
  .rn-auth-reference .rn-ref-features > div > span {
    width: 33px;
    height: 33px;
  }
  .rn-auth-reference .rn-ref-features i {
    font-size: 18px;
  }
  .rn-auth-reference .rn-ref-features p {
    font-size: 8px;
  }
  .rn-auth-reference .rn-ref-metrics {
    display: none;
  }
  .rn-auth-reference .rn-ref-form-column {
    width: 100%;
    max-width: 440px;
    align-self: center;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 29px 25px 26px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background:
      linear-gradient(
        145deg,
        rgba(255, 253, 242, 0.6117647059),
        rgba(255, 236, 223, 0.6705882353));
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 39px;
  }
  .rn-auth-reference .rn-auth-card-sub {
    font-size: 12px;
  }
  .rn-auth-reference .form-label {
    font-size: 12px;
  }
  .rn-auth-reference .input-group-merge {
    min-height: 46px;
  }
  .rn-auth-reference .input-group-merge > .form-control {
    font-size: 16px;
    min-height: 44px;
    padding: 10px 6px !important;
  }
  .rn-auth-reference .form-control,
  .rn-auth-reference .form-select {
    font-size: 16px;
    min-height: 46px;
  }
  .rn-auth-reference .input-group-merge > .input-group-text {
    padding-inline: 10px;
    min-width: 35px;
  }
  .rn-auth-reference .input-group-merge > .form-control::placeholder {
    font-size: 12px;
  }
  .rn-auth-reference .rn-login-recovery {
    font-size: 10px;
  }
  .rn-auth-reference .form-check-label {
    font-size: 11px;
  }
  .rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 22px !important;
    gap: 6px;
  }
  .rn-auth-reference .rn-auth-submit {
    min-height: 48px;
    font-size: 14px;
  }
  .rn-auth-reference .rn-ref-google {
    font-size: 12px;
    min-height: 48px;
  }
  .rn-auth-reference .rn-auth-card-foot {
    font-size: 11px;
    margin-top: 20px;
  }
  .rn-auth-reference .rn-ref-provider-note {
    font-size: 9px;
  }
  .rn-auth-reference .rn-ref-divider {
    margin: 21px 0;
  }
  .rn-auth-reference .rn-ref-scene {
    width: 440px;
    left: -60px;
    bottom: -8px;
    opacity: 0.94;
  }
  .rn-auth-reference .rn-ref-signature {
    font-size: 30px;
    right: 23px;
    bottom: 44px;
    line-height: 1.1;
  }
  .rn-auth-reference .rn-ref-signature > svg {
    width: 80px;
    margin-left: 25px;
  }
  .rn-auth-reference--register .rn-ref-main {
    padding-top: 18px;
    padding-bottom: 95px;
    gap: 24px;
  }
  .rn-auth-reference--register .rn-ref-marketing h1 {
    font-size: 43px;
    line-height: 1.06;
  }
  .rn-auth-reference--register .rn-ref-marketing h1 br:first-of-type {
    display: none;
  }
  .rn-auth-reference--register .rn-ref-lede {
    font-size: 12px;
    margin-top: 13px;
    max-width: 300px;
  }
  .rn-auth-reference--register .rn-ref-lede br {
    display: none;
  }
  .rn-auth-reference--register .rn-ref-features--vertical {
    display: none;
  }
  .rn-auth-reference--register .rn-ref-card {
    padding: 27px 24px;
  }
  .rn-auth-reference--register .rn-ref-register-title {
    font-size: 35px;
  }
  .rn-auth-reference--register .rn-ref-field {
    margin-bottom: 19px;
  }
  .rn-auth-reference--register .rn-ref-footer-link {
    font-size: 11px;
    margin-top: 17px;
  }
  .rn-auth-reference--register .rn-ref-setup-note {
    font-size: 9px;
    margin-top: 10px;
  }
  .rn-auth-reference--register .rn-register-footer {
    margin-top: 22px;
  }
  .rn-auth-reference--register .rn-ref-signature {
    left: 27px;
    right: auto;
    bottom: 19px;
    font-size: 25px;
  }
  .rn-auth-reference--register .rn-ref-signature br {
    display: none;
  }
  .rn-auth-reference--register .rn-ref-signature > svg {
    margin-left: 0;
    width: 80px;
  }
  .rn-auth-reference--register .rn-ref-plant {
    display: none;
  }
  .rn-auth-reference .rn-auth-actions .rn-auth-submit {
    width: auto !important;
    padding-inline: 30px;
  }
  .rn-auth-reference .rn-auth-back {
    font-size: 11px;
    padding: 10px 12px;
  }
  .rn-auth-reference .rn-auth-back i {
    font-size: 15px;
  }
}
@media (max-width: 359px) {
  .rn-auth-reference .rn-ref-header,
  .rn-auth-reference .rn-ref-main {
    width: calc(100% - 28px);
  }
  .rn-auth-reference .rn-ref-brand > span {
    font-size: 26px;
  }
  .rn-auth-reference .rn-ref-brand > svg {
    width: 30px;
    height: 30px;
  }
  .rn-auth-reference .rn-ref-header-link {
    font-size: 10px;
  }
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: 44px;
  }
  .rn-auth-reference .rn-ref-features {
    gap: 12px;
  }
  .rn-auth-reference .rn-ref-features > div > span {
    width: 30px;
    height: 30px;
  }
  .rn-auth-reference .rn-ref-features p {
    font-size: 7px;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 25px 19px;
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 36px;
  }
  .rn-auth-reference .rn-login-recovery {
    font-size: 9px;
  }
  .rn-auth-reference--register .rn-ref-register-title {
    font-size: 32px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rn-auth-reference *,
  .rn-auth-reference *::before,
  .rn-auth-reference *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.rn-auth-reference {
  height: 100dvh;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.rn-auth-reference .rn-ref-header {
  flex: 0 0 auto;
  padding-block: clamp(10px, 1.8dvh, 20px);
}
.rn-auth-reference .rn-ref-main {
  flex: 1 1 auto;
  min-height: 0;
  padding-block: clamp(8px, 1.6dvh, 20px);
}
.rn-auth-reference .rn-ref-form-column {
  min-height: 0;
}
.rn-auth-reference .rn-ref-scene {
  width: min(680px, 76vw, 90dvh);
  bottom: 0;
}
.rn-auth-reference app-register-company[data-compact=true] .row > [data-mobile-group] {
  flex: 0 0 100%;
  width: 100%;
}
@media (min-width: 768px) and (max-height: 1039px) {
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(44px, 7dvh, 66px);
  }
  .rn-auth-reference .rn-ref-lede {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 16px;
  }
  .rn-auth-reference .rn-ref-features {
    margin-top: 20px;
  }
  .rn-auth-reference .rn-ref-metrics {
    margin-top: 24px;
  }
  .rn-auth-reference .rn-ref-signature {
    bottom: 22px;
    font-size: 34px;
  }
  .rn-auth-reference--register .rn-ref-marketing {
    padding-top: 0;
  }
  .rn-auth-reference--register .rn-ref-marketing h1 {
    font-size: clamp(42px, 6.2dvh, 59px);
    line-height: 1;
  }
  .rn-auth-reference--register .rn-ref-features--vertical {
    margin-top: 18px;
    gap: 8px;
  }
  .rn-auth-reference--register .rn-ref-features--vertical > div > span {
    width: 36px;
    height: 36px;
  }
  .rn-auth-reference--register .rn-ref-features--vertical p {
    font-size: 13px;
  }
  .rn-auth-reference--register .rn-ref-signature {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-height: 900px) {
  .rn-auth-reference--register .rn-ref-stat--business {
    display: none;
  }
}
@media (min-width: 768px) and (max-height: 849px) {
  .rn-auth-reference .rn-ref-small-stats {
    display: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    display: none;
  }
}
@media (max-height: 740px) {
  .rn-auth-reference .rn-ref-header {
    padding-block: 10px;
  }
  .rn-auth-reference .rn-ref-brand > span {
    font-size: 30px;
  }
  .rn-auth-reference .rn-ref-brand > svg {
    width: 36px;
    height: 36px;
  }
  .rn-auth-reference .rn-ref-brand small {
    font-size: 7px;
    margin-top: 4px;
  }
  .rn-auth-reference .rn-ref-main {
    padding-block: 8px 12px;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 20px 26px;
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 35px;
    margin-bottom: 5px;
  }
  .rn-auth-reference .rn-auth-card-head {
    margin-bottom: 18px;
  }
  .rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: 14px !important;
  }
  .rn-auth-reference .rn-ref-login-form > .mb-2 {
    margin-bottom: 16px !important;
  }
  .rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 18px !important;
  }
  .rn-auth-reference .rn-ref-divider {
    margin-block: 16px;
  }
  .rn-auth-reference .rn-auth-card-foot {
    margin-top: 16px;
  }
  .rn-auth-reference .rn-ref-register-header {
    margin-bottom: 14px;
  }
  .rn-auth-reference .rn-ref-field {
    margin-bottom: 14px;
  }
  .rn-auth-reference .rn-ref-footer-link {
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (max-height: 699px) {
  .rn-auth-reference .rn-ref-metrics,
  .rn-auth-reference .rn-ref-signature {
    display: none;
  }
  .rn-auth-reference .rn-ref-scene {
    width: min(510px, 52vw);
    opacity: 0.65;
  }
}
@media (max-width: 767.98px) {
  .rn-auth-reference .rn-ref-header {
    width: calc(100% - 32px);
    padding-block: 12px;
  }
  .rn-auth-reference .rn-ref-main {
    width: calc(100% - 32px);
    gap: 14px;
    padding-block: 6px 16px;
    justify-content: flex-start;
  }
  .rn-auth-reference .rn-ref-marketing h1 {
    font-size: 34px;
    line-height: 1.04;
    letter-spacing: -0.8px;
  }
  .rn-auth-reference .rn-ref-lede,
  .rn-auth-reference .rn-ref-features,
  .rn-auth-reference .rn-ref-scene,
  .rn-auth-reference .rn-ref-signature,
  .rn-auth-reference .rn-ref-plant {
    display: none;
  }
  .rn-auth-reference .rn-ref-card {
    padding: 22px;
  }
  .rn-auth-reference .rn-auth-card-title {
    font-size: 35px;
  }
  .rn-auth-reference .rn-auth-card-head {
    margin-bottom: 18px;
  }
  .rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: 14px !important;
  }
  .rn-auth-reference .rn-ref-login-form > .mb-2 {
    margin-bottom: 16px !important;
  }
  .rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 18px !important;
  }
  .rn-auth-reference .rn-ref-divider {
    margin-block: 16px;
  }
  .rn-auth-reference .rn-auth-card-foot {
    margin-top: 14px;
  }
  .rn-auth-reference .rn-ref-register-header {
    margin-bottom: 15px;
  }
  .rn-auth-reference .rn-ref-field {
    margin-bottom: 16px;
  }
  .rn-auth-reference .rn-ref-footer-link {
    margin-top: 16px;
  }
}
@media (max-width: 767.98px) and (max-height: 740px) {
  .rn-auth-reference .rn-ref-marketing {
    display: none;
  }
}
@media (max-width: 767.98px) and (min-height: 800px) {
  .rn-auth-reference .rn-ref-scene {
    display: block;
    width: 290px;
    left: -40px;
  }
  .rn-auth-reference .rn-ref-signature {
    display: block;
    font-size: 26px;
    bottom: 32px;
  }
}
@media (max-height: 620px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 16px 20px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title {
    font-size: 31px;
    margin-bottom: 5px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-sub {
    font-size: 11px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: 12px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: 10px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-2 {
    margin-bottom: 12px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 14px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--login.rn-auth-reference .rn-ref-google {
    min-height: 44px;
    padding-block: 10px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-divider {
    margin-block: 12px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: 10px;
  }
}
.rn-auth-reference.rn-auth-page {
  --ref-ink: #070825;
  --ref-copy: #74799b;
  --ref-link: #5314ef;
  --u: min(.065104167vw, .09765625dvh);
  color: var(--ref-ink);
  background: #eff5ff url(/assets/img/auth/retail-reference-background.png) center/cover no-repeat;
  isolation: isolate;
  overflow: auto;
}
.rn-auth-reference.rn-auth-page::before,
.rn-auth-reference.rn-auth-page::after {
  display: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-glow,
.rn-auth-reference.rn-auth-page .rn-ref-linework,
.rn-auth-reference.rn-auth-page .rn-ref-scene,
.rn-auth-reference.rn-auth-page .rn-ref-plant {
  display: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand-mark path:nth-child(1) {
  fill: #ffb600;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand-mark path:nth-child(2) {
  fill: #eb00db;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand-mark path:nth-child(3) {
  fill: #006aff;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand-mark path:nth-child(4) {
  fill: #18ce76;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand > span {
  font: 800 36px/1 "Inter Auth", sans-serif;
  letter-spacing: -1.8px;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand small {
  color: #70779b;
  font-size: 10px;
  letter-spacing: 1.7px;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand > svg {
  width: 57px;
  height: 57px;
}
.rn-auth-reference.rn-auth-page .rn-ref-header-link a {
  font-weight: 650;
}
.rn-auth-reference.rn-auth-page .rn-ref-marketing h1 {
  font-family: "Inter Auth", sans-serif;
  font-weight: 750;
  color: #070825;
}
.rn-auth-reference.rn-auth-page .rn-ref-title-gradient {
  display: inline-block;
  background:
    linear-gradient(
      100deg,
      #0078ff 0%,
      #5a00ff 33%,
      #ee00b6 58%,
      #ff092e 83%,
      #ffb000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.rn-auth-reference.rn-auth-page .rn-ref-card {
  border: 1px solid rgba(255, 255, 255, 0.9098039216);
  border-radius: 30px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.7960784314),
      rgba(233, 234, 255, 0.7882352941) 47%,
      rgba(255, 255, 255, 0.7215686275));
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: inset 0 1px 18px rgba(255, 255, 255, 0.7019607843), 0 18px 60px rgba(70, 44, 155, 0.1019607843);
}
.rn-auth-reference.rn-auth-page .rn-auth-card-title {
  font-family: "Inter Auth", sans-serif;
  font-weight: 750;
  color: #070825;
  letter-spacing: -2px;
}
.rn-auth-reference.rn-auth-page .rn-auth-card-sub {
  color: #74799b;
  font-weight: 550;
}
.rn-auth-reference.rn-auth-page .form-label {
  color: #090b26;
  font-weight: 600;
}
.rn-auth-reference.rn-auth-page .input-group-merge,
.rn-auth-reference.rn-auth-page .form-control,
.rn-auth-reference.rn-auth-page .form-select,
.rn-auth-reference.rn-auth-page .styled-select-trigger {
  border-color: #d5dcfb;
  background: rgba(255, 255, 255, 0.8509803922);
  color: #151936;
}
.rn-auth-reference.rn-auth-page .input-group-merge > .input-group-text {
  color: #777ca4;
}
.rn-auth-reference.rn-auth-page .input-group-merge:focus-within,
.rn-auth-reference.rn-auth-page .form-control:focus,
.rn-auth-reference.rn-auth-page .form-select:focus {
  border-color: #8750ff;
  box-shadow: 0 0 0 3px rgba(120, 66, 250, 0.0941176471);
  background: #fff;
}
.rn-auth-reference.rn-auth-page .form-control::placeholder {
  color: #71779d;
}
.rn-auth-reference.rn-auth-page .form-check-input {
  border: 2px solid #7624ff;
  border-radius: 5px !important;
}
.rn-auth-reference.rn-auth-page .form-check-input:checked {
  background-color: #7624ff;
  border-color: #7624ff;
}
.rn-auth-reference.rn-auth-page .rn-auth-submit,
.rn-auth-reference.rn-auth-page .rn-auth-submit:hover:not(:disabled) {
  background:
    linear-gradient(
      105deg,
      #0078ff,
      #7a00ff 43%,
      #f300d6 73%,
      #ff6847);
  border: 1px solid rgba(255, 255, 255, 0.5333333333);
  color: #fff;
  box-shadow: none;
}
.rn-auth-reference.rn-auth-page .rn-auth-back {
  border-color: #cbd0eb;
  background: rgba(255, 255, 255, 0.7490196078);
  color: #5314ef;
}
.rn-auth-reference.rn-auth-page .rn-ref-divider {
  color: #7e82a9;
}
.rn-auth-reference.rn-auth-page .rn-ref-divider::before,
.rn-auth-reference.rn-auth-page .rn-ref-divider::after {
  background: #cdd2eb;
}
.rn-auth-reference.rn-auth-page .rn-ref-google {
  background: rgba(255, 255, 255, 0.9294117647);
  color: #0a0c29;
  font-weight: 650;
}
.rn-auth-reference.rn-auth-page .rn-ref-provider-note {
  color: #626989;
  font-size: 10px;
}
.rn-auth-reference.rn-auth-page .rn-ref-provider-note {
  display: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-provider-message {
  background: #f6f2ff;
  border-color: #d5c8ff;
  color: #493674;
}
.rn-auth-reference.rn-auth-page .rn-auth-card-foot,
.rn-auth-reference.rn-auth-page .rn-ref-footer-link {
  color: #737c9e;
}
.rn-auth-reference.rn-auth-page .rn-auth-card-foot a,
.rn-auth-reference.rn-auth-page .rn-login-recovery {
  color: #5410ee;
  font-weight: 650;
}
.rn-auth-reference.rn-auth-page .rn-ref-features > div > span {
  border: 0;
  color: white;
  box-shadow: 0 6px 15px rgba(21, 199, 129, 0.2078431373);
  background:
    linear-gradient(
      140deg,
      #59ee87,
      #00b89f);
}
.rn-auth-reference.rn-auth-page .rn-ref-features > div:nth-child(2) > span {
  background:
    linear-gradient(
      140deg,
      #c36bff,
      #6500ff);
}
.rn-auth-reference.rn-auth-page .rn-ref-features > div:nth-child(3) > span {
  background:
    linear-gradient(
      140deg,
      #ffdd47,
      #ff9100);
}
.rn-auth-reference.rn-auth-page .rn-ref-features > div:nth-child(4) > span {
  background:
    linear-gradient(
      140deg,
      #52c2ff,
      #0065ff);
}
.rn-auth-reference.rn-auth-page .rn-ref-features i {
  color: white;
}
.rn-auth-reference.rn-auth-page .rn-feature-glyph {
  width: 30px;
  height: 30px;
  color: white;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.0509803922));
}
.rn-auth-reference.rn-auth-page .rn-ref-stat {
  background: rgba(255, 255, 255, 0.9294117647);
  border-color: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(128, 114, 131, 0.0392156863);
  transform: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat strong {
  color: #090b27;
  font-weight: 650;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat-icon {
  background: transparent;
}
.rn-auth-reference.rn-auth-page .rn-ref-trend {
  color: #00b758;
}
.rn-auth-reference.rn-auth-page .rn-ref-trend--down {
  color: #ed1738;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat--orders .rn-ref-stat-icon {
  color: #8400ff;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat--stock .rn-ref-stat-icon {
  color: #ff123a;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat--customers .rn-ref-stat-icon {
  color: #0075ff;
}
.rn-auth-reference.rn-auth-page .rn-ref-customer-chart {
  position: absolute;
  right: 12px;
  bottom: 14px;
  width: 33%;
  height: 55%;
}
.rn-auth-reference.rn-auth-page .rn-ref-signature {
  color: #070825;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-header-link,
.rn-auth-page--login.rn-auth-reference .rn-ref-sample-label {
  display: none;
}
@media (min-width: 1100px) {
  .rn-auth-page--login.rn-auth-reference {
    min-height: 680px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    position: absolute;
    top: calc(30 * var(--u));
    left: calc(50% - 568 * var(--u));
    width: auto;
    padding: 0;
    margin: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header-link {
    display: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand > span {
    font-size: calc(38 * var(--u));
    font-weight: 750;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand small {
    font-size: calc(12 * var(--u));
    letter-spacing: calc(1.8 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand > svg {
    width: calc(58 * var(--u));
    height: calc(58 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    position: static;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    position: absolute;
    top: calc(145 * var(--u));
    left: calc(50% - 560 * var(--u));
    width: calc(725 * var(--u));
    padding: 0;
    text-align: left;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: calc(78 * var(--u));
    letter-spacing: calc(-4 * var(--u));
    line-height: 0.95;
    white-space: nowrap;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 > span {
    display: block;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 > .rn-ref-title-gradient {
    width: max-content;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-lede {
    margin: calc(18 * var(--u)) 0 0;
    font-size: calc(21.5 * var(--u));
    line-height: 1.3;
    font-weight: 550;
    max-width: none;
    color: #777d9f;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    display: flex;
    width: calc(458 * var(--u));
    gap: calc(15 * var(--u));
    margin-top: calc(12 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(8 * var(--u));
    padding: calc(13 * var(--u)) 0;
    border-radius: calc(17 * var(--u));
    background: rgba(255, 255, 255, 0.8705882353);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div > span {
    width: calc(59 * var(--u));
    height: calc(55 * var(--u));
    border-radius: calc(13 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features i {
    font-size: calc(29 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-feature-glyph {
    width: calc(30 * var(--u));
    height: calc(30 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div:nth-child(2) > span {
    box-shadow: 0 6px 18px rgba(128, 33, 255, 0.2078431373);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div:nth-child(3) > span {
    box-shadow: 0 6px 18px rgba(255, 173, 0, 0.2196078431);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div:nth-child(4) > span {
    box-shadow: 0 6px 18px rgba(0, 122, 255, 0.2196078431);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features p {
    text-align: center;
    font-size: calc(14 * var(--u));
    line-height: 1.35;
    color: #080923;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics {
    display: block;
    position: absolute;
    top: calc(220 * var(--u));
    left: calc(473 * var(--u));
    width: calc(248 * var(--u));
    margin: 0;
    padding: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat {
    padding: calc(15 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat--main {
    width: 100%;
    min-height: calc(128 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat-label,
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-label {
    font-size: calc(14 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat strong {
    font-size: calc(28 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-trend {
    font-size: calc(16 * var(--u));
    margin-top: calc(9 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-sparkline {
    width: calc(120 * var(--u));
    height: calc(50 * var(--u));
    right: calc(13 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(14 * var(--u));
    width: calc(278 * var(--u));
    margin: calc(18 * var(--u)) 0 0 calc(-29 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat {
    width: auto;
    min-height: calc(114 * var(--u));
    padding: calc(13 * var(--u)) calc(14 * var(--u));
    transform: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-label {
    line-height: 1.2;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat strong {
    line-height: 1.15;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-trend {
    margin-top: calc(7 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers {
    grid-column: 1/-1;
    padding-left: calc(82 * var(--u));
    margin-left: calc(-12 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon {
    left: calc(12 * var(--u));
    top: calc(12 * var(--u));
    width: calc(62 * var(--u));
    height: calc(62 * var(--u));
    border-radius: 50%;
    background:
      linear-gradient(
        140deg,
        #edf6ff,
        #d3e9ff);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon i {
    font-size: calc(39 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat-icon {
    right: calc(12 * var(--u));
    top: calc(15 * var(--u));
    width: calc(35 * var(--u));
    height: calc(36 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-icon i {
    font-size: calc(31 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-sample-label {
    top: calc(100% + 5px);
    bottom: auto;
    color: #4b5069;
    font-size: 8px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    display: block;
    top: calc(202 * var(--u));
    left: calc(50% + 24 * var(--u));
    right: auto;
    bottom: auto;
    font-size: calc(44 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-form-column {
    position: absolute;
    top: calc(120 * var(--u));
    left: calc(50% + 176 * var(--u));
    width: calc(542 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: calc(54 * var(--u)) calc(52 * var(--u)) calc(31 * var(--u));
    border-radius: calc(32 * var(--u));
    background:
      radial-gradient(
        ellipse at 0 90%,
        rgba(233, 203, 255, 0.6901960784),
        transparent 50%),
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.7490196078),
        rgba(241, 241, 255, 0.8549019608) 47%,
        rgba(236, 255, 255, 0.7411764706));
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title {
    font-size: calc(56 * var(--u));
    letter-spacing: calc(-3 * var(--u));
    white-space: nowrap;
    line-height: 1.15;
    margin-bottom: 4px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: calc(72 * var(--u));
    line-height: 0.95;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-sub {
    font-size: max(12px, 20 * var(--u));
    letter-spacing: -0.6px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: calc(26 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .form-label {
    font-size: max(12px, 16 * var(--u));
    margin-bottom: calc(7 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge {
    min-height: calc(56 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control {
    min-height: calc(54 * var(--u));
    font-size: max(12px, 16 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge > .input-group-text {
    padding-inline: calc(18 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .input-group-text .ti {
    font-size: calc(25 * var(--u));
    width: calc(25 * var(--u));
    height: calc(25 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: calc(29 * var(--u)) !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-2 {
    margin-bottom: calc(28 * var(--u)) !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: calc(28 * var(--u)) !important;
  }
  .rn-auth-page--login.rn-auth-reference .form-check-label,
  .rn-auth-page--login.rn-auth-reference .rn-login-recovery {
    font-size: max(11px, 15 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .form-check-input {
    width: calc(23 * var(--u));
    height: calc(23 * var(--u));
    min-width: 17px;
    min-height: 17px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-submit {
    min-height: calc(66 * var(--u));
    padding-block: 8px;
    font-size: calc(26 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-divider {
    margin: calc(23 * var(--u)) 0;
    font-size: calc(17 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-google {
    min-height: calc(66 * var(--u));
    font-size: calc(21 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-google > svg {
    width: calc(35 * var(--u));
    height: calc(35 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-submit > i:last-child {
    font-size: calc(30 * var(--u));
    width: calc(30 * var(--u));
    height: calc(30 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: calc(16 * var(--u));
    font-size: calc(18 * var(--u));
  }
}
.rn-auth-page--register.rn-auth-reference .rn-ref-header {
  max-width: 1250px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-main {
  max-width: 1250px;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 510px);
  gap: 70px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-marketing h1 {
  font-size: clamp(42px, 4.4vw, 65px);
  letter-spacing: -2.5px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-card {
  padding: 28px 34px;
}
.rn-auth-page--register.rn-auth-reference .rn-auth-card-title {
  font-size: 34px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-lede {
  color: #515879;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-features--vertical > div > span {
  border-radius: 13px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-step-status,
.rn-auth-page--register.rn-auth-reference .rn-register-section-status,
.rn-auth-page--register.rn-auth-reference .rn-auth-hint,
.rn-auth-page--register.rn-auth-reference .rn-ref-setup-note,
.rn-auth-page--register.rn-auth-reference .rn-auth-secure-note {
  color: #5d6285;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-signature {
  display: none;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-glow {
  display: block;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.3960784314),
      transparent 55%);
}
.rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1099.98px) {
  .rn-auth-reference.rn-auth-page {
    background-position: 60% center;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-header {
    width: calc(100% - 40px);
    padding: 20px 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    display: grid;
    width: calc(100% - 40px);
    grid-template-columns: minmax(0, 1fr) minmax(340px, 46%);
    gap: 24px;
    padding: 24px 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing {
    padding: 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing h1 {
    font-size: 46px;
    letter-spacing: -2px;
    line-height: 1.05;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing h1 > span {
    display: block;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-lede {
    color: #555e7c;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-card {
    padding: 30px 24px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-title {
    font-size: 35px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-features {
    flex-wrap: wrap;
    gap: 12px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-metrics,
  .rn-auth-reference.rn-auth-page .rn-ref-signature {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .rn-auth-reference.rn-auth-page {
    background:
      radial-gradient(
        ellipse at 100% 0,
        #a7baff,
        transparent 60%),
      radial-gradient(
        ellipse at 0 100%,
        #e6b6ff,
        transparent 60%),
      #f2f8ff;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-header {
    padding: 14px 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-brand > span {
    font-size: 25px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-brand > svg {
    width: 38px;
    height: 38px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-brand small {
    font-size: 7px;
    letter-spacing: 1px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    display: flex;
    padding: 8px 0 20px;
    gap: 16px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing h1 {
    font-size: 32px;
    letter-spacing: -1px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-lede,
  .rn-auth-reference.rn-auth-page .rn-ref-features {
    display: none;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-card {
    padding: 24px;
    border-radius: 24px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-title {
    font-size: 34px;
    letter-spacing: -1.8px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-form-column {
    width: 100%;
    max-width: 480px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-metrics,
  .rn-auth-reference.rn-auth-page .rn-ref-signature {
    display: none;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-sub {
    font-size: 12px;
  }
}
@media (min-width: 1100px) {
  .rn-auth-page--login.rn-auth-reference {
    --u: min(.065104167vw, .115dvh, 1.1px);
    min-height: 100dvh;
    height: auto;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    position: relative;
    top: auto;
    left: auto;
    margin: 28px 0 0 13%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 38%);
    align-items: start;
    gap: 24px;
    width: min(1470px, 84%);
    margin: 28px 3% 40px 13%;
    flex: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding-top: 24px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(54px, 4.5vw, 86px);
    font-weight: 800;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-title-gradient {
    background-image:
      linear-gradient(
        90deg,
        #0878ff,
        #4d32ff 25%,
        #a414f5 48%,
        #ed0b8c 68%,
        #ff3d4f 84%,
        #ff7a18);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-form-column {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 40px 40px 32px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title {
    font-size: clamp(36px, 3.1vw, 56px);
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: clamp(44px, 3.75vw, 68px);
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-sub {
    font-size: clamp(14px, 1.1vw, 20px);
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge {
    min-height: 56px;
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control {
    min-height: 54px;
    font-size: 16px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--login.rn-auth-reference .rn-ref-google {
    min-height: 62px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: 30px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics {
    top: calc(244 * var(--u));
    left: auto;
    right: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    top: 21%;
    left: 51%;
    font-size: clamp(34px, 2.6vw, 48px);
    max-width: 8%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature svg {
    width: 100%;
  }
}
.rn-auth-page--login.rn-auth-reference .rn-auth-submit:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(116, 51, 238, 0.1882352941);
}
@media (min-width: 1100px) and (max-height: 900px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    margin-top: 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    margin-top: 18px;
    margin-bottom: 24px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 28px 28px 24px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: 20px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: 20px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-2,
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 20px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-divider {
    margin: 18px 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: 22px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    display: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-form-column {
    width: 100%;
    max-width: 480px;
    margin-inline: auto;
  }
}
.rn-auth-reference.rn-auth-page {
  font-family:
    "Inter Auth",
    "Segoe UI",
    sans-serif;
}
.rn-auth-reference.rn-auth-page .rn-ref-header-link,
.rn-auth-reference.rn-auth-page .rn-ref-sample-label {
  display: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand > span {
  font-size: clamp(25px, 2.3vw, 36px);
  letter-spacing: -1.4px;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand > svg {
  width: 48px;
  height: 48px;
}
.rn-auth-reference.rn-auth-page .rn-ref-brand small {
  font-size: 10px;
  letter-spacing: 1.4px;
}
.rn-auth-reference.rn-auth-page .rn-ref-marketing h1 {
  font-size: clamp(40px, 4vw, 68px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}
.rn-auth-reference.rn-auth-page .rn-ref-lede {
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.45;
}
.rn-auth-reference.rn-auth-page .rn-ref-card {
  border-radius: 28px;
  padding: 30px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.831372549),
      rgba(238, 238, 255, 0.8117647059) 50%,
      rgba(234, 255, 255, 0.831372549));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 0 1px 14px rgba(255, 255, 255, 0.5019607843), 0 20px 60px rgba(40, 60, 130, 0.1215686275);
}
.rn-auth-reference.rn-auth-page .rn-auth-card-title,
.rn-auth-reference.rn-auth-page .rn-auth-card-title .rn-ref-title-gradient {
  font-size: clamp(28px, 2.3vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.045em;
  white-space: normal;
}
.rn-auth-reference.rn-auth-page .rn-auth-card-sub {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #515b78;
}
.rn-auth-reference.rn-auth-page .form-label {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 7px;
}
.rn-auth-reference.rn-auth-page {
}
.rn-auth-reference.rn-auth-page .input-group-merge {
  min-height: 48px;
  border-radius: 10px;
}
.rn-auth-reference.rn-auth-page .input-group-merge > .form-control {
  min-height: 46px;
  font-size: 16px;
}
.rn-auth-reference.rn-auth-page .form-select,
.rn-auth-reference.rn-auth-page .styled-select-trigger {
  min-height: 48px;
  font-size: 16px;
}
.rn-auth-reference.rn-auth-page {
}
.rn-auth-reference.rn-auth-page .rn-register-fields > div > .form-control,
.rn-auth-reference.rn-auth-page .rn-register-fields .row > div > .form-control {
  min-height: 48px;
  font-size: 16px;
  border-radius: 10px;
}
.rn-auth-reference.rn-auth-page .form-control::placeholder {
  color: #626b85;
  opacity: 1;
}
.rn-auth-reference.rn-auth-page {
}
.rn-auth-reference.rn-auth-page .text-uppercase::placeholder {
  text-transform: none;
}
.rn-auth-reference.rn-auth-page .rn-ref-card :is(button, a, summary, input, select):focus-visible {
  outline: 3px solid #5634c9;
  outline-offset: 3px;
}
.rn-auth-reference.rn-auth-page .rn-ref-card :is(.form-control, .form-select):focus-visible {
  outline-width: 2px;
  outline-offset: 1px;
}
.rn-auth-reference.rn-auth-page .rn-ref-card :is(.rn-auth-submit, .rn-ref-google, .rn-auth-back) {
  transition: box-shadow 180ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.rn-auth-reference.rn-auth-page .rn-ref-card :is(.rn-auth-submit, .rn-ref-google, .rn-auth-back):active {
  transform: translateY(1px);
}
.rn-auth-reference.rn-auth-page .rn-ref-step-status,
.rn-auth-reference.rn-auth-page .rn-register-section-status,
.rn-auth-reference.rn-auth-page .rn-ref-setup-note,
.rn-auth-reference.rn-auth-page .rn-ref-footer-link,
.rn-auth-reference.rn-auth-page .rn-auth-card-foot,
.rn-auth-reference.rn-auth-page .rn-auth-hint {
  color: #515b78;
}
.rn-auth-reference.rn-auth-page .rn-ref-stat {
  font-variant-numeric: tabular-nums;
}
.rn-auth-reference.rn-auth-page .input-group-merge > .input-group-text {
  padding-inline: 12px;
}
.rn-auth-reference.rn-auth-page .input-group-text .ti {
  font-size: 21px;
  width: 21px;
  height: 21px;
}
.rn-auth-reference.rn-auth-page .rn-auth-submit,
.rn-auth-reference.rn-auth-page .rn-ref-google {
  min-height: 52px;
  font-size: 18px;
  border-radius: 999px;
}
.rn-auth-reference.rn-auth-page .rn-ref-google > svg {
  width: 28px;
  height: 28px;
}
.rn-auth-reference.rn-auth-page .form-check-label,
.rn-auth-reference.rn-auth-page .rn-login-recovery,
.rn-auth-reference.rn-auth-page .rn-auth-card-foot,
.rn-auth-reference.rn-auth-page .rn-ref-footer-link {
  font-size: 14px;
}
.rn-auth-reference.rn-auth-page .rn-ref-step-status,
.rn-auth-reference.rn-auth-page .rn-register-section-status {
  font-size: 13px;
}
.rn-auth-reference.rn-auth-page .rn-ref-setup-note,
.rn-auth-reference.rn-auth-page .rn-ref-strength-label,
.rn-auth-reference.rn-auth-page .rn-ref-username-options,
.rn-auth-reference.rn-auth-page .rn-ref-policy-info,
.rn-auth-reference.rn-auth-page .rn-auth-hint {
  font-size: 12px;
  line-height: 1.4;
}
.rn-auth-reference.rn-auth-page .rn-ref-features--vertical {
  width: fit-content;
  padding: 16px 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.8745098039);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.rn-auth-page--login.rn-auth-reference .rn-login-error-slot {
  min-height: 18px;
}
.rn-auth-page--login.rn-auth-reference .rn-login-error-slot .invalid-feedback {
  margin-top: 2px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1100px) and (max-height: 900px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    display: none;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(38px, 4vw, 56px);
  }
}
@media (max-height: 740px) {
  .rn-auth-reference.rn-auth-page .rn-ref-header {
    margin-top: 12px;
    padding-block: 8px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    margin-top: 12px;
    margin-bottom: 16px;
    padding-block: 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-card {
    padding-block: 18px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-title,
  .rn-auth-reference.rn-auth-page .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 28px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-register-header {
    margin-bottom: 12px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-footer-link {
    margin-top: 12px;
  }
}
.rn-auth-page--register.rn-auth-reference .rn-ref-card {
  padding-block: 24px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-register-header {
  margin-bottom: 16px;
}
.rn-auth-page--register.rn-auth-reference {
}
.rn-auth-page--register.rn-auth-reference .rn-ref-field {
  margin-bottom: 16px;
}
.rn-auth-page--register.rn-auth-reference .rn-register-fields .row {
  --bs-gutter-y: 16px;
}
.rn-auth-page--register.rn-auth-reference .rn-register-fields .row > [data-mobile-group] {
  margin-bottom: 0 !important;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-footer-link {
  margin-top: 16px;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-setup-note {
  margin-top: 8px;
}
.rn-auth-page--register.rn-auth-reference .rn-auth-back {
  min-height: 48px;
  font-size: 14px;
  color: #49369b;
  border-color: rgba(116, 117, 188, 0.2509803922);
  background: rgba(255, 255, 255, 0.8509803922);
}
.rn-auth-page--register.rn-auth-reference .rn-auth-back:hover {
  color: #342276;
  background: #f3f0ff;
}
.rn-auth-page--register.rn-auth-reference .rn-auth-note {
  color: #515b78;
  border-color: rgba(116, 117, 188, 0.1490196078);
  background: #f2f5ff;
  line-height: 1.5;
}
.rn-auth-page--register.rn-auth-reference .rn-auth-note__icon {
  color: #5634c9;
}
.rn-auth-page--register.rn-auth-reference .rn-auth-secure-note {
  color: #515b78;
  font-size: 12px;
  line-height: 1.5;
}
.rn-auth-page--register.rn-auth-reference .rn-register-section-status > span {
  color: #515b78;
  font-variant-numeric: tabular-nums;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-phone > .input-group-text {
  border: 0;
  border-radius: 0;
  background: transparent;
}
.rn-auth-page--register.rn-auth-reference .rn-ref-phone > .form-control {
  border: 0;
  border-radius: 0;
}
.rn-auth-page--register.rn-auth-reference .rn-register-fields > .mb-4,
.rn-auth-page--register.rn-auth-reference .rn-register-fields > .row.mb-4 {
  margin-bottom: 16px !important;
}
.rn-auth-page--register.rn-auth-reference .rn-register-section-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block: 10px;
  border-block: 1px solid rgba(116, 117, 188, 0.1490196078);
}
@media (min-width: 1100px) {
  .rn-auth-reference.rn-auth-page {
    min-height: 100dvh;
    height: auto;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-header {
    position: relative;
    top: auto;
    left: auto;
    width: 84%;
    max-width: 1470px;
    padding: 0;
    margin: 22px 3% 0 13%;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    position: relative;
    display: grid;
    flex: none;
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
    gap: 28px;
    width: min(1470px, 84%);
    max-width: 1470px;
    padding: 0;
    margin: 24px 3% 32px 13%;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding: 18px 0 0;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-form-column {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-signature {
    left: 49%;
    max-width: 10%;
    font-size: clamp(28px, 2.2vw, 40px);
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-glow {
    display: none;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    margin-top: 24px;
  }
}
@media (min-width: 1100px) and (min-height: 961px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    margin-top: 30px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand > svg {
    width: 56px;
    height: 56px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand > span {
    font-size: 38px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 42%);
    margin-top: 35px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    padding-top: 30px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(68px, 5vw, 78px);
    line-height: 0.98;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-lede {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.35;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    margin-top: 18px;
    margin-left: 7px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics {
    top: calc(244 * var(--u));
    right: -11px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    top: 19%;
    left: 51%;
    max-width: 9%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature svg {
    width: 78%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 36px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 34px;
    line-height: 1.12;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-sub {
    font-size: 14px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: 24px;
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge {
    min-height: 48px;
  }
  .rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control {
    min-height: 46px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-3 {
    margin-bottom: 11px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-2 {
    margin-bottom: 10px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--login.rn-auth-reference .rn-ref-google {
    min-height: 52px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-divider {
    margin-block: 22px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: 24px;
  }
}
@media (min-width: 1100px) and (max-height: 960.98px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    margin-top: 16px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    padding-top: 12px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(50px, 3.25vw, 64px);
    line-height: 1;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-lede {
    margin-top: 12px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    margin-top: 8px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div {
    padding-block: calc(9 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    left: 48%;
    max-width: 9%;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding-block: 26px;
  }
}
@media (max-width: 1099.98px) {
  .rn-auth-reference.rn-auth-page .rn-ref-header {
    width: calc(100% - 40px);
    margin-inline: auto;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    display: flex;
    flex-direction: column;
    flex: none;
    align-items: center;
    width: calc(100% - 40px);
    padding: 12px 0 24px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-marketing,
  .rn-auth-reference.rn-auth-page .rn-ref-signature {
    display: none;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-form-column {
    width: 100%;
    max-width: 510px;
    margin-inline: auto;
  }
}
@media (max-width: 480px) {
  .rn-auth-reference.rn-auth-page .rn-ref-header,
  .rn-auth-reference.rn-auth-page .rn-ref-main {
    width: calc(100% - 32px);
  }
  .rn-auth-reference.rn-auth-page .rn-ref-brand > svg {
    width: 38px;
    height: 38px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-brand small {
    font-size: 8px;
  }
  .rn-auth-reference.rn-auth-page .rn-ref-card {
    padding: 24px 20px;
    border-radius: 24px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-title,
  .rn-auth-reference.rn-auth-page .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 30px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-sub {
    font-size: 14px;
  }
  .rn-auth-reference.rn-auth-page .rn-auth-card-foot,
  .rn-auth-reference.rn-auth-page .rn-ref-footer-link {
    font-size: 13px;
  }
  .rn-auth-reference.rn-auth-page.rn-auth-page--register .rn-ref-footer-link {
    margin-top: 4px;
  }
}
@media (max-width: 360px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 10px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check .rn-login-recovery {
    position: static;
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rn-auth-reference.rn-auth-page .rn-ref-card :is(.rn-auth-submit, .rn-ref-google, .rn-auth-back) {
    transition: none;
    transform: none;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .rn-auth-reference.rn-auth-page .rn-ref-card {
    background: #f7f8ff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.rn-auth-page--register.rn-auth-reference .input-group.input-group-merge {
  display: grid;
  grid-template-columns: minmax(48px, auto) minmax(0, 1fr) auto;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  background: #f7f9ff;
  border: 1px solid #c9d1e6;
  box-shadow: 0 1px 2px rgba(28, 37, 64, 0.04);
}
.rn-auth-page--register.rn-auth-reference .input-group-merge > .input-group-text:first-child {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: #66728e;
}
.rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control {
  width: 100%;
  margin-inline-start: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill,
.rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill:hover,
.rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #14172f;
  -webkit-box-shadow: 0 0 0 1000px #f7f9ff inset !important;
  caret-color: #14172f;
  transition: background-color 9999s ease-out 0s;
}
.rn-auth-page--register.rn-auth-reference .input-group-merge :is(.rn-login-password-toggle, .rn-auth-password-toggle) {
  align-self: stretch;
  height: auto;
  min-width: 48px;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
}
.rn-auth-page--register.rn-auth-reference .input-group-merge:focus-within {
  border-color: #5737d4;
  box-shadow: 0 0 0 3px rgba(87, 55, 212, 0.14);
}
.rn-auth-page--register.rn-auth-reference {
}
.rn-auth-page--register.rn-auth-reference .input-group-merge:has(.is-invalid) {
  border-color: #ae321e;
}
.rn-auth-page--register.rn-auth-reference .input-group-merge:has(.is-invalid):focus-within {
  box-shadow: 0 0 0 3px rgba(174, 50, 30, 0.14);
}
.rn-auth-page--login.rn-auth-reference {
  overflow-x: hidden;
  overflow-y: auto;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-marketing,
.rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1,
.rn-auth-page--login.rn-auth-reference .rn-ref-lede,
.rn-auth-page--login.rn-auth-reference .rn-ref-features {
  text-align: left;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-features > div {
  align-items: flex-start;
  text-align: left;
}
.rn-auth-page--login.rn-auth-reference {
}
.rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
  position: relative;
  min-height: min(620px, 100dvh - 150px);
}
.rn-auth-page--login.rn-auth-reference .rn-ref-features {
  position: relative;
  z-index: 3;
  width: max-content;
  max-width: 100%;
  margin-top: auto !important;
  padding-top: 12px;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-metrics {
  position: absolute;
  right: 0;
  bottom: 82px;
  margin: 0;
}
.rn-auth-page--login.rn-auth-reference .input-group.input-group-merge {
  display: grid;
  grid-template-columns: minmax(48px, auto) minmax(0, 1fr) auto;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  background: #f7f9ff;
  border: 1px solid #c9d1e6;
  box-shadow: 0 1px 2px rgba(28, 37, 64, 0.04);
}
.rn-auth-page--login.rn-auth-reference .input-group-merge > .input-group-text:first-child {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: #66728e;
}
.rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control {
  width: 100%;
  margin-inline-start: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill,
.rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill:hover,
.rn-auth-page--login.rn-auth-reference .input-group-merge > .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #14172f;
  -webkit-box-shadow: 0 0 0 1000px #f7f9ff inset !important;
  caret-color: #14172f;
  transition: background-color 9999s ease-out 0s;
}
.rn-auth-page--login.rn-auth-reference .input-group-merge :is(.rn-login-password-toggle, .rn-auth-password-toggle) {
  align-self: stretch;
  height: auto;
  min-width: 48px;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
}
.rn-auth-page--login.rn-auth-reference .input-group-merge:focus-within {
  border-color: #5737d4;
  box-shadow: 0 0 0 3px rgba(87, 55, 212, 0.14);
}
.rn-auth-page--login.rn-auth-reference {
}
.rn-auth-page--login.rn-auth-reference .input-group-merge:has(.is-invalid) {
  border-color: #ae321e;
}
.rn-auth-page--login.rn-auth-reference .input-group-merge:has(.is-invalid):focus-within {
  box-shadow: 0 0 0 3px rgba(174, 50, 30, 0.14);
}
.rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
  margin-top: 20px;
}
.rn-auth-page--login.rn-auth-reference {
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  align-content: start;
  column-gap: 10px;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat-label,
.rn-auth-page--login.rn-auth-reference .rn-ref-stat strong,
.rn-auth-page--login.rn-auth-reference .rn-ref-trend {
  grid-column: 1;
  position: static;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat-label {
  grid-row: 1;
  white-space: nowrap;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat strong {
  grid-row: 2;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-trend {
  grid-row: 3;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat-icon {
  grid-column: 2;
  grid-row: 1/3;
  position: static;
  justify-self: end;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-stat--main .rn-ref-sparkline,
.rn-auth-page--login.rn-auth-reference .rn-ref-stat--customers .rn-ref-customer-chart {
  grid-column: 2;
  grid-row: 2/4;
  position: static;
  align-self: end;
  justify-self: end;
}
.rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers {
  margin-left: 0;
  padding: calc(15 * var(--u));
  text-align: left;
}
@media (min-width: 1100px) {
  .rn-auth-page--login.rn-auth-reference {
    --rn-main: min(1470px, 100% - 96px);
    --rn-form: 440px;
    --rn-vh: calc(100dvh / var(--rn-z, 1));
    --rn-vw: calc(100vw / var(--rn-z, 1));
    --rn-lift: max(0px, var(--rn-vh) * .493 - 486px);
    height: var(--rn-vh);
    min-height: 0;
    background:
      linear-gradient(
        180deg,
        #45abf3 0%,
        #695efc 12%,
        #b44ffc 23%,
        #dc7efd 35%,
        #4d9cfd 47%,
        #57a8fe 59%,
        #82e6eb 76%,
        #9ee8db 90%,
        #8fd6e4 100%);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-glow {
    display: block;
    position: fixed;
    inset: 0;
    background: url(/assets/img/auth/retail-reference-background.png) left bottom/auto 100% no-repeat;
    -webkit-mask-image:
      linear-gradient(
        to right,
        #000 calc(var(--rn-vh) * 1.5 - 240px),
        transparent calc(var(--rn-vh) * 1.5));
    mask-image:
      linear-gradient(
        to right,
        #000 calc(var(--rn-vh) * 1.5 - 240px),
        transparent calc(var(--rn-vh) * 1.5));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header,
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    width: var(--rn-main);
    margin-inline: auto;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    grid-template-columns: minmax(0, 1fr) var(--rn-form);
    gap: 28px;
    align-items: center;
    flex-shrink: 0;
    margin-top: calc(clamp(8px, 2dvh, 20px) + var(--rn-lift));
    margin-bottom: 0;
  }
  .rn-auth-page--login.rn-auth-reference {
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing {
    padding-top: clamp(12px, 3.5dvh, 36px);
    align-self: start;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-form-column {
    align-self: center;
  }
  .rn-auth-page--login.rn-auth-reference {
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(40px, 2.9vw, 54px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.035em;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-lede {
    margin-top: 14px;
    max-width: 32em;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.5;
    font-weight: 500;
    color: #3a4163;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), 0 0 14px rgba(255, 255, 255, 0.7019607843);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    margin-left: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-brand small {
    color: #4b5175;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 32px 32px 28px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 30px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features p {
    font-size: 13px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: 22px;
  }
  .rn-auth-page--login.rn-auth-reference {
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    left: auto;
    right: calc((100% - var(--rn-main)) / 2 + var(--rn-form) + 72px);
  }
}
@media (min-width: 1100px) and (min-height: 961px) {
  .rn-auth-page--login.rn-auth-reference {
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature {
    top: calc(min(19%, 210px) + var(--rn-lift));
  }
}
@media (min-width: 1100px) and (max-height: 820px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(36px, 2.7vw, 46px);
  }
}
@media (min-width: 1100px) and (max-height: 1040px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    flex-direction: row;
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px !important;
    padding: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 5px 14px 5px 5px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.8705882353);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div > span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features i {
    font-size: 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features .rn-feature-glyph {
    width: 18px;
    height: 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features p {
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
  }
}
@media (min-width: 1100px) {
  .rn-auth-page--register.rn-auth-reference {
    --rn-main: min(1470px, 100% - 96px);
    --rn-form: 440px;
    --rn-vh: calc(100dvh / var(--rn-z, 1));
    --rn-vw: calc(100vw / var(--rn-z, 1));
    --rn-lift: max(0px, var(--rn-vh) * .493 - 486px);
    height: var(--rn-vh);
    min-height: 0;
    background:
      linear-gradient(
        180deg,
        #45abf3 0%,
        #695efc 12%,
        #b44ffc 23%,
        #dc7efd 35%,
        #4d9cfd 47%,
        #57a8fe 59%,
        #82e6eb 76%,
        #9ee8db 90%,
        #8fd6e4 100%);
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-glow {
    display: block;
    position: fixed;
    inset: 0;
    background: url(/assets/img/auth/retail-reference-background.png) left bottom/auto 100% no-repeat;
    -webkit-mask-image:
      linear-gradient(
        to right,
        #000 calc(var(--rn-vh) * 1.5 - 240px),
        transparent calc(var(--rn-vh) * 1.5));
    mask-image:
      linear-gradient(
        to right,
        #000 calc(var(--rn-vh) * 1.5 - 240px),
        transparent calc(var(--rn-vh) * 1.5));
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-header,
  .rn-auth-page--register.rn-auth-reference .rn-ref-main {
    width: var(--rn-main);
    margin-inline: auto;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-main {
    grid-template-columns: minmax(0, 1fr) var(--rn-form);
    gap: 28px;
    align-items: center;
    flex-shrink: 0;
    margin-top: calc(clamp(8px, 2dvh, 20px) + var(--rn-lift));
    margin-bottom: 0;
  }
  .rn-auth-page--register.rn-auth-reference {
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing {
    padding-top: clamp(12px, 3.5dvh, 36px);
    align-self: start;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-form-column {
    align-self: center;
  }
  .rn-auth-page--register.rn-auth-reference {
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(40px, 2.9vw, 54px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.035em;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-lede {
    margin-top: 14px;
    max-width: 32em;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.5;
    font-weight: 500;
    color: #3a4163;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), 0 0 14px rgba(255, 255, 255, 0.7019607843);
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features {
    margin-left: 0;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-brand small {
    color: #4b5175;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-card {
    padding: 32px 32px 28px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 30px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features {
    flex-direction: row;
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px !important;
    padding: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features > div {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 5px 14px 5px 5px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.8705882353);
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features > div > span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features i {
    font-size: 18px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features .rn-feature-glyph {
    width: 18px;
    height: 18px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features p {
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
  }
  .rn-auth-page--register.rn-auth-reference {
    --rn-form: clamp(540px, 40vw, 620px);
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-features--vertical {
    margin-top: 20px !important;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-card {
    padding: 24px 28px 22px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-register-header {
    margin-bottom: 14px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 28px;
    margin-bottom: 4px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-step-status {
    margin-top: 6px;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 12px;
    align-items: start;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields > .row {
    display: contents;
  }
  .rn-auth-page--register.rn-auth-reference {
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields.rn-register-fields > *,
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields.rn-register-fields > .row > * {
    width: auto;
    max-width: none;
    flex: none;
    margin: 0 !important;
    padding-inline: 0;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields > :is(.rn-ref-consent, .rn-auth-note),
  .rn-auth-page--register.rn-auth-reference app-register-company [data-mobile-group=branchAddress] {
    grid-column: 1/-1;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-consent {
    padding-top: 2px;
  }
  .rn-auth-page--register.rn-auth-reference .form-label {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .rn-auth-page--register.rn-auth-reference {
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge {
    min-height: 44px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control {
    min-height: 42px;
    padding-block: 9px !important;
    line-height: 1.5;
    font-size: 15px;
  }
  .rn-auth-page--register.rn-auth-reference .form-select,
  .rn-auth-page--register.rn-auth-reference .styled-select-trigger {
    min-height: 44px;
    font-size: 15px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-strength {
    margin-top: 8px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-strength-label {
    margin-top: 4px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-register-footer {
    margin-top: 16px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--register.rn-auth-reference .rn-auth-back {
    min-height: 48px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-setup-note {
    margin-top: 6px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-footer-link {
    margin-top: 8px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-secure-note {
    margin-top: 10px;
  }
}
@media (min-width: 1100px) and (max-height: 880px) {
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-sub,
  .rn-auth-page--register.rn-auth-reference .rn-auth-hint,
  .rn-auth-page--register.rn-auth-reference .rn-auth-secure-note,
  .rn-auth-page--register.rn-auth-reference .rn-ref-setup-note {
    display: none;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-register-header {
    margin-bottom: 12px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-step-status {
    margin-top: 4px;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields {
    row-gap: 10px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge {
    min-height: 42px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control {
    min-height: 40px;
    padding-block: 8px !important;
  }
  .rn-auth-page--register.rn-auth-reference .form-select,
  .rn-auth-page--register.rn-auth-reference .styled-select-trigger {
    min-height: 42px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-note {
    padding: 10px 12px;
  }
}
@media (min-width: 1100px) and (max-height: 720px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-card {
    padding: 16px 24px 14px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-register-header {
    margin-bottom: 8px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 24px;
  }
  .rn-auth-page--register.rn-auth-reference .form-label {
    font-size: 12.5px;
    margin-bottom: 4px;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields {
    row-gap: 8px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge {
    min-height: 40px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control {
    min-height: 38px;
    padding-block: 7px !important;
  }
  .rn-auth-page--register.rn-auth-reference .form-select,
  .rn-auth-page--register.rn-auth-reference .styled-select-trigger {
    min-height: 40px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-register-footer {
    margin-top: 10px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--register.rn-auth-reference .rn-auth-back {
    min-height: 44px;
  }
}
@media (min-width: 1100px) and (max-height: 620px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-card {
    padding: 10px 22px 8px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-register-header {
    margin-bottom: 4px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title,
  .rn-auth-page--register.rn-auth-reference .rn-auth-card-title .rn-ref-title-gradient {
    font-size: 22px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-step-status {
    margin-top: 2px;
  }
  .rn-auth-page--register.rn-auth-reference .form-label {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .rn-auth-page--register.rn-auth-reference app-register-company .rn-register-fields {
    row-gap: 5px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge {
    min-height: 38px;
  }
  .rn-auth-page--register.rn-auth-reference .input-group-merge > .form-control {
    min-height: 36px;
    padding-block: 6px !important;
  }
  .rn-auth-page--register.rn-auth-reference .form-select,
  .rn-auth-page--register.rn-auth-reference .styled-select-trigger {
    min-height: 38px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-register-footer {
    margin-top: 6px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-submit,
  .rn-auth-page--register.rn-auth-reference .rn-auth-back {
    min-height: 42px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-ref-footer-link {
    margin-top: 4px;
  }
}
@media (max-width: 400px) {
  .rn-auth-page--register.rn-auth-reference .rn-auth-actions {
    gap: 8px;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-back {
    flex: 0 0 48px;
    width: 48px;
    padding: 0 !important;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-back > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .rn-auth-page--register.rn-auth-reference .rn-auth-actions .rn-auth-submit {
    flex: 1 1 auto;
    min-width: 0;
    padding-inline: 14px !important;
    white-space: nowrap;
  }
}
@media (min-width: 1100px) and (max-height: 820px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(36px, 2.7vw, 46px);
  }
}
@media (min-width: 1100px) and (max-height: 640px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-marketing,
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing {
    padding-top: 10px;
  }
}
@media (min-width: 1100px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics,
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    --rn-metrics-room: calc((var(--rn-vw) + min(1470px, var(--rn-vw) - 96px)) / 2 - var(--rn-form) - 28px - var(--rn-vh) * .596 - 16px);
    --rn-metrics-fit: calc(var(--rn-metrics-room) / (278 * var(--rn-metrics-scale, 1)));
    --u: max(0px, min(.065104167vw, .115dvh, 1.1px, var(--rn-metrics-fit), (var(--rn-metrics-fit) - .75px) * 10000));
    container: rn-metrics/inline-size;
    display: block;
    position: absolute;
    top: calc(244 * min(0.065104167vw, 0.115dvh, 1.1px));
    right: 0;
    bottom: auto;
    left: auto;
    width: calc(248 * var(--u));
    margin: 0;
    padding: 0;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    align-content: start;
    column-gap: 10px;
    padding: calc(15 * var(--u));
    transform: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat-label,
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat strong,
  .rn-auth-page--login.rn-auth-reference .rn-ref-trend,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat-label,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat strong,
  .rn-auth-page--register.rn-auth-reference .rn-ref-trend {
    grid-column: 1;
    position: static;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat-label,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat-label {
    grid-row: 1;
    white-space: nowrap;
    font-size: calc(14 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat strong,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat strong {
    grid-row: 2;
    font-size: calc(28 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-trend,
  .rn-auth-page--register.rn-auth-reference .rn-ref-trend {
    grid-row: 3;
    font-size: calc(16 * var(--u));
    margin-top: calc(9 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat-icon,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat-icon {
    grid-column: 2;
    grid-row: 1/3;
    position: static;
    justify-self: end;
    width: calc(35 * var(--u));
    height: calc(36 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat--main,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat--main {
    width: 100%;
    min-height: calc(128 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat--main .rn-ref-sparkline,
  .rn-auth-page--login.rn-auth-reference .rn-ref-stat--customers .rn-ref-customer-chart,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat--main .rn-ref-sparkline,
  .rn-auth-page--register.rn-auth-reference .rn-ref-stat--customers .rn-ref-customer-chart {
    grid-column: 2;
    grid-row: 2/4;
    position: static;
    align-self: end;
    justify-self: end;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-sparkline,
  .rn-auth-page--register.rn-auth-reference .rn-ref-sparkline {
    width: calc(120 * var(--u));
    height: calc(50 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(14 * var(--u));
    width: calc(278 * var(--u));
    margin: calc(18 * var(--u)) 0 0 calc(-29 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat {
    width: auto;
    min-height: calc(114 * var(--u));
    padding: calc(13 * var(--u)) calc(14 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-label,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-label {
    font-size: calc(14 * var(--u));
    line-height: 1.2;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat strong,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat strong {
    line-height: 1.15;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-trend,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-trend {
    margin-top: calc(7 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-icon i,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat-icon i {
    font-size: calc(31 * var(--u));
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers {
    grid-column: 1/-1;
    margin-left: 0;
    padding: calc(15 * var(--u));
    text-align: left;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon {
    width: calc(62 * var(--u));
    height: calc(62 * var(--u));
    border-radius: 50%;
    background:
      linear-gradient(
        140deg,
        #edf6ff,
        #d3e9ff);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon i,
  .rn-auth-page--register.rn-auth-reference .rn-ref-small-stats .rn-ref-stat--customers .rn-ref-stat-icon i {
    font-size: calc(39 * var(--u));
  }
}
@container rn-metrics (max-width: 2px) {
  .rn-auth-page.rn-auth-reference .rn-ref-metrics > * {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1259px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics,
  .rn-auth-page--login.rn-auth-reference .rn-ref-signature,
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics,
  .rn-auth-page--register.rn-auth-reference .rn-ref-signature {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1365px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1259px) {
  .rn-auth-page--register.rn-auth-reference .rn-ref-marketing h1 {
    font-size: clamp(30px, 2.85vw, 36px);
  }
}
@media (max-width: 1099.98px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-features {
    position: static;
    margin-top: 16px !important;
  }
}
@media (min-width: 1100px) and (max-height: 960.98px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics,
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    --rn-metrics-scale: .92;
    transform: scale(0.92);
    transform-origin: top right;
  }
}
@media (min-width: 1100px) and (max-height: 860px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-metrics,
  .rn-auth-page--register.rn-auth-reference .rn-ref-metrics {
    --rn-metrics-scale: .84;
    transform: scale(0.84);
  }
}
@media (max-width: 1099.98px) {
  .rn-auth-page--login.rn-auth-reference {
    min-height: 100dvh;
    height: 100dvh;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    flex: 0 0 auto;
  }
  .rn-auth-page--login.rn-auth-reference {
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    flex: 1 0 auto;
    justify-content: center;
    margin-block: 0;
    padding-block: 8px 16px;
  }
}
@media (max-width: 480px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-header,
  .rn-auth-page--login.rn-auth-reference .rn-ref-main {
    width: calc(100% - 24px);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-header {
    padding-block: 8px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-card {
    padding: 20px 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-head {
    margin-bottom: 16px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-3,
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .mb-2,
  .rn-auth-page--login.rn-auth-reference .rn-ref-login-form > .form-check {
    margin-bottom: 14px !important;
  }
  .rn-auth-page--login.rn-auth-reference .rn-auth-card-foot {
    margin-top: 16px;
  }
}
@media (min-width: 1760px) and (min-height: 1001px) {
  .rn-auth-page--login.rn-auth-reference .rn-ref-features,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features {
    flex-direction: row;
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px !important;
    padding: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features > div {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 5px 14px 5px 5px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.8705882353);
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features > div > span,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features > div > span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features i,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features i {
    font-size: 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features .rn-feature-glyph,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features .rn-feature-glyph {
    width: 18px;
    height: 18px;
  }
  .rn-auth-page--login.rn-auth-reference .rn-ref-features p,
  .rn-auth-page--register.rn-auth-reference .rn-ref-features p {
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
  }
}
@media (min-width: 1760px) and (min-height: 1001px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.1;
    zoom: 1.1;
  }
}
@media (min-width: 1920px) and (min-height: 1092px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.2;
    zoom: 1.2;
  }
}
@media (min-width: 2080px) and (min-height: 1183px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.3;
    zoom: 1.3;
  }
}
@media (min-width: 2240px) and (min-height: 1274px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.4;
    zoom: 1.4;
  }
}
@media (min-width: 2400px) and (min-height: 1365px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.5;
    zoom: 1.5;
  }
}
@media (min-width: 2560px) and (min-height: 1456px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.6;
    zoom: 1.6;
  }
}
@media (min-width: 2800px) and (min-height: 1592.5px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.75;
    zoom: 1.75;
  }
}
@media (min-width: 3040px) and (min-height: 1729px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 1.9;
    zoom: 1.9;
  }
}
@media (min-width: 3200px) and (min-height: 1820px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 2;
    zoom: 2;
  }
}
@media (min-width: 3520px) and (min-height: 2002px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 2.2;
    zoom: 2.2;
  }
}
@media (min-width: 3840px) and (min-height: 2184px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 2.4;
    zoom: 2.4;
  }
}
@media (min-width: 4160px) and (min-height: 2366px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 2.6;
    zoom: 2.6;
  }
}
@media (min-width: 4480px) and (min-height: 2548px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 2.8;
    zoom: 2.8;
  }
}
@media (min-width: 4800px) and (min-height: 2730px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 3;
    zoom: 3;
  }
}
@media (min-width: 5200px) and (min-height: 2957.5px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 3.25;
    zoom: 3.25;
  }
}
@media (min-width: 5600px) and (min-height: 3185px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 3.5;
    zoom: 3.5;
  }
}
@media (min-width: 6000px) and (min-height: 3412.5px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 3.75;
    zoom: 3.75;
  }
}
@media (min-width: 6400px) and (min-height: 3640px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 4;
    zoom: 4;
  }
}
@media (min-width: 7200px) and (min-height: 4095px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 4.5;
    zoom: 4.5;
  }
}
@media (min-width: 8000px) and (min-height: 4550px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 5;
    zoom: 5;
  }
}
@media (min-width: 8800px) and (min-height: 5005px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 5.5;
    zoom: 5.5;
  }
}
@media (min-width: 9600px) and (min-height: 5460px) {
  .rn-auth-page--login.rn-auth-reference,
  .rn-auth-page--register.rn-auth-reference {
    --rn-z: 6;
    zoom: 6;
  }
}
.menu .menu-sub > .menu-item > .menu-link::before,
.menu-vertical .menu-sub > .menu-item > .menu-link::before,
.layout-menu .menu-sub > .menu-item > .menu-link::before {
  content: none !important;
  display: none !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
.menu .menu-sub > .menu-item > .menu-link {
  padding-inline-start: 2.25rem !important;
}
.menu .menu-sub .menu-sub > .menu-item > .menu-link {
  padding-inline-start: 3rem !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */