@import url("https://use.typekit.net/fra8keq.css");
@import url("https://use.typekit.net/fra8keq.css");
/* line 68, app/assets/stylesheets/application.scss */
html {
  height: auto;
  min-height: 100%;
}

/* line 73, app/assets/stylesheets/application.scss */
body {
  color: #363434;
  font-size: 1.6rem;
  width: 100%;
}

/* line 82, app/assets/stylesheets/application.scss */
body.marketing {
  padding-top: 5rem;
}

/* line 92, app/assets/stylesheets/application.scss */
.virtual-terminal .ts-control,
.virtual-terminal .ts-dropdown,
.virtual-terminal .ts-dropdown .option,
.virtual-terminal .ts-dropdown .item {
  font-size: 1.6rem;
  line-height: 1.4;
}

/* line 100, app/assets/stylesheets/application.scss */
.virtual-terminal .ts-control .clear-button {
  order: 2;
  margin-left: 0.5rem;
}

/* line 106, app/assets/stylesheets/application.scss */
img {
  max-width: 100%;
}

/* line 114, app/assets/stylesheets/application.scss */
.logo {
  display: inline-block;
  margin: 0 auto 0 0.8rem;
  text-transform: uppercase;
}

/* line 123, app/assets/stylesheets/application.scss */
.logo svg {
  height: 28px;
  width: 177px;
}

