.formattedPrice {
  .formattedPriceLabel {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #333;
  }

  .formattedPriceContainer {
    display: flex;
    position: relative;
  }

  .formattedPriceCurrencySymbol {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(calc(-50%));
    color: var(--theme-elevation-500);
    user-select: none;
    pointer-events: none;
  }

  .formattedPriceInput {
    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
    min-width: 2rem;
    width: fit-content;
    max-width: 10rem;
  }

  .formattedPriceDescription {
    max-width: 46rem;
  }
}

@layer payload-default {
  .variantOptionsSelector {
    margin-top: calc(var(--spacing-field) * 2);
    margin-bottom: calc(var(--spacing-field) * 2);
  }

  .variantOptionsSelectorHeading {
    font-size: calc(var(--base) * 1);
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: calc(var(--base) * 0.5);
  }

  .variantOptionsSelectorItem {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .variantOptionsSelectorList {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base) * 0.75);
  }

  .variantOptionsSelectorError {
    position: relative;
  }

  .variantOptionsSelectorErrorWrapper {
    &.showError {
      border-radius: 2px;
      outline: 1px solid var(--theme-error-400);
      outline-offset: 2px;
    }
  }
}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
@layer payload-default{}@layer payload-default{}.dashboard .before-dashboard{margin-bottom:30px}.dashboard .before-dashboard__banner h4{margin:0}.dashboard .before-dashboard__instructions{list-style:decimal;margin-bottom:10px}.dashboard .before-dashboard__instructions li{width:100%}.dashboard .before-dashboard a:hover{opacity:.85}