.StripeElement {
  padding: 18px var(--spacing-4x);
  border: 1px solid var(--payment-card-border-color);
  border-radius: var(--spacing-1x);
}

@media only screen and (max-width: 1439px) {
  .StripeElement {
    padding: var(--spacing-3x) var(--spacing-4x);
  }
}

* {
  --color-black: #000000;
  --color-orange: #ff9400;
  --color-white: #ffffff;
  --color-stroke-dark: #ccd9ee;
  --color-error: #c53929;
  --color-pink: #ec407a;
  --color-highlights-success: #36b37e;
  --color-black-squeeze: #f0f5f9;
  --color-mirage: #1c2a3a;
  --color-firefly: #0d1829;
  --color-yellow-sea: #ffaa02;
  --color-lynch: #61758a;
  --color-black-pearl: #030913;
  --color-pickled-bluewood: #304254;
  --color-tangerine: #e79900;
  --color-bunker: #0e151d;
  --color-botticelli: #c2d0e0;
  --color-early-dawn: #fff7e6;
  --color-bali-hai: #91a4b7;
  --color-fiord: #445668;
  --color-geyser: #cad5e0;

  --color-grey: #7e7e7e;
  --color-light-grey: #dddee5;
  --color-background-grey: #eff2f6;
  --color-background-grey-app: #e5e5e5;
  --color-separator-grey: rgba(115, 143, 179, 0.2);

  --color-blue: #395185;
  --color-dark-blue: #30466e;
  --color-link-light: #4285f4;
  --color-link-dark: #274f92;
  --color-soft-blue: #f4f7fc;
  --color-background-blue: #e7ebf3;

  --color-secondary-500: #304ffe;

  --project-card-sticker-color: #36b37e;

  --color-error: #de350b;
  --color-success: #36b37e;

  --color-link-water: #e8eef8;
  --color-catskill-white: #edf1f7;
  --color-catskill-white-2: #e1e8f0;
  --color-slate-gray: #788294;
  --color-mystic: #dfe5ec;

  --payment-card-border-color: rgba(115, 143, 179, 0.4);
  --paper-input-border-color: #bdbdbd;
  --paper-input-active-color: #29b6f6;

  --theme-font-family: Roboto;
  --theme-font-family-secondary: "Inter", sans-serif;

  --font-xxs: 0.5rem;
  --font-xs: 0.625rem;
  --font-s: 0.75rem;
  --font-md: 0.875rem;
  --font-main: 1rem;
  --font-lg: 1.125rem;
  --font-xlg: 1.25rem;
  --font-xxlg: 1.5rem;
  --font-xxxlg: 1.875rem;

  /* Spacing */
  --spacing-1x: 4px;
  --spacing-2x: 8px;
  --spacing-3x: 12px;
  --spacing-4x: 16px;
  --spacing-5x: 20px;
  --spacing-6x: 24px;
  --spacing-7x: 28px;
  --spacing-8x: 32px;
  --spacing-9x: 36px;
  --spacing-10x: 40px;
  --spacing-n10x: -40px;
  --spacing-11x: 44px;
  --spacing-12x: 48px;
  --spacing-13x: 52px;
  --spacing-14x: 56px;
  --spacing-15x: 60px;
  --spacing-15x: 3.75rem;
  --spacing-16x: 4rem;
  --spacing-18x: 5rem;
  --spacing-22x: 5.75rem;
  --spacing-26x: 6.5rem;
  --spacing-29x: 7.25rem;
  --spacing-33x: 8.25rem;
  --spacing-50x: 12.5rem;
  --spacing-60x: 15rem;

  /* Font weight */
  --fontWeight-thin: 300;
  --fontWeight-normal: 400;
  --fontWeight-semibold: 500;
  --fontWeight-bold: 600;
  --fontWeight-black: 700;
  --fontWeight-dark: 800;
  --fontWeight-extrablack: 900;

  /* Letter spacing */
  --letter-spacing-light-1: -1.5px;
  --letter-spacing-light-2: -0.5px;
  --letter-spacing-regular: 0;
  --letter-spacing-medium: 0.25px;
  --letter-spacing-subtitle-1: 0.15px;
  --letter-spacing-subtitle-2: 0.1px;
  --letter-spacing-button: 0.75px;
  --letter-spacing-caption: 0.4px;
  --letter-spacing-overline: 1.5px;

  /* Grey color */
  --color-grey-50: #fafafa;
  --color-grey-100: #f5f5f5;
  --color-grey-200: #eeeeee;
  --color-grey-300: #e0e0e0;
  --color-grey-400: #bdbdbd;
  --color-grey-500: #9e9e9e;
  --color-grey-600: #757575;
  --color-grey-700: #616161;
  --color-grey-800: #424242;
  --color-grey-900: #212121;

  --dimension-210: 210px;
  --dimension-300: 300px;
  --dimension-350: 350px;
  --dimension-400: 400px;
  --dimension-500: 500px;
  --dimension-628: 628px;
  --dimension-822: 822px;

  --lineheight-normal: 1.1875rem;
  --lineheight-13: 0.8125rem;
  --lineheight-14: 0.875rem;
  --lineheight-16: 1rem;
  --lineheight-20: 1.25rem;
  --lineheight-24: 1.5rem;
  --lineheight-26: 1.625rem;
  --lineheight-28: 1.75rem;
  --lineheight-33: 2.0625rem;
  --lineheight-37: 2.3125rem;
  --lineheight-40: 2.5rem;

  --card-box-border: 1px solid rgba(115, 143, 179, 0.2);
  --card-box-shadow: 0px 2px 1px rgba(115, 143, 179, 0.2),
    0px 1px 1px rgba(115, 143, 179, 0.14), 0px 1px 3px rgba(115, 143, 179, 0.12);
  --boxShadow-2dp: 0px 1px 5px rgba(0, 0, 0, 0.12),
    0px 3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14);

  --scrollbar-size: 8px;
  --navbar-height: 66px;
}