/* [project]/src/components/ui/Spinner.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Spinner-module__s0pLYa__spinner {
    flex-shrink: 0;
    display: inline-flex;
  }

  .Spinner-module__s0pLYa__ring {
    width: var(--spinner-size);
    height: var(--spinner-size);
    border-radius: var(--radius-full);
    border: 2px solid;
    border-right-color: #0000;
    display: block;
  }

  .Spinner-module__s0pLYa__spinner[data-size="sm"] {
    --spinner-size: 1rem;
  }

  .Spinner-module__s0pLYa__spinner[data-size="md"] {
    --spinner-size: 1.5rem;
  }

  .Spinner-module__s0pLYa__spinner[data-size="lg"] {
    --spinner-size: 2rem;
  }

  .Spinner-module__s0pLYa__spinner[data-size="lg"] .Spinner-module__s0pLYa__ring {
    border-width: 3px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .Spinner-module__s0pLYa__ring {
      animation: .8s linear infinite Spinner-module__s0pLYa__spin;
    }
  }
}

@keyframes Spinner-module__s0pLYa__spin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/src/components/ui/Button.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Button-module__8RiFmG__button {
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    border-radius: var(--radius-control);
    text-align: center;
    box-shadow: var(--button-shadow, 0 0 #0000);
    transition-property: background-color, color, box-shadow, transform;
    transition-duration: var(--duration-fast);
    transition-timing-function: var(--ease-standard);
    font-weight: 700;
    display: inline-flex;
  }

  .Button-module__8RiFmG__button:focus-visible {
    outline-offset: 2px;
    box-shadow: var(--focus-ring), var(--button-shadow, 0 0 #0000);
    outline: 2px solid #0000;
  }

  .Button-module__8RiFmG__button:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .Button-module__8RiFmG__button[aria-busy="true"] {
    opacity: 1;
    cursor: progress;
  }

  .Button-module__8RiFmG__button[data-full-width] {
    width: 100%;
  }

  .Button-module__8RiFmG__button[data-size="sm"] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
  }

  .Button-module__8RiFmG__button[data-size="sm"], .Button-module__8RiFmG__button[data-variant="link"] {
    position: relative;
  }

  .Button-module__8RiFmG__button[data-size="sm"]:after, .Button-module__8RiFmG__button[data-variant="link"]:after {
    content: "";
    inset: min(0px, calc((100% - var(--tap-target)) / 2));
    position: absolute;
  }

  .Button-module__8RiFmG__button[data-size="md"] {
    min-height: var(--tap-target);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
  }

  .Button-module__8RiFmG__button[data-size="lg"] {
    min-height: calc(var(--tap-target)  + var(--space-1));
    padding: var(--space-2) var(--space-5);
    font-size: var(--text-xl);
    line-height: var(--text-xl-lh);
  }

  .Button-module__8RiFmG__button[data-variant="primary"] {
    --button-from: var(--color-primary-from);
    --button-to: var(--color-primary-to);
    --button-hover-from: var(--color-primary-hover-from);
    --button-hover-to: var(--color-primary-hover-to);
    --button-shadow-color: var(--color-primary-shadow);
    --button-shadow: 0 4px 0 var(--button-shadow-color);
    background-image: linear-gradient(to bottom, var(--button-from), var(--button-to));
    color: var(--color-on-primary);
  }

  .Button-module__8RiFmG__button[data-variant="primary"][data-size="lg"] {
    --button-from: var(--color-primary-large-from);
    --button-to: var(--color-primary-large-to);
    --button-hover-from: var(--color-primary-large-hover-from);
    --button-hover-to: var(--color-primary-large-hover-to);
    --button-shadow-color: var(--color-primary-large-shadow);
  }

  .Button-module__8RiFmG__button[data-variant="secondary"] {
    --button-shadow: 0 4px 0 var(--color-secondary-shadow);
    background-color: var(--color-secondary);
    color: var(--color-on-secondary);
  }

  .Button-module__8RiFmG__button[data-variant="outline"] {
    background-color: var(--color-surface);
    color: var(--color-link);
    box-shadow: inset 0 0 0 2px var(--color-border-brand);
  }

  .Button-module__8RiFmG__button[data-variant="ghost"] {
    color: var(--color-text-muted);
    background-color: #0000;
  }

  .Button-module__8RiFmG__button[data-variant="link"] {
    min-height: auto;
    color: var(--color-link);
    text-underline-offset: .2em;
    background-color: #0000;
    padding: 0;
    font-weight: 600;
    text-decoration: underline;
  }

  @media (hover: hover) {
    .Button-module__8RiFmG__button[data-variant="primary"]:hover:not(:disabled, [aria-disabled="true"]) {
      background-image: linear-gradient(to bottom, var(--button-hover-from), var(--button-hover-to));
    }

    .Button-module__8RiFmG__button[data-variant="secondary"]:hover:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--color-secondary-hover);
    }

    .Button-module__8RiFmG__button[data-variant="outline"]:hover:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--color-surface-muted);
    }

    .Button-module__8RiFmG__button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--color-surface-muted);
      color: var(--color-text);
    }

    .Button-module__8RiFmG__button[data-variant="link"]:hover:not(:disabled, [aria-disabled="true"]) {
      text-decoration-thickness: 2px;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .Button-module__8RiFmG__button[data-variant="primary"]:active:not(:disabled, [aria-disabled="true"]), .Button-module__8RiFmG__button[data-variant="secondary"]:active:not(:disabled, [aria-disabled="true"]) {
      transform: translateY(2px);
    }

    .Button-module__8RiFmG__button[data-variant="primary"]:active:not(:disabled, [aria-disabled="true"]) {
      --button-shadow: 0 2px 0 var(--button-shadow-color);
    }

    .Button-module__8RiFmG__button[data-variant="secondary"]:active:not(:disabled, [aria-disabled="true"]) {
      --button-shadow: 0 2px 0 var(--color-secondary-shadow);
    }
  }
}

/* [project]/src/components/ui/Dialog.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Dialog-module__gV8Hta__overlay {
    z-index: var(--z-overlay);
    background-color: var(--color-overlay);
    position: fixed;
    inset: 0;
  }

  .Dialog-module__gV8Hta__content {
    z-index: var(--z-overlay);
    gap: var(--space-5);
    width: calc(100% - var(--space-8));
    max-height: calc(100dvh - var(--space-8));
    padding: var(--space-5);
    border-radius: var(--radius-dialog);
    background-color: var(--color-surface);
    color: var(--color-text);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    transform: translate(-50%, -50%);
  }

  .Dialog-module__gV8Hta__content:focus {
    outline: none;
  }

  .Dialog-module__gV8Hta__content[data-size="sm"] {
    max-width: 26rem;
  }

  .Dialog-module__gV8Hta__content[data-size="md"] {
    max-width: 32rem;
  }

  .Dialog-module__gV8Hta__header {
    align-items: flex-start;
    gap: var(--space-3);
    display: flex;
  }

  .Dialog-module__gV8Hta__content[data-dismissible] .Dialog-module__gV8Hta__header {
    padding-right: calc(var(--tap-target)  - var(--space-2));
  }

  .Dialog-module__gV8Hta__headerText {
    gap: var(--space-1);
    min-width: 0;
    min-height: var(--space-10);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    display: flex;
  }

  .Dialog-module__gV8Hta__title {
    font-size: var(--text-xl);
    line-height: var(--text-xl-lh);
    color: var(--color-text);
    font-weight: 700;
  }

  .Dialog-module__gV8Hta__description {
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    color: var(--color-text-muted);
  }

  .Dialog-module__gV8Hta__content[data-align="center"] .Dialog-module__gV8Hta__header {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .Dialog-module__gV8Hta__content[data-align="center"][data-dismissible] .Dialog-module__gV8Hta__header {
    padding-inline: calc(var(--tap-target)  - var(--space-2));
  }

  .Dialog-module__gV8Hta__content[data-align="center"] .Dialog-module__gV8Hta__headerText {
    align-self: stretch;
    min-height: 0;
  }

  .Dialog-module__gV8Hta__body {
    gap: var(--space-4);
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    color: var(--color-text-muted);
    flex-direction: column;
    display: flex;
  }

  .Dialog-module__gV8Hta__content[data-align="center"] .Dialog-module__gV8Hta__body {
    text-align: center;
  }

  .Dialog-module__gV8Hta__actions {
    gap: var(--space-3);
    flex-direction: column-reverse;
    display: flex;
  }

  .Dialog-module__gV8Hta__actions > * {
    width: 100%;
  }

  .Dialog-module__gV8Hta__content .Dialog-module__gV8Hta__close {
    top: var(--space-2);
    right: var(--space-2);
    color: var(--color-text-muted);
    position: absolute;
  }

  .Dialog-module__gV8Hta__toneIcon {
    width: var(--space-10);
    height: var(--space-10);
    border-radius: var(--radius-full);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .Dialog-module__gV8Hta__toneIcon[data-tone="success"] {
    background-color: var(--tone-success-bg);
    color: var(--tone-success-fg);
  }

  .Dialog-module__gV8Hta__toneIcon[data-tone="danger"] {
    background-color: var(--tone-danger-bg);
    color: var(--tone-danger-fg);
  }

  .Dialog-module__gV8Hta__toneIcon[data-tone="warning"] {
    background-color: var(--tone-warning-bg);
    color: var(--tone-warning-fg);
  }

  .Dialog-module__gV8Hta__toneIcon[data-tone="info"] {
    background-color: var(--tone-info-bg);
    color: var(--tone-info-fg);
  }

  .Dialog-module__gV8Hta__toneIcon[data-tone="neutral"] {
    background-color: var(--tone-neutral-bg);
    color: var(--tone-neutral-fg);
  }

  .Dialog-module__gV8Hta__dangerAction {
    --color-secondary: var(--color-danger);
    --color-secondary-hover: var(--color-danger-hover);
    --color-secondary-shadow: var(--tone-danger-fg);
    --color-on-secondary: var(--color-text-inverse);
  }

  @media (min-width: 30em) {
    .Dialog-module__gV8Hta__content {
      gap: var(--space-6);
      padding: var(--space-6);
    }

    .Dialog-module__gV8Hta__content .Dialog-module__gV8Hta__close {
      top: var(--space-3);
      right: var(--space-3);
    }

    .Dialog-module__gV8Hta__actions {
      flex-flow: wrap;
      justify-content: flex-end;
      align-items: center;
    }

    .Dialog-module__gV8Hta__actions > * {
      width: auto;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .Dialog-module__gV8Hta__overlay[data-state="open"] {
      animation: Dialog-module__gV8Hta__overlayIn var(--duration-normal) var(--ease-standard);
    }

    .Dialog-module__gV8Hta__overlay[data-state="closed"] {
      animation: Dialog-module__gV8Hta__overlayOut var(--duration-fast) var(--ease-standard);
    }

    .Dialog-module__gV8Hta__content[data-state="open"] {
      animation: Dialog-module__gV8Hta__contentIn var(--duration-normal) var(--ease-standard);
    }

    .Dialog-module__gV8Hta__content[data-state="closed"] {
      animation: Dialog-module__gV8Hta__contentOut var(--duration-fast) var(--ease-standard);
    }
  }
}

@keyframes Dialog-module__gV8Hta__overlayIn {
  from {
    opacity: 0;
  }
}

@keyframes Dialog-module__gV8Hta__overlayOut {
  to {
    opacity: 0;
  }
}

@keyframes Dialog-module__gV8Hta__contentIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }
}

@keyframes Dialog-module__gV8Hta__contentOut {
  to {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }
}

/* [project]/src/features/auth/components/AccountNotFoundDialog.module.css [app-client] (css) */
.AccountNotFoundDialog-module__fNfsoa__stepsTitle {
  font-size: var(--text-base);
  line-height: var(--text-base-lh);
  color: var(--color-text);
  font-weight: 700;
}

