/* This is imported by both the main dashboard app, and the embedded checkout widget. */

@font-face {
  font-display: swap;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Graphik-Regular.507dac04.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/Graphik-Medium.f4142c3b.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Inter-Regular.4dd66a11.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/Inter-SemiBold.dd8a55ef.woff2) format('woff2');
}

html,
body {
  margin: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  height: 100%;
}

#root,
#root > div {
  height: inherit;
  min-height: 100%;
  position: relative;
}

* {
  box-sizing: border-box;
  font-family: 'Inter', 'Graphik', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

div:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
header,
footer,
article,
section,
figure {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

/* Hides input spin buttons for input with prop type="number" */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
  -moz-appearance: textfield; /* Firefox */
}


/*# sourceMappingURL=../js/hosted.162310e6.js.map*/