/* Reset + design tokens shared by every migrated page.
   Replaces the reset that sits at the top of base.css. */

:root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  --color-purple: #5d21ff;
  --color-orange: #ff5e20;
  --color-amber: #feb820;
  --color-cream: #fff4f0;
  --color-green: #10bd91;
  --color-mint: #f0fffb;
  --color-ink: #041b15;
  --color-grey: #e3e3e3;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
}

/* The page shell every page opens with: a full-height centred column. */
.page {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  position: relative;
  /* clip, not hidden: `hidden` makes this a scroll container, which changes what a
     `position: sticky` descendant sticks to. The integrations nav is sticky in its
     middle band and stops sticking under `hidden`. */
  overflow: clip;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
  margin: 0;
}

body,
input,
textarea,
select,
button {
  font-family: sans-serif;
  font-size: 12px;
}

/* Off-screen holder for the inline SVG sprite that <use href="#icon-..."> points at. */
.svg-sprite {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 0;
  overflow: hidden;
  contain: strict;
}