.AccountNotFoundDialog-module__fNfsoa__steps {
  gap: var(--space-2);
  margin-top: calc(-1 * var(--space-2));
  padding-left: var(--space-5);
  flex-direction: column;
  list-style: decimal;
  display: flex;
}

.AccountNotFoundDialog-module__fNfsoa__steps li::marker {
  color: var(--color-text);
  font-weight: 700;
}

/* [project]/src/components/ui/EmptyState.module.css [app-client] (css) */
@layer reset;

@layer components {
  .EmptyState-module__7SqAPW__emptyState {
    align-items: center;
    gap: var(--space-2);
    padding-block: var(--space-8);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .EmptyState-module__7SqAPW__icon {
    margin-bottom: var(--space-1);
    color: var(--color-text-subtle);
  }

  .EmptyState-module__7SqAPW__emptyState[data-tone="danger"] .EmptyState-module__7SqAPW__icon {
    color: var(--color-text-danger);
  }

  .EmptyState-module__7SqAPW__title {
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    color: var(--color-text-muted);
    font-weight: 600;
  }

  .EmptyState-module__7SqAPW__description {
    max-width: 32rem;
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
    color: var(--color-text-muted);
  }

  .EmptyState-module__7SqAPW__action {
    margin-top: var(--space-2);
  }
}

/* [project]/src/features/orders/components/OrderHelpLink.module.css [app-client] (css) */
.OrderHelpLink-module__JwIH2q__link {
  min-height: var(--tap-target);
  color: var(--color-link);
  text-underline-offset: .2em;
  border-radius: var(--radius-control);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: underline;
  display: inline-flex;
}

.OrderHelpLink-module__JwIH2q__icon {
  width: var(--tap-target);
  height: var(--tap-target);
  border-radius: var(--radius-full);
  color: var(--color-text-muted);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.OrderHelpLink-module__JwIH2q__link:focus-visible, .OrderHelpLink-module__JwIH2q__icon:focus-visible {
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
  outline: 2px solid #0000;
}

@media (hover: hover) {
  .OrderHelpLink-module__JwIH2q__link:hover {
    text-decoration-thickness: 2px;
  }

  .OrderHelpLink-module__JwIH2q__icon:hover {
    background-color: var(--color-surface-muted);
    color: var(--color-text);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .OrderHelpLink-module__JwIH2q__icon {
    transition-property: background-color, color;
    transition-duration: var(--duration-fast);
    transition-timing-function: var(--ease-standard);
  }
}

/* [project]/src/features/orders/components/OrderIdField.module.css [app-client] (css) */
.OrderIdField-module__cnHM4W__field {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
  border-radius: var(--radius-card);
  background-color: var(--color-surface-muted);
  display: flex;
}

.OrderIdField-module__cnHM4W__text {
  text-align: start;
  flex: 1;
  min-width: 0;
}

.OrderIdField-module__cnHM4W__label {
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--color-text-muted);
}

.OrderIdField-module__cnHM4W__value {
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--color-text);
  font-weight: 600;
}

.OrderIdField-module__cnHM4W__status {
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--color-text-success);
  font-weight: 600;
}

