@charset "UTF-8";
* {
  --override-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --override-font-weight: 400;
  --fld-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fld-size: 1rem;
  --fld-label: 0.875rem;
  --c-border: var(--e-global-color-b25111d);
  --c-focus: var(--e-global-color-7fd60bb);
  --c-text: var(--e-global-color-text);
  --c-muted: #6b7280;
  --c-bg: #ffffff;
  --c-error: #dc2626;
}

.cid-idp-selector-button {
  background-color: var(--cid-idp-selector-button-background-color) !important;
  color: var(--cid-idp-selector-button-color) !important;
}
.cid-idp-selector-button:hover {
  background-color: #4f4f4f !important;
  border-color: #4f4f4f !important;
}
.cid-idp-selector-button[disabled] {
  cursor: not-allowed;
  opacity: 0.325;
}

.cid-idp-selector-content-grid-step-text {
  color: var(--e-global-color-text);
  font-family: var(--override-font-family);
  font-weight: var(--override-font-weight);
}

.cid-idp-selector-content-grid-step-check {
  border-bottom-color: var(--e-global-color-05f8c89);
  border-right-color: var(--e-global-color-05f8c89);
}

.cid-idp-selector-how-does-it-work {
  font-family: var(--override-font-family);
  text-decoration: underline !important;
  text-decoration-color: var(--e-global-color-b25111d) !important;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.2s;
}
.cid-idp-selector-how-does-it-work:hover {
  text-decoration-color: var(--e-global-color-text) !important;
}

#cid-idp-selector-overlay {
  z-index: 555 !important;
}

.cid-idp-selector-popup {
  z-index: 560 !important;
}

#cid-idp-selector-popup .cid-idp-selector-popup-title {
  font-weight: bold;
  font-size: 26px;
  color: #262626;
  font-family: "DM Sans", sans-serif;
  letter-spacing: normal;
  line-height: 120%;
  margin: 0 0 8px;
}
@media (min-width: 483px) {
  #cid-idp-selector-popup .cid-idp-selector-popup-title {
    font-size: 36px;
  }
}

#cid-idp-selector-popup .cid-idp-selector-popup-manual-verification-action {
  letter-spacing: normal;
}

#cid-idp-selector-popup .cid-idp-selector-popup-participants-title, #cid-idp-selector-popup .cid-idp-selector-popup-claims-title {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 28px;
}
@media (min-width: 483px) {
  #cid-idp-selector-popup .cid-idp-selector-popup-participants-title, #cid-idp-selector-popup .cid-idp-selector-popup-claims-title {
    font-size: 24px;
  }
}

#cid-idp-selector-popup .cid-idp-selector-popup-participant-button {
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  padding: 8px 16px;
  background-color: transparent;
  width: 100%;
}
#cid-idp-selector-popup .cid-idp-selector-popup-participant-button:hover {
  border: 1px solid lightgrey;
}

#cid-idp-selector-popup .cid-idp-selector-popup-title-description {
  color: #5c5c5c;
  font-size: 13px;
  letter-spacing: normal;
  line-height: 16px;
  margin: 0 0 24px;
  font-family: "DM Sans", sans-serif;
}

#cid-idp-selector-popup .cid-idp-selector-popup-participants-missing-title {
  color: var(--Charcoal-100, #262626);
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

#cid-idp-selector-popup .cid-idp-selector-popup-participants-missing-text {
  color: #5c5c5c;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 8px 0 0 0;
}

#cid-idp-selector-popup .cid-idp-selector-popup-infobox-title {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #262626;
  margin: 0;
  margin-bottom: 4px;
}

#cid-idp-selector-popup .cid-idp-selector-popup-infobox-text {
  font-family: "DM Sans", sans-serif;
  color: #262626;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
}

#cid-idp-selector-popup .cid-idp-selector-popup-infobox-link {
  font-family: "DM Sans", sans-serif;
  color: #262626;
  font-size: 12px;
  font-weight: bold;
  width: fit-content;
  margin-top: 4px;
  text-decoration: none;
}

