/* EuclidCircular, 300 */
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-Light.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-LightItalic.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* EuclidCircular, 400 */
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-Regular.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-RegularItalic.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* EuclidCircular, 500 */
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-Medium.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-MediumItalic.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* EuclidCircular, 600 */
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-Semibold.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-SemiboldItalic.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/* EuclidCircular, 700 */
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-Bold.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url('https://storage.googleapis.com/graph-website/fonts/EuclidCircular/EuclidCircularA-BoldItalic.woff2')
    format('woff2');
  font-family: 'EuclidCircular';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  interpolate-size: allow-keywords;
  position: relative; /* Make absolutely-positioned elements relative to their parent by default */
  margin: 0;
  min-width: 0; /* Prevent flex items from overflowing horizontally */
  min-height: 0; /* Prevent flex items from overflowing vertically */
  padding: 0;
  border-width: 0;
  border-style: solid; /* Allow Tailwind's border utilities to work as expected */
  border-color: currentColor; /* Should already be the default, but just in case */
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  background-position: center center; /* Default is `0% 0%` */
  background-repeat: no-repeat; /* Default is `repeat` */
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat; /* Default is `repeat` */
  transition-property: none; /* Default is `all`, which makes it easy to accidentally animate things that shouldn't be animated (e.g. `text-20 sm:text-24 duration-200`) */
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  /* Allow adding a focus ring to any element with a single `outline-focus` utility (+ `transition` to animate it in/out) */
  outline-width: 1px;
  outline-style: solid;
  outline-color: transparent;
  outline-offset: 1px;
}
*:where(:focus-visible) {
  outline-color: rgb(var(--gds-color-focus) / 1);
}
*::before,
*::after {
  --tw-content: ''; /* For Tailwind's `before` and `after` utilities */
}
:root {
  color-scheme: dark;
  background-color: rgb(var(--gds-color-space-1700) / 1);
  color: rgb(var(--gds-color-space-200) / 1);
  font-family: 'EuclidCircular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  text-align: start; /* Ensure `text-align: inherit` works properly in subsequent rules */
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none; /* Fix weird font issues on mobile */
  font-synthesis: none; /* Prevent accidental faux bold, italic, etc. */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-tab-size: 4;
     tab-size: 4; /* Default is 8 */
  scrollbar-color: rgb(var(--gds-color-white) / 35%) rgb(var(--gds-color-white) / 5%);
  scroll-behavior: smooth;
  --gds-header-height-mobile: 64px; /* Kept in sync with `HEADER_HEIGHT_MOBILE` */
  --gds-header-height-desktop: 80px; /* Kept in sync with `HEADER_HEIGHT_DESKTOP` */
  --gds-container-padding-mobile: 16px; /* Kept in sync with `CONTAINER_PADDING_MOBILE` */
  --gds-container-padding-desktop: 32px; /* Kept in sync with `CONTAINER_PADDING_DESKTOP` */
  --gds-header-height: var(--gds-header-height-mobile);
  --gds-container-padding: var(--gds-container-padding-mobile);
}
@media (min-width: 768px) {
:root {
    --gds-header-height: var(--gds-header-height-desktop);
    --gds-container-padding: var(--gds-container-padding-desktop);
}
  }
:root {
  scroll-padding: var(--gds-header-height);
}
/* Fix issue where focusing on items in the sticky header causes the page to scroll if they're within `scrollPadding` distance from the top */
:root:has(.gds-layout-header:focus-within) {
    scroll-padding: 0;
  }
:root {
  --gds-pointer-events: auto;
  --gds-previous-pointer-events: auto;
}
/* Remember the current `direction` when we need to temporarily override it (see `MarketingButton`) */
:root {
  --gds-direction: ltr;
}
[dir='ltr'] {
  --gds-direction: ltr;
}
[dir='rtl'] {
  --gds-direction: rtl;
}
/**
 * Legacy responsive font sizes, used by the `Text` component
 * TODO: Remove when `useThemeUI` is no longer used
 */