.OrderIdField-module__cnHM4W__copy[data-copied] {
  color: var(--color-text-success);
}

/* [project]/src/components/ui/Badge.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Badge-module__H8aylq__badge {
    justify-content: center;
    align-items: center;
    gap: var(--space-1);
    border-radius: var(--radius-sm);
    white-space: nowrap;
    background-color: var(--badge-bg);
    color: var(--badge-fg);
    font-weight: 600;
    display: inline-flex;
  }

  .Badge-module__H8aylq__badge[data-size="sm"] {
    padding: calc(var(--space-1) / 2) var(--space-2);
    font-size: var(--text-xs);
    line-height: var(--text-xs-lh);
  }

  .Badge-module__H8aylq__badge[data-size="md"] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
  }

  .Badge-module__H8aylq__badge[data-variant="soft"][data-tone="neutral"] {
    --badge-bg: var(--tone-neutral-bg);
    --badge-fg: var(--tone-neutral-fg);
  }

  .Badge-module__H8aylq__badge[data-variant="soft"][data-tone="success"] {
    --badge-bg: var(--tone-success-bg);
    --badge-fg: var(--tone-success-fg);
  }

  .Badge-module__H8aylq__badge[data-variant="soft"][data-tone="warning"] {
    --badge-bg: var(--tone-warning-bg);
    --badge-fg: var(--tone-warning-fg);
  }

  .Badge-module__H8aylq__badge[data-variant="soft"][data-tone="danger"] {
    --badge-bg: var(--tone-danger-bg);
    --badge-fg: var(--tone-danger-fg);
  }

  .Badge-module__H8aylq__badge[data-variant="soft"][data-tone="info"] {
    --badge-bg: var(--tone-info-bg);
    --badge-fg: var(--tone-info-fg);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"] {
    --badge-fg: var(--color-text-inverse);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"][data-tone="neutral"] {
    --badge-bg: var(--tone-neutral-solid);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"][data-tone="success"] {
    --badge-bg: var(--tone-success-solid);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"][data-tone="warning"] {
    --badge-bg: var(--tone-warning-solid);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"][data-tone="danger"] {
    --badge-bg: var(--tone-danger-solid);
  }

  .Badge-module__H8aylq__badge[data-variant="solid"][data-tone="info"] {
    --badge-bg: var(--tone-info-solid);
  }
}

/* [project]/src/components/ui/Card.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Card-module__b6YjYG__card {
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-md);
  }

  .Card-module__b6YjYG__card[data-variant="default"] {
    background-color: var(--color-surface);
  }

  .Card-module__b6YjYG__card[data-variant="highlighted"] {
    background-image: linear-gradient(to top, var(--color-surface-highlight-strong), var(--color-surface-highlight-soft), var(--color-surface));
  }

  .Card-module__b6YjYG__card[data-padding="sm"] {
    padding: var(--space-2);
  }

  .Card-module__b6YjYG__card[data-padding="md"] {
    padding: var(--space-4);
  }

  .Card-module__b6YjYG__card[data-padding="lg"] {
    padding: var(--space-6);
  }

  @media (min-width: 768px) {
    .Card-module__b6YjYG__card[data-padding="md"] {
      padding: var(--space-6);
    }

    .Card-module__b6YjYG__card[data-padding="lg"] {
      padding: var(--space-8);
    }
  }
}

/* [project]/src/components/ui/Price.module.css [app-client] (css) */
@layer reset;