/* line 132, app/assets/stylesheets/application.scss */
.logo svg text {
  font-family: "sofia-pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

/* line 138, app/assets/stylesheets/application.scss */
.site-header {
  background-color: #363434;
  height: 5rem;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

/* line 148, app/assets/stylesheets/application.scss */
.site-header a:not(.button):hover {
  color: #ffffff;
}

/* line 152, app/assets/stylesheets/application.scss */
.site-header .title-bar-left {
  width: 30rem;
}

/* line 162, app/assets/stylesheets/application.scss */
.title-bar .menu-icon {
  margin-left: 0.8rem;
  transition: opacity 0.2s ease-out;
  z-index: 100;
}

/* line 167, app/assets/stylesheets/application.scss */
.title-bar .menu-icon:focus-visible {
  outline: 2px solid rgba(65, 143, 193, 0.5);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(65, 143, 193, 0.2);
}

/* line 180, app/assets/stylesheets/application.scss */
.site-footer {
  border-top: 1px solid #e1e1e1;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 0.4rem 1.6rem;
}

/* line 187, app/assets/stylesheets/application.scss */
.site-nav {
  background-color: #363434;
  height: 100%;
  display: none;
  position: fixed;
  right: 0;
  top: 5rem;
  width: 30rem;
}

/* line 208, app/assets/stylesheets/application.scss */
.site-nav .menu {
  align-items: center;
  font-weight: 700;
  height: 100%;
  justify-content: flex-start;
  position: relative;
}

/* line 220, app/assets/stylesheets/application.scss */
.site-nav .menu li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
}

/* line 230, app/assets/stylesheets/application.scss */
.site-nav .menu a {
  align-items: center;
  height: 8rem;
  font-size: 2.4rem;
  padding: 0 1.6rem;
  display: flex;
}

/* line 243, app/assets/stylesheets/application.scss */
.site-nav .menu .button {
  align-items: center;
  padding: 0 1.6rem;
  height: 8rem;
  width: 100%;
  display: flex;
}

/* line 255, app/assets/stylesheets/application.scss */
.site-nav .menu .button svg {
  margin-right: 1rem;
  top: 0;
}

/* line 263, app/assets/stylesheets/application.scss */
.header-button {
  font-size: 1.8rem;
}

/* line 266, app/assets/stylesheets/application.scss */
.header-button:hover {
  background-color: #f3f4f6;
  color: #418FC1;
}

/* line 274, app/assets/stylesheets/application.scss */
[class*="page-registrations"],
[class*="page-sessions"],
[class*="page-charge"],
[class*="page-passwords"] {
  background-color: #f3f4f6;
}

/* line 280, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .container,
[class*="page-sessions"] .container,
[class*="page-charge"] .container,
[class*="page-passwords"] .container {
  padding: 3.2rem 0 1.6rem;
  text-align: center;
}

/* line 294, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .logo,
[class*="page-sessions"] .logo,
[class*="page-charge"] .logo,
[class*="page-passwords"] .logo {
  display: inline-block;
}

/* line 302, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .devise-container,
[class*="page-sessions"] .devise-container,
[class*="page-charge"] .devise-container,
[class*="page-passwords"] .devise-container {
  margin-top: 2.4rem;
}

/* line 310, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .sticky-container,
[class*="page-sessions"] .sticky-container,
[class*="page-charge"] .sticky-container,
[class*="page-passwords"] .sticky-container {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

/* line 317, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .title-bar,
[class*="page-sessions"] .title-bar,
[class*="page-charge"] .title-bar,
[class*="page-passwords"] .title-bar {
  justify-content: center;
  text-align: center;
}

/* line 322, app/assets/stylesheets/application.scss */
[class*="page-registrations"] h1,
[class*="page-sessions"] h1,
[class*="page-charge"] h1,
[class*="page-passwords"] h1 {
  font-size: 3.6rem;
  margin: 0;
}

/* line 331, app/assets/stylesheets/application.scss */
[class*="page-registrations"] p,
[class*="page-sessions"] p,
[class*="page-charge"] p,
[class*="page-passwords"] p {
  margin: 0;
}

/* line 335, app/assets/stylesheets/application.scss */
[class*="page-registrations"] label,
[class*="page-sessions"] label,
[class*="page-charge"] label,
[class*="page-passwords"] label {
  text-align: left;
}

/* line 339, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .error,
[class*="page-sessions"] .error,
[class*="page-charge"] .error,
[class*="page-passwords"] .error {
  text-align: left;
}

/* line 347, app/assets/stylesheets/application.scss */
[class*="page-registrations"] form,
[class*="page-sessions"] form,
[class*="page-charge"] form,
[class*="page-passwords"] form {
  margin: 0 auto;
  max-width: 50rem;
  width: 100%;
}

/* line 357, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .hint,
[class*="page-sessions"] .hint,
[class*="page-charge"] .hint,
[class*="page-passwords"] .hint {
  display: block;
  margin: -1rem 0 0.8rem;
  opacity: 0.5;
  text-align: left;
}

/* line 364, app/assets/stylesheets/application.scss */
[class*="page-registrations"] .button,
[class*="page-sessions"] .button,
[class*="page-charge"] .button,
[class*="page-passwords"] .button {
  margin-bottom: 0.8rem;
  width: 100%;
}

/* line 374, app/assets/stylesheets/application.scss */
.menu-button {
  border-radius: 0;
}

/* line 379, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 384, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  padding: 0.4rem 1.6rem;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: block;
  box-shadow: none;
  appearance: none;
}

/* line 399, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link:hover, .vertical.menu .menu-form .menu-link.active {
  color: #418FC1;
}

/* line 405, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link:focus-visible {
  outline: 2px solid rgba(65, 143, 193, 0.5);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(65, 143, 193, 0.2);
}

/* line 411, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link:active {
  background: none;
  box-shadow: none;
  border: none;
}

/* line 419, app/assets/stylesheets/application.scss */
.vertical.menu a.is-disabled {
  color: rgba(10, 10, 10, 0.35);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}

/* line 427, app/assets/stylesheets/application.scss */
.devise-container {
  max-width: 78rem;
  padding: 0 0.8rem;
  width: 100%;
}

/* line 440, app/assets/stylesheets/application.scss */
.charge h1 {
  margin-bottom: 0;
}

/* line 443, app/assets/stylesheets/application.scss */
.charge p.intro {
  margin-bottom: 1rem;
}

/* line 448, app/assets/stylesheets/application.scss */
.charge-list {
  border-top: 1px solid rgba(202, 202, 202, 0.2);
  list-style: none;
  margin: 0.8rem auto;
  max-width: 50rem;
  width: 100%;
}

/* line 455, app/assets/stylesheets/application.scss */
.charge-list li {
  border-bottom: 1px solid rgba(202, 202, 202, 0.2);
  padding: 0.8rem;
}

/* line 461, app/assets/stylesheets/application.scss */
button.stripe-button-el {
  padding: 0;
}

/* line 465, app/assets/stylesheets/application.scss */
button.stripe-button-el,
button.stripe-button-el > span {
  background: none;
  background-image: none;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}

/* line 474, app/assets/stylesheets/application.scss */
button.stripe-button-el > span {
  background-color: #418FC1;
  border-radius: 0.3rem;
  color: #ffffff;
  font-family: inherit;
  font-weight: 700;
  font-size: 2.4rem;
  height: auto;
  line-height: 1;
  padding: .85em 1em;
  text-shadow: none;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
}

/* line 489, app/assets/stylesheets/application.scss */
button.stripe-button-el:hover > span {
  background-color: #ffffff;
  color: #418FC1;
}

/* line 497, app/assets/stylesheets/application.scss */
section > header {
  margin: -1rem 0 0.8rem;
}

/* line 500, app/assets/stylesheets/application.scss */
section > header h1, section > header p {
  margin: 0;
}

/* line 506, app/assets/stylesheets/application.scss */
.account {
  background-color: #f3f4f6;
  padding-top: 5rem;
  touch-action: manipulation;
}

/* line 515, app/assets/stylesheets/application.scss */
.account .site-header {
  height: 5rem;
}

/* line 526, app/assets/stylesheets/application.scss */
.account .main,
.account input,
.account textarea,
.account select,
.account button,
.account a {
  scroll-margin-top: 18.2rem;
}

/* line 540, app/assets/stylesheets/application.scss */
.sticky-navbar {
  padding-top: 5rem;
}

/* line 547, app/assets/stylesheets/application.scss */
.sticky-navbar li {
  width: 100%;
}

/* line 551, app/assets/stylesheets/application.scss */
.sticky-navbar .logo {
  background-color: #363434;
  display: none;
  margin-left: 0;
}

/* line 560, app/assets/stylesheets/application.scss */
.sticky-navbar .logo svg {
  height: 28px;
  width: 177px;
}

/* line 566, app/assets/stylesheets/application.scss */
.sticky-navbar a {
  color: #363434;
  font-weight: 500;
  padding: 0.4rem 1.6rem;
  transition: color 0.2s ease-out;
}

/* line 572, app/assets/stylesheets/application.scss */
.sticky-navbar a:hover, .sticky-navbar a.active {
  color: #418FC1;
}

/* line 578, app/assets/stylesheets/application.scss */
.sticky-navbar a:focus-visible {
  outline: 2px solid rgba(65, 143, 193, 0.5);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(65, 143, 193, 0.2);
}

/* line 585, app/assets/stylesheets/application.scss */
.sticky-navbar .button {
  display: block;
  padding: 0.8rem 1.6rem;
  text-align: left;
  width: 100%;
}

/* line 592, app/assets/stylesheets/application.scss */
.sticky-navbar svg {
  margin-right: .5rem;
  position: relative;
  top: -.2rem;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
}

/* line 600, app/assets/stylesheets/application.scss */
.sticky-navbar svg text {
  font-family: "sofia-pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

/* line 607, app/assets/stylesheets/application.scss */
.menu {
  align-items: left;
}

/* line 611, app/assets/stylesheets/application.scss */
.off-canvas-content {
  min-height: calc(100vh - 5rem);
  display: flex;
  flex-direction: column;
}

/* line 622, app/assets/stylesheets/application.scss */
.main {
  flex: 1;
  padding: 1.4rem;
  scroll-margin-top: 13rem;
}

/* line 638, app/assets/stylesheets/application.scss */
.main h1 {
  font-size: 3.2rem;
  line-height: 1;
  margin-bottom: 1rem;
}

/* line 649, app/assets/stylesheets/application.scss */
.intro {
  font-size: 1.8rem;
  line-height: 1.4;
}

/* line 658, app/assets/stylesheets/application.scss */
form {
  max-width: 72rem;
  width: 100%;
}

/* line 672, app/assets/stylesheets/application.scss */
form .input label {
  margin-bottom: 0;
}

/* line 683, app/assets/stylesheets/application.scss */
form .input .hint {
  margin-top: -1rem;
  margin-bottom: 0.6rem;
}

/* line 689, app/assets/stylesheets/application.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 693, app/assets/stylesheets/application.scss */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 699, app/assets/stylesheets/application.scss */
.payment-plan-inline-errors {
  margin-top: 0.35rem;
}

/* line 714, app/assets/stylesheets/application.scss */
.input-amount {
  padding-left: 5rem;
  position: relative;
}

/* line 718, app/assets/stylesheets/application.scss */
.input-amount label {
  margin-left: -5rem;
}

/* line 722, app/assets/stylesheets/application.scss */
.input-amount input {
  color: #363434;
  font-size: 3.2rem;
  font-weight: 900;
  height: 6rem;
  line-height: 1;
  text-transform: uppercase;
}

/* line 731, app/assets/stylesheets/application.scss */
.input-amount > sup {
  align-items: center;
  background-color: #418FC1;
  bottom: 0;
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 900;
  height: 6rem;
  line-height: 1;
  left: 0;
  justify-content: center;
  position: absolute;
  text-align: center;
  top: auto;
  width: 5rem;
  display: flex;
}

/* line 771, app/assets/stylesheets/application.scss */
.empty-state {
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* line 776, app/assets/stylesheets/application.scss */
.empty-state p {
  margin-bottom: 1.6rem;
}

/* line 780, app/assets/stylesheets/application.scss */
.empty-state > svg {
  height: 12rem;
  margin-bottom: 1.0666666667rem;
  stroke: #418FC1;
  width: 12rem;
}

/* line 790, app/assets/stylesheets/application.scss */
.empty-state--inline {
  height: auto;
  padding: 2.4rem 0;
}

/* line 794, app/assets/stylesheets/application.scss */
.empty-state--inline > svg, .empty-state--inline i[data-feather] {
  height: 2.4rem;
  margin-bottom: 0.8rem;
  width: 2.4rem;
}

/* line 804, app/assets/stylesheets/application.scss */
.stripe-link {
  cursor: pointer;
  display: block;
  font-weight: 800;
  margin-top: 1.6rem;
}

/* line 810, app/assets/stylesheets/application.scss */
.stripe-link svg {
  position: relative;
  top: -.2rem;
  vertical-align: middle;
}

/* line 817, app/assets/stylesheets/application.scss */
.stripe-link-sync {
  color: #418FC1;
}

/* line 821, app/assets/stylesheets/application.scss */
.stripe-link-disconnect {
  color: #cc4b37;
}

/* line 825, app/assets/stylesheets/application.scss */
.billing-details button.stripe-button-el > span {
  min-height: auto;
  padding: 1rem;
  font-size: 1.6rem;
}

/* line 830, app/assets/stylesheets/application.scss */
.billing-details button.stripe-button-el > span:hover {
  background-color: #363434;
  color: #ffffff;
}

/* line 836, app/assets/stylesheets/application.scss */
.billing-details button.stripe-button-el > span:focus-visible {
  background-color: #363434;
  color: #ffffff;
  outline: 2px solid rgba(54, 52, 52, 0.5);
  outline-offset: 1px;
}

/* line 844, app/assets/stylesheets/application.scss */
.setup-intent-embedded__card,
#setup-intent-widget-card,
#setup-intent-widget-becs {
  max-width: 100%;
  min-width: 0;
}

/* line 851, app/assets/stylesheets/application.scss */
.setup-intent-embedded__card {
  overflow: hidden;
}

/* line 855, app/assets/stylesheets/application.scss */
#setup-intent-widget-card *,
#setup-intent-widget-becs * {
  box-sizing: border-box;
  max-width: 100%;
}

/* line 882, app/assets/stylesheets/application.scss */
.public .sticky-navbar {
  padding-top: 0;
}

/* line 885, app/assets/stylesheets/application.scss */
.public .sticky-navbar .logo {
  display: block;
}

/* line 897, app/assets/stylesheets/application.scss */
.invoice-actions,
.invoice-details {
  padding: 1.6rem;
}

/* line 902, app/assets/stylesheets/application.scss */
.invoice-actions {
  background-color: #f3f4f6;
}

/* line 906, app/assets/stylesheets/application.scss */
.secure {
  background-color: #363434;
  border-radius: 0.3rem;
  color: #ffffff;
  display: inline-block;
  padding: 0.4rem 0.8rem;
}

/* line 913, app/assets/stylesheets/application.scss */
.secure svg {
  margin-right: 1rem;
  stroke: #ffffff;
  position: relative;
  top: -.2rem;
  vertical-align: middle;
}

/* line 922, app/assets/stylesheets/application.scss */
.paid-success {
  background-color: #418FC1;
  border-radius: 0.3rem;
  color: #ffffff;
  padding: 0.8rem 1.6rem;
}

/* line 928, app/assets/stylesheets/application.scss */
.paid-success h3 {
  color: #ffffff;
}

/* line 931, app/assets/stylesheets/application.scss */
.paid-success svg {
  stroke: #ffffff;
}

/* line 938, app/assets/stylesheets/application.scss */
.button {
  font-weight: 700;
  width: 100%;
}

/* line 947, app/assets/stylesheets/application.scss */
.button:focus-visible {
  outline: 2px solid rgba(65, 143, 193, 0.5);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(65, 143, 193, 0.2);
}

/* line 953, app/assets/stylesheets/application.scss */
.button svg {
  margin-right: .5rem;
  position: relative;
  top: -.2rem;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
}

/* line 963, app/assets/stylesheets/application.scss */
.button.tiny {
  font-size: 1.2rem;
  padding: 0.4rem 0.8rem;
}

/* line 968, app/assets/stylesheets/application.scss */
.button.small {
  font-size: 1.4rem;
  padding: 0.6rem 1rem;
}

/* line 973, app/assets/stylesheets/application.scss */
.title-bar {
  padding: 0;
}

/* line 979, app/assets/stylesheets/application.scss */
.alert.callout {
  align-items: center;
  background-color: #cc4b37;
  color: #ffffff;
  height: 8rem;
  font-weight: 700;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 110;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  display: flex;
  flex-direction: column;
}

/* line 999, app/assets/stylesheets/application.scss */
.alert.callout .close-button {
  font-size: 1em;
  right: 1rem;
  top: 1rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1013, app/assets/stylesheets/application.scss */
.alert.callout .close-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.2rem;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 1021, app/assets/stylesheets/application.scss */
.alert.callout .close-button svg {
  stroke: #ffffff;
  width: 1.6rem;
  height: 1.6rem;
}

/* line 1029, app/assets/stylesheets/application.scss */
.alert.callout.is-hiding {
  opacity: 0;
  transform: translateY(-0.4rem);
}

/* line 1034, app/assets/stylesheets/application.scss */
.success.callout {
  background-color: #4EADEA;
}

/* line 1038, app/assets/stylesheets/application.scss */
.warning.callout {
  background-color: #ffae00;
}

/* line 1042, app/assets/stylesheets/application.scss */
.info.callout {
  background-color: #418FC1;
}

/* line 1046, app/assets/stylesheets/application.scss */
.error.callout {
  background-color: #cc4b37;
}

/* line 1051, app/assets/stylesheets/application.scss */
.sandbox-banner {
  background-color: #0066cc;
  color: #ffffff;
  padding: 1.2rem 0;
  width: 100%;
}

/* line 1057, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  gap: 1rem;
}

/* line 1071, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content i[data-feather] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  stroke: #ffffff;
}

/* line 1078, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content .sandbox-banner-text {
  flex: 1;
  min-width: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* line 1089, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content .sandbox-banner-button {
  flex-shrink: 0;
  width: auto;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.4rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.6rem 1.2rem;
  margin-left: auto;
  margin-bottom: 0;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

/* line 1105, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content .sandbox-banner-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

/* line 1112, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content .sandbox-banner-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 1127, app/assets/stylesheets/application.scss */
.admin-context-banner {
  background-color: #6d28d9;
  color: #ffffff;
  padding: 1rem 0;
  width: 100%;
}

/* line 1133, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  gap: 1rem;
}

/* line 1147, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content i[data-feather] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  stroke: #ffffff;
}

/* line 1154, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__text {
  flex: 1;
  min-width: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* line 1160, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__text strong {
  font-weight: 600;
}

/* line 1169, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__return {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.4rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.5rem 1.2rem;
  margin-left: auto;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

/* line 1188, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__return i[data-feather] {
  width: 14px;
  height: 14px;
}

/* line 1193, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__return:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

/* line 1199, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__return:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 1px;
}

/* line 1213, app/assets/stylesheets/application.scss */
.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

/* line 1219, app/assets/stylesheets/application.scss */
.table-wrapper--sticky-actions {
  position: relative;
}

/* line 1223, app/assets/stylesheets/application.scss */
table {
  font-size: 1.6rem;
  width: 100%;
  min-width: 100%;
  margin-bottom: 1rem;
  position: relative;
}

/* line 1230, app/assets/stylesheets/application.scss */
table svg {
  position: relative;
  top: -.2rem;
  vertical-align: middle;
}

/* line 1236, app/assets/stylesheets/application.scss */
table th, table td {
  vertical-align: top;
  white-space: nowrap;
}

/* line 1241, app/assets/stylesheets/application.scss */
table th {
  color: #ffffff;
}

/* line 1245, app/assets/stylesheets/application.scss */
table thead,
table tbody {
  border: 0;
}

/* line 1259, app/assets/stylesheets/application.scss */
table tbody,
table tr {
  overflow: visible;
  position: relative;
}

/* line 1265, app/assets/stylesheets/application.scss */
table tr:has(.actions-menu[open]) {
  z-index: 10;
}

/* line 1269, app/assets/stylesheets/application.scss */
table .actions-header,
table .actions-cell {
  position: sticky;
  right: 0;
  z-index: 2;
  width: 1%;
  white-space: nowrap;
}

/* line 1278, app/assets/stylesheets/application.scss */
table .actions-header {
  background-color: #363434;
  z-index: 3;
}

/* line 1283, app/assets/stylesheets/application.scss */
table .actions-cell {
  background-color: #ffffff;
  text-align: right;
  box-shadow: -8px 0 8px -8px rgba(0, 0, 0, 0.25);
}

/* line 1289, app/assets/stylesheets/application.scss */
table tbody tr:nth-child(even) .actions-cell {
  background-color: #f9fafb;
}

/* line 1293, app/assets/stylesheets/application.scss */
table tbody tr:hover .actions-cell {
  background-color: #f0f7fc;
}

/* line 1297, app/assets/stylesheets/application.scss */
table tbody tr:nth-child(even):hover .actions-cell {
  background-color: #e8f2f8;
}

/* line 1301, app/assets/stylesheets/application.scss */
.actions-menu {
  position: relative;
  display: inline-block;
  z-index: 6;
}

/* line 1307, app/assets/stylesheets/application.scss */
.actions-menu[open] {
  z-index: 8;
}

/* line 1311, app/assets/stylesheets/application.scss */
.actions-menu__panel {
  z-index: 9;
}

/* line 1314, app/assets/stylesheets/application.scss */
.actions-menu__toggle {
  cursor: pointer;
  list-style: none;
  border: 1px solid transparent;
  border-radius: 0.4rem;
  padding: 0.2rem 0.6rem;
  font-weight: 600;
}

/* line 1323, app/assets/stylesheets/application.scss */
.actions-menu__dots {
  font-weight: 700;
  letter-spacing: 0.1rem;
}

/* line 1328, app/assets/stylesheets/application.scss */
.actions-menu__toggle::-webkit-details-marker {
  display: none;
}

/* line 1332, app/assets/stylesheets/application.scss */
.actions-menu[open] .actions-menu__toggle {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 1337, app/assets/stylesheets/application.scss */
.actions-menu__panel {
  position: absolute;
  right: 0;
  margin-top: 0.4rem;
  min-width: 8rem;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  z-index: 5;
}

/* line 1349, app/assets/stylesheets/application.scss */
.actions-menu__item {
  display: block;
  padding: 0.6rem 0.8rem;
  color: #363434;
  text-decoration: none;
}

/* line 1356, app/assets/stylesheets/application.scss */
.actions-menu__item:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 1360, app/assets/stylesheets/application.scss */
.clickable-row {
  cursor: pointer;
}

/* line 1364, app/assets/stylesheets/application.scss */
.card-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.8rem;
  min-width: 3.2rem;
  padding: 0 0.4rem;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  background: #f3f4f6;
  color: #363434;
}

/* line 1380, app/assets/stylesheets/application.scss */
.card-brand__logo {
  display: inline-block;
  height: 1.6rem;
  width: auto;
  vertical-align: middle;
}

/* line 1387, app/assets/stylesheets/application.scss */
.card-brand__logo--mastercard {
  height: 2rem;
}

/* line 1391, app/assets/stylesheets/application.scss */
.card-brand__logo--amex {
  height: 2rem;
}

/* line 1395, app/assets/stylesheets/application.scss */
.card-brand--visa {
  background: #1a1f71;
  color: #ffffff;
}

/* line 1400, app/assets/stylesheets/application.scss */
.card-brand--mastercard {
  background: #eb001b;
  color: #ffffff;
}

/* line 1405, app/assets/stylesheets/application.scss */
.card-brand--amex {
  background: #2e77bc;
  color: #ffffff;
}

/* line 1412, app/assets/stylesheets/application.scss */
.form-error {
  display: block;
  font-size: 1.6rem;
  margin-top: -0.8rem;
  text-transform: capitalize;
}

/* line 1420, app/assets/stylesheets/application.scss */
.error input,
.error textarea,
.error select {
  border-color: #cc4b37;
}

/* line 1429, app/assets/stylesheets/application.scss */
input,
textarea,
select,
button,
a {
  scroll-margin-top: 13rem;
}

/* line 1443, app/assets/stylesheets/application.scss */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid rgba(65, 143, 193, 0.5);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px rgba(65, 143, 193, 0.2);
}

/* line 1450, app/assets/stylesheets/application.scss */
.alert-box {
  color: #ffffff;
  margin-bottom: 1rem;
  padding: 0.8rem;
}

/* line 1455, app/assets/stylesheets/application.scss */
.alert-box.alert {
  background-color: #cc4b37;
}

/* line 1460, app/assets/stylesheets/application.scss */
label {
  line-height: 1.6;
  margin-bottom: 0.4rem;
}

/* line 1465, app/assets/stylesheets/application.scss */
textarea {
  line-height: 1.2;
  height: 15rem;
}

/* line 1470, app/assets/stylesheets/application.scss */
select {
  line-height: 1;
  -webkit-appearance: none;
}

/* line 1475, app/assets/stylesheets/application.scss */
.required abbr {
  border: 0;
  color: #418FC1;
}

/* line 1483, app/assets/stylesheets/application.scss */
.card-divider h3 {
  color: #ffffff;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

/* line 1493, app/assets/stylesheets/application.scss */
.card strong {
  display: block;
}

/* line 1496, app/assets/stylesheets/application.scss */
.card h4 {
  font-size: 2.2rem;
  margin-bottom: 1.4rem;
}

/* line 1502, app/assets/stylesheets/application.scss */
.edit-link {
  float: right;
  font-size: 1.6rem;
}

/* line 1506, app/assets/stylesheets/application.scss */
.edit-link svg {
  height: 1.6rem;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 1.6rem;
}

/* line 1517, app/assets/stylesheets/application.scss */
.icon-alert {
  stroke: #cc4b37;
}

/* line 1521, app/assets/stylesheets/application.scss */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

/* line 1527, app/assets/stylesheets/application.scss */
.section-header h1 {
  margin: 0;
}

/* line 1531, app/assets/stylesheets/application.scss */
.section-header .button {
  margin-bottom: 0;
}

/* line 1541, app/assets/stylesheets/application.scss */
.section-header .header-actions {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

/* line 1547, app/assets/stylesheets/application.scss */
.section-actions {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.6rem;
}

/* line 1555, app/assets/stylesheets/application.scss */
.status-badge {
  display: inline-block;
  border-radius: 0.3rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 0.2rem 0.6rem;
  text-transform: capitalize;
}

/* line 1566, app/assets/stylesheets/application.scss */
.status-badge--active {
  background-color: #4EADEA;
}

/* line 1570, app/assets/stylesheets/application.scss */
.status-badge--hold {
  background-color: #ffae00;
  color: #363434;
}

/* line 1575, app/assets/stylesheets/application.scss */
.status-badge--cancelled {
  background-color: #cc4b37;
}

/* line 1580, app/assets/stylesheets/application.scss */
.bool-pill {
  display: inline-block;
  margin-left: 0.6rem;
  padding: 0.1rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffffff;
}

/* line 1592, app/assets/stylesheets/application.scss */
.bool-pill--yes {
  background-color: #418FC1;
}

/* line 1596, app/assets/stylesheets/application.scss */
.bool-pill--no {
  background-color: #cc4b37;
}

/* line 1600, app/assets/stylesheets/application.scss */
.inline-value {
  margin-left: 0.6rem;
  font-weight: 500;
}

/* line 1605, app/assets/stylesheets/application.scss */
.phone-field-row {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

/* line 1611, app/assets/stylesheets/application.scss */
.phone-field-row__country {
  flex: 0 0 260px;
}

/* line 1615, app/assets/stylesheets/application.scss */
.phone-field-row__number {
  flex: 1;
}

/* line 1636, app/assets/stylesheets/application.scss */
.inline-field-row {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

/* line 1642, app/assets/stylesheets/application.scss */
.inline-field-row--compact {
  gap: 0.25rem;
}

/* line 1646, app/assets/stylesheets/application.scss */
.inline-field {
  flex: 1;
}

/* line 1650, app/assets/stylesheets/application.scss */
.inline-field--min {
  min-width: 160px;
}

/* line 1654, app/assets/stylesheets/application.scss */
.inline-field--narrow {
  min-width: 140px;
}

/* line 1659, app/assets/stylesheets/application.scss */
.pagination {
  margin-bottom: 1rem;
}

/* line 1663, app/assets/stylesheets/application.scss */
.pagination .pagy {
  margin-top: 1rem;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0.4rem;
  align-items: center;
  overflow-x: auto;
  max-width: 100%;
  padding: 0.2rem 0;
}

/* line 1674, app/assets/stylesheets/application.scss */
.pagination .pagy a {
  border: 1px solid #cacaca;
  border-radius: 0.3rem;
  color: #363434;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.2;
  min-width: 2.4rem;
  padding: 0.4rem 0.7rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

/* line 1688, app/assets/stylesheets/application.scss */
.pagination .pagy a[aria-current="page"] {
  background-color: #418FC1;
  border-color: #418FC1;
  color: #ffffff;
  font-weight: 700;
}

/* line 1695, app/assets/stylesheets/application.scss */
.pagination .pagy a[aria-disabled="true"] {
  color: #cacaca;
  cursor: default;
  pointer-events: none;
}

/* line 1702, app/assets/stylesheets/application.scss */
.customers .filters,
.payment-intents .filters {
  margin: 1.5rem 0;
}

/* line 1707, app/assets/stylesheets/application.scss */
.customers .filters label,
.payment-intents .filters label {
  font-weight: 600;
  margin-bottom: 0.4rem;
}

/* line 1713, app/assets/stylesheets/application.scss */
.customers .filters-toggle,
.payment-intents .filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #cacaca;
  border-radius: 0.4rem;
  padding: 0.6rem 1rem;
  background-color: #ffffff;
  color: #363434;
  line-height: 1;
}

/* line 1729, app/assets/stylesheets/application.scss */
.customers .section-header .header-actions .filters-toggle,
.customers .section-header .header-actions .button,
.payment-intents .section-header .header-actions .filters-toggle,
.payment-intents .section-header .header-actions .button {
  height: 3.8rem;
  min-height: 3.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* line 1744, app/assets/stylesheets/application.scss */
.detail-grid {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* line 1750, app/assets/stylesheets/application.scss */
.detail-grid__column {
  flex: 1;
  min-width: 260px;
}

/* line 1755, app/assets/stylesheets/application.scss */
.section-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

/* line 1762, app/assets/stylesheets/application.scss */
.section-title-row .section-title {
  margin-bottom: 0;
}

/* line 1767, app/assets/stylesheets/application.scss */
.activity-filter-pills {
  display: flex;
  gap: 0.25rem;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
  padding: 0.2rem;
}

/* line 1774, app/assets/stylesheets/application.scss */
.activity-filter-pills__pill {
  font-size: 1.4rem;
  font-weight: 500;
  color: #777777;
  padding: 0.25rem 0.75rem;
  border-radius: calc(0.4rem - 2px);
  text-decoration: none;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

/* line 1784, app/assets/stylesheets/application.scss */
.activity-filter-pills__pill:hover {
  color: #363434;
}

/* line 1788, app/assets/stylesheets/application.scss */
.activity-filter-pills__pill--active {
  background-color: #ffffff;
  color: #363434;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 1796, app/assets/stylesheets/application.scss */
.list-compact {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 1802, app/assets/stylesheets/application.scss */
.list-compact__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

/* line 1809, app/assets/stylesheets/application.scss */
.list-compact__amount {
  color: #363434;
  font-weight: 600;
}

/* line 1814, app/assets/stylesheets/application.scss */
.list-compact__desc,
.list-compact__meta {
  color: #777777;
  font-size: 1.4rem;
  line-height: 1.3;
}

/* line 1821, app/assets/stylesheets/application.scss */
.list-compact__desc a {
  color: #363434;
}

/* line 1825, app/assets/stylesheets/application.scss */
#customer-filters-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1831, app/assets/stylesheets/application.scss */
.customers .filters {
  display: none;
}

/* line 1835, app/assets/stylesheets/application.scss */
#customer-filters-toggle:checked ~ .filters {
  display: block;
}

/* line 1839, app/assets/stylesheets/application.scss */
.payment-intents .filters {
  display: none;
}

/* line 1843, app/assets/stylesheets/application.scss */
#payment-intents-filters-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1849, app/assets/stylesheets/application.scss */
#payment-intents-filters-toggle:checked ~ .filters {
  display: block;
}

/* line 1854, app/assets/stylesheets/application.scss */
#billers-filters-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1860, app/assets/stylesheets/application.scss */
.admin-billers .filters {
  display: none;
}

/* line 1864, app/assets/stylesheets/application.scss */
#billers-filters-toggle:checked ~ .filters {
  display: block;
}

/* line 1869, app/assets/stylesheets/application.scss */
#activity-filters-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1875, app/assets/stylesheets/application.scss */
.admin-activity .filters {
  display: none;
}

/* line 1879, app/assets/stylesheets/application.scss */
#activity-filters-toggle:checked ~ .filters {
  display: block;
}

/* line 1884, app/assets/stylesheets/application.scss */
#disputes-filters-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 1890, app/assets/stylesheets/application.scss */
.admin-disputes .filters {
  display: none;
}

/* line 1894, app/assets/stylesheets/application.scss */
#disputes-filters-toggle:checked ~ .filters {
  display: block;
}

/* line 1898, app/assets/stylesheets/application.scss */
.payment-plan-inline-hints .hint,
.x_payment_plan_form_fieldset .hint {
  font-size: 1.4rem;
  line-height: 1.4;
}