#cid-idp-selector-popup .cid-idp-selector-popup-logo-close {
  padding: 12px;
  border-radius: 12px;
  background-color: #F4F4F4;
  color: #262626;
  font-size: 13px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  font-family: "DM Sans", sans-serif;
  transition: none;
}
#cid-idp-selector-popup .cid-idp-selector-popup-logo-close:hover {
  background-color: #C9C9C9;
}
@media (max-width: 482px) {
  #cid-idp-selector-popup .cid-idp-selector-popup-logo-close {
    padding: 8px;
    position: absolute;
    right: 0;
  }
  #cid-idp-selector-popup .cid-idp-selector-popup-logo-close > svg {
    margin-left: 0;
  }
}

@media (max-width: 482px) {
  .cid-idp-selector-popup-logo-close-label {
    display: none;
  }
}

#cid-idp-selector-popup .cid-idp-selector-popup-claims-button {
  background: none;
  border-radius: 0;
  padding: 0;
}

#cid-idp-selector-popup .cid-idp-selector-popup-manual-verification-info {
  line-height: 1.3em;
}

.cid-idp-selector-benefits-full {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}

#signup-form {
  position: relative;
}

.form-cover {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 100;
}
.form-cover[hidden] {
  display: none;
}
.form-cover p {
  font-family: var(--e-global-typography-a0f925e-font-family);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .form-cover p {
    font-size: 1.5rem;
  }
}
.form-cover svg {
  color: var(--e-global-color-text);
  cursor: unset;
  display: block;
  height: 2rem;
  position: relative;
  right: unset;
  top: unset;
  width: 2rem;
}