:root {
  --gds-legacy-font-size-96px: 6rem;
  --gds-legacy-font-size-64px: 4rem;
  --gds-legacy-font-size-48px: 3rem;
  --gds-legacy-font-size-40px: 2.5rem;
  --gds-legacy-font-size-32px: 2rem;
  --gds-legacy-font-size-24px: 1.5rem;
  --gds-legacy-font-size-20px: 1.25rem;
  --gds-legacy-font-size-18px: 1.125rem;
  --gds-legacy-font-size-16px: 1rem;
  --gds-legacy-font-size-14px: 0.875rem;
  --gds-legacy-font-size-12px: 0.75rem;
  --gds-legacy-font-size-10px: 0.625rem;
}
@media not all and (min-width: 768px) {
:root {
    --gds-legacy-font-size-96px: 4rem;
    --gds-legacy-font-size-64px: 3rem;
    --gds-legacy-font-size-48px: 2.5rem;
    --gds-legacy-font-size-40px: 2rem;
    --gds-legacy-font-size-32px: 1.5rem;
    --gds-legacy-font-size-24px: 1.375rem
}
  }
/* Test if style queries are supported in `useCSSPropsPolyfill()` */
:root {
  container-name: root;
  --gds-style-queries-test: testing;
}
@container root style(--gds-style-queries-test: testing) {
  body {
    --gds-style-queries-test: success;
  }
}
/**
 * Prevent horizontal scrolling when elements accidentally (or intentionally) overflow the page.
 * Note: This should not be applied to `:root` because for some reason, that breaks the ability
 * to lock the scroll by setting `overflow: hidden` just on `body`, which some libaries do.
 */