@layer components {
  .Price-module__f4oyBW__price {
    color: var(--color-text);
    font-weight: 700;
    display: inline-block;
  }

  .Price-module__f4oyBW__price[data-size="sm"] {
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
  }

  .Price-module__f4oyBW__price[data-size="md"] {
    font-size: var(--text-lg);
    line-height: var(--text-lg-lh);
  }

  .Price-module__f4oyBW__price[data-size="lg"] {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
  }

  .Price-module__f4oyBW__amounts {
    display: block;
  }

  .Price-module__f4oyBW__original {
    margin-right: var(--space-2);
    color: var(--color-text-subtle);
  }

  .Price-module__f4oyBW__amount[data-discounted] {
    color: var(--color-text-success);
  }

  .Price-module__f4oyBW__taxNote {
    font-size: max(var(--text-xs), .7em);
    color: var(--color-text-subtle);
    font-weight: 400;
    line-height: 1.4;
    display: block;
  }
}

/* [project]/src/features/orders/components/OrderPackSummary.module.css [app-client] (css) */
.OrderPackSummary-module__nvksAq__summary {
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  box-shadow: none;
  display: flex;
}

.OrderPackSummary-module__nvksAq__imageWrapper {
  width: var(--space-16);
  height: var(--space-16);
  flex-shrink: 0;
  position: relative;
}

