From 31d99f0dab63eee61b14abc3a6da8a3c860bd923 Mon Sep 17 00:00:00 2001
From: curben <2809763-curben@users.noreply.gitlab.com>
Date: Mon, 26 Aug 2019 00:28:20 +0930
Subject: [PATCH] style(css): specify combinations of sanitize.css

* rename back to typing.css
---
 themes/typing/source/css/_source.css | 1086 --------------------------
 themes/typing/source/css/typing.css  |  517 +-----------
 2 files changed, 5 insertions(+), 1598 deletions(-)
 delete mode 100644 themes/typing/source/css/_source.css

diff --git a/themes/typing/source/css/_source.css b/themes/typing/source/css/_source.css
deleted file mode 100644
index 8989685..0000000
--- a/themes/typing/source/css/_source.css
+++ /dev/null
@@ -1,1086 +0,0 @@
-@charset "utf-8";
-@import "sanitize/*"; /**/
-
-button,
-input,
-select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-}
-
-body,
-button,
-input,
-select,
-textarea {
-  font: normal 1em/1.8 sans-serif;
-}
-
-pre {
-  background: #f8f8f8;
-  border: 1px solid #ddd;
-  padding: 1em 1.5em;
-}
-
-hr {
-  border: none;
-  border-bottom: 1px solid #cfcfcf;
-  margin-bottom: 1em;
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-  width: 50%;
-  margin-left: 25%;
-}
-
-figcaption,
-small {
-  font-size: 0.9em;
-  color: #888;
-}
-
-dl,
-form,
-hr,
-ol,
-p,
-pre,
-table,
-ul,
-blockquote {
-  margin-bottom: 1em;
-}
-
-ul {
-  margin-left: 1.3em;
-  list-style: disc;
-}
-
-ol {
-  list-style: decimal;
-  margin-left: 1.9em;
-}
-
-li ol,
-li ul,
-ol,
-ul {
-  margin-bottom: 0.8em;
-  margin-left: 2em;
-}
-
-li ul,
-ul {
-  list-style: circle;
-}
-
-table caption,
-table td,
-table th,
-td,
-th {
-  border: 1px solid #ddd;
-  padding: 0.5em 1em;
-  color: #666;
-}
-
-table th,
-th {
-  background: #fbfbfb;
-}
-
-table thead th,
-thead th {
-  background: #f1f1f1;
-}
-
-em,
-caption,
-legend {
-  color: #000;
-  font-weight: inherit;
-}
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-}
-
-a {
-  color: #222;
-  transition: color 0.25s linear;
-  cursor: pointer;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-}
-
-h1 {
-  font-family: serif;
-  font-size: 1.5em;
-  margin: 0.5em 0;
-}
-
-h2 {
-  font-family: serif;
-  font-size: 1.3em;
-}
-
-h3 {
-  font-size: 1.1em;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-size: 0.9em;
-  background-color: #f3f5f6;
-}
-
-figure {
-  margin: 1em 40px;
-}
-
-.article .article-entry blockquote footer cite a:hover,
-.article .article-nav-link-wrap:hover {
-  color: #22c5e5;
-  border-bottom: 1px solid;
-  transition: color 0.1s linear;
-}
-
-/* Hide post's excerpt in article */
-.p-summary {
-  display: none;
-}
-
-.archive-container hr,
-.archive-footer hr,
-.article .article-footer hr,
-.article hr,
-.category-container hr,
-.home hr,
-.post-footer hr,
-.tag-container hr {
-  height: 1px;
-  border: 0;
-  background-image: -webkit-linear-gradient(
-    0deg,
-    transparent,
-    #d5d5d5,
-    transparent
-  );
-}
-
-.main-nav-link {
-  margin-right: 10px;
-  color: #cacdd0;
-  padding-bottom: 5px;
-  display: inline-block;
-  border: 0;
-}
-
-body,
-html {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  box-sizing: border-box;
-}
-
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  transition: 0.25s;
-}
-
-body {
-  font-family: sans-serif;
-  font-size: 1.2em;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: bold;
-  line-height: 1.35;
-  margin-top: 1em;
-  margin-bottom: 0.5em;
-}
-
-a,
-a:hover {
-  text-decoration: none;
-}
-
-em {
-  font-style: italic;
-  font-weight: lighter;
-}
-
-b,
-strong {
-  color: #000;
-  font-weight: 700;
-}
-
-blockquote {
-  color: #666;
-  border-left: 2px solid #666;
-  padding-left: 1em;
-  margin: 1em 3em 1em -1em;
-}
-
-.footer {
-  box-sizing: border-box;
-}
-
-.home-footer {
-  padding: 50px 0;
-}
-
-.archive-footer a,
-.archive-footer b,
-.archive-footer strong,
-.post-footer a,
-.post-footer b,
-.post-footer strong {
-  color: #cacdd0;;
-}
-
-.container {
-  width: 100%;
-}
-
-.copyright,
-.footer-content,
-.footer-links {
-  text-align: center;
-  font-size: 0.95em;
-  color: #cacdd0;
-  max-width: 80ch;
-  padding: 0 2ch;
-  margin: auto;
-}
-
-.copyright li,
-.footer-content li,
-.footer-links li {
-  display: inline-block;
-}
-
-.copyright a,
-.footer-content a,
-.footer-links a {
-  color: #cacdd0;
-}
-
-.copyright a:hover,
-.footer-content a:hover,
-.footer-links a:hover {
-  color: #fff;
-}
-
-.archive-footer,
-.post-footer {
-  color: #cacdd0;
-}
-
-.footer-content {
-  margin: 0 auto;
-  text-align: left;
-}
-
-.footer-links {
-  font-size: 0.9em;
-  padding: 0;
-}
-
-.footer-links a {
-  text-decoration: none;
-}
-
-.footer-links li {
-  margin-right: 1em;
-}
-
-.home-body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.home {
-  font-weight: lighter;
-  line-height: 1.4;
-  color: #505050;
-  text-align: center;
-  position: relative;
-}
-
-.home a {
-  border-bottom: 1px solid #eee;
-}
-
-.home .content {
-  width: 60%;
-  max-width: 500px;
-  position: relative;
-  margin: 0 auto;
-}
-
-.home h1,
-.home strong {
-  color: #222;
-}
-
-.home hr {
-  width: 80%;
-  max-width: 300px;
-  margin: 20px auto;
-}
-
-.home li {
-  list-style: none;
-}
-
-.home .profile {
-  width: 100%;
-}
-
-.home .profile h1 {
-  font-weight: 300;
-}
-
-/* https://jrl.ninja/etc/1/ */
-.archive-container,
-.category-container,
-.tag-container {
-  position: relative;
-  font-size: 1em;
-  max-width: 80ch;
-  padding: 2ch;
-  margin: auto;
-}
-
-.archive-container article,
-.category-container article,
-.tag-container article {
-  margin-bottom: 1em;
-  line-height: 1em;
-}
-
-.archive-container a,
-.archive-container a:hover,
-.category-container a,
-.category-container a:hover,
-.tag-container a,
-.tag-container a:hover {
-  border: 0;
-}
-
-.archive-container .header,
-.category-container .header,
-.tag-container .header,
-.article .header {
-  font-size: 1.1em;
-}
-
-.archive-container .archive-article-header > a,
-.archive-container .archive-article-header > h1,
-.category-container .archive-article-header > a,
-.category-container .archive-article-header > h1,
-.tag-container .archive-article-header > a,
-.tag-container .archive-article-header > h1 {
-  vertical-align: middle;
-}
-
-.archive-container .archive-article-header h1,
-.category-container .archive-article-header h1,
-.tag-container .archive-article-header h1 {
-  font-size: 1.2em;
-  margin: 0;
-}
-
-.archive-container hr,
-.category-container hr,
-.tag-container hr {
-  width: 100%;
-  margin-left: 0;
-  background-image: -webkit-linear-gradient(
-    0deg,
-    #d5d5d5,
-    #d5d5d5,
-    transparent
-  );
-}
-
-.archive-container .archive-article-date,
-.category-container .archive-article-date,
-.tag-container .archive-article-date {
-  font-size: 0.8em;
-  color: #cacdd0;
-}
-
-.archive-container .page-nav,
-.category-container .page-nav,
-.tag-container .page-nav {
-  text-align: center;
-  margin-top: 2em;
-  color: #cacdd0;;
-}
-
-.archive-container .page-nav a,
-.category-container .page-nav a,
-.tag-container .page-nav a {
-  color: #cacdd0;
-}
-
-.archive-container .extend,
-.archive-container .page-number,
-.category-container .extend,
-.category-container .page-number,
-.tag-container .extend,
-.tag-container .page-number {
-  margin-right: 1em;
-}
-
-.article {
-  max-width: 80ch;
-  padding: 2ch;
-  margin: auto;
-  position: relative;
-}
-
-.article .main-nav-link:hover {
-  border: 0;
-}
-
-.article hr {
-  width: 100%;
-  margin-left: 0;
-  background-image: -webkit-linear-gradient(
-    0deg,
-    #d5d5d5,
-    #d5d5d5,
-    transparent
-  );
-}
-
-.article .caption {
-  color: #cacdd0;
-  display: block;
-  font-size: 14px;
-  text-align: center;
-}
-
-.article .article-entry {
-  word-break: break-word;
-}
-
-.article .article-entry a {
-  border-bottom: 1px solid #1abc9c;
-}
-
-.article .article-entry a:hover {
-  border-bottom: none;
-}
-
-.article .article-entry img {
-  display: block;
-  margin: auto;
-  margin-bottom: 0.5em;
-  max-height: 30em;
-}
-
-.article .article-entry blockquote footer {
-  text-align: center;
-  font-size: 80%;
-  color: #cacdd0;
-}
-
-.article .article-entry blockquote footer cite {
-  font-style: italic;
-}
-
-.article .article-entry blockquote footer cite a {
-  color: #cacdd0;
-  border-bottom: 1px solid #eee;
-  transition: color 0.25s linear;
-}
-
-.article .article-entry blockquote footer cite:before {
-  content: "—";
-  padding: 0 0.5em;
-}
-
-.article .article-entry blockquote footer strong {
-  color: #cacdd0;
-  font-weight: 400;
-}
-
-.article .article-entry table caption,
-.article .article-entry table td,
-.article .article-entry table th,
-.article .article-entry td,
-.article .article-entry th {
-  word-break: normal;
-}
-
-.article .article-entry .pullquote {
-  width: 45%;
-  border: 0;
-}
-
-.article .article-entry .pullquote.left {
-  float: left;
-  text-align: left;
-}
-
-.article .article-entry .pullquote.right {
-  float: right;
-  text-align: right;
-}
-
-.article .article-entry .video-container {
-  position: relative;
-  padding-top: 56.25%;
-  margin-bottom: 30px;
-  height: 0;
-  overflow: hidden;
-}
-
-.article .article-entry .video-container iframe {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  margin-top: 0;
-}
-
-.article .article-nav {
-  max-width: 100%;
-}
-
-.article .article-nav-link-wrap {
-  display: inline-block;
-  color: #cacdd0;
-  padding: 0 10px;
-  width: 49%;
-  box-sizing: border-box;
-  vertical-align: top;
-  border: 0;
-}
-
-.article .article-nav-link-wrap strong {
-  color: #cacdd0;
-}
-
-.article .article-nav-link-wrap:hover {
-  border-bottom: 0;
-}
-
-.article .article-nav-link-wrap.newer {
-  text-align: right;
-}
-
-.article .article-nav-link-wrap.older {
-  text-align: left;
-}
-
-.article .article-footer,
-.article .article-footer hr {
-  margin-top: 1em;
-}
-
-.article .article-meta {
-  font-size: 0.9em;
-  color: #cacdd0;
-}
-
-.article .article-meta a {
-  color: #cacdd0;
-}
-
-.article .article-meta .label {
-  margin-right: 10px;
-}
-
-.article .article-meta .article-category,
-.article .article-meta .article-tag-list {
-  display: inline-block;
-}
-
-.article .article-meta .article-tag-list-item {
-  display: inline-block;
-  margin-right: 5px;
-}
-
-.article .article-meta .article-tag-list-item:before {
-  content: "#";
-}
-
-.article .article-gallery img {
-  width: 100%;
-}
-
-.article-type-page .article-footer {
-  display: none;
-}
-
-.dark {
-  color: #e6e6e6;
-}
-
-.dark,
-.dark .container,
-.dark .footer {
-  background-color: #000;
-}
-
-.dark a {
-  color: #e6e6e6;
-}
-
-.dark a:hover {
-  color: #fff;
-}
-
-.dark .home {
-  color: #e6e6e6;
-}
-
-.dark .home h1,
-.dark .home strong {
-  color: #e6e6e6;
-}
-
-.dark .home a {
-  border-bottom: 1px solid #e6e6e6;
-}
-
-.dark .home a:hover {
-  border-bottom: 1px solid #fff;
-}
-
-.dark code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 0.9em;
-  background-color: #333;
-}
-
-.dark .archive-container .header .main-nav-link,
-.dark .article .header .main-nav-link,
-.dark .category-container .header .main-nav-link,
-.dark .tag-container .header .main-nav-link {
-  color: #e6e6e6;
-}
-
-.dark .archive-container .header .main-nav-link:hover,
-.dark .article .header .main-nav-link:hover,
-.dark .category-container .header .main-nav-link:hover,
-.dark .tag-container .header .main-nav-link:hover {
-  color: #fff;
-}
-
-.dark .archive-container .article-nav,
-.dark .archive-container .page-nav,
-.dark .article .article-nav,
-.dark .article .page-nav,
-.dark .category-container .article-nav,
-.dark .category-container .page-nav,
-.dark .tag-container .article-nav,
-.dark .tag-container .page-nav {
-  color: #e6e6e6;
-}
-
-.dark .archive-container .article-nav a,
-.dark .archive-container .page-nav a,
-.dark .article .article-nav a,
-.dark .article .page-nav a,
-.dark .category-container .article-nav a,
-.dark .category-container .page-nav a,
-.dark .tag-container .article-nav a,
-.dark .tag-container .page-nav a {
-  color: #e6e6e6;
-}
-
-.dark .archive-container .article-nav a:hover,
-.dark .archive-container .page-nav a:hover,
-.dark .article .article-nav a:hover,
-.dark .article .page-nav a:hover,
-.dark .category-container .article-nav a:hover,
-.dark .category-container .page-nav a:hover,
-.dark .tag-container .article-nav a:hover,
-.dark .tag-container .page-nav a:hover {
-  color: #fff;
-}
-
-.dark .archive-container .article-entry blockquote footer strong,
-.dark .archive-container .article-meta a,
-.dark .article .article-entry blockquote footer strong,
-.dark .article .article-meta a,
-.dark .category-container .article-entry blockquote footer strong,
-.dark .category-container .article-meta a,
-.dark .tag-container .article-entry blockquote footer strong,
-.dark .tag-container .article-meta a {
-  color: #e6e6e6;
-}
-
-.dark blockquote {
-  color: #e6e6e6;
-}
-
-.dark b,
-.dark h1,
-.dark h2,
-.dark h3,
-.dark h4,
-.dark h5,
-.dark h6,
-.dark strong {
-  color: #e6e6e6;
-}
-
-.dark em,
-.dark caption,
-.dark legend {
-  color: #e6e6e6;
-}
-
-.dark table caption,
-.dark table td,
-.dark td {
-  border: 1px solid #ddd;
-  color: #e6e6e6;
-}
-
-.dark .article-entry .highlight,
-.dark .article-entry pre {
-  color: #e6e6e6;
-  background-color: #333;
-}
-
-.dark .article-entry .highlight table caption,
-.dark .article-entry .highlight table td,
-.dark .article-entry .highlight td {
-  border: 0;
-}
-
-.dark .article-entry .highlight .line.marked {
-  background: #444;
-}
-
-.article-entry .highlight,
-.article-entry pre {
-  padding: 1em;
-  background: #f3f5f6;
-  color: #4d4d4c;
-  font-size: 0.9em;
-  overflow: auto;
-  line-height: 1.8;
-}
-
-.article-entry .highlight .gutter pre {
-  color: #cacdd0;
-  font-size: 0.9em;
-}
-
-.article-entry figure.highlight {
-  margin: 0;
-}
-
-.article-entry pre code {
-  background: 0 0;
-  text-shadow: none;
-  padding: 0;
-}
-
-.article-entry .highlight pre {
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-
-.article-entry .highlight table {
-  margin: 0;
-  width: 100%;
-}
-
-.article-entry .highlight td {
-  border: 0;
-  padding: 0;
-}
-
-.article-entry .highlight figcaption {
-  color: #8e908c;
-}
-
-.article-entry .highlight figcaption a {
-  float: right;
-}
-
-.article-entry .highlight .line {
-  height: 25px;
-}
-
-.article-entry .highlight .line.marked {
-  background: #e6e6e6;
-}
-
-pre .comment,
-pre .title {
-  color: #8e908c;
-}
-
-pre .attribute,
-pre .css .class,
-pre .css .id,
-pre .css .pseudo,
-pre .html .doctype,
-pre .regexp,
-pre .ruby .constant,
-pre .tag,
-pre .variable,
-pre .xml .doctype,
-pre .xml .pi,
-pre .xml .tag .title {
-  color: #c82829;
-}
-
-pre .built_in,
-pre .constant,
-pre .literal,
-pre .number,
-pre .params,
-pre .preprocessor {
-  color: #f5871f;
-}
-
-pre .class,
-pre .css .rules .attribute,
-pre .header,
-pre .inheritance,
-pre .ruby .class .title,
-pre .ruby .symbol,
-pre .string,
-pre .value,
-pre .xml .cdata {
-  color: #718c00;
-}
-
-pre .css .hexcolor {
-  color: #3e999f;
-}
-
-pre .coffeescript .title,
-pre .function,
-pre .javascript .title,
-pre .perl .sub,
-pre .python .decorator,
-pre .python .title,
-pre .ruby .function .title,
-pre .ruby .title .keyword {
-  color: #4271ae;
-}
-
-pre .javascript .function,
-pre .keyword {
-  color: #8959a8;
-}
-
-/* hide mobile nav menu and its checkbox */
-/* when it's not mobile */
-.mobile-nav,
-#mobile-menu-toggle,
-.mobile-nav-link {
-  display: none;
-}
-
-/* set line-height in /archives page */
-.mobile-nav-menu {
-  line-height: 1.8;
-}
-
-/* overlap other elements */
-.mobile-nav-link {
-  background: #000;
-  border: 2px solid #999;
-  border-radius: 5px;
-  right: 0;
-  margin-left: 5px;
-  padding: 10px;
-  position: absolute;
-}
-
-.mobile-nav-link-a {
-  text-align: center;
-}
-
-/* search bar */
-.searchContainer {
-  border-radius: 5px;
-  width: 10em;
-  color:#e6e6e6;
-  background-color:#333;
-  outline: 0;
-  float: right;
-  height: 1.8em;
-  position: relative;
-}
-
-/* inline-block to position them in same line */
-.searchBox,
-.searchBtn{
-  display:inline-block;
-  color: inherit;
-  background-color: inherit;
-}
-
-/* hide the border and fill the height to parent's */
-.searchBox {
-  border: 0;
-  border-radius: 5px;
-  height:100%;
-  width: 85%;
-  padding-left: 0.2em;
-  box-sizing: border-box;
-}
-
-/* highlight the text box when focused */
-.searchBox:focus {
-  border: 1px solid #1abc9c;
-}
-
-/* align the button to center */
-.searchBtn {
-  width: 10%;
-  position: absolute;
-  top: 50%;
-  transform: translate(30%, -50%);
-}
-
-/* fill the svg with parent's font color */
-svg {
-  fill: currentColor;
-}
-
-/* don't underline specific <a> tag */
-.no-underline {
-  border-bottom: none;
-}
-
-/* fill the link icon with link's color */
-svg#link {
-  fill: #1abc9c;
-}
-
-/* don't underline link icon */
-.article .article-entry a.headerlink {
-  border-bottom: none;
-}
-
-@media (max-width: 768px) {
-  body {
-    font-size: 1.2em;
-  }
-
-  .article-title {
-    font-size: 1.8rem;
-  }
-
-  /* hide desktop nav */
-  .main-nav {
-    display: none;
-  }
-
-  /* display mobile nav */
-  .mobile-nav {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  /* display links when menu button is clicked */
-  /* use grid to display each link in new line */
-  #mobile-menu-toggle:checked + .mobile-nav-link {
-    display: grid;
-  }
-}
-
-@media (max-width: 468px) {
-  body {
-    font-size: 1em;
-  }
-
-  .home {
-    color: #e6e6e6;
-  }
-
-  .home a {
-    color: #e6e6e6;
-  }
-
-  .archive-container .archive-footer,
-  .archive-container .post-footer {
-    padding: 1em;
-  }
-
-  .archive-container .archive-article-header > a,
-  .archive-container .archive-article-header > h1 {
-    width: 100%;
-  }
-}
-
-@media (max-width: 320px) {
-  body {
-    font-size: 0.9em;
-  }
-
-  .article {
-    font-size: 1em;
-  }
-
-  .archive-container .archive-footer,
-  .archive-container .post-footer {
-    padding: 1em;
-  }
-
-  .footer,
-  .footer-content {
-    font-size: 0.9em;
-  }
-}
-
-.copy-button {
-  background-color: #333;
-  border: 1px solid #999;
-  border-radius: 5px;
-  color: #d8d8d8;
-  cursor: pointer;
-  font-size: 0.8em;
-  line-height: 1em;
-  padding: 5px;
-  user-select: none;
-}
-
-.copy-button:hover {
-  background-color: #3f3f3f;
-}
diff --git a/themes/typing/source/css/typing.css b/themes/typing/source/css/typing.css
index 87d4999..6845947 100644
--- a/themes/typing/source/css/typing.css
+++ b/themes/typing/source/css/typing.css
@@ -1,512 +1,8 @@
 @charset "utf-8";