body {
  overflow-x: clip;
}
/* Make replaced elements, form controls, and other block-like elements `display: block` by default */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object,
button,
input,
select,
textarea,
label,
summary {
  display: block;
}
/**
 * Make replaced elements responsive by default
 * See https://github.com/jensimmons/cssremedy/blob/6590d9630bdd324469620636d85b7ea3753e9a7b/css/remedy.css#L119
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
  max-width: 100%;
}
img,
svg,
video,
canvas {
  height: auto;
  flex-shrink: 0;
}
audio:not([controls]) {
  display: none;
}
source {
  display: none;
}
picture {
  display: contents;
}
/* Work around Safari bug where `position: relative` breaks some SVGs */
svg * {
  position: static;
}
/* Make the inheritable text properties actually inherit on form controls */
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
}
/* Remove the default appearance of buttons */
button,
[role='button'],
input:where([type='button'], [type='reset'], [type='submit'], [type='file']),
input:where([type='file'])::-webkit-file-upload-button {
  -webkit-appearance: none;
          appearance: none;
}
* {
  /* Make buttons, checkboxes, and radio buttons look clickable by turning the cursor into a pointer */
}
*:is(:is(a[href], [role='link'], button, [role='button'], [role^='menuitem'], [role='option'], [role='tab']):is([data-gds-state-disabled=false], :not([data-gds-state-disabled]):where(:not(:disabled, [aria-disabled=true]):not([aria-readonly=true]))), :where(label:has(:is(input[type='checkbox'], input[type='radio']:not(:checked)):is([data-gds-state-disabled=false], :not([data-gds-state-disabled]):where(:not(:disabled, [aria-disabled=true]):not([aria-readonly=true])))))) {
  cursor: pointer;
}
* {
  /* Remove the text cursor of disabled links */
}
*:is(:is(a[href], [role='link'], button, [role='button'], [role^='menuitem'], [role='option'], [role='tab']):is([data-gds-state-disabled=true], :not([data-gds-state-disabled]):where(:is(:disabled, [aria-disabled=true]))), :where(label:has(:is(input[type='checkbox'], input[type='radio']:not(:checked)):is([data-gds-state-disabled=true], :not([data-gds-state-disabled]):where(:is(:disabled, [aria-disabled=true])))))) {
  cursor: default;
}
input,
textarea {
  /* Fix Safari's wrong cursor in readonly inputs and textareas */
}
input:is([data-gds-state-disabled=read-only], :not([data-gds-state-disabled]):where(:not(:disabled, [aria-disabled=true]):is([aria-readonly=true]))),
textarea:is([data-gds-state-disabled=read-only], :not([data-gds-state-disabled]):where(:not(:disabled, [aria-disabled=true]):is([aria-readonly=true]))) {
  cursor: text;
}
input,
textarea {
  /* Set our own default placeholder color */
}
input::placeholder,
textarea::placeholder {
  color: rgb(var(--gds-color-placeholder) / 1);
}
/* Remove the default search input's clear button in Chrome and Safari */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}
/* Make textareas resizable vertically by default */
textarea {
  resize: vertical;
}
/* Use medium instead of bold by default */
b,
strong {
  font-weight: 500;
}
/* Remove the default link and list styles, so they're opt-in instead of opt-out */
a {
  color: inherit;
  text-decoration: none;
}
ol,
ul,
menu {
  list-style: none;
}
/* Remove the default (opinionated) text styles on headings and other elements */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
code,
kbd,
pre,
samp {
  font-family: inherit; /* Default is `monospace` */
}
th {
  font-weight: inherit; /* Default is `bold` */
}
small {
  font-size: inherit; /* Default is `smaller` */
}
address,
cite,
dfn,
var {
  font-style: inherit; /* Default is `italic` */
}
mark {
  color: inherit; /* Default is `black` */
}
abbr {
  text-decoration: none; /* Chrome and Firefox set `text-decoration: underline dotted` on `abbr[title]` by default */
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in all browsers
 * See https://github.com/sindresorhus/modern-normalize/blob/3faa07fc91b8ffbe6243bc4f91e880a00185d0a2/modern-normalize.css#L85
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Remove gaps between table borders by default */
table {
  border-collapse: collapse;
  border-spacing: 0; /* Default is `2px` (good to reset in case `border-collapse` is manually set to `separate`) */
}
/* Remove the default `text-align: center` on `th` and `caption`, unless the `align` attribute is used */
th:not([align]),
caption:not([align]) {
  text-align: inherit;
}
/* Make it hard to accidentally undo `display: none` when the `hidden` attribute is used */
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
/**
 * Fix an issue where Headless UI's and Base UI's portalled elements (e.g. menus) move around when the page
 * changes height (which can happen when the page's content changes based on a multi-select menu's selected
 * items), since their position is relative to the portal container which is rendered at the end of the DOM.
 * This is due to our slightly unusual but generally harmless `position: relative` reset.
 */
#headlessui-portal-root,
[data-headlessui-portal],
[data-floating-ui-portal] {
  position: static;
}
/* Flip some icons horizontally in right-to-left languages */
.gds-icon:where([data-name*='Left'], [data-name*='Right']):dir(rtl) {
  scale: -1 1;
}
/**
 * Register custom properties for different use cases:
 * - The `--gds-animatable-*` ones are so we can use them in a `transition` or `animation` and their values are
 *   properly interpolated.
 * - The `--gds-gradient-mask-*` ones (and the related `@keyframes`) are used by the `gradient-mask` utilities.
 */
@property --gds-animatable-number {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@property --gds-gradient-mask-left {
  syntax: '<color>';
  inherits: false;
  initial-value: black;
}
@property --gds-gradient-mask-right {
  syntax: '<color>';
  inherits: false;
  initial-value: black;
}
@property --gds-gradient-mask-top {
  syntax: '<color>';
  inherits: false;
  initial-value: black;
}
@property --gds-gradient-mask-bottom {
  syntax: '<color>';
  inherits: false;
  initial-value: black;
}
@keyframes gradient-mask-left {
  from {
    --gds-gradient-mask-left: black;
  }
  to {
    --gds-gradient-mask-left: transparent;
  }
}
@keyframes gradient-mask-right {
  from {
    --gds-gradient-mask-right: transparent;
  }
  to {
    --gds-gradient-mask-right: black;
  }
}
@keyframes gradient-mask-top {
  from {
    --gds-gradient-mask-top: black;
  }
  to {
    --gds-gradient-mask-top: transparent;
  }
}
@keyframes gradient-mask-bottom {
  from {
    --gds-gradient-mask-bottom: transparent;
  }
  to {
    --gds-gradient-mask-bottom: black;
  }
}

@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