.OrderPackSummary-module__nvksAq__image {
  object-fit: contain;
}

.OrderPackSummary-module__nvksAq__details {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.OrderPackSummary-module__nvksAq__title {
  font-size: var(--text-lg);
  line-height: var(--text-lg-lh);
  color: var(--color-text);
  font-weight: 700;
}

.OrderPackSummary-module__nvksAq__subtitle {
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--color-text-muted);
}

.OrderPackSummary-module__nvksAq__price {
  color: var(--color-text-muted);
  font-weight: 600;
}

.OrderPackSummary-module__nvksAq__royalPoints {
  --badge-bg: var(--color-accent-hearts-solid);
  border-radius: var(--radius-md);
}

/* [project]/src/features/orders/components/OrderStatusDialog.module.css [app-client] (css) */
.OrderStatusDialog-module__VWJaIW__message {
  color: var(--color-text-muted);
}

.OrderStatusDialog-module__VWJaIW__message > * {
  margin-inline: auto;
}

.OrderStatusDialog-module__VWJaIW__progress {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  color: var(--tone-warning-fg);
  font-weight: 600;
  display: flex;
}

.OrderStatusDialog-module__VWJaIW__progress:empty {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.OrderStatusDialog-module__VWJaIW__errorState {
  padding-block: var(--space-2);
}

.OrderStatusDialog-module__VWJaIW__actions {
  gap: var(--space-4);
  flex-direction: column;
  flex: 100%;
  display: flex;
}

.OrderStatusDialog-module__VWJaIW__buttons {
  gap: var(--space-3);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  display: grid;
}

.OrderStatusDialog-module__VWJaIW__links {
  justify-content: center;
  gap: var(--space-2) var(--space-6);
  font-size: var(--text-sm);
  line-height: var(--text-sm-lh);
  flex-wrap: wrap;
  display: flex;
}

.OrderStatusDialog-module__VWJaIW__pack {
  justify-content: center;
}

.OrderStatusDialog-module__VWJaIW__links .OrderStatusDialog-module__VWJaIW__link {
  text-decoration-line: none;
}

.OrderStatusDialog-module__VWJaIW__links .OrderStatusDialog-module__VWJaIW__link:focus-visible {
  text-decoration-line: underline;
}

@media (hover: hover) {
  .OrderStatusDialog-module__VWJaIW__links .OrderStatusDialog-module__VWJaIW__link:hover {
    text-decoration-line: underline;
  }
}

/* [project]/src/components/ui/TextField.module.css [app-client] (css) */
@layer reset;

@layer components {
  .TextField-module__2YyKNa__field {
    gap: var(--space-1);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .TextField-module__2YyKNa__label {
    font-weight: 600;
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
    color: var(--color-text-muted);
  }

  .TextField-module__2YyKNa__control {
    align-items: center;
    gap: var(--space-2);
    display: flex;
  }

  .TextField-module__2YyKNa__input {
    width: 100%;
    min-width: 0;
    height: var(--tap-target);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-control);
    background-color: var(--color-surface);
    color: var(--color-text);
    font-size: var(--text-base);
    line-height: var(--text-base-lh);
    transition-property: border-color, box-shadow;
    transition-duration: var(--duration-fast);
    transition-timing-function: var(--ease-standard);
    flex: 1;
  }

  .TextField-module__2YyKNa__input:focus-visible {
    border-color: var(--color-border-brand);
    box-shadow: var(--focus-ring);
    outline: 2px solid #0000;
  }

  .TextField-module__2YyKNa__input[aria-invalid="true"] {
    border-color: var(--color-danger);
  }

  .TextField-module__2YyKNa__input:disabled {
    background-color: var(--color-surface-muted);
    color: var(--color-text-muted);
    cursor: not-allowed;
  }

  .TextField-module__2YyKNa__hint {
    font-size: var(--text-xs);
    line-height: var(--text-xs-lh);
    color: var(--color-text-muted);
  }

  .TextField-module__2YyKNa__error {
    font-size: var(--text-sm);
    line-height: var(--text-sm-lh);
    color: var(--color-text-danger);
  }
}

/* [project]/src/features/voucher/components/VoucherForm.module.css [app-client] (css) */
.VoucherForm-module__jgWdqG__container {
  width: 100%;
  padding: var(--space-3) var(--space-4) var(--space-4);
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-md);
}

