/* [project]/apps/web/src/components/hero-integrations.css [app-client] (css) */
.hero-int {
  --hero-int-mark: clamp(1.25rem, 1.1rem + .4vw, 1.625rem);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.125rem;
  padding-bottom: 2rem;
  display: flex;
}

@media (min-width: 900px) {
  .hero-int {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(1.25rem, 2.5vw, 2.25rem);
  }
}

.hero-int-group {
  flex-direction: column;
  align-items: center;
  gap: .625rem;
  display: flex;
}

.hero-int-caption {
  color: #ffffffb2;
  letter-spacing: var(--tracking-label);
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  margin: 0;
  font-size: clamp(.75rem, .72rem + .1vw, .8125rem);
  line-height: 1.25;
  display: flex;
}

.hero-int-dot {
  background-color: var(--aqua-green-500);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  margin-inline-end: .125rem;
  box-shadow: 0 0 0 3px #12e19329;
}

.hero-int-kind {
  color: #fff;
  font-weight: 600;
}

.hero-int-count:before {
  color: #ffffff59;
  content: "·";
  margin-inline-end: .375rem;
}

.hero-int-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .75rem clamp(.875rem, .75rem + .4vw, 1.25rem);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hero-int-group--stores .hero-int-list {
  max-inline-size: 13rem;
}

@media (min-width: 600px) {
  .hero-int-group--stores .hero-int-list {
    max-inline-size: none;
  }
}

