/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.IncodeGeolocationPage {
  animation: .4s ease-out fadeIn;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeGeolocationPage {
    animation: none;
  }
}

.IncodeGeolocationPage .IncodeGeolocationIconWrapper {
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {
  max-width: 420px;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {
  margin: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitle {
  text-align: left;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {
  aspect-ratio: 1;
  height: var(--spacing-40, var(--spacing-40, 40px));
  min-height: var(--spacing-40, var(--spacing-40, 40px));
  width: var(--spacing-40, var(--spacing-40, 40px));
  min-width: var(--spacing-40, var(--spacing-40, 40px));
  border-radius: var(--radius-small, var(--border-radius-small));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {
  padding: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {
  padding: 5px;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {
  font-size: var(--text-16, var(--primitive-typography-size-16));
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {
  vertical-align: middle;
  display: inline-block;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