.VoucherForm-module__jgWdqG__field {
  width: 100%;
  margin-inline: auto;
}

@media (min-width: 640px) {
  .VoucherForm-module__jgWdqG__field {
    max-width: 32rem;
  }
}

.VoucherForm-module__jgWdqG__input {
  letter-spacing: .05em;
}

.VoucherForm-module__jgWdqG__applyButton {
  height: var(--tap-target);
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .VoucherForm-module__jgWdqG__applyButton {
    padding-inline: var(--space-6);
  }
}

/* [project]/src/features/catalog/components/PopularBand.module.css [app-client] (css) */
.PopularBand-module__uupaZa__band {
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background-color: var(--color-accent-hearts-solid);
  color: var(--color-text-inverse);
  font-weight: 700;
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  letter-spacing: .06em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* [project]/src/features/catalog/components/PackCardFrame.module.css [app-client] (css) */
.PackCardFrame-module__FGMfxq__card {
  --pack-band-height: 1.75rem;
  min-width: 0;
  transition: transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);
  flex-direction: column;
  flex: auto;
  display: flex;
  position: relative;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .PackCardFrame-module__FGMfxq__card:hover {
    transform: translateY(calc(-1 * var(--space-1)));
    box-shadow: var(--shadow-lg);
  }
}

.PackCardFrame-module__FGMfxq__band {
  height: var(--pack-band-height);
  position: absolute;
  inset: 0 0 auto;
}

.PackCardFrame-module__FGMfxq__body {
  align-items: center;
  gap: var(--space-2);
  padding: calc(var(--pack-band-height)  + var(--space-3)) var(--space-3) var(--space-3);
  text-align: center;
  flex-direction: column;
  flex: auto;
  display: flex;
}

@media (min-width: 640px) {
  .PackCardFrame-module__FGMfxq__body {
    padding-inline: var(--space-4);
  }
}

.PackCardFrame-module__FGMfxq__title {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  font-weight: 700;
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  color: var(--color-text);
  display: flex;
}

@media (min-width: 640px) {
  .PackCardFrame-module__FGMfxq__title {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl-lh);
  }
}

.PackCardFrame-module__FGMfxq__detail {
  margin-top: calc(-1 * var(--space-2));
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  color: var(--color-text-muted);
}

.PackCardFrame-module__FGMfxq__art {
  object-fit: contain;
  width: 6rem;
  height: 6rem;
  margin-top: auto;
}

@media (min-width: 640px) {
  .PackCardFrame-module__FGMfxq__art {
    width: 7.5rem;
    height: 7.5rem;
  }
}

.PackCardFrame-module__FGMfxq__footer {
  padding: 0 var(--space-3) var(--space-3);
}

@media (min-width: 640px) {
  .PackCardFrame-module__FGMfxq__footer {
    padding: 0 var(--space-4) var(--space-4);
  }
}

.PackCardFrame-module__FGMfxq__error {
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  text-align: center;
  color: var(--color-text-danger);
}

.PackCardFrame-module__FGMfxq__error:not(:empty) {
  margin-top: var(--space-2);
}

/* [project]/src/features/catalog/components/CosmeticPackCard.module.css [app-client] (css) */
.CosmeticPackCard-module__eXYHIG__name {
  font-size: var(--text-base);
  line-height: var(--text-base-lh);
}