-/* Document
- * ========================================================================== */
-/**
- * Add border box sizing in all browsers (opinionated).
- */
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-/**
- * 1. Add text decoration inheritance in all browsers (opinionated).
- * 2. Add vertical alignment inheritance in all browsers (opinionated).
- */
-::before,
-::after {
-  text-decoration: inherit; /* 1 */
-  vertical-align: inherit; /* 2 */
-}
-/**
- * 1. Use the default cursor in all browsers (opinionated).
- * 2. Change the line height in all browsers (opinionated).
- * 3. Use a 4-space tab width in all browsers (opinionated).
- * 4. Remove the grey highlight on links in iOS (opinionated).
- * 5. Prevent adjustments of font size after orientation changes in
- *    IE on Windows Phone and in iOS.
- * 6. Breaks words to prevent overflow in all browsers (opinionated).
- */
-html {
-  cursor: default; /* 1 */
-  line-height: 1.5; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  -o-tab-size: 4;
-     tab-size: 4; /* 3 */
-  -webkit-tap-highlight-color: transparent /* 4 */;
-  -ms-text-size-adjust: 100%; /* 5 */
-  -webkit-text-size-adjust: 100%; /* 5 */
-  word-break: break-word; /* 6 */
-}
-/* Sections
- * ========================================================================== */
-/**
- * Remove the margin in all browsers (opinionated).
- */
-body {
-  margin: 0;
-}
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Edge, Firefox, and Safari.
- */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-/* Grouping content
- * ========================================================================== */
-/**
- * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
- */
-dl dl,
-dl ol,
-dl ul,
-ol dl,
-ul dl {
-  margin: 0;
-}
-/**
- * Remove the margin on nested lists in Edge 18- and IE.
- */
-ol ol,
-ol ul,
-ul ol,
-ul ul {
-  margin: 0;
-}
-/**
- * 1. Add the correct sizing in Firefox.
- * 2. Show the overflow in Edge 18- and IE.
- */
-hr {
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-/**
- * Add the correct display in IE.
- */
-main {
-  display: block;
-}
-/**
- * Remove the list style on navigation lists in all browsers (opinionated).
- */
-nav ol,
-nav ul {
-  list-style: none;
-  padding: 0;
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-/* Text-level semantics
- * ========================================================================== */
-/**
- * Add the correct text decoration in Edge 18-, IE, and Safari.
- */
-abbr[title] {
-  text-decoration: underline;
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
-  font-weight: bolder;
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-/**
- * Add the correct font size in all browsers.
- */
-small {
-  font-size: 80%;
-}
-/* Embedded content
- * ========================================================================== */
-/*
- * Change the alignment on media elements in all browsers (opinionated).
- */
-audio,
-canvas,
-iframe,
-img,
-svg,
-video {
-  vertical-align: middle;
-}
-/**
- * Remove the border on iframes in all browsers (opinionated).
- */
-iframe {
-  border-style: none;
-}
-/**
- * Change the fill color to match the text color in all browsers (opinionated).
- */
-svg:not([fill]) {
-  fill: currentColor;
-}
-/**
- * Hide the overflow in IE.
- */
-svg:not(:root) {
-  overflow: hidden;
-}
-/* Tabular data
- * ========================================================================== */
-/**
- * Collapse border spacing in all browsers (opinionated).
- */
-table {
-  border-collapse: collapse;
-}
-/* Forms
- * ========================================================================== */
-/**
- * Remove the margin on controls in Safari.
- */
-button,
-input,
-select {
-  margin: 0;
-}
-/**
- * 1. Show the overflow in IE.
- * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
- */
-button {
-  overflow: visible; /* 1 */
-  text-transform: none; /* 2 */
-}
-/**
- * Correct the inability to style buttons in iOS and Safari.
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-/**
- * 1. Change the inconsistent appearance in all browsers (opinionated).
- * 2. Correct the padding in Firefox.
- */
-fieldset {
-  border: 1px solid #a0a0a0; /* 1 */
-  padding: 0.35em 0.75em 0.625em; /* 2 */
-}
-/**
- * Show the overflow in Edge 18- and IE.
- */
-input {
-  overflow: visible;
-}
-/**
- * 1. Correct the text wrapping in Edge 18- and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- */
-legend {
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  white-space: normal; /* 1 */
-}
-/**
- * 1. Add the correct display in Edge 18- and IE.
- * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
- */
-progress {
-  display: inline-block; /* 1 */
-  vertical-align: baseline; /* 2 */
-}
-/**
- * Remove the inheritance of text transform in Firefox.
- */
-select {
-  text-transform: none;
-}
-/**
- * 1. Remove the margin in Firefox and Safari.
- * 2. Remove the default vertical scrollbar in IE.
- * 3. Change the resize direction in all browsers (opinionated).
- */
-textarea {
-  margin: 0; /* 1 */
-  overflow: auto; /* 2 */
-  resize: vertical; /* 3 */
-}
-/**
- * 1. Correct the odd appearance in Chrome, Edge, and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/**
- * Correct the cursor style of increment and decrement buttons in Safari.
- */
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-::-webkit-input-placeholder {
-  color: inherit;
-  opacity: 0.54;
-}
-/**
- * Remove the inner padding in Chrome, Edge, and Safari on macOS.
- */
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/**
- * 1. Correct the inability to style upload buttons in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/**
- * Remove the inner border and padding of focus outlines in Firefox.
- */
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-/**
- * Restore the focus outline styles unset by the previous rule in Firefox.
- */
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-/**
- * Remove the additional :invalid styles in Firefox.
- */
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/* Interactive
- * ========================================================================== */
-/*
- * Add the correct display in Edge 18- and IE.
- */
-details {
-  display: block;
-}
-/*
- * Add the correct styles in Edge 18-, IE, and Safari.
- */
-dialog {
-  background-color: white;
-  border: solid;
-  color: black;
-  display: block;
-  height: -moz-fit-content;
-  height: -webkit-fit-content;
-  height: fit-content;
-  left: 0;
-  margin: auto;
-  padding: 1em;
-  position: absolute;
-  right: 0;
-  width: -moz-fit-content;
-  width: -webkit-fit-content;
-  width: fit-content;
-}
-dialog:not([open]) {
-  display: none;
-}
-/*
- * Add the correct display in all browsers.
- */
-summary {
-  display: list-item;
-}
-/* Scripting
- * ========================================================================== */
-/**
- * Add the correct display in IE.
- */
-template {
-  display: none;
-}
-/* User interaction
- * ========================================================================== */
-/*
- * 1. Remove the tapping delay in IE 10.
- * 2. Remove the tapping delay on clickable elements
-      in all browsers (opinionated).
- */
-a,
-area,
-button,
-input,
-label,
-select,
-summary,
-textarea,
-[tabindex] { /* 1 */
-  touch-action: manipulation; /* 2 */
-}
-/* Accessibility
- * ========================================================================== */
-/**
- * Change the cursor on busy elements in all browsers (opinionated).
- */
-[aria-busy="true"] {
-  cursor: progress;
-}
-/*
- * Change the cursor on control elements in all browsers (opinionated).
- */
-[aria-controls] {
-  cursor: pointer;
-}
-/*
- * Change the cursor on disabled, not-editable, or otherwise
- * inoperable elements in all browsers (opinionated).
- */
-[aria-disabled="true"],
-[disabled] {
-  cursor: not-allowed;
-}
-/*
- * Change the display on visually hidden accessible elements
- * in all browsers (opinionated).
- */
-[aria-hidden="false"][hidden] {
-  display: initial;
-}
-[aria-hidden="false"][hidden]:not(:focus) {
-  clip: rect(0, 0, 0, 0);
-  position: absolute;
-}
-/**
- * 1. Change the inconsistent appearance in all browsers (opinionated).
- * 2. Add typography inheritance in all browsers (opinionated).
- */
-button,
-input,
-select,
-textarea {
-  background-color: transparent; /* 1 */
-  border: 1px solid WindowFrame; /* 1 */
-  color: inherit; /* 1 */
-  font: inherit; /* 2 */
-  letter-spacing: inherit; /* 2 */
-  padding: 0.25em 0.375em; /* 1 */
-}
-/**
- * Change the inconsistent appearance in all browsers (opinionated).
- */
-select {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background: no-repeat right center / 1em;
-  border-radius: 0;
-  padding-right: 1em;
-}
-/**
- * Change the inconsistent appearance in all browsers (opinionated).
- */
-select:not([multiple]):not([size]) {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
-}
-/**
- * Change the inconsistent appearance in IE (opinionated).
- */
-::-ms-expand {
-  display: none;
-}
-/**
- * Correct the inconsistent appearance in IE (opinionated).
- */
-:-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.54);
-}
-/**
- * Use a comfortable measure in all browsers (opinionated).
- */
-html {
-  padding: 1em;
-}
-@media (min-width: 34em) {
-  html {
-    padding: 1em calc(50% - 16em);
-  }
-}
-/**
- * Restrict sizing to the page width in all browsers (opinionated).
- */
-iframe,
-img,
-input,
-select,
-textarea {
-  height: auto;
-  max-width: 100%;
-}
-/**
- * Use the default user interface font in all browsers (opinionated).
- */
-html {
-  font-family:
-    system-ui,
-    /* macOS 10.11-10.12 */ -apple-system,
-    /* Windows 6+ */ "Segoe UI",
-    /* Android 4+ */ "Roboto",
-    /* Ubuntu 10.10+ */ "Ubuntu",
-    /* Gnome 3+ */ "Cantarell",
-    /* KDE Plasma 5+ */ "Noto Sans",
-    /* fallback */ sans-serif,
-    /* macOS emoji */ "Apple Color Emoji",
-    /* Windows emoji */ "Segoe UI Emoji",
-    /* Windows emoji */ "Segoe UI Symbol",
-    /* Linux emoji */ "Noto Color Emoji";
-}
-/**
- * Use the default monospace user interface font in all browsers (opinionated).
- */
-code,
-kbd,
-samp,
-pre {
-  font-family:
-    /* macOS 10.10+ */ "Menlo",
-    /* Windows 6+ */ "Consolas",
-    /* Android 4+ */ "Roboto Mono",
-    /* Ubuntu 10.10+ */ "Ubuntu Monospace",
-    /* KDE Plasma 5+ */ "Noto Mono",
-    /* KDE Plasma 4+ */ "Oxygen Mono",
-    /* Linux/OpenOffice fallback */ "Liberation Mono",
-    /* fallback */ monospace,
-    /* macOS emoji */ "Apple Color Emoji",
-    /* Windows emoji */ "Segoe UI Emoji",
-    /* Windows emoji */ "Segoe UI Symbol",
-    /* Linux emoji */ "Noto Color Emoji";
-} /**/
+@import "sanitize";
+@import "sanitize/forms";
+@import "sanitize/typography";
+@import "sanitize/page";
 
 button,
 input,
@@ -1585,10 +1081,7 @@ svg#link {
   font-size: 0.8em;
   line-height: 1em;
   padding: 5px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 
 .copy-button:hover {