.signup-step {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.signup-step[hidden] {
  display: none;
}

.mini-header {
  font-family: var(--e-global-typography-a0f925e-font-family);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.signup-section-title {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.signup-section-title h2, .signup-section-title h3 {
  letter-spacing: 0;
  margin: 0;
}

.verified-with-connectid-badge {
  align-items: center;
  background-color: #e9e9e9;
  border-radius: 100rem;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 0.25rem;
  padding: 0.325rem 0.75rem;
  max-width: 10.75rem;
}
@media (min-width: 768px) {
  .verified-with-connectid-badge {
    flex-grow: unset;
    flex-shrink: unset;
    max-width: unset;
  }
}
.verified-with-connectid-badge p {
  color: var(--cid-idp-selector-info-color);
  font-family: var(--cid-idp-selector-rp-font-family);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0;
}
.verified-with-connectid-badge svg {
  display: block;
  height: 0.875rem;
  width: 0.875rem;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap; /* keep inline elements from wrapping */
}

.signup-columns {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .signup-columns {
    align-items: start;
    display: grid;
  }
}

@media (min-width: 768px) {
  .signup-two-columns {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .signup-three-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.cid-address-presentation h4 {
  color: var(--c-muted);
  font-family: var(--override-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  transform: scale(0.92);
  transform-origin: left center;
}
.cid-address-presentation p {
  font-size: 1rem;
  margin: 0.5rem 0 0 0;
}

.field-helper {
  align-items: flex-start;
  display: flex;
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .field-helper {
    gap: 0.325rem;
  }
}
.field-helper p {
  color: var(--c-muted);
  font-size: 0.75rem;
  line-height: 1.4em;
}
.field-helper svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.signup-step-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 0 0;
}
@media (min-width: 768px) {
  .signup-step-buttons {
    margin-top: 2rem;
  }
}
.signup-step-buttons button {
  all: unset;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: 0.2s;
}
.signup-step-buttons button.prev {
  color: var(--e-global-color-secondary);
}
.signup-step-buttons button.prev[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.signup-step-buttons button.prev:hover {
  background: none;
  color: var(--e-global-color-text);
}
.signup-step-buttons button.next {
  background-color: var(--e-global-color-primary);
  border-radius: 10rem;
  color: var(--e-global-color-text);
  padding: 0.5rem 1.5rem;
}
@media (min-width: 768px) {
  .signup-step-buttons button.next {
    padding: 0.75rem 2.5rem;
  }
}
.signup-step-buttons button.next:hover {
  background-color: var(--e-global-color-text);
  color: var(--e-global-color-9aaa598);
}
.signup-step-buttons button.next[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.fld {
  display: grid;
  position: relative;
}
.fld input, .fld select {
  appearance: none;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  color: var(--c-text);
  font: inherit;
  line-height: 1.35;
  /* top padding leaves space for the label when floating */
  padding: 22px 14px 10px 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
}
.fld input[readonly], .fld select[readonly] {
  background: #f6f7f9;
  pointer-events: none;
}
.fld input[name*=password], .fld select[name*=password] {
  padding-right: 2.5rem !important;
}
.fld input[name*=password]::-ms-reveal, .fld input[name*=password]::-ms-clear, .fld select[name*=password]::-ms-reveal, .fld select[name*=password]::-ms-clear {
  display: none;
}

.fld select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1.41 0L6 4.59 10.59 0 12 1.41 6 7.41 0 1.41z'/%3E%3C/svg%3E");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.5rem;
  padding-right: 2.25rem;
}

.fld input:focus, .fld select:focus {
  border-color: var(--c-focus);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-focus) 20%, transparent);
  outline: none;
}

.fld input:disabled, .fld select:disabled {
  cursor: not-allowed;
  background: #f6f7f9;
  color: var(--c-muted);
}

.fld label {
  color: var(--c-muted);
  font-size: var(--fld-label);
  left: 12px;
  line-height: 1;
  padding: 0 4px;
  pointer-events: none; /* clicks go to the input */
  position: absolute;
  top: 10px;
  transform-origin: top left;
  /* Start in "resting" position over the text area */
  transform: translateY(12px) scale(1.02);
  transition: transform 0.18s ease, color 0.18s ease, background-color 0.18s ease;
}

/* Float label when focused */
.fld input:focus + label, .fld select:focus + label {
  color: var(--c-focus);
  transform: translateY(0) scale(0.92);
}

/* Float label when input has content (placeholder trick) */
.fld input:not(:placeholder-shown) + label {
  transform: translateY(0) scale(0.92);
  color: var(--c-muted);
}

/* For password/date/number (still work via :placeholder-shown if placeholder=" ") */
.fld input[type=date]:not(:placeholder-shown) + label,
.fld input[type=number]:not(:placeholder-shown) + label,
.fld input[type=password]:not(:placeholder-shown) + label {
  transform: translateY(0) scale(0.92);
}

/* Select doesn't support :placeholder-shown — use .is-filled from JS */
.fld.is-filled label {
  transform: translateY(0) scale(0.92);
  color: var(--c-muted);
}

/* Error state (use .has-error on wrapper if you validate in JS) */
.fld.has-error input,
.fld.has-error select {
  border-color: var(--c-error);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-error) 20%, transparent);
}

.fld.has-error label {
  color: var(--c-error);
}

/* iOS/Safari autofill: keep label floated */
.fld input:-webkit-autofill + label {
  transform: translateY(0) scale(0.92);
}

@media (prefers-reduced-motion: reduce) {
  .fld *, .fld *::before, .fld *::after {
    transition-duration: 0.001ms !important;
  }
}
.field-error {
  color: var(--c-error);
  font-size: 0.75rem;
  line-height: 1.2em;
  margin-top: 0.5rem;
}

.fld .help-tooltip {
  position: absolute;
  right: 1rem;
  top: 1.325rem;
}

.signup-step-nav {
  display: none;
}

.fld .toggle-password {
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  color: var(--e-global-color-secondary);
  cursor: pointer;
  line-height: 0;
  padding: 0 !important;
  position: absolute;
  overflow: hidden;
  right: 1rem;
  top: 1.325rem;
  transform: translateY(-2px);
}
.fld .toggle-password:focus-visible {
  border-radius: 8px;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.25);
  outline: none;
}
.fld .toggle-password:hover, .fld .toggle-password:focus {
  background: none;
  color: var(--e-global-color-text);
}
.fld .toggle-password svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
.fld .toggle-password .icon-hide-password {
  display: none;
}
.fld .toggle-password .icon-view-password {
  display: block;
}
.fld .toggle-password[aria-pressed=true] .icon-hide-password {
  display: block;
}
.fld .toggle-password[aria-pressed=true] .icon-view-password {
  display: none;
}

.business-name-field-outer.is-loading .icon-loading {
  display: block;
}

.icon-loading {
  animation: spin 1s linear infinite;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  color: var(--e-global-color-secondary);
  cursor: pointer;
  display: none;
  height: 1.25rem;
  line-height: 0;
  padding: 0 !important;
  position: absolute;
  overflow: hidden;
  right: 1rem;
  top: 1.15rem;
  width: 1.25rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.cid-over-18 label {
  color: var(--c-muted);
  font-size: var(--fld-label);
  line-height: 1;
  pointer-events: none; /* clicks go to the input */
  /* Start in "resting" position over the text area */
  transform: scale(0.92);
  transition: transform 0.18s ease, color 0.18s ease, background-color 0.18s ease;
}

#card-container .sq-card-iframe-container {
  border-color: var(--c-border);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 58px;
  transition: 0.2s;
}
#card-container .sq-card-wrapper {
  transition: margin-bottom 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#card-container .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-focus) 20%, transparent);
  outline: none;
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: inset 1px var(--e-global-color-primary);
  border-radius: 6px;
  border-style: solid;
  transition: 0.2s;
}
#card-container .sq-card-wrapper.sq-focus, #card-container .sq-card-wrapper.sq-error {
  margin-bottom: 2rem;
  transition: margin-bottom 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