@media (min-width: 640px) {
  .CosmeticPackCard-module__eXYHIG__name {
    font-size: var(--text-lg);
    line-height: var(--text-lg-lh);
  }
}

.CosmeticPackCard-module__eXYHIG__exclusive {
  --badge-bg: color-mix(in srgb, var(--color-accent-cosmetic) 14%, var(--color-surface));
  --badge-fg: var(--color-accent-gems);
}

/* [project]/src/features/catalog/components/GemPackCard.module.css [app-client] (css) */
.GemPackCard-module__ZrKBcG__amount {
  align-items: center;
  gap: var(--space-1);
  color: var(--color-accent-gems);
  display: inline-flex;
}

.GemPackCard-module__ZrKBcG__icon {
  width: auto;
  height: var(--space-5);
}

@media (min-width: 640px) {
  .GemPackCard-module__ZrKBcG__icon {
    height: var(--space-6);
  }
}

.GemPackCard-module__ZrKBcG__bonus {
  --badge-bg: color-mix(in srgb, var(--color-accent-hearts-solid) 12%, var(--color-surface));
  --badge-fg: var(--color-accent-hearts-deep);
}

/* [project]/src/features/catalog/components/RoyalPointsBadge.module.css [app-client] (css) */
.RoyalPointsBadge-module__3AbX_a__badge {
  --badge-bg: var(--color-accent-hearts-solid);
  border-radius: var(--radius-md);
}

.RoyalPointsBadge-module__3AbX_a__badge[data-variant="soft"] {
  --badge-bg: color-mix(in srgb, var(--color-accent-hearts-solid) 12%, var(--color-surface));
  --badge-fg: var(--color-accent-hearts-deep);
}

/* [project]/src/features/catalog/components/HeartsPackCard.module.css [app-client] (css) */
.HeartsPackCard-module__N0ylZq__icon {
  width: var(--space-5);
  height: var(--space-5);
}

@media (min-width: 640px) {
  .HeartsPackCard-module__N0ylZq__icon {
    width: var(--space-6);
    height: var(--space-6);
  }
}

/* [project]/src/features/store/components/SectionRibbon.module.css [app-client] (css) */
.SectionRibbon-module__8Snhoa__ribbon {
  position: relative;
}

.SectionRibbon-module__8Snhoa__ribbon[data-art] {
  padding-top: var(--space-8);
}

@media (min-width: 640px) {
  .SectionRibbon-module__8Snhoa__ribbon[data-art] {
    padding-top: var(--space-12);
  }
}

.SectionRibbon-module__8Snhoa__bar {
  height: var(--space-16);
  position: relative;
}

@media (min-width: 640px) {
  .SectionRibbon-module__8Snhoa__bar {
    height: 5rem;
  }
}

.SectionRibbon-module__8Snhoa__bar:before, .SectionRibbon-module__8Snhoa__bar:after {
  content: "";
  position: absolute;
  inset: 0;
}

.SectionRibbon-module__8Snhoa__bar:before {
  background: var(--section-ribbon-bar, var(--color-surface-muted));
}

.SectionRibbon-module__8Snhoa__bar:after {
  opacity: .2;
  background: var(--section-ribbon-sheen, none);
}

.SectionRibbon-module__8Snhoa__ribbon[data-edge="slanted"] .SectionRibbon-module__8Snhoa__bar:before, .SectionRibbon-module__8Snhoa__ribbon[data-edge="slanted"] .SectionRibbon-module__8Snhoa__bar:after {
  clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%);
}

.SectionRibbon-module__8Snhoa__trim {
  background-color: var(--section-ribbon-trim, var(--color-border-strong));
  height: .8125rem;
  margin-top: 2px;
}

.SectionRibbon-module__8Snhoa__art {
  bottom: var(--space-6);
  z-index: 1;
  width: calc(var(--art-width) * .6);
  object-fit: contain;
  height: auto;
  position: absolute;
}

.SectionRibbon-module__8Snhoa__art[data-side="start"] {
  left: var(--space-8);
}

.SectionRibbon-module__8Snhoa__art[data-side="end"] {
  right: var(--space-8);
}

@media (min-width: 640px) {
  .SectionRibbon-module__8Snhoa__art {
    width: calc(var(--art-width) * .9);
  }
}

