@import "system-font-css";
@import "normalize.css";

/*! defaults.css v1.0.0 | MIT License */

/*
 * 1. Use box-sizing: border-box by default
 * 2. Set default font to system-ui
 * 3. On macOS use use font-smoothing by default
 */

html {
  box-sizing: border-box; /* 1 */
  font-family: system-ui, sans-serif; /* 2 */
  -webkit-font-smoothing: antialiased; /* 3 */
  -moz-osx-font-smoothing: grayscale; /* 3 */
}

*,
::before,
::after {
  box-sizing: inherit; /* 1 */
}

/*
 * Remove default margin and padding
 */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd,
hr,
pre,
menu,
figure,
blockquote,
form,
fieldset,
legend,
button,
input,
optgroup,
select,
textarea,
summary {
  margin: 0;
  padding: 0;
}

/*
 * Simplify <hr> style to single border
 */

hr {
  border: none;
  border-bottom: 1px solid;
}

/*
 * Reset links decorations
 */

:link,
:visited {
  color: inherit;
  text-decoration: none;
}

/*
 * Collapse borders in tables by default
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * Set table cell alignment to left and remove padding
 */

td,
th {
  padding: 0;
  text-align: left;
}

/*
 * Change the fill color to match the text color in all browsers.
 */

svg {
  fill: currentColor;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Add max-width to inline-blocks
 */

audio,
canvas,
img,
svg,
video,
input,
select,
textarea {
  max-width: 100%;
}

/*
 * Remove default border in iframe and fieldset
 */

iframe,
fieldset {
  border: none;
}

/*
 * Inherit styling in all browsers.
 */

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*
 * Resize textarea vertically
 */

textarea {
  resize: vertical;
}

/*
 * Remove red box-shadow in Firefox on invalid elements
 */

:invalid {
  box-shadow: none;
}

/*
 * Use monospace font passwords input
 */

input[type="password"] {
  font-family: monospace;
}

/*
 * Change the cursor on controls
 */

label,
button,
select,
input[type="button"],
input[type="reset"],
input[type="image"],
input[type="submit"],
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements.
 */

[disabled],
[aria-disabled] {
  cursor: default;
}

/*
 * 1. Remove the tapping delay on clickable elements.
 * 2. Remove active state outline, but do not remove focused outline
 * http://www.outlinenone.com
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 1 */
  outline: 0; /* 2 */
}

:focus {
  outline: 1px solid; /* 2 */
  outline-offset: 0.15em;
}