#payment-status-container {
  color: var(--c-muted);
  font-size: 0.875rem;
  line-height: 1.3em;
}
#payment-status-container.is-failure {
  color: var(--c-error);
}

.signup-error-message {
  align-items: center;
  background-color: var(--e-global-color-9a24fbd);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  opacity: 0;
  padding: 2rem 4rem;
}
@media (min-width: 768px) {
  .signup-error-message {
    height: 100%;
    justify-content: center;
    padding: 4rem 6rem;
  }
}
.signup-error-message[hidden] {
  display: none;
}
.signup-error-message .error-icon-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.signup-error-message .error-icon-title h2 {
  margin-bottom: 0;
  text-align: center;
}
.signup-error-message .error-icon-title svg {
  display: block;
  width: 2rem;
}
@media (min-width: 768px) {
  .signup-error-message .error-icon-title svg {
    width: 3rem;
  }
}
.signup-error-message p {
  color: var(--e-global-color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 0;
  text-align: center;
}
.signup-error-message p.minor {
  color: var(--e-global-color-secondary);
  font-size: 0.75rem;
}
.signup-error-message p.minor a:hover {
  color: var(--e-global-color-text);
  opacity: 1;
}
.signup-error-message p a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.2s;
}
.signup-error-message p a:hover {
  opacity: 0.75;
}

.sub-section-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.sub-section-title.first-after-title {
  margin-top: 0;
}
.sub-section-title h3 {
  font-size: 1.05rem;
  flex-grow: 0;
  flex-shrink: 1;
  letter-spacing: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .sub-section-title h3 {
    font-size: 1.25rem;
    letter-spacing: unset;
  }
}
.sub-section-title .section-description-outer {
  font-size: 0.875rem;
}
.sub-section-title p {
  color: var(--e-global-color-text);
  font-size: 0.875rem;
}
.sub-section-title p.section-description {
  line-height: 1.4em;
}
@media (min-width: 768px) {
  .sub-section-title.with-extra-info {
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between;
  }
}
.sub-section-title.with-extra-info .field-helper p {
  color: var(--c-muted);
  font-size: 0.75rem;
}
.sub-section-title.force-row-mobile {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.sub-section-title .verified-with-connectid-badge p {
  color: var(--cid-idp-selector-info-color);
  font-family: var(--cid-idp-selector-rp-font-family);
  font-size: 0.75rem;
}

.plan-details {
  color: var(--e-global-color-text);
}
.plan-details .plan-info {
  border-bottom-color: var(--e-global-color-b25111d);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.plan-details .plan-info:first-of-type {
  padding-top: 0;
}
.plan-details .plan-info:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .plan-details .plan-info .plan-name-outer {
    display: flex;
    gap: 0.5rem;
  }
}
.plan-details .plan-info .plan-name-inner {
  display: flex;
  gap: 0.125rem;
}
.plan-details .plan-info span {
  font-size: 0.875rem;
}
.plan-details .plan-info span#plan-name {
  align-items: center;
  color: var(--e-global-color-text);
  display: flex;
  gap: 0.325rem;
}
.plan-details .plan-info span#plan-cycle {
  color: var(--c-muted);
}
.plan-details .plan-info span.total {
  font-weight: 700;
  text-transform: uppercase;
}
.plan-details .plan-info span.pull-right {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.plan-details .plan-info a#plan-details-link {
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.plan-details .plan-info a#plan-details-link:hover {
  opacity: 0.75;
}

