/* [project]/packages/matchbox.marriagepact.com/src/styles/global.scss.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

:where(:not(:-webkit-any(progress, meter))) {
  background-repeat: no-repeat;
  background-origin: border-box;
  border-style: solid;
  border-width: 0;
}

:where(:not(:is(progress, meter))) {
  background-repeat: no-repeat;
  background-origin: border-box;
  border-style: solid;
  border-width: 0;
}

:root {
  height: 100%;
}

body {
  min-height: 100%;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, video, audio) {
  width: auto;
  max-width: 100%;
}

:where(svg):where(:not([width])) {
  width: 5rem;
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  box-shadow: none;
  outline: none;
}

:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  box-shadow: none;
  outline: none;
}

:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  box-shadow: none;
  outline: none;
}

:where(input[type="file"])::file-selector-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  box-shadow: none;
  outline: none;
}

:where(textarea) {
  resize: vertical;
}

:where(a[href], button, select, input[type="button"], input[type="submit"], input[type="reset"]) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type="file"])::-webkit-file-upload-button {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type="file"])::-webkit-file-upload-button {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type="file"])::file-selector-button {
  cursor: pointer;
  touch-action: manipulation;
}

:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]) {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(input[type="file"])::-webkit-file-upload-button {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(input[type="file"])::-webkit-file-upload-button {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(input[type="file"])::file-selector-button {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}

:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
  cursor: not-allowed;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px var(--background-color, #fff) inset !important;
  background-color: var(--background-color, #fff) !important;
  color: var(--text-color, #000) !important;
  -webkit-text-fill-color: var(--text-color, #000) !important;
  caret-color: var(--caret-color, #000) !important;
  background-clip: content-box !important;
}

input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 60px var(--background-color, #fff) inset !important;
  background-color: var(--background-color, #fff) !important;
  color: var(--text-color, #000) !important;
  -webkit-text-fill-color: var(--text-color, #000) !important;
  caret-color: var(--caret-color, #000) !important;
  background-clip: content-box !important;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 60px var(--background-color, #fff) inset !important;
  background-color: var(--background-color, #fff) !important;
  color: var(--text-color, #000) !important;
  -webkit-text-fill-color: var(--text-color, #000) !important;
  caret-color: var(--caret-color, #000) !important;
  background-clip: content-box !important;
}

input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 60px var(--background-color, #fff) inset !important;
  background-color: var(--background-color, #fff) !important;
  color: var(--text-color, #000) !important;
  -webkit-text-fill-color: var(--text-color, #000) !important;
  caret-color: var(--caret-color, #000) !important;
  background-clip: content-box !important;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

dialog {
  margin: auto;
}

:root {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  font-synthesis: none;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-size: clamp(16px, .4vw + .4vh + .2vmin + 10px, 24px);
  line-height: 1.2;
  text-decoration-thickness: from-font;
}

::backdrop {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  font-synthesis: none;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-size: clamp(16px, .4vw + .4vh + .2vmin + 10px, 24px);
  line-height: 1.2;
  text-decoration-thickness: from-font;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:root {
  --color-red: #ff003d;
  --color-orange: #ff5c00;
  --color-yellow: #ffe500;
  --color-green: #64f873;
  --color-aqua: #00e0ff;
  --color-blue: #0038ff;
  --color-purple: #ad00ff;
  --color-black: #000;
  --color-white: #fff;
  --color-red-faded: #ffd9e2;
  --color-orange-faded: #ffe2d1;
  --color-yellow-faded: #fff8ba;
  --color-green-faded: #d5fdd9;
  --color-aqua-faded: #baf7ff;
  --color-blue-faded: #d9e1ff;
  --color-purple-faded: #f3d9ff;
  --color-black-faded: #e0e0e0;
  --color-white-faded: #fff;
  --color-text-on-red: #fff;
  --color-text-on-orange: #fff;
  --color-text-on-yellow: #000;
  --color-text-on-green: #000;
  --color-text-on-aqua: #000;
  --color-text-on-blue: #fff;
  --color-text-on-purple: #fff;
  --color-text-on-black: #fff;
  --color-text-on-white: #000;
}

::backdrop {
  --color-red: #ff003d;
  --color-orange: #ff5c00;
  --color-yellow: #ffe500;
  --color-green: #64f873;
  --color-aqua: #00e0ff;
  --color-blue: #0038ff;
  --color-purple: #ad00ff;
  --color-black: #000;
  --color-white: #fff;
  --color-red-faded: #ffd9e2;
  --color-orange-faded: #ffe2d1;
  --color-yellow-faded: #fff8ba;
  --color-green-faded: #d5fdd9;
  --color-aqua-faded: #baf7ff;
  --color-blue-faded: #d9e1ff;
  --color-purple-faded: #f3d9ff;
  --color-black-faded: #e0e0e0;
  --color-white-faded: #fff;
  --color-text-on-red: #fff;
  --color-text-on-orange: #fff;
  --color-text-on-yellow: #000;
  --color-text-on-green: #000;
  --color-text-on-aqua: #000;
  --color-text-on-blue: #fff;
  --color-text-on-purple: #fff;
  --color-text-on-black: #fff;
  --color-text-on-white: #000;
}

@font-face {
  font-family: HK Grotesk;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.marriagepact.com/fonts/HKGrotesk-Medium.woff2") format("woff2");
}

@font-face {
  font-family: HK Grotesk;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://assets.marriagepact.com/fonts/HKGrotesk-Italic.woff2") format("woff2");
}

@font-face {
  font-family: HK Grotesk;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.marriagepact.com/fonts/HKGrotesk-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: HK Grotesk;
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("https://assets.marriagepact.com/fonts/HKGrotesk-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: Sharp Grotesk;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://assets.marriagepact.com/fonts/SharpGroteskBold13.woff2") format("woff2");
}

@font-face {
  font-family: Berkeley Mono;
  font-style: normal;
  font-weight: 100 900;
  src: url("https://assets.marriagepact.com/fonts/TX-02-Variable.woff2") format("woff2-variations");
}

@font-face {
  font-family: Berkeley Mono;
  font-style: italic;
  font-weight: 100 900;
  src: url("https://assets.marriagepact.com/fonts/TX-02-Variable.woff2") format("woff2-variations");
  font-variation-settings: "slnt" -16;
}

:where(:root) {
  --body-family: -apple-system, BlinkMacSystemFont, "SF Pro", ".AppleSystemUIFont", "InterVariable", sans-serif;
  --heading-family: var(--body-family);
  --heading-size-base: 1rem;
  --r-background: 0;
  --g-background: 0;
  --b-background: 0;
  --r-foreground: 255;
  --g-foreground: 255;
  --b-foreground: 255;
  --r-primary: var(--r-foreground);
  --g-primary: var(--g-foreground);
  --b-primary: var(--b-foreground);
  --r-accent: 255;
  --g-accent: 255;
  --b-accent: 255;
  --r-text-on-accent: 0;
  --g-text-on-accent: 0;
  --b-text-on-accent: 0;
}

:root {
  --input-border-radius: .8rem;
  --rounded-input-outset: calc(var(--input-border-radius) * -.33);
  --heading-size-1: max(1rem, var(--heading-size-base) * 2.37037);
  --heading-size-2: max(1rem, var(--heading-size-base) * 1.77778);
  --heading-size-3: max(1rem, var(--heading-size-base) * 1.33333);
  --heading-size-4: max(1rem, var(--heading-size-base) * 1);
  --rgb-background: var(--r-background) var(--g-background) var(--b-background);
  --rgb-foreground: var(--r-foreground) var(--g-foreground) var(--b-foreground);
  --rgb-primary: var(--r-primary) var(--g-primary) var(--b-primary);
  --color-primary: rgb(var(--rgb-primary) / 1);
  --rgb-accent: var(--r-accent) var(--g-accent) var(--b-accent);
  --color-accent: rgb(var(--rgb-accent) / 1);
  --rgb-text-on-accent: var(--r-text-on-accent) var(--g-text-on-accent) var(--b-text-on-accent);
  --color-text-on-accent: rgb(var(--rgb-text-on-accent) / 1);
  --color-background: rgb(var(--rgb-background) / 1);
  --color-foreground: rgb(var(--rgb-foreground) / var(--alpha-foreground, .95));
  --color-foreground-bright: rgb(var(--rgb-foreground) / 1);
  --color-text-primary: rgb(var(--rgb-foreground) / calc(1 * var(--alpha-foreground, .95)));
  --color-text-secondary: rgb(var(--rgb-foreground) / calc(.8 * var(--alpha-foreground, .95)));
  --color-text-hint: rgb(var(--rgb-foreground) / calc(.5 * var(--alpha-foreground, .95)));
  --color-text-whisper: rgb(var(--rgb-foreground) / calc(.3 * var(--alpha-foreground, .95)));
  --color-border: rgb(var(--rgb-foreground) / calc(.2 * var(--alpha-foreground, .95)));
  --color-border-active: rgb(var(--rgb-foreground) / calc(.35 * var(--alpha-foreground, .95)));
  --color-scheme: dark;
}

::backdrop {
  --input-border-radius: .8rem;
  --rounded-input-outset: calc(var(--input-border-radius) * -.33);
  --heading-size-1: max(1rem, var(--heading-size-base) * 2.37037);
  --heading-size-2: max(1rem, var(--heading-size-base) * 1.77778);
  --heading-size-3: max(1rem, var(--heading-size-base) * 1.33333);
  --heading-size-4: max(1rem, var(--heading-size-base) * 1);
  --rgb-background: var(--r-background) var(--g-background) var(--b-background);
  --rgb-foreground: var(--r-foreground) var(--g-foreground) var(--b-foreground);
  --rgb-primary: var(--r-primary) var(--g-primary) var(--b-primary);
  --color-primary: rgb(var(--rgb-primary) / 1);
  --rgb-accent: var(--r-accent) var(--g-accent) var(--b-accent);
  --color-accent: rgb(var(--rgb-accent) / 1);
  --rgb-text-on-accent: var(--r-text-on-accent) var(--g-text-on-accent) var(--b-text-on-accent);
  --color-text-on-accent: rgb(var(--rgb-text-on-accent) / 1);
  --color-background: rgb(var(--rgb-background) / 1);
  --color-foreground: rgb(var(--rgb-foreground) / var(--alpha-foreground, .95));
  --color-foreground-bright: rgb(var(--rgb-foreground) / 1);
  --color-text-primary: rgb(var(--rgb-foreground) / calc(1 * var(--alpha-foreground, .95)));
  --color-text-secondary: rgb(var(--rgb-foreground) / calc(.8 * var(--alpha-foreground, .95)));
  --color-text-hint: rgb(var(--rgb-foreground) / calc(.5 * var(--alpha-foreground, .95)));
  --color-text-whisper: rgb(var(--rgb-foreground) / calc(.3 * var(--alpha-foreground, .95)));
  --color-border: rgb(var(--rgb-foreground) / calc(.2 * var(--alpha-foreground, .95)));
  --color-border-active: rgb(var(--rgb-foreground) / calc(.35 * var(--alpha-foreground, .95)));
  --color-scheme: dark;
}

body {
  background: var(--color-background);
  color: var(--color-text-secondary);
  color-scheme: var(--color-scheme);
}

:root {
  font-family: var(--body-family);
  --max-container-width: 1280px;
  color-scheme: var(--color-scheme);
  scroll-padding-top: .5rem;
  font-weight: 440;
  line-height: 1.35;
}

strong {
  font-weight: 750;
}

html {
  height: 100%;
}

body {
  flex-direction: column;
  justify-content: stretch;
  min-height: 100%;
  display: flex;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: var(--color-text-primary);
  font-weight: 620;
  line-height: 1.2;
  font-family: var(--heading-family);
  display: block;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong {
  font-weight: 750;
}

h1, .h1 {
  font-size: var(--heading-size-1);
  margin-bottom: .25em;
}

h2, .h2 {
  font-size: var(--heading-size-2);
  margin-bottom: .5em;
}

h3, .h3 {
  font-size: var(--heading-size-3);
  margin-bottom: .5em;
  line-height: 1.2;
}

h4, .h4 {
  font-size: var(--heading-size-4);
  margin-bottom: .5em;
  line-height: 1.2;
}

:-webkit-any(p, ol, ul, blockquote) + :-webkit-any(p, ol, ul, blockquote) {
  margin-top: 1em;
}

:is(p, ol, ul, blockquote) + :is(p, ol, ul, blockquote) {
  margin-top: 1em;
}

li + li {
  margin-top: .5em;
}

a {
  color: inherit;
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0") format("woff2");
}

@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0") format("woff2");
}

/*# sourceMappingURL=packages_matchbox_marriagepact_com_src_styles_global_scss_0aa274db.css.map*/