/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
.ga-input--quantity-selector {
  width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 40);
  padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  &:has(input:disabled):has(input:not(:placeholder-shown)) {
    .ga-input__quantity-separator {
      background-color: var(--ga-color-text-on-action);
    }
    .ga-input__quantity-button {
      color: var(--ga-color-text-on-action);
    }
  }
  input {
    min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    flex: 1;
    background-color: transparent;
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    --tw-outline-style: none;
    outline-style: none;
    appearance: textfield;
    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  }
  .ga-input__quantity-separator {
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    width: 1px;
    background-color: var(--ga-color-border-disabled);
  }
  .ga-input__quantity-button {
    display: flex;
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    &:hover:not(:disabled) {
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-action-hover-2);
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
      outline-color: var(--ga-color-border-action-hover);
    }
    &:focus-visible {
      border-radius: var(--ga-radius);
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-focus);
    }
    &:disabled {
      cursor: not-allowed;
      background-color: transparent;
      color: var(--ga-color-text-disabled);
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-outline-style: solid;
    }
  }
}