/* line 72, app/assets/stylesheets/application.scss */
html {
  height: auto;
  min-height: 100%;
}

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

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

/* line 96, 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 104, app/assets/stylesheets/application.scss */
.virtual-terminal .ts-control .clear-button {
  order: 2;
  margin-left: 0.5rem;
}

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

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

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

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

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

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

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

/* line 168, app/assets/stylesheets/application.scss */
.title-bar .menu-icon:focus-visible {
  outline: 2px solid #ec3013;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(236, 48, 19, 0.2);
}

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

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

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

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

/* line 231, 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 244, app/assets/stylesheets/application.scss */
.site-nav .menu .button {
  align-items: center;
  padding: 0 1.6rem;
  height: 8rem;
  width: 100%;
  display: flex;
}

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

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

/* line 267, app/assets/stylesheets/application.scss */
.header-button:hover {
  background-color: #eae9e9;
  color: #ec3013;
}

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

/* line 281, 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 295, 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 303, 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 311, 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 318, 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 323, 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 332, app/assets/stylesheets/application.scss */
[class*="page-registrations"] p,
[class*="page-sessions"] p,
[class*="page-charge"] p,
[class*="page-passwords"] p {
  margin: 0;
}

/* line 336, 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 340, 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 348, 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 358, 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 365, 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 375, app/assets/stylesheets/application.scss */
.menu-button {
  border-radius: 0;
}

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

/* line 385, 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 400, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link:hover, .vertical.menu .menu-form .menu-link.active {
  color: #ec3013;
}

/* line 406, app/assets/stylesheets/application.scss */
.vertical.menu .menu-form .menu-link:focus-visible {
  outline: 2px solid #ec3013;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(236, 48, 19, 0.2);
}

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

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

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

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

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

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

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

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

/* line 466, 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 475, app/assets/stylesheets/application.scss */
button.stripe-button-el > span {
  background-color: #ec3013;
  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 490, app/assets/stylesheets/application.scss */
button.stripe-button-el:hover > span {
  background-color: #ffffff;
  color: #ec3013;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 579, app/assets/stylesheets/application.scss */
.sticky-navbar a:focus-visible {
  outline: 2px solid #ec3013;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(236, 48, 19, 0.2);
}

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

/* line 593, 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 604, app/assets/stylesheets/application.scss */
.menu {
  align-items: left;
}

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

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

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

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

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

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

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

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

/* line 690, 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 696, app/assets/stylesheets/application.scss */
.payment-plan-inline-errors {
  margin-top: 0.35rem;
}

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

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

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

/* line 728, app/assets/stylesheets/application.scss */
.input-amount > sup {
  align-items: center;
  background-color: #ec3013;
  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 768, app/assets/stylesheets/application.scss */
.empty-state {
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}

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

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

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

/* line 791, 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 801, app/assets/stylesheets/application.scss */
.stripe-link {
  cursor: pointer;
  display: block;
  font-weight: 800;
  margin-top: 1.6rem;
}

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

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

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

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

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

/* line 833, app/assets/stylesheets/application.scss */
.billing-details button.stripe-button-el > span:focus-visible {
  background-color: #201e1d;
  color: #ffffff;
  outline: 2px solid rgba(32, 30, 29, 0.5);
  outline-offset: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 944, app/assets/stylesheets/application.scss */
.button:focus-visible {
  outline: 2px solid #ec3013;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(236, 48, 19, 0.2);
}

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

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

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

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

/* line 976, app/assets/stylesheets/application.scss */
.alert.callout {
  align-items: center;
  background-color: #ae1800;
  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 996, 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 1010, app/assets/stylesheets/application.scss */
.alert.callout .close-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 2px;
  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 1018, app/assets/stylesheets/application.scss */
.alert.callout .close-button svg {
  stroke: #ffffff;
  width: 1.6rem;
  height: 1.6rem;
}

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

/* line 1031, app/assets/stylesheets/application.scss */
.success.callout {
  background-color: #16a34a;
}

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

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

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

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

/* line 1054, 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 1068, app/assets/stylesheets/application.scss */
.sandbox-banner .sandbox-banner-content i[data-feather] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  stroke: #ffffff;
}

/* line 1075, 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 1086, 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 1102, 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 1109, 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: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

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

/* line 1130, 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 1144, 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 1151, 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 1157, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__text strong {
  font-weight: 600;
}

/* line 1166, 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 1185, app/assets/stylesheets/application.scss */
.admin-context-banner .admin-context-banner__content .admin-context-banner__return i[data-feather] {
  width: 14px;
  height: 14px;
}

/* line 1190, 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 1196, 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: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 1280, 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 1286, app/assets/stylesheets/application.scss */
table tbody tr:nth-child(even) .actions-cell {
  background-color: #f3f2f2;
}

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

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

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

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

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

/* line 1311, 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 1320, app/assets/stylesheets/application.scss */
.actions-menu__dots {
  font-weight: 700;
  letter-spacing: 0.1rem;
}

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

/* line 1329, 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 1334, 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 1346, app/assets/stylesheets/application.scss */
.actions-menu__item {
  display: block;
  padding: 0.6rem 0.8rem;
  color: #201e1d;
  text-decoration: none;
}

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

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

/* line 1361, 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: #f3f2f2;
  color: #605d5d;
  border: 1px solid #cfcccc;
}

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

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

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

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

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

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

/* line 1426, app/assets/stylesheets/application.scss */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid #ec3013;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(236, 48, 19, 0.2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1538, 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 1549, app/assets/stylesheets/application.scss */
.status-badge--active {
  background-color: #16a34a;
}

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

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

/* line 1563, 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 1575, app/assets/stylesheets/application.scss */
.bool-pill--yes {
  background-color: #16a34a;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 1646, 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 1657, app/assets/stylesheets/application.scss */
.pagination .pagy a {
  border: 1px solid #cfcccc;
  border-radius: 0.3rem;
  color: #201e1d;
  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 1671, app/assets/stylesheets/application.scss */
.pagination .pagy a[aria-current="page"] {
  background-color: #ec3013;
  border-color: #ec3013;
  color: #ffffff;
  font-weight: 700;
}

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

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

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

/* line 1696, 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 #cfcccc;
  border-radius: 0.4rem;
  padding: 0.6rem 1rem;
  background-color: #ffffff;
  color: #201e1d;
  line-height: 1;
}

/* line 1712, 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 1727, app/assets/stylesheets/application.scss */
.detail-grid {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

/* line 1750, 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 1757, app/assets/stylesheets/application.scss */
.activity-filter-pills__pill {
  font-size: 1.4rem;
  font-weight: 500;
  color: #7d7979;
  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 1767, app/assets/stylesheets/application.scss */
.activity-filter-pills__pill:hover {
  color: #201e1d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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