.hero-int-item {
  height: var(--hero-int-mark);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-int-mark {
  height: calc(var(--hero-int-mark) * var(--mark-scale, 1));
  width: auto;
  transition: opacity .22s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.hero-int-sep {
  transform-origin: top;
  background-color: #ffffff1f;
  flex: none;
  width: 1px;
  display: none;
}

@media (min-width: 900px) {
  .hero-int-sep {
    display: block;
  }
}

.hero-int-tip {
  color: #ffffffd9;
  opacity: 0;
  pointer-events: none;
  inset-inline-start: 50%;
  white-space: nowrap;
  font-size: .6875rem;
  line-height: 1.2;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: calc(100% + .5rem);
  transform: translate(-50%, -3px);
}

:where([dir="rtl"]) .hero-int-tip {
  transform: translate(50%, -3px);
}

@media (hover: hover) {
  .hero-int-list:hover .hero-int-mark {
    opacity: .5;
  }

  .hero-int-list .hero-int-item:hover .hero-int-mark {
    opacity: 1;
  }

  .hero-int-item:hover .hero-int-tip {
    opacity: 1;
    transform: translate(-50%);
  }

  :where([dir="rtl"]) .hero-int-item:hover .hero-int-tip {
    transform: translate(50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-int-tip, .hero-int-item:hover .hero-int-tip {
    transition: opacity .16s linear;
    transform: translate(-50%);
  }

  :where([dir="rtl"]) .hero-int-tip, :where([dir="rtl"]) .hero-int-item:hover .hero-int-tip {
    transform: translate(50%);
  }
}

/* [project]/apps/web/src/components/platforms.css [app-client] (css) */
.platforms {
  --pf-line: #1212121f;
  --pf-line-soft: #12121212;
  --pf-pad: 26px;
  background-color: #fff;
  position: relative;
}

@media (min-width: 579px) {
  .platforms {
    --pf-pad: 30px;
  }
}

.platforms-frame {
  border-inline-start: 1px solid var(--pf-line);
  border-inline-end: 1px solid var(--pf-line);
  padding-block: clamp(3.5rem, 6vw, 7rem) 0;
  position: relative;
}

.platforms-eyebrow {
  color: var(--gray-500);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 clamp(.75rem, 1.5vw, 1.25rem);
  font-size: clamp(.6875rem, .63rem + .15vw, .8125rem);
  font-weight: 500;
}

.platforms-head {
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
  padding-inline: var(--pf-pad);
}

.platforms-title {
  color: var(--gray-900);
  font-size: var(--section-title);
  letter-spacing: var(--tracking-display);
  max-width: 24ch;
  margin: 0;
  font-weight: 500;
  line-height: 1.34;
}

.platforms-lead {
  color: var(--gray-600);
  letter-spacing: var(--tracking-body);
  max-width: 56ch;
  margin: clamp(.875rem, 1.8vw, 1.25rem) 0 0;
  font-size: clamp(1rem, .907rem + .381vw, 1.25rem);
  line-height: 1.6;
}

.imap {
  --imap-hub: clamp(6.5rem, 5rem + 4vw, 10rem);
  --imap-mark: clamp(1.5rem, 1.4rem + .3vw, 1.875rem);
  --imap-mark-sm: clamp(1.25rem, 1.2rem + .2vw, 1.5rem);
  --imap-green: var(--aqua-green-600);
  padding-inline: var(--pf-pad);
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "hub"
                       "ads"
                       "readout"
                       "stores";
  row-gap: clamp(2rem, 5vw, 2.75rem);
  display: grid;
  position: relative;
}

@media (min-width: 900px) {
  .imap {
    grid-template-columns: minmax(0, 1fr) clamp(15rem, 26vw, 30rem) minmax(0, 1fr);
    grid-template-areas: "ads hub stores"
                         "readout readout readout";
    row-gap: clamp(2.5rem, 4vw, 3.5rem);
  }
}

.imap-traces {
  pointer-events: none;
  animation: .5s cubic-bezier(.22, 1, .36, 1) both imap-fade-in;
  position: absolute;
  inset: 0;
  overflow: visible;
}

@keyframes imap-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.imap-trace, .imap-trace-lit {
  fill: none;
  transition: opacity .28s cubic-bezier(.22, 1, .36, 1);
}

.imap-trace {
  stroke: #12121229;
  stroke-width: 1px;
}

.imap[data-active] .imap-trace:not([data-on]) {
  opacity: .45;
}

.imap-trace-lit {
  opacity: 0;
  stroke: var(--imap-green);
  stroke-linecap: round;
  stroke-width: 1.5px;
}

.imap-trace-lit[data-on] {
  opacity: 1;
}

.imap-packets {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.imap-packet {
  background-color: var(--aqua-green-500);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 3px #12e1932e;
}

.imap-col {
  z-index: 1;
  grid-template-rows: auto 1fr;
  row-gap: clamp(.75rem, 1.5vw, 1.125rem);
  min-width: 0;
  display: grid;
  position: relative;
}

.imap-col--ad {
  grid-area: ads;
}

.imap-col--store {
  grid-area: stores;
}

.imap-col-head {
  color: var(--gray-500);
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: .5rem;
  font-size: clamp(.6875rem, .63rem + .15vw, .8125rem);
  font-weight: 500;
  display: flex;
}

.imap-col-title {
  color: var(--gray-900);
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
}

.imap-col-count:before {
  color: var(--gray-300);
  content: "·";
  margin-inline-end: .5rem;
}

.imap-dot {
  background-color: var(--aqua-green-500);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  display: inline-block;
  box-shadow: 0 0 0 3px #12e19329;
}

.imap-dot--lg {
  width: 8px;
  height: 8px;
}

.imap-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.imap-list--store {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: .75rem;
}

@media (min-width: 600px) {
  .imap-list--store {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .imap-list, .imap-list--store {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
  }
}

.imap-item {
  min-width: 0;
  display: flex;
}

.imap-list--ad .imap-item + .imap-item {
  border-top: 1px solid var(--pf-line-soft);
}

@media (min-width: 900px) {
  .imap-list--ad .imap-item + .imap-item {
    border-top: 0;
  }
}

.imap-row {
  appearance: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  align-items: center;
  gap: clamp(.75rem, 1.2vw, 1rem);
  min-width: 0;
  min-height: 44px;
  padding: .625rem 0;
  transition: opacity .28s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.imap-row:focus-visible {
  outline: 2px solid var(--aqua-green-600);
  outline-offset: 2px;
}

.imap[data-active] .imap-row:not([aria-pressed="true"]) {
  opacity: .5;
}

@media (hover: hover) {
  .imap[data-active] .imap-row:not([aria-pressed="true"]):hover {
    opacity: .85;
  }
}

.imap-mark {
  height: calc(var(--imap-mark) * var(--mark-scale, 1));
  flex: none;
  width: auto;
}

.imap-row--store .imap-mark {
  height: calc(var(--imap-mark-sm) * var(--mark-scale, 1));
}

.imap-row--store .imap-mark, .imap-row--ad .imap-mark {
  max-height: 2.5rem;
}

.imap-row-text {
  gap: .125rem;
  min-width: 0;
  display: grid;
}

.imap-row-name {
  color: var(--gray-900);
  letter-spacing: var(--tracking-heading);
  font-size: clamp(.9375rem, .88rem + .25vw, 1.125rem);
  font-weight: 600;
  line-height: 1.25;
}

.imap-row--store .imap-row-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(.8125rem, .78rem + .15vw, 1rem);
  overflow: hidden;
}

.imap-row-sub {
  color: var(--gray-500);
  letter-spacing: var(--tracking-label);
  font-size: clamp(.75rem, .73rem + .1vw, .8125rem);
  line-height: 1.4;
}

.imap-port {
  background-color: var(--aqua-green-500);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  margin-inline-start: auto;
  position: relative;
  box-shadow: 0 0 0 3px #12e19329;
}

.imap-row--store .imap-port {
  display: none;
}

@media (min-width: 900px) {
  .imap-row--store .imap-port {
    display: block;
  }
}

.imap-port:after {
  border: 1px solid var(--imap-green);
  content: "";
  opacity: 0;
  border-radius: 50%;
  transition: transform .34s cubic-bezier(.34, 1.56, .64, 1), opacity .2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: -6px;
  transform: scale(.4);
}

.imap-row[aria-pressed="true"] .imap-port:after {
  opacity: 1;
  transform: scale(1);
}

@media (min-width: 900px) {
  .imap-col--ad .imap-col-head {
    justify-content: flex-end;
  }

  .imap-row--ad {
    text-align: end;
    justify-content: flex-end;
  }

  .imap-row--ad .imap-row-text {
    order: 1;
  }

  .imap-row--ad .imap-mark {
    order: 2;
  }

  .imap-row--ad .imap-port {
    order: 3;
    margin-inline-start: 0;
  }

  .imap-row--store .imap-port {
    order: -1;
    margin-inline-start: 0;
  }

  .imap-row--ad .imap-port {
    margin-inline-start: .25rem;
  }

  .imap-row--store .imap-port {
    margin-inline-end: .25rem;
  }

  .imap-row {
    padding: .375rem 0;
  }
}

.imap-hubcol {
  z-index: 1;
  flex-direction: column;
  grid-area: hub;
  justify-content: center;
  align-items: center;
  gap: .875rem;
  display: flex;
  position: relative;
}

.imap-hub {
  aspect-ratio: 1;
  width: var(--imap-hub);
  flex: none;
  place-items: center;
  display: grid;
  position: relative;
}

.imap-hub-ring {
  border: 1px solid var(--pf-line);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.imap-hub-ring--inner {
  border-color: var(--pf-line-soft);
  background: radial-gradient(circle, #12e1931f, #12e19300 70%);
  inset: 15%;
}

.imap-hub-tick {
  background-color: var(--gray-400);
  width: 1px;
  height: 7px;
  position: absolute;
  inset-inline-start: calc(50% - .5px);
}

.imap-hub-tick--n {
  top: -4px;
}

.imap-hub-tick--s {
  bottom: -4px;
}

.imap-hub-ripple {
  border: 1px solid var(--imap-green);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.imap-hub-mark {
  width: 36%;
  height: auto;
  display: block;
  position: relative;
}

.imap-hub-copy {
  text-align: center;
}

.imap-hub-name {
  color: var(--gray-900);
  letter-spacing: var(--tracking-heading);
  margin: 0;
  font-size: clamp(.9375rem, .9rem + .15vw, 1.0625rem);
  font-weight: 600;
  line-height: 1.3;
}

.imap-hub-sub {
  color: var(--gray-500);
  letter-spacing: var(--tracking-label);
  margin: .125rem 0 0;
  font-size: .8125rem;
  line-height: 1.4;
}

.imap-readout {
  margin-inline: calc(var(--pf-pad) * -1);
  min-height: 15rem;
  padding: clamp(1.25rem, 2.5vw, 1.75rem) var(--pf-pad) clamp(2rem, 4vw, 3rem);
  grid-area: readout;
  position: relative;
}

@media (min-width: 600px) {
  .imap-readout {
    min-height: 12rem;
  }
}

@media (min-width: 900px) {
  .imap-readout {
    min-height: 9.5rem;
  }
}

.imap-readout:before, .imap-readout:after {
  content: "";
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}

.imap-readout:before {
  background-color: var(--pf-line);
  height: 1px;
  inset-inline-end: 0;
}

.imap-readout:after {
  background-color: var(--imap-green);
  width: clamp(2.5rem, 5vw, 4.5rem);
  height: 2px;
}

.imap-readout-body {
  gap: .875rem clamp(1.5rem, 3vw, 3rem);
  display: grid;
}

@media (min-width: 900px) {
  .imap-readout-body {
    grid-template-columns: minmax(12rem, .85fr) minmax(0, 1.6fr) minmax(11rem, auto);
    align-items: start;
  }
}

.imap-readout-id {
  align-items: center;
  gap: .875rem;
  min-width: 0;
  display: flex;
}

.imap-readout-mark {
  height: calc(2rem * var(--mark-scale, 1));
  flex: none;
  width: auto;
  max-height: 2.25rem;
}

.imap-readout-name {
  color: var(--gray-900);
  letter-spacing: var(--tracking-heading);
  margin: 0;
  font-size: clamp(1.0625rem, 1rem + .3vw, 1.3125rem);
  font-weight: 600;
  line-height: 1.3;
}

.imap-readout-scope {
  color: var(--gray-500);
  letter-spacing: var(--tracking-label);
  margin: .2rem 0 0;
  font-size: clamp(.8125rem, .79rem + .095vw, .875rem);
  line-height: 1.45;
}

.imap-readout-text {
  color: var(--gray-600);
  letter-spacing: var(--tracking-body);
  max-width: 62ch;
  margin: 0;
  font-size: clamp(.9375rem, .891rem + .19vw, 1.0625rem);
  line-height: 1.65;
}

.imap-readout-meta {
  gap: .5rem;
  margin: 0;
  display: grid;
}

.imap-readout-meta > div {
  grid-template-columns: 5.5rem minmax(0, 1fr);
  align-items: baseline;
  gap: .75rem;
  display: grid;
}

.imap-readout-meta dt {
  color: var(--gray-500);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
}

.imap-readout-meta dd {
  color: var(--gray-900);
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.45;
}

.imap-readout-meta .imap-readout-live {
  color: var(--aqua-green-900);
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

@media (prefers-reduced-motion: reduce) {
  .imap-port:after {
    transition: opacity .2s linear;
    transform: none;
  }

  .imap-traces {
    animation: none;
  }
}

/* [project]/apps/web/src/components/language-menu.css [app-client] (css) */
.lang-menu {
  --lm-ink: var(--gray-900, #101828);
  --lm-ink-dim: var(--gray-500, #667085);
  --lm-icon: var(--gray-400, #98a2b3);
  --lm-surface: #fff;
  --lm-border: var(--gray-200, #eaecf0);
  --lm-hot: var(--gray-100, #f2f4f7);
  --lm-active: var(--gray-900, #101828);
  --lm-focus: var(--aqua-green-700, #09a286);
  --lm-shadow: 0 12px 32px -12px #121b2b38, 0 2px 6px #121b2b0f;
  position: relative;
}

.lang-menu .lang-menu-trigger {
  color: var(--lm-ink-dim);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-block-size: 44px;
  min-inline-size: 44px;
  padding-inline: 10px;
  font-size: .8125rem;
  font-weight: 600;
  transition: color .22s;
  display: inline-flex;
}

.lang-menu .lang-menu-trigger:focus-visible {
  outline: 2px solid var(--lm-focus);
  outline-offset: 2px;
}

.lang-menu .lang-menu-trigger[aria-expanded="true"] {
  color: var(--lm-ink);
}

.lang-menu .lang-menu-globe {
  color: var(--lm-icon);
  flex: none;
}

.lang-menu .lang-menu-caret {
  color: var(--lm-icon);
  display: inline-flex;
}

.lang-menu .lang-menu-sr {
  clip-path: inset(50%);
  white-space: nowrap;
  block-size: 1px;
  inline-size: 1px;
  position: absolute;
  overflow: hidden;
}

.lang-menu .lang-menu-panel {
  background: var(--lm-surface);
  border: 1px solid var(--lm-border);
  box-shadow: var(--lm-shadow);
  z-index: 60;
  border-radius: 14px;
  max-block-size: min(70dvh, 420px);
  inline-size: min(340px, 100vw - 32px);
  padding: 6px;
  position: absolute;
  inset-inline-end: 0;
  overflow-y: auto;
}

.lang-menu[data-placement="top"] .lang-menu-panel {
  transform-origin: bottom;
  inset-block-end: calc(100% + 8px);
}

.lang-menu[data-placement="bottom"] .lang-menu-panel {
  transform-origin: top;
  inset-block-start: calc(100% + 8px);
}

.lang-menu .lang-menu-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.lang-menu .lang-menu-row {
  display: flex;
}

.lang-menu .lang-menu-link {
  color: var(--lm-ink-dim);
  border-radius: 9px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-block-size: 44px;
  padding-inline: 12px;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .18s;
  display: flex;
  position: relative;
}

.lang-menu .lang-menu-link[data-active="true"] {
  color: var(--lm-active);
  font-weight: 600;
}

.lang-menu .lang-menu-link:focus-visible {
  outline: 2px solid var(--lm-focus);
  outline-offset: -2px;
}

.lang-menu .lang-menu-hot {
  background: var(--lm-hot);
  border-radius: inherit;
  z-index: 0;
  position: absolute;
  inset: 0;
}

.lang-menu .lang-menu-name, .lang-menu .lang-menu-code, .lang-menu .lang-menu-check {
  z-index: 1;
  position: relative;
}

.lang-menu .lang-menu-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-inline-size: 0;
  overflow: hidden;
}

.lang-menu .lang-menu-code {
  color: var(--lm-icon);
  letter-spacing: .08em;
  text-transform: uppercase;
  direction: ltr;
  flex: none;
  font-size: .6875rem;
  font-weight: 600;
}

.lang-menu .lang-menu-check {
  color: var(--lm-focus);
  flex: none;
}

@media (hover: hover) {
  .lang-menu .lang-menu-trigger:hover, .lang-menu .lang-menu-link:hover {
    color: var(--lm-ink);
  }
}

@media (min-width: 360px) {
  .lang-menu .lang-menu-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .lang-menu .lang-menu-trigger, .lang-menu .lang-menu-link {
    transition: none;
  }
}

.adocs .lang-menu {
  --lm-ink: var(--a-ink);
  --lm-ink-dim: var(--a-muted);
  --lm-icon: var(--a-faint);
  --lm-surface: var(--a-elev);
  --lm-border: var(--a-line);
  --lm-hot: var(--a-bg-soft);
  --lm-active: var(--a-ink);
  --lm-focus: var(--a-accent);
  --lm-shadow: var(--a-shadow);
}

.adocs .lang-menu-current {
  clip-path: inset(50%);
  white-space: nowrap;
  block-size: 1px;
  inline-size: 1px;
  position: absolute;
  overflow: hidden;
}

@media (min-width: 900px) {
  .adocs .lang-menu-current {
    clip-path: none;
    block-size: auto;
    inline-size: auto;
    position: static;
    overflow: visible;
  }
}

.auth-brand {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

/* [project]/apps/web/src/components/payment-badges.css [app-client] (css) */
.pay-badges {
  --pay-badges-h: clamp(18px, .75rem + .6vw, 28px);
  align-items: center;
  gap: .5rem calc(var(--pay-badges-h) * .9);
  flex-wrap: wrap;
  display: flex;
}

.pay-badges[data-size="sm"] {
  --pay-badges-h: 16px;
}

.pay-badges-mark, .pay-badges-cards {
  height: var(--pay-badges-h);
  object-fit: contain;
  width: auto;
  max-width: 100%;
  display: block;
}

/*# sourceMappingURL=apps_web_src_components_0uws003._.css.map*/