#agent-code-outer[hidden] {
  display: none;
}

#toggle-agent-code {
  align-items: center;
  align-self: flex-start;
  background: none;
  border: none;
  border-radius: 0;
  color: var(--e-global-color-text);
  color: var(--c-muted);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  flex-grow: 0;
  gap: 0.25rem;
  padding: 0;
  text-align: left;
}
#toggle-agent-code:hover {
  background: none;
  color: var(--e-global-color-text);
}
#toggle-agent-code svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
#toggle-agent-code svg.icon-minus {
  display: none;
}
#toggle-agent-code[aria-expanded=true] .icon-plus {
  display: none;
}
#toggle-agent-code[aria-expanded=true] .icon-minus {
  display: block;
}

.checkbox-field {
  align-items: start;
  column-gap: 1rem;
  display: grid;
  grid-template-columns: 1.125rem 1fr;
  row-gap: 0.25rem;
}
@media (min-width: 640px) {
  .checkbox-field {
    column-gap: 0.75rem;
    grid-template-columns: 1rem 1fr;
  }
}
.checkbox-field [role=checkbox] {
  grid-column: 1;
  grid-row: 1;
}
.checkbox-field .checkbox-label {
  grid-column: 2;
  grid-row: 1;
}
.checkbox-field p.field-error {
  grid-column: 2;
  grid-row: 2;
}

.checkbox {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  outline: none;
  position: relative;
  transition: 0.2s;
  width: 18px;
  user-select: none;
}
.checkbox:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.checkbox:focus-visible {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .checkbox {
    background: Canvas;
    border-color: CanvasText;
  }
}
.checkbox[aria-checked=true] {
  background: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}
@media (forced-colors: active) {
  .checkbox[aria-checked=true] {
    background: Highlight;
  }
}
.checkbox[aria-checked=true] .checkbox-icon {
  opacity: 1;
}
.checkbox.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.checkbox-icon {
  fill: none;
  height: 16px;
  opacity: 0;
  stroke: #fff;
  width: 16px;
  transition: opacity 120ms ease-out;
}
@media (forced-colors: active) {
  .checkbox-icon {
    stroke: HighlightText;
  }
}

label.checkbox-label {
  color: var(--e-global-color-text);
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75em;
  margin-top: -0.2rem;
  user-select: none;
}
label.checkbox-label a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.2s;
}
label.checkbox-label a:hover {
  opacity: 0.75;
}

.radio-field {
  all: unset;
}
.radio-field.visible-legend legend {
  all: unset;
  display: block;
  font-size: 1.05rem;
  font-family: var(--e-global-typography-8d2339d-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  flex-grow: 0;
  flex-shrink: 1;
  letter-spacing: 0;
  margin: 0 0 0.875rem;
}
@media (min-width: 768px) {
  .radio-field.visible-legend legend {
    font-size: 1.25rem;
    letter-spacing: unset;
  }
}
.radio-field label {
  color: var(--e-global-color-text);
  cursor: pointer;
  font-size: 0.875rem;
}
.radio-field input {
  appearance: none;
  border-color: var(--e-global-color-primary);
  border-radius: 1.125rem !important;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  display: inline-grid;
  height: 1.125rem;
  place-content: center;
  width: 1.125rem;
}
.radio-field input::before {
  background-color: var(--e-global-color-primary);
  border-radius: 0.625rem;
  content: "";
  height: 0.625rem;
  transform: scale(0);
  transition: transform 0.1s ease-in-out;
  width: 0.625rem;
}
.radio-field input:checked::before {
  transform: scale(1);
}
.radio-field .radio-options {
  align-items: center;
  display: flex;
  gap: 2rem;
}
.radio-field .radio-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
}