.SectionRibbon-module__8Snhoa__plaque {
  z-index: 2;
  aspect-ratio: 271 / 100;
  background: var(--section-ribbon-plaque, none) center / contain no-repeat;
  filter: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);
  width: 12.5rem;
  color: var(--color-text-inverse);
  font-weight: 700;
  font-size: var(--text-base);
  line-height: var(--text-base-lh);
  text-shadow: 0 1px 6px #000000b3;
  justify-content: center;
  align-items: center;
  margin: -1.75rem auto 0;
  display: flex;
  position: relative;
}

@media (min-width: 640px) {
  .SectionRibbon-module__8Snhoa__plaque {
    width: 17rem;
    font-size: var(--text-xl);
    line-height: var(--text-xl-lh);
  }
}

/* [project]/src/features/store/components/CatalogSection.module.css [app-client] (css) */
.CatalogSection-module__5Ho_vW__section {
  grid-template-columns: subgrid;
  align-content: start;
  row-gap: var(--space-6);
  display: grid;
}

.CatalogSection-module__5Ho_vW__section > * {
  grid-column: content;
}

.CatalogSection-module__5Ho_vW__section > .CatalogSection-module__5Ho_vW__bleed {
  grid-column: full;
}

.CatalogSection-module__5Ho_vW__title {
  font-weight: 700;
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  color: var(--color-text);
}

.CatalogSection-module__5Ho_vW__grid {
  --pack-grid-columns: 2;
  --pack-grid-gap: var(--space-3);
  justify-content: center;
  gap: var(--pack-grid-gap);
  flex-wrap: wrap;
  display: flex;
}

@media (min-width: 640px) {
  .CatalogSection-module__5Ho_vW__grid {
    --pack-grid-columns: 3;
    --pack-grid-gap: var(--space-4);
  }
}

@media (min-width: 1024px) {
  .CatalogSection-module__5Ho_vW__grid {
    --pack-grid-columns: 4;
    --pack-grid-gap: var(--space-6);
  }
}

.CatalogSection-module__5Ho_vW__item {
  flex: 0 0 calc((100% - (var(--pack-grid-columns)  - 1) * var(--pack-grid-gap)) / var(--pack-grid-columns));
  min-width: 0;
  display: flex;
}

.CatalogSection-module__5Ho_vW__item[data-returned] > * {
  outline: 3px solid var(--color-accent-selection);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .CatalogSection-module__5Ho_vW__item[data-returned] > * {
    animation: CatalogSection-module__5Ho_vW__pack-returned .8s var(--ease-standard) 3 both;
  }
}

@keyframes CatalogSection-module__5Ho_vW__pack-returned {
  0%, 100% {
    outline-offset: 3px;
  }

  50% {
    outline-offset: 7px;
  }
}

/* [project]/src/features/store/components/StoreBanner.module.css [app-client] (css) */
.StoreBanner-module__PA66eW__banner {
  aspect-ratio: var(--store-banner-ratio, 4 / 1);
  border-radius: var(--radius-lg);
  background-color: var(--store-banner-bg);
  position: relative;
  overflow: hidden;
}

.StoreBanner-module__PA66eW__banner[data-span="full"] {
  border-radius: 0;
}

@media (min-width: 1024px) {
  .StoreBanner-module__PA66eW__banner {
    aspect-ratio: var(--store-banner-ratio-wide, var(--store-banner-ratio, 6 / 1));
  }
}

.StoreBanner-module__PA66eW__image {
  object-fit: var(--store-banner-fit, cover);
}

.StoreBanner-module__PA66eW__overlay {
  inset: 10% var(--space-4);
  position: absolute;
}

.StoreBanner-module__PA66eW__overlayImage {
  object-fit: contain;
}

/* [project]/src/features/store/components/StorePage.module.css [app-client] (css) */
.StorePage-module__om4F6G__page {
  --page-gutter: var(--space-4);
  --page-gap: var(--space-6);
  grid-template-columns: [full-start] minmax(var(--page-gutter), 1fr) [content-start] minmax(0, var(--container-max)) [content-end] minmax(var(--page-gutter), 1fr) [full-end];
  align-content: start;
  row-gap: var(--page-gap);
  min-height: 100vh;
  padding-top: calc(var(--header-height)  + var(--space-8));
  padding-bottom: var(--space-12);
  background-color: var(--color-page-bg);
  display: grid;
}

@media (min-width: 640px) {
  .StorePage-module__om4F6G__page {
    --page-gap: var(--space-8);
  }
}

.StorePage-module__om4F6G__page > * {
  grid-column: content;
}

.StorePage-module__om4F6G__page > [data-span="full"] {
  grid-column: full;
}

.StorePage-module__om4F6G__page > [data-span="full"] + [data-ribbon] {
  margin-top: calc(-1 * var(--page-gap));
}

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