.help-tooltip {
  display: inline-flex;
  vertical-align: middle;
}

.addon-fieldset {
  all: unset;
}
.addon-fieldset button {
  all: unset;
}

#porting-outer {
  margin-top: 0.875rem;
}

#number_search_city_group {
  display: none;
}

#number-search-outer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#number-list .signup-error-message {
  opacity: 1;
}

.number-list-loading {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.number-list-loading svg.icon-loading {
  cursor: auto;
  display: block;
  position: relative;
}
.number-list-loading p {
  font-size: 0.875rem;
  margin: 1.5rem 0 0 0;
}

#number_search_number {
  font-variant-numeric: lining-nums tabular-nums;
}

.number-option {
  align-items: center;
  border-bottom-color: var(--c-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.number-option:last-of-type {
  border-bottom: none;
}
.number-option .left {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.number-option .number-format {
  font-variant-numeric: lining-nums tabular-nums;
}
.number-option .number-location {
  color: var(--c-muted);
  font-size: 0.75rem;
}
.number-option .icon-radio-checkbox {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}
.number-option .icon-radio-checkbox .icon-radio-checkbox-circle {
  color: var(--c-border);
  transition: 0.2s;
}
.number-option .icon-radio-checkbox .icon-radio-checkbox-check {
  color: var(--e-global-color-text);
  opacity: 0;
  transition: 0.2s;
}
.number-option[aria-selected=true] .icon-radio-checkbox .icon-radio-checkbox-circle {
  color: var(--e-global-color-text);
}
.number-option[aria-selected=true] .icon-radio-checkbox .icon-radio-checkbox-check {
  opacity: 1;
}
.number-option:hover .icon-radio-checkbox .icon-radio-checkbox-circle {
  color: var(--e-global-color-text);
}

.number-list-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.number-list-actions.number-list-actions--single {
  margin-top: 0;
}
.number-list-actions button {
  align-items: center;
  align-self: flex-start;
  background: none;
  border: none;
  border-radius: 0;
  color: var(--e-global-color-text);
  color: var(--c-muted);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  flex-grow: 0;
  gap: 0.25rem;
  padding: 0;
  text-align: left;
}
.number-list-actions button:hover {
  background: none;
  color: var(--e-global-color-text);
}
.number-list-actions button svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
.number-list-actions button svg.icon-minus {
  display: none;
}

button.help-tooltip-trigger {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  line-height: 0;
  color: var(--e-global-color-secondary);
  cursor: help;
  border-radius: 9999px;
}
button.help-tooltip-trigger svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
button.help-tooltip-trigger:hover, button.help-tooltip-trigger:focus {
  background: none;
  color: var(--e-global-color-text);
}
button.help-tooltip-trigger:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.tippy-box[data-theme~=sipcity] {
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.4em;
  max-width: 20rem;
}
.tippy-box[data-theme~=sipcity] .tippy-content {
  padding: 0.525rem 0.75rem;
}
.tippy-box[data-theme~=sipcity] .tippy-content a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.2s;
}
.tippy-box[data-theme~=sipcity] .tippy-content a:hover {
  opacity: 0.75;
}

.powered-by-square {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.powered-by-square.square-loaded {
  margin-top: -3rem;
}
@media (min-width: 768px) {
  .powered-by-square {
    flex-direction: row;
  }
}
.powered-by-square p {
  font-size: 0.75rem;
  margin: 0;
}
.powered-by-square img {
  display: block;
  max-width: 4rem;
  width: 100%;
}
.powered-by-square a {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.2s;
}
.powered-by-square a:hover {
  opacity: 0.75;
}
.powered-by-square .sentence-logo {
  align-items: center;
  color: var(--c-muted);
  display: flex;
  gap: 0.325rem;
  width: 100%;
}