@charset "UTF-8";
/*/
// alternate color scheme, just as a demo
// black on white with red
$fg: #202020 !default;
$bg: #eeeeee !default;
$accent: #ff0091 !default;
/**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
button {
  display: grid;
  justify-content: center;
  align-content: center;
  font-family: inherit;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

.max-height-1rem {
  max-height: 1rem;
}

.max-width-1rem {
  max-width: 1rem;
}

.min-height-1rem {
  min-height: 1rem;
}

.min-width-1rem {
  min-width: 1rem;
}

.height-1rem {
  height: 1rem;
}

.width-1rem {
  width: 1rem;
}

.max-height-2rem {
  max-height: 2rem;
}

.max-width-2rem {
  max-width: 2rem;
}

.min-height-2rem {
  min-height: 2rem;
}

.min-width-2rem {
  min-width: 2rem;
}

.height-2rem {
  height: 2rem;
}

.width-2rem {
  width: 2rem;
}

.max-height-3rem {
  max-height: 3rem;
}

.max-width-3rem {
  max-width: 3rem;
}

.min-height-3rem {
  min-height: 3rem;
}

.min-width-3rem {
  min-width: 3rem;
}

.height-3rem {
  height: 3rem;
}

.width-3rem {
  width: 3rem;
}

.max-height-4rem {
  max-height: 4rem;
}

.max-width-4rem {
  max-width: 4rem;
}

.min-height-4rem {
  min-height: 4rem;
}

.min-width-4rem {
  min-width: 4rem;
}

.height-4rem {
  height: 4rem;
}

.width-4rem {
  width: 4rem;
}

.max-height-5rem {
  max-height: 5rem;
}

.max-width-5rem {
  max-width: 5rem;
}

.min-height-5rem {
  min-height: 5rem;
}

.min-width-5rem {
  min-width: 5rem;
}

.height-5rem {
  height: 5rem;
}

.width-5rem {
  width: 5rem;
}

.max-height-6rem {
  max-height: 6rem;
}

.max-width-6rem {
  max-width: 6rem;
}

.min-height-6rem {
  min-height: 6rem;
}

.min-width-6rem {
  min-width: 6rem;
}

.height-6rem {
  height: 6rem;
}

.width-6rem {
  width: 6rem;
}

.max-height-7rem {
  max-height: 7rem;
}

.max-width-7rem {
  max-width: 7rem;
}

.min-height-7rem {
  min-height: 7rem;
}

.min-width-7rem {
  min-width: 7rem;
}

.height-7rem {
  height: 7rem;
}

.width-7rem {
  width: 7rem;
}

.max-height-8rem {
  max-height: 8rem;
}

.max-width-8rem {
  max-width: 8rem;
}

.min-height-8rem {
  min-height: 8rem;
}

.min-width-8rem {
  min-width: 8rem;
}

.height-8rem {
  height: 8rem;
}

.width-8rem {
  width: 8rem;
}

.max-height-9rem {
  max-height: 9rem;
}

.max-width-9rem {
  max-width: 9rem;
}

.min-height-9rem {
  min-height: 9rem;
}

.min-width-9rem {
  min-width: 9rem;
}

.height-9rem {
  height: 9rem;
}

.width-9rem {
  width: 9rem;
}

.max-height-10rem {
  max-height: 10rem;
}

.max-width-10rem {
  max-width: 10rem;
}

.min-height-10rem {
  min-height: 10rem;
}

.min-width-10rem {
  min-width: 10rem;
}

.height-10rem {
  height: 10rem;
}

.width-10rem {
  width: 10rem;
}

.max-height-11rem {
  max-height: 11rem;
}

.max-width-11rem {
  max-width: 11rem;
}

.min-height-11rem {
  min-height: 11rem;
}

.min-width-11rem {
  min-width: 11rem;
}

.height-11rem {
  height: 11rem;
}

.width-11rem {
  width: 11rem;
}

.max-height-12rem {
  max-height: 12rem;
}

.max-width-12rem {
  max-width: 12rem;
}

.min-height-12rem {
  min-height: 12rem;
}

.min-width-12rem {
  min-width: 12rem;
}

.height-12rem {
  height: 12rem;
}

.width-12rem {
  width: 12rem;
}

.max-height-13rem {
  max-height: 13rem;
}

.max-width-13rem {
  max-width: 13rem;
}

.min-height-13rem {
  min-height: 13rem;
}

.min-width-13rem {
  min-width: 13rem;
}

.height-13rem {
  height: 13rem;
}

.width-13rem {
  width: 13rem;
}

.max-height-14rem {
  max-height: 14rem;
}

.max-width-14rem {
  max-width: 14rem;
}

.min-height-14rem {
  min-height: 14rem;
}

.min-width-14rem {
  min-width: 14rem;
}

.height-14rem {
  height: 14rem;
}

.width-14rem {
  width: 14rem;
}

.max-height-15rem {
  max-height: 15rem;
}

.max-width-15rem {
  max-width: 15rem;
}

.min-height-15rem {
  min-height: 15rem;
}

.min-width-15rem {
  min-width: 15rem;
}

.height-15rem {
  height: 15rem;
}

.width-15rem {
  width: 15rem;
}

.max-height-16rem {
  max-height: 16rem;
}

.max-width-16rem {
  max-width: 16rem;
}

.min-height-16rem {
  min-height: 16rem;
}

.min-width-16rem {
  min-width: 16rem;
}

.height-16rem {
  height: 16rem;
}

.width-16rem {
  width: 16rem;
}

.max-height-17rem {
  max-height: 17rem;
}

.max-width-17rem {
  max-width: 17rem;
}

.min-height-17rem {
  min-height: 17rem;
}

.min-width-17rem {
  min-width: 17rem;
}

.height-17rem {
  height: 17rem;
}

.width-17rem {
  width: 17rem;
}

.max-height-18rem {
  max-height: 18rem;
}

.max-width-18rem {
  max-width: 18rem;
}

.min-height-18rem {
  min-height: 18rem;
}

.min-width-18rem {
  min-width: 18rem;
}

.height-18rem {
  height: 18rem;
}

.width-18rem {
  width: 18rem;
}

.max-height-19rem {
  max-height: 19rem;
}

.max-width-19rem {
  max-width: 19rem;
}

.min-height-19rem {
  min-height: 19rem;
}

.min-width-19rem {
  min-width: 19rem;
}

.height-19rem {
  height: 19rem;
}

.width-19rem {
  width: 19rem;
}

.max-height-20rem {
  max-height: 20rem;
}

.max-width-20rem {
  max-width: 20rem;
}

.min-height-20rem {
  min-height: 20rem;
}

.min-width-20rem {
  min-width: 20rem;
}

.height-20rem {
  height: 20rem;
}

.width-20rem {
  width: 20rem;
}

.max-height-21rem {
  max-height: 21rem;
}

.max-width-21rem {
  max-width: 21rem;
}

.min-height-21rem {
  min-height: 21rem;
}

.min-width-21rem {
  min-width: 21rem;
}

.height-21rem {
  height: 21rem;
}

.width-21rem {
  width: 21rem;
}

.max-height-22rem {
  max-height: 22rem;
}

.max-width-22rem {
  max-width: 22rem;
}

.min-height-22rem {
  min-height: 22rem;
}

.min-width-22rem {
  min-width: 22rem;
}

.height-22rem {
  height: 22rem;
}

.width-22rem {
  width: 22rem;
}

.max-height-23rem {
  max-height: 23rem;
}

.max-width-23rem {
  max-width: 23rem;
}

.min-height-23rem {
  min-height: 23rem;
}

.min-width-23rem {
  min-width: 23rem;
}

.height-23rem {
  height: 23rem;
}

.width-23rem {
  width: 23rem;
}

.max-height-24rem {
  max-height: 24rem;
}

.max-width-24rem {
  max-width: 24rem;
}

.min-height-24rem {
  min-height: 24rem;
}

.min-width-24rem {
  min-width: 24rem;
}

.height-24rem {
  height: 24rem;
}

.width-24rem {
  width: 24rem;
}

.max-height-25rem {
  max-height: 25rem;
}

.max-width-25rem {
  max-width: 25rem;
}

.min-height-25rem {
  min-height: 25rem;
}

.min-width-25rem {
  min-width: 25rem;
}

.height-25rem {
  height: 25rem;
}

.width-25rem {
  width: 25rem;
}

.max-height-26rem {
  max-height: 26rem;
}

.max-width-26rem {
  max-width: 26rem;
}

.min-height-26rem {
  min-height: 26rem;
}

.min-width-26rem {
  min-width: 26rem;
}

.height-26rem {
  height: 26rem;
}

.width-26rem {
  width: 26rem;
}

.max-height-27rem {
  max-height: 27rem;
}

.max-width-27rem {
  max-width: 27rem;
}

.min-height-27rem {
  min-height: 27rem;
}

.min-width-27rem {
  min-width: 27rem;
}

.height-27rem {
  height: 27rem;
}

.width-27rem {
  width: 27rem;
}

.max-height-28rem {
  max-height: 28rem;
}

.max-width-28rem {
  max-width: 28rem;
}

.min-height-28rem {
  min-height: 28rem;
}

.min-width-28rem {
  min-width: 28rem;
}

.height-28rem {
  height: 28rem;
}

.width-28rem {
  width: 28rem;
}

.max-height-29rem {
  max-height: 29rem;
}

.max-width-29rem {
  max-width: 29rem;
}

.min-height-29rem {
  min-height: 29rem;
}

.min-width-29rem {
  min-width: 29rem;
}

.height-29rem {
  height: 29rem;
}

.width-29rem {
  width: 29rem;
}

.max-height-30rem {
  max-height: 30rem;
}

.max-width-30rem {
  max-width: 30rem;
}

.min-height-30rem {
  min-height: 30rem;
}

.min-width-30rem {
  min-width: 30rem;
}

.height-30rem {
  height: 30rem;
}

.width-30rem {
  width: 30rem;
}

.max-height-31rem {
  max-height: 31rem;
}

.max-width-31rem {
  max-width: 31rem;
}

.min-height-31rem {
  min-height: 31rem;
}

.min-width-31rem {
  min-width: 31rem;
}

.height-31rem {
  height: 31rem;
}

.width-31rem {
  width: 31rem;
}

.max-height-32rem {
  max-height: 32rem;
}

.max-width-32rem {
  max-width: 32rem;
}

.min-height-32rem {
  min-height: 32rem;
}

.min-width-32rem {
  min-width: 32rem;
}

.height-32rem {
  height: 32rem;
}

.width-32rem {
  width: 32rem;
}

.max-height-33rem {
  max-height: 33rem;
}

.max-width-33rem {
  max-width: 33rem;
}

.min-height-33rem {
  min-height: 33rem;
}

.min-width-33rem {
  min-width: 33rem;
}

.height-33rem {
  height: 33rem;
}

.width-33rem {
  width: 33rem;
}

.max-height-34rem {
  max-height: 34rem;
}

.max-width-34rem {
  max-width: 34rem;
}

.min-height-34rem {
  min-height: 34rem;
}

.min-width-34rem {
  min-width: 34rem;
}

.height-34rem {
  height: 34rem;
}

.width-34rem {
  width: 34rem;
}

.max-height-35rem {
  max-height: 35rem;
}

.max-width-35rem {
  max-width: 35rem;
}

.min-height-35rem {
  min-height: 35rem;
}

.min-width-35rem {
  min-width: 35rem;
}

.height-35rem {
  height: 35rem;
}

.width-35rem {
  width: 35rem;
}

.max-height-36rem {
  max-height: 36rem;
}

.max-width-36rem {
  max-width: 36rem;
}

.min-height-36rem {
  min-height: 36rem;
}

.min-width-36rem {
  min-width: 36rem;
}

.height-36rem {
  height: 36rem;
}

.width-36rem {
  width: 36rem;
}

.max-height-37rem {
  max-height: 37rem;
}

.max-width-37rem {
  max-width: 37rem;
}

.min-height-37rem {
  min-height: 37rem;
}

.min-width-37rem {
  min-width: 37rem;
}

.height-37rem {
  height: 37rem;
}

.width-37rem {
  width: 37rem;
}

.max-height-38rem {
  max-height: 38rem;
}

.max-width-38rem {
  max-width: 38rem;
}

.min-height-38rem {
  min-height: 38rem;
}

.min-width-38rem {
  min-width: 38rem;
}

.height-38rem {
  height: 38rem;
}

.width-38rem {
  width: 38rem;
}

.max-height-39rem {
  max-height: 39rem;
}

.max-width-39rem {
  max-width: 39rem;
}

.min-height-39rem {
  min-height: 39rem;
}

.min-width-39rem {
  min-width: 39rem;
}

.height-39rem {
  height: 39rem;
}

.width-39rem {
  width: 39rem;
}

.max-height-40rem {
  max-height: 40rem;
}

.max-width-40rem {
  max-width: 40rem;
}

.min-height-40rem {
  min-height: 40rem;
}

.min-width-40rem {
  min-width: 40rem;
}

.height-40rem {
  height: 40rem;
}

.width-40rem {
  width: 40rem;
}

.max-height-41rem {
  max-height: 41rem;
}

.max-width-41rem {
  max-width: 41rem;
}

.min-height-41rem {
  min-height: 41rem;
}

.min-width-41rem {
  min-width: 41rem;
}

.height-41rem {
  height: 41rem;
}

.width-41rem {
  width: 41rem;
}

.max-height-42rem {
  max-height: 42rem;
}

.max-width-42rem {
  max-width: 42rem;
}

.min-height-42rem {
  min-height: 42rem;
}

.min-width-42rem {
  min-width: 42rem;
}

.height-42rem {
  height: 42rem;
}

.width-42rem {
  width: 42rem;
}

.max-height-43rem {
  max-height: 43rem;
}

.max-width-43rem {
  max-width: 43rem;
}

.min-height-43rem {
  min-height: 43rem;
}

.min-width-43rem {
  min-width: 43rem;
}

.height-43rem {
  height: 43rem;
}

.width-43rem {
  width: 43rem;
}

.max-height-44rem {
  max-height: 44rem;
}

.max-width-44rem {
  max-width: 44rem;
}

.min-height-44rem {
  min-height: 44rem;
}

.min-width-44rem {
  min-width: 44rem;
}

.height-44rem {
  height: 44rem;
}

.width-44rem {
  width: 44rem;
}

.max-height-45rem {
  max-height: 45rem;
}

.max-width-45rem {
  max-width: 45rem;
}

.min-height-45rem {
  min-height: 45rem;
}

.min-width-45rem {
  min-width: 45rem;
}

.height-45rem {
  height: 45rem;
}

.width-45rem {
  width: 45rem;
}

.max-height-46rem {
  max-height: 46rem;
}

.max-width-46rem {
  max-width: 46rem;
}

.min-height-46rem {
  min-height: 46rem;
}

.min-width-46rem {
  min-width: 46rem;
}

.height-46rem {
  height: 46rem;
}

.width-46rem {
  width: 46rem;
}

.max-height-47rem {
  max-height: 47rem;
}

.max-width-47rem {
  max-width: 47rem;
}

.min-height-47rem {
  min-height: 47rem;
}

.min-width-47rem {
  min-width: 47rem;
}

.height-47rem {
  height: 47rem;
}

.width-47rem {
  width: 47rem;
}

.max-height-48rem {
  max-height: 48rem;
}

.max-width-48rem {
  max-width: 48rem;
}

.min-height-48rem {
  min-height: 48rem;
}

.min-width-48rem {
  min-width: 48rem;
}

.height-48rem {
  height: 48rem;
}

.width-48rem {
  width: 48rem;
}

.max-height-49rem {
  max-height: 49rem;
}

.max-width-49rem {
  max-width: 49rem;
}

.min-height-49rem {
  min-height: 49rem;
}

.min-width-49rem {
  min-width: 49rem;
}

.height-49rem {
  height: 49rem;
}

.width-49rem {
  width: 49rem;
}

.max-height-50rem {
  max-height: 50rem;
}

.max-width-50rem {
  max-width: 50rem;
}

.min-height-50rem {
  min-height: 50rem;
}

.min-width-50rem {
  min-width: 50rem;
}

.height-50rem {
  height: 50rem;
}

.width-50rem {
  width: 50rem;
}

.max-height-1em {
  max-height: 1em;
}

.max-width-1em {
  max-width: 1em;
}

.min-height-1em {
  min-height: 1em;
}

.min-width-1em {
  min-width: 1em;
}

.height-1em {
  height: 1em;
}

.width-1em {
  width: 1em;
}

.max-height-2em {
  max-height: 2em;
}

.max-width-2em {
  max-width: 2em;
}

.min-height-2em {
  min-height: 2em;
}

.min-width-2em {
  min-width: 2em;
}

.height-2em {
  height: 2em;
}

.width-2em {
  width: 2em;
}

.max-height-3em {
  max-height: 3em;
}

.max-width-3em {
  max-width: 3em;
}

.min-height-3em {
  min-height: 3em;
}

.min-width-3em {
  min-width: 3em;
}

.height-3em {
  height: 3em;
}

.width-3em {
  width: 3em;
}

.max-height-4em {
  max-height: 4em;
}

.max-width-4em {
  max-width: 4em;
}

.min-height-4em {
  min-height: 4em;
}

.min-width-4em {
  min-width: 4em;
}

.height-4em {
  height: 4em;
}

.width-4em {
  width: 4em;
}

.max-height-5em {
  max-height: 5em;
}

.max-width-5em {
  max-width: 5em;
}

.min-height-5em {
  min-height: 5em;
}

.min-width-5em {
  min-width: 5em;
}

.height-5em {
  height: 5em;
}

.width-5em {
  width: 5em;
}

.max-height-6em {
  max-height: 6em;
}

.max-width-6em {
  max-width: 6em;
}

.min-height-6em {
  min-height: 6em;
}

.min-width-6em {
  min-width: 6em;
}

.height-6em {
  height: 6em;
}

.width-6em {
  width: 6em;
}

.max-height-7em {
  max-height: 7em;
}

.max-width-7em {
  max-width: 7em;
}

.min-height-7em {
  min-height: 7em;
}

.min-width-7em {
  min-width: 7em;
}

.height-7em {
  height: 7em;
}

.width-7em {
  width: 7em;
}

.max-height-8em {
  max-height: 8em;
}

.max-width-8em {
  max-width: 8em;
}

.min-height-8em {
  min-height: 8em;
}

.min-width-8em {
  min-width: 8em;
}

.height-8em {
  height: 8em;
}

.width-8em {
  width: 8em;
}

.max-height-9em {
  max-height: 9em;
}

.max-width-9em {
  max-width: 9em;
}

.min-height-9em {
  min-height: 9em;
}

.min-width-9em {
  min-width: 9em;
}

.height-9em {
  height: 9em;
}

.width-9em {
  width: 9em;
}

.max-height-10em {
  max-height: 10em;
}

.max-width-10em {
  max-width: 10em;
}

.min-height-10em {
  min-height: 10em;
}

.min-width-10em {
  min-width: 10em;
}

.height-10em {
  height: 10em;
}

.width-10em {
  width: 10em;
}

.max-height-11em {
  max-height: 11em;
}

.max-width-11em {
  max-width: 11em;
}

.min-height-11em {
  min-height: 11em;
}

.min-width-11em {
  min-width: 11em;
}

.height-11em {
  height: 11em;
}

.width-11em {
  width: 11em;
}

.max-height-12em {
  max-height: 12em;
}

.max-width-12em {
  max-width: 12em;
}

.min-height-12em {
  min-height: 12em;
}

.min-width-12em {
  min-width: 12em;
}

.height-12em {
  height: 12em;
}

.width-12em {
  width: 12em;
}

.max-height-13em {
  max-height: 13em;
}

.max-width-13em {
  max-width: 13em;
}

.min-height-13em {
  min-height: 13em;
}

.min-width-13em {
  min-width: 13em;
}

.height-13em {
  height: 13em;
}

.width-13em {
  width: 13em;
}

.max-height-14em {
  max-height: 14em;
}

.max-width-14em {
  max-width: 14em;
}

.min-height-14em {
  min-height: 14em;
}

.min-width-14em {
  min-width: 14em;
}

.height-14em {
  height: 14em;
}

.width-14em {
  width: 14em;
}

.max-height-15em {
  max-height: 15em;
}

.max-width-15em {
  max-width: 15em;
}

.min-height-15em {
  min-height: 15em;
}

.min-width-15em {
  min-width: 15em;
}

.height-15em {
  height: 15em;
}

.width-15em {
  width: 15em;
}

.max-height-16em {
  max-height: 16em;
}

.max-width-16em {
  max-width: 16em;
}

.min-height-16em {
  min-height: 16em;
}

.min-width-16em {
  min-width: 16em;
}

.height-16em {
  height: 16em;
}

.width-16em {
  width: 16em;
}

.max-height-17em {
  max-height: 17em;
}

.max-width-17em {
  max-width: 17em;
}

.min-height-17em {
  min-height: 17em;
}

.min-width-17em {
  min-width: 17em;
}

.height-17em {
  height: 17em;
}

.width-17em {
  width: 17em;
}

.max-height-18em {
  max-height: 18em;
}

.max-width-18em {
  max-width: 18em;
}

.min-height-18em {
  min-height: 18em;
}

.min-width-18em {
  min-width: 18em;
}

.height-18em {
  height: 18em;
}

.width-18em {
  width: 18em;
}

.max-height-19em {
  max-height: 19em;
}

.max-width-19em {
  max-width: 19em;
}

.min-height-19em {
  min-height: 19em;
}

.min-width-19em {
  min-width: 19em;
}

.height-19em {
  height: 19em;
}

.width-19em {
  width: 19em;
}

.max-height-20em {
  max-height: 20em;
}

.max-width-20em {
  max-width: 20em;
}

.min-height-20em {
  min-height: 20em;
}

.min-width-20em {
  min-width: 20em;
}

.height-20em {
  height: 20em;
}

.width-20em {
  width: 20em;
}

.max-height-21em {
  max-height: 21em;
}

.max-width-21em {
  max-width: 21em;
}

.min-height-21em {
  min-height: 21em;
}

.min-width-21em {
  min-width: 21em;
}

.height-21em {
  height: 21em;
}

.width-21em {
  width: 21em;
}

.max-height-22em {
  max-height: 22em;
}

.max-width-22em {
  max-width: 22em;
}

.min-height-22em {
  min-height: 22em;
}

.min-width-22em {
  min-width: 22em;
}

.height-22em {
  height: 22em;
}

.width-22em {
  width: 22em;
}

.max-height-23em {
  max-height: 23em;
}

.max-width-23em {
  max-width: 23em;
}

.min-height-23em {
  min-height: 23em;
}

.min-width-23em {
  min-width: 23em;
}

.height-23em {
  height: 23em;
}

.width-23em {
  width: 23em;
}

.max-height-24em {
  max-height: 24em;
}

.max-width-24em {
  max-width: 24em;
}

.min-height-24em {
  min-height: 24em;
}

.min-width-24em {
  min-width: 24em;
}

.height-24em {
  height: 24em;
}

.width-24em {
  width: 24em;
}

.max-height-25em {
  max-height: 25em;
}

.max-width-25em {
  max-width: 25em;
}

.min-height-25em {
  min-height: 25em;
}

.min-width-25em {
  min-width: 25em;
}

.height-25em {
  height: 25em;
}

.width-25em {
  width: 25em;
}

.max-height-26em {
  max-height: 26em;
}

.max-width-26em {
  max-width: 26em;
}

.min-height-26em {
  min-height: 26em;
}

.min-width-26em {
  min-width: 26em;
}

.height-26em {
  height: 26em;
}

.width-26em {
  width: 26em;
}

.max-height-27em {
  max-height: 27em;
}

.max-width-27em {
  max-width: 27em;
}

.min-height-27em {
  min-height: 27em;
}

.min-width-27em {
  min-width: 27em;
}

.height-27em {
  height: 27em;
}

.width-27em {
  width: 27em;
}

.max-height-28em {
  max-height: 28em;
}

.max-width-28em {
  max-width: 28em;
}

.min-height-28em {
  min-height: 28em;
}

.min-width-28em {
  min-width: 28em;
}

.height-28em {
  height: 28em;
}

.width-28em {
  width: 28em;
}

.max-height-29em {
  max-height: 29em;
}

.max-width-29em {
  max-width: 29em;
}

.min-height-29em {
  min-height: 29em;
}

.min-width-29em {
  min-width: 29em;
}

.height-29em {
  height: 29em;
}

.width-29em {
  width: 29em;
}

.max-height-30em {
  max-height: 30em;
}

.max-width-30em {
  max-width: 30em;
}

.min-height-30em {
  min-height: 30em;
}

.min-width-30em {
  min-width: 30em;
}

.height-30em {
  height: 30em;
}

.width-30em {
  width: 30em;
}

.max-height-31em {
  max-height: 31em;
}

.max-width-31em {
  max-width: 31em;
}

.min-height-31em {
  min-height: 31em;
}

.min-width-31em {
  min-width: 31em;
}

.height-31em {
  height: 31em;
}

.width-31em {
  width: 31em;
}

.max-height-32em {
  max-height: 32em;
}

.max-width-32em {
  max-width: 32em;
}

.min-height-32em {
  min-height: 32em;
}

.min-width-32em {
  min-width: 32em;
}

.height-32em {
  height: 32em;
}

.width-32em {
  width: 32em;
}

.max-height-33em {
  max-height: 33em;
}

.max-width-33em {
  max-width: 33em;
}

.min-height-33em {
  min-height: 33em;
}

.min-width-33em {
  min-width: 33em;
}

.height-33em {
  height: 33em;
}

.width-33em {
  width: 33em;
}

.max-height-34em {
  max-height: 34em;
}

.max-width-34em {
  max-width: 34em;
}

.min-height-34em {
  min-height: 34em;
}

.min-width-34em {
  min-width: 34em;
}

.height-34em {
  height: 34em;
}

.width-34em {
  width: 34em;
}

.max-height-35em {
  max-height: 35em;
}

.max-width-35em {
  max-width: 35em;
}

.min-height-35em {
  min-height: 35em;
}

.min-width-35em {
  min-width: 35em;
}

.height-35em {
  height: 35em;
}

.width-35em {
  width: 35em;
}

.max-height-36em {
  max-height: 36em;
}

.max-width-36em {
  max-width: 36em;
}

.min-height-36em {
  min-height: 36em;
}

.min-width-36em {
  min-width: 36em;
}

.height-36em {
  height: 36em;
}

.width-36em {
  width: 36em;
}

.max-height-37em {
  max-height: 37em;
}

.max-width-37em {
  max-width: 37em;
}

.min-height-37em {
  min-height: 37em;
}

.min-width-37em {
  min-width: 37em;
}

.height-37em {
  height: 37em;
}

.width-37em {
  width: 37em;
}

.max-height-38em {
  max-height: 38em;
}

.max-width-38em {
  max-width: 38em;
}

.min-height-38em {
  min-height: 38em;
}

.min-width-38em {
  min-width: 38em;
}

.height-38em {
  height: 38em;
}

.width-38em {
  width: 38em;
}

.max-height-39em {
  max-height: 39em;
}

.max-width-39em {
  max-width: 39em;
}

.min-height-39em {
  min-height: 39em;
}

.min-width-39em {
  min-width: 39em;
}

.height-39em {
  height: 39em;
}

.width-39em {
  width: 39em;
}

.max-height-40em {
  max-height: 40em;
}

.max-width-40em {
  max-width: 40em;
}

.min-height-40em {
  min-height: 40em;
}

.min-width-40em {
  min-width: 40em;
}

.height-40em {
  height: 40em;
}

.width-40em {
  width: 40em;
}

.max-height-41em {
  max-height: 41em;
}

.max-width-41em {
  max-width: 41em;
}

.min-height-41em {
  min-height: 41em;
}

.min-width-41em {
  min-width: 41em;
}

.height-41em {
  height: 41em;
}

.width-41em {
  width: 41em;
}

.max-height-42em {
  max-height: 42em;
}

.max-width-42em {
  max-width: 42em;
}

.min-height-42em {
  min-height: 42em;
}

.min-width-42em {
  min-width: 42em;
}

.height-42em {
  height: 42em;
}

.width-42em {
  width: 42em;
}

.max-height-43em {
  max-height: 43em;
}

.max-width-43em {
  max-width: 43em;
}

.min-height-43em {
  min-height: 43em;
}

.min-width-43em {
  min-width: 43em;
}

.height-43em {
  height: 43em;
}

.width-43em {
  width: 43em;
}

.max-height-44em {
  max-height: 44em;
}

.max-width-44em {
  max-width: 44em;
}

.min-height-44em {
  min-height: 44em;
}

.min-width-44em {
  min-width: 44em;
}

.height-44em {
  height: 44em;
}

.width-44em {
  width: 44em;
}

.max-height-45em {
  max-height: 45em;
}

.max-width-45em {
  max-width: 45em;
}

.min-height-45em {
  min-height: 45em;
}

.min-width-45em {
  min-width: 45em;
}

.height-45em {
  height: 45em;
}

.width-45em {
  width: 45em;
}

.max-height-46em {
  max-height: 46em;
}

.max-width-46em {
  max-width: 46em;
}

.min-height-46em {
  min-height: 46em;
}

.min-width-46em {
  min-width: 46em;
}

.height-46em {
  height: 46em;
}

.width-46em {
  width: 46em;
}

.max-height-47em {
  max-height: 47em;
}

.max-width-47em {
  max-width: 47em;
}

.min-height-47em {
  min-height: 47em;
}

.min-width-47em {
  min-width: 47em;
}

.height-47em {
  height: 47em;
}

.width-47em {
  width: 47em;
}

.max-height-48em {
  max-height: 48em;
}

.max-width-48em {
  max-width: 48em;
}

.min-height-48em {
  min-height: 48em;
}

.min-width-48em {
  min-width: 48em;
}

.height-48em {
  height: 48em;
}

.width-48em {
  width: 48em;
}

.max-height-49em {
  max-height: 49em;
}

.max-width-49em {
  max-width: 49em;
}

.min-height-49em {
  min-height: 49em;
}

.min-width-49em {
  min-width: 49em;
}

.height-49em {
  height: 49em;
}

.width-49em {
  width: 49em;
}

.max-height-50em {
  max-height: 50em;
}

.max-width-50em {
  max-width: 50em;
}

.min-height-50em {
  min-height: 50em;
}

.min-width-50em {
  min-width: 50em;
}

.height-50em {
  height: 50em;
}

.width-50em {
  width: 50em;
}

.max-height-1pct {
  max-height: 1%;
}

.max-width-1pct {
  max-width: 1%;
}

.min-height-1pct {
  min-height: 1%;
}

.min-width-1pct {
  min-width: 1%;
}

.height-1pct {
  height: 1%;
}

.width-1pct {
  width: 1%;
}

.max-height-2pct {
  max-height: 2%;
}

.max-width-2pct {
  max-width: 2%;
}

.min-height-2pct {
  min-height: 2%;
}

.min-width-2pct {
  min-width: 2%;
}

.height-2pct {
  height: 2%;
}

.width-2pct {
  width: 2%;
}

.max-height-3pct {
  max-height: 3%;
}

.max-width-3pct {
  max-width: 3%;
}

.min-height-3pct {
  min-height: 3%;
}

.min-width-3pct {
  min-width: 3%;
}

.height-3pct {
  height: 3%;
}

.width-3pct {
  width: 3%;
}

.max-height-4pct {
  max-height: 4%;
}

.max-width-4pct {
  max-width: 4%;
}

.min-height-4pct {
  min-height: 4%;
}

.min-width-4pct {
  min-width: 4%;
}

.height-4pct {
  height: 4%;
}

.width-4pct {
  width: 4%;
}

.max-height-5pct {
  max-height: 5%;
}

.max-width-5pct {
  max-width: 5%;
}

.min-height-5pct {
  min-height: 5%;
}

.min-width-5pct {
  min-width: 5%;
}

.height-5pct {
  height: 5%;
}

.width-5pct {
  width: 5%;
}

.max-height-6pct {
  max-height: 6%;
}

.max-width-6pct {
  max-width: 6%;
}

.min-height-6pct {
  min-height: 6%;
}

.min-width-6pct {
  min-width: 6%;
}

.height-6pct {
  height: 6%;
}

.width-6pct {
  width: 6%;
}

.max-height-7pct {
  max-height: 7%;
}

.max-width-7pct {
  max-width: 7%;
}

.min-height-7pct {
  min-height: 7%;
}

.min-width-7pct {
  min-width: 7%;
}

.height-7pct {
  height: 7%;
}

.width-7pct {
  width: 7%;
}

.max-height-8pct {
  max-height: 8%;
}

.max-width-8pct {
  max-width: 8%;
}

.min-height-8pct {
  min-height: 8%;
}

.min-width-8pct {
  min-width: 8%;
}

.height-8pct {
  height: 8%;
}

.width-8pct {
  width: 8%;
}

.max-height-9pct {
  max-height: 9%;
}

.max-width-9pct {
  max-width: 9%;
}

.min-height-9pct {
  min-height: 9%;
}

.min-width-9pct {
  min-width: 9%;
}

.height-9pct {
  height: 9%;
}

.width-9pct {
  width: 9%;
}

.max-height-10pct {
  max-height: 10%;
}

.max-width-10pct {
  max-width: 10%;
}

.min-height-10pct {
  min-height: 10%;
}

.min-width-10pct {
  min-width: 10%;
}

.height-10pct {
  height: 10%;
}

.width-10pct {
  width: 10%;
}

.max-height-11pct {
  max-height: 11%;
}

.max-width-11pct {
  max-width: 11%;
}

.min-height-11pct {
  min-height: 11%;
}

.min-width-11pct {
  min-width: 11%;
}

.height-11pct {
  height: 11%;
}

.width-11pct {
  width: 11%;
}

.max-height-12pct {
  max-height: 12%;
}

.max-width-12pct {
  max-width: 12%;
}

.min-height-12pct {
  min-height: 12%;
}

.min-width-12pct {
  min-width: 12%;
}

.height-12pct {
  height: 12%;
}

.width-12pct {
  width: 12%;
}

.max-height-13pct {
  max-height: 13%;
}

.max-width-13pct {
  max-width: 13%;
}

.min-height-13pct {
  min-height: 13%;
}

.min-width-13pct {
  min-width: 13%;
}

.height-13pct {
  height: 13%;
}

.width-13pct {
  width: 13%;
}

.max-height-14pct {
  max-height: 14%;
}

.max-width-14pct {
  max-width: 14%;
}

.min-height-14pct {
  min-height: 14%;
}

.min-width-14pct {
  min-width: 14%;
}

.height-14pct {
  height: 14%;
}

.width-14pct {
  width: 14%;
}

.max-height-15pct {
  max-height: 15%;
}

.max-width-15pct {
  max-width: 15%;
}

.min-height-15pct {
  min-height: 15%;
}

.min-width-15pct {
  min-width: 15%;
}

.height-15pct {
  height: 15%;
}

.width-15pct {
  width: 15%;
}

.max-height-16pct {
  max-height: 16%;
}

.max-width-16pct {
  max-width: 16%;
}

.min-height-16pct {
  min-height: 16%;
}

.min-width-16pct {
  min-width: 16%;
}

.height-16pct {
  height: 16%;
}

.width-16pct {
  width: 16%;
}

.max-height-17pct {
  max-height: 17%;
}

.max-width-17pct {
  max-width: 17%;
}

.min-height-17pct {
  min-height: 17%;
}

.min-width-17pct {
  min-width: 17%;
}

.height-17pct {
  height: 17%;
}

.width-17pct {
  width: 17%;
}

.max-height-18pct {
  max-height: 18%;
}

.max-width-18pct {
  max-width: 18%;
}

.min-height-18pct {
  min-height: 18%;
}

.min-width-18pct {
  min-width: 18%;
}

.height-18pct {
  height: 18%;
}

.width-18pct {
  width: 18%;
}

.max-height-19pct {
  max-height: 19%;
}

.max-width-19pct {
  max-width: 19%;
}

.min-height-19pct {
  min-height: 19%;
}

.min-width-19pct {
  min-width: 19%;
}

.height-19pct {
  height: 19%;
}

.width-19pct {
  width: 19%;
}

.max-height-20pct {
  max-height: 20%;
}

.max-width-20pct {
  max-width: 20%;
}

.min-height-20pct {
  min-height: 20%;
}

.min-width-20pct {
  min-width: 20%;
}

.height-20pct {
  height: 20%;
}

.width-20pct {
  width: 20%;
}

.max-height-21pct {
  max-height: 21%;
}

.max-width-21pct {
  max-width: 21%;
}

.min-height-21pct {
  min-height: 21%;
}

.min-width-21pct {
  min-width: 21%;
}

.height-21pct {
  height: 21%;
}

.width-21pct {
  width: 21%;
}

.max-height-22pct {
  max-height: 22%;
}

.max-width-22pct {
  max-width: 22%;
}

.min-height-22pct {
  min-height: 22%;
}

.min-width-22pct {
  min-width: 22%;
}

.height-22pct {
  height: 22%;
}

.width-22pct {
  width: 22%;
}

.max-height-23pct {
  max-height: 23%;
}

.max-width-23pct {
  max-width: 23%;
}

.min-height-23pct {
  min-height: 23%;
}

.min-width-23pct {
  min-width: 23%;
}

.height-23pct {
  height: 23%;
}

.width-23pct {
  width: 23%;
}

.max-height-24pct {
  max-height: 24%;
}

.max-width-24pct {
  max-width: 24%;
}

.min-height-24pct {
  min-height: 24%;
}

.min-width-24pct {
  min-width: 24%;
}

.height-24pct {
  height: 24%;
}

.width-24pct {
  width: 24%;
}

.max-height-25pct {
  max-height: 25%;
}

.max-width-25pct {
  max-width: 25%;
}

.min-height-25pct {
  min-height: 25%;
}

.min-width-25pct {
  min-width: 25%;
}

.height-25pct {
  height: 25%;
}

.width-25pct {
  width: 25%;
}

.max-height-26pct {
  max-height: 26%;
}

.max-width-26pct {
  max-width: 26%;
}

.min-height-26pct {
  min-height: 26%;
}

.min-width-26pct {
  min-width: 26%;
}

.height-26pct {
  height: 26%;
}

.width-26pct {
  width: 26%;
}

.max-height-27pct {
  max-height: 27%;
}

.max-width-27pct {
  max-width: 27%;
}

.min-height-27pct {
  min-height: 27%;
}

.min-width-27pct {
  min-width: 27%;
}

.height-27pct {
  height: 27%;
}

.width-27pct {
  width: 27%;
}

.max-height-28pct {
  max-height: 28%;
}

.max-width-28pct {
  max-width: 28%;
}

.min-height-28pct {
  min-height: 28%;
}

.min-width-28pct {
  min-width: 28%;
}

.height-28pct {
  height: 28%;
}

.width-28pct {
  width: 28%;
}

.max-height-29pct {
  max-height: 29%;
}

.max-width-29pct {
  max-width: 29%;
}

.min-height-29pct {
  min-height: 29%;
}

.min-width-29pct {
  min-width: 29%;
}

.height-29pct {
  height: 29%;
}

.width-29pct {
  width: 29%;
}

.max-height-30pct {
  max-height: 30%;
}

.max-width-30pct {
  max-width: 30%;
}

.min-height-30pct {
  min-height: 30%;
}

.min-width-30pct {
  min-width: 30%;
}

.height-30pct {
  height: 30%;
}

.width-30pct {
  width: 30%;
}

.max-height-31pct {
  max-height: 31%;
}

.max-width-31pct {
  max-width: 31%;
}

.min-height-31pct {
  min-height: 31%;
}

.min-width-31pct {
  min-width: 31%;
}

.height-31pct {
  height: 31%;
}

.width-31pct {
  width: 31%;
}

.max-height-32pct {
  max-height: 32%;
}

.max-width-32pct {
  max-width: 32%;
}

.min-height-32pct {
  min-height: 32%;
}

.min-width-32pct {
  min-width: 32%;
}

.height-32pct {
  height: 32%;
}

.width-32pct {
  width: 32%;
}

.max-height-33pct {
  max-height: 33%;
}

.max-width-33pct {
  max-width: 33%;
}

.min-height-33pct {
  min-height: 33%;
}

.min-width-33pct {
  min-width: 33%;
}

.height-33pct {
  height: 33%;
}

.width-33pct {
  width: 33%;
}

.max-height-34pct {
  max-height: 34%;
}

.max-width-34pct {
  max-width: 34%;
}

.min-height-34pct {
  min-height: 34%;
}

.min-width-34pct {
  min-width: 34%;
}

.height-34pct {
  height: 34%;
}

.width-34pct {
  width: 34%;
}

.max-height-35pct {
  max-height: 35%;
}

.max-width-35pct {
  max-width: 35%;
}

.min-height-35pct {
  min-height: 35%;
}

.min-width-35pct {
  min-width: 35%;
}

.height-35pct {
  height: 35%;
}

.width-35pct {
  width: 35%;
}

.max-height-36pct {
  max-height: 36%;
}

.max-width-36pct {
  max-width: 36%;
}

.min-height-36pct {
  min-height: 36%;
}

.min-width-36pct {
  min-width: 36%;
}

.height-36pct {
  height: 36%;
}

.width-36pct {
  width: 36%;
}

.max-height-37pct {
  max-height: 37%;
}

.max-width-37pct {
  max-width: 37%;
}

.min-height-37pct {
  min-height: 37%;
}

.min-width-37pct {
  min-width: 37%;
}

.height-37pct {
  height: 37%;
}

.width-37pct {
  width: 37%;
}

.max-height-38pct {
  max-height: 38%;
}

.max-width-38pct {
  max-width: 38%;
}

.min-height-38pct {
  min-height: 38%;
}

.min-width-38pct {
  min-width: 38%;
}

.height-38pct {
  height: 38%;
}

.width-38pct {
  width: 38%;
}

.max-height-39pct {
  max-height: 39%;
}

.max-width-39pct {
  max-width: 39%;
}

.min-height-39pct {
  min-height: 39%;
}

.min-width-39pct {
  min-width: 39%;
}

.height-39pct {
  height: 39%;
}

.width-39pct {
  width: 39%;
}

.max-height-40pct {
  max-height: 40%;
}

.max-width-40pct {
  max-width: 40%;
}

.min-height-40pct {
  min-height: 40%;
}

.min-width-40pct {
  min-width: 40%;
}

.height-40pct {
  height: 40%;
}

.width-40pct {
  width: 40%;
}

.max-height-41pct {
  max-height: 41%;
}

.max-width-41pct {
  max-width: 41%;
}

.min-height-41pct {
  min-height: 41%;
}

.min-width-41pct {
  min-width: 41%;
}

.height-41pct {
  height: 41%;
}

.width-41pct {
  width: 41%;
}

.max-height-42pct {
  max-height: 42%;
}

.max-width-42pct {
  max-width: 42%;
}

.min-height-42pct {
  min-height: 42%;
}

.min-width-42pct {
  min-width: 42%;
}

.height-42pct {
  height: 42%;
}

.width-42pct {
  width: 42%;
}

.max-height-43pct {
  max-height: 43%;
}

.max-width-43pct {
  max-width: 43%;
}

.min-height-43pct {
  min-height: 43%;
}

.min-width-43pct {
  min-width: 43%;
}

.height-43pct {
  height: 43%;
}

.width-43pct {
  width: 43%;
}

.max-height-44pct {
  max-height: 44%;
}

.max-width-44pct {
  max-width: 44%;
}

.min-height-44pct {
  min-height: 44%;
}

.min-width-44pct {
  min-width: 44%;
}

.height-44pct {
  height: 44%;
}

.width-44pct {
  width: 44%;
}

.max-height-45pct {
  max-height: 45%;
}

.max-width-45pct {
  max-width: 45%;
}

.min-height-45pct {
  min-height: 45%;
}

.min-width-45pct {
  min-width: 45%;
}

.height-45pct {
  height: 45%;
}

.width-45pct {
  width: 45%;
}

.max-height-46pct {
  max-height: 46%;
}

.max-width-46pct {
  max-width: 46%;
}

.min-height-46pct {
  min-height: 46%;
}

.min-width-46pct {
  min-width: 46%;
}

.height-46pct {
  height: 46%;
}

.width-46pct {
  width: 46%;
}

.max-height-47pct {
  max-height: 47%;
}

.max-width-47pct {
  max-width: 47%;
}

.min-height-47pct {
  min-height: 47%;
}

.min-width-47pct {
  min-width: 47%;
}

.height-47pct {
  height: 47%;
}

.width-47pct {
  width: 47%;
}

.max-height-48pct {
  max-height: 48%;
}

.max-width-48pct {
  max-width: 48%;
}

.min-height-48pct {
  min-height: 48%;
}

.min-width-48pct {
  min-width: 48%;
}

.height-48pct {
  height: 48%;
}

.width-48pct {
  width: 48%;
}

.max-height-49pct {
  max-height: 49%;
}

.max-width-49pct {
  max-width: 49%;
}

.min-height-49pct {
  min-height: 49%;
}

.min-width-49pct {
  min-width: 49%;
}

.height-49pct {
  height: 49%;
}

.width-49pct {
  width: 49%;
}

.max-height-50pct {
  max-height: 50%;
}

.max-width-50pct {
  max-width: 50%;
}

.min-height-50pct {
  min-height: 50%;
}

.min-width-50pct {
  min-width: 50%;
}

.height-50pct {
  height: 50%;
}

.width-50pct {
  width: 50%;
}

.max-height-51pct {
  max-height: 51%;
}

.max-width-51pct {
  max-width: 51%;
}

.min-height-51pct {
  min-height: 51%;
}

.min-width-51pct {
  min-width: 51%;
}

.height-51pct {
  height: 51%;
}

.width-51pct {
  width: 51%;
}

.max-height-52pct {
  max-height: 52%;
}

.max-width-52pct {
  max-width: 52%;
}

.min-height-52pct {
  min-height: 52%;
}

.min-width-52pct {
  min-width: 52%;
}

.height-52pct {
  height: 52%;
}

.width-52pct {
  width: 52%;
}

.max-height-53pct {
  max-height: 53%;
}

.max-width-53pct {
  max-width: 53%;
}

.min-height-53pct {
  min-height: 53%;
}

.min-width-53pct {
  min-width: 53%;
}

.height-53pct {
  height: 53%;
}

.width-53pct {
  width: 53%;
}

.max-height-54pct {
  max-height: 54%;
}

.max-width-54pct {
  max-width: 54%;
}

.min-height-54pct {
  min-height: 54%;
}

.min-width-54pct {
  min-width: 54%;
}

.height-54pct {
  height: 54%;
}

.width-54pct {
  width: 54%;
}

.max-height-55pct {
  max-height: 55%;
}

.max-width-55pct {
  max-width: 55%;
}

.min-height-55pct {
  min-height: 55%;
}

.min-width-55pct {
  min-width: 55%;
}

.height-55pct {
  height: 55%;
}

.width-55pct {
  width: 55%;
}

.max-height-56pct {
  max-height: 56%;
}

.max-width-56pct {
  max-width: 56%;
}

.min-height-56pct {
  min-height: 56%;
}

.min-width-56pct {
  min-width: 56%;
}

.height-56pct {
  height: 56%;
}

.width-56pct {
  width: 56%;
}

.max-height-57pct {
  max-height: 57%;
}

.max-width-57pct {
  max-width: 57%;
}

.min-height-57pct {
  min-height: 57%;
}

.min-width-57pct {
  min-width: 57%;
}

.height-57pct {
  height: 57%;
}

.width-57pct {
  width: 57%;
}

.max-height-58pct {
  max-height: 58%;
}

.max-width-58pct {
  max-width: 58%;
}

.min-height-58pct {
  min-height: 58%;
}

.min-width-58pct {
  min-width: 58%;
}

.height-58pct {
  height: 58%;
}

.width-58pct {
  width: 58%;
}

.max-height-59pct {
  max-height: 59%;
}

.max-width-59pct {
  max-width: 59%;
}

.min-height-59pct {
  min-height: 59%;
}

.min-width-59pct {
  min-width: 59%;
}

.height-59pct {
  height: 59%;
}

.width-59pct {
  width: 59%;
}

.max-height-60pct {
  max-height: 60%;
}

.max-width-60pct {
  max-width: 60%;
}

.min-height-60pct {
  min-height: 60%;
}

.min-width-60pct {
  min-width: 60%;
}

.height-60pct {
  height: 60%;
}

.width-60pct {
  width: 60%;
}

.max-height-61pct {
  max-height: 61%;
}

.max-width-61pct {
  max-width: 61%;
}

.min-height-61pct {
  min-height: 61%;
}

.min-width-61pct {
  min-width: 61%;
}

.height-61pct {
  height: 61%;
}

.width-61pct {
  width: 61%;
}

.max-height-62pct {
  max-height: 62%;
}

.max-width-62pct {
  max-width: 62%;
}

.min-height-62pct {
  min-height: 62%;
}

.min-width-62pct {
  min-width: 62%;
}

.height-62pct {
  height: 62%;
}

.width-62pct {
  width: 62%;
}

.max-height-63pct {
  max-height: 63%;
}

.max-width-63pct {
  max-width: 63%;
}

.min-height-63pct {
  min-height: 63%;
}

.min-width-63pct {
  min-width: 63%;
}

.height-63pct {
  height: 63%;
}

.width-63pct {
  width: 63%;
}

.max-height-64pct {
  max-height: 64%;
}

.max-width-64pct {
  max-width: 64%;
}

.min-height-64pct {
  min-height: 64%;
}

.min-width-64pct {
  min-width: 64%;
}

.height-64pct {
  height: 64%;
}

.width-64pct {
  width: 64%;
}

.max-height-65pct {
  max-height: 65%;
}

.max-width-65pct {
  max-width: 65%;
}

.min-height-65pct {
  min-height: 65%;
}

.min-width-65pct {
  min-width: 65%;
}

.height-65pct {
  height: 65%;
}

.width-65pct {
  width: 65%;
}

.max-height-66pct {
  max-height: 66%;
}

.max-width-66pct {
  max-width: 66%;
}

.min-height-66pct {
  min-height: 66%;
}

.min-width-66pct {
  min-width: 66%;
}

.height-66pct {
  height: 66%;
}

.width-66pct {
  width: 66%;
}

.max-height-67pct {
  max-height: 67%;
}

.max-width-67pct {
  max-width: 67%;
}

.min-height-67pct {
  min-height: 67%;
}

.min-width-67pct {
  min-width: 67%;
}

.height-67pct {
  height: 67%;
}

.width-67pct {
  width: 67%;
}

.max-height-68pct {
  max-height: 68%;
}

.max-width-68pct {
  max-width: 68%;
}

.min-height-68pct {
  min-height: 68%;
}

.min-width-68pct {
  min-width: 68%;
}

.height-68pct {
  height: 68%;
}

.width-68pct {
  width: 68%;
}

.max-height-69pct {
  max-height: 69%;
}

.max-width-69pct {
  max-width: 69%;
}

.min-height-69pct {
  min-height: 69%;
}

.min-width-69pct {
  min-width: 69%;
}

.height-69pct {
  height: 69%;
}

.width-69pct {
  width: 69%;
}

.max-height-70pct {
  max-height: 70%;
}

.max-width-70pct {
  max-width: 70%;
}

.min-height-70pct {
  min-height: 70%;
}

.min-width-70pct {
  min-width: 70%;
}

.height-70pct {
  height: 70%;
}

.width-70pct {
  width: 70%;
}

.max-height-71pct {
  max-height: 71%;
}

.max-width-71pct {
  max-width: 71%;
}

.min-height-71pct {
  min-height: 71%;
}

.min-width-71pct {
  min-width: 71%;
}

.height-71pct {
  height: 71%;
}

.width-71pct {
  width: 71%;
}

.max-height-72pct {
  max-height: 72%;
}

.max-width-72pct {
  max-width: 72%;
}

.min-height-72pct {
  min-height: 72%;
}

.min-width-72pct {
  min-width: 72%;
}

.height-72pct {
  height: 72%;
}

.width-72pct {
  width: 72%;
}

.max-height-73pct {
  max-height: 73%;
}

.max-width-73pct {
  max-width: 73%;
}

.min-height-73pct {
  min-height: 73%;
}

.min-width-73pct {
  min-width: 73%;
}

.height-73pct {
  height: 73%;
}

.width-73pct {
  width: 73%;
}

.max-height-74pct {
  max-height: 74%;
}

.max-width-74pct {
  max-width: 74%;
}

.min-height-74pct {
  min-height: 74%;
}

.min-width-74pct {
  min-width: 74%;
}

.height-74pct {
  height: 74%;
}

.width-74pct {
  width: 74%;
}

.max-height-75pct {
  max-height: 75%;
}

.max-width-75pct {
  max-width: 75%;
}

.min-height-75pct {
  min-height: 75%;
}

.min-width-75pct {
  min-width: 75%;
}

.height-75pct {
  height: 75%;
}

.width-75pct {
  width: 75%;
}

.max-height-76pct {
  max-height: 76%;
}

.max-width-76pct {
  max-width: 76%;
}

.min-height-76pct {
  min-height: 76%;
}

.min-width-76pct {
  min-width: 76%;
}

.height-76pct {
  height: 76%;
}

.width-76pct {
  width: 76%;
}

.max-height-77pct {
  max-height: 77%;
}

.max-width-77pct {
  max-width: 77%;
}

.min-height-77pct {
  min-height: 77%;
}

.min-width-77pct {
  min-width: 77%;
}

.height-77pct {
  height: 77%;
}

.width-77pct {
  width: 77%;
}

.max-height-78pct {
  max-height: 78%;
}

.max-width-78pct {
  max-width: 78%;
}

.min-height-78pct {
  min-height: 78%;
}

.min-width-78pct {
  min-width: 78%;
}

.height-78pct {
  height: 78%;
}

.width-78pct {
  width: 78%;
}

.max-height-79pct {
  max-height: 79%;
}

.max-width-79pct {
  max-width: 79%;
}

.min-height-79pct {
  min-height: 79%;
}

.min-width-79pct {
  min-width: 79%;
}

.height-79pct {
  height: 79%;
}

.width-79pct {
  width: 79%;
}

.max-height-80pct {
  max-height: 80%;
}

.max-width-80pct {
  max-width: 80%;
}

.min-height-80pct {
  min-height: 80%;
}

.min-width-80pct {
  min-width: 80%;
}

.height-80pct {
  height: 80%;
}

.width-80pct {
  width: 80%;
}

.max-height-81pct {
  max-height: 81%;
}

.max-width-81pct {
  max-width: 81%;
}

.min-height-81pct {
  min-height: 81%;
}

.min-width-81pct {
  min-width: 81%;
}

.height-81pct {
  height: 81%;
}

.width-81pct {
  width: 81%;
}

.max-height-82pct {
  max-height: 82%;
}

.max-width-82pct {
  max-width: 82%;
}

.min-height-82pct {
  min-height: 82%;
}

.min-width-82pct {
  min-width: 82%;
}

.height-82pct {
  height: 82%;
}

.width-82pct {
  width: 82%;
}

.max-height-83pct {
  max-height: 83%;
}

.max-width-83pct {
  max-width: 83%;
}

.min-height-83pct {
  min-height: 83%;
}

.min-width-83pct {
  min-width: 83%;
}

.height-83pct {
  height: 83%;
}

.width-83pct {
  width: 83%;
}

.max-height-84pct {
  max-height: 84%;
}

.max-width-84pct {
  max-width: 84%;
}

.min-height-84pct {
  min-height: 84%;
}

.min-width-84pct {
  min-width: 84%;
}

.height-84pct {
  height: 84%;
}

.width-84pct {
  width: 84%;
}

.max-height-85pct {
  max-height: 85%;
}

.max-width-85pct {
  max-width: 85%;
}

.min-height-85pct {
  min-height: 85%;
}

.min-width-85pct {
  min-width: 85%;
}

.height-85pct {
  height: 85%;
}

.width-85pct {
  width: 85%;
}

.max-height-86pct {
  max-height: 86%;
}

.max-width-86pct {
  max-width: 86%;
}

.min-height-86pct {
  min-height: 86%;
}

.min-width-86pct {
  min-width: 86%;
}

.height-86pct {
  height: 86%;
}

.width-86pct {
  width: 86%;
}

.max-height-87pct {
  max-height: 87%;
}

.max-width-87pct {
  max-width: 87%;
}

.min-height-87pct {
  min-height: 87%;
}

.min-width-87pct {
  min-width: 87%;
}

.height-87pct {
  height: 87%;
}

.width-87pct {
  width: 87%;
}

.max-height-88pct {
  max-height: 88%;
}

.max-width-88pct {
  max-width: 88%;
}

.min-height-88pct {
  min-height: 88%;
}

.min-width-88pct {
  min-width: 88%;
}

.height-88pct {
  height: 88%;
}

.width-88pct {
  width: 88%;
}

.max-height-89pct {
  max-height: 89%;
}

.max-width-89pct {
  max-width: 89%;
}

.min-height-89pct {
  min-height: 89%;
}

.min-width-89pct {
  min-width: 89%;
}

.height-89pct {
  height: 89%;
}

.width-89pct {
  width: 89%;
}

.max-height-90pct {
  max-height: 90%;
}

.max-width-90pct {
  max-width: 90%;
}

.min-height-90pct {
  min-height: 90%;
}

.min-width-90pct {
  min-width: 90%;
}

.height-90pct {
  height: 90%;
}

.width-90pct {
  width: 90%;
}

.max-height-91pct {
  max-height: 91%;
}

.max-width-91pct {
  max-width: 91%;
}

.min-height-91pct {
  min-height: 91%;
}

.min-width-91pct {
  min-width: 91%;
}

.height-91pct {
  height: 91%;
}

.width-91pct {
  width: 91%;
}

.max-height-92pct {
  max-height: 92%;
}

.max-width-92pct {
  max-width: 92%;
}

.min-height-92pct {
  min-height: 92%;
}

.min-width-92pct {
  min-width: 92%;
}

.height-92pct {
  height: 92%;
}

.width-92pct {
  width: 92%;
}

.max-height-93pct {
  max-height: 93%;
}

.max-width-93pct {
  max-width: 93%;
}

.min-height-93pct {
  min-height: 93%;
}

.min-width-93pct {
  min-width: 93%;
}

.height-93pct {
  height: 93%;
}

.width-93pct {
  width: 93%;
}

.max-height-94pct {
  max-height: 94%;
}

.max-width-94pct {
  max-width: 94%;
}

.min-height-94pct {
  min-height: 94%;
}

.min-width-94pct {
  min-width: 94%;
}

.height-94pct {
  height: 94%;
}

.width-94pct {
  width: 94%;
}

.max-height-95pct {
  max-height: 95%;
}

.max-width-95pct {
  max-width: 95%;
}

.min-height-95pct {
  min-height: 95%;
}

.min-width-95pct {
  min-width: 95%;
}

.height-95pct {
  height: 95%;
}

.width-95pct {
  width: 95%;
}

.max-height-96pct {
  max-height: 96%;
}

.max-width-96pct {
  max-width: 96%;
}

.min-height-96pct {
  min-height: 96%;
}

.min-width-96pct {
  min-width: 96%;
}

.height-96pct {
  height: 96%;
}

.width-96pct {
  width: 96%;
}

.max-height-97pct {
  max-height: 97%;
}

.max-width-97pct {
  max-width: 97%;
}

.min-height-97pct {
  min-height: 97%;
}

.min-width-97pct {
  min-width: 97%;
}

.height-97pct {
  height: 97%;
}

.width-97pct {
  width: 97%;
}

.max-height-98pct {
  max-height: 98%;
}

.max-width-98pct {
  max-width: 98%;
}

.min-height-98pct {
  min-height: 98%;
}

.min-width-98pct {
  min-width: 98%;
}

.height-98pct {
  height: 98%;
}

.width-98pct {
  width: 98%;
}

.max-height-99pct {
  max-height: 99%;
}

.max-width-99pct {
  max-width: 99%;
}

.min-height-99pct {
  min-height: 99%;
}

.min-width-99pct {
  min-width: 99%;
}

.height-99pct {
  height: 99%;
}

.width-99pct {
  width: 99%;
}

.max-height-100pct {
  max-height: 100%;
}

.max-width-100pct {
  max-width: 100%;
}

.min-height-100pct {
  min-height: 100%;
}

.min-width-100pct {
  min-width: 100%;
}

.height-100pct {
  height: 100%;
}

.width-100pct {
  width: 100%;
}

:root {
  font-size: 4mm;
}
@media all and (min-width: 40rem) {
  :root {
    font-size: 5.25mm;
  }
}

body {
  background-color: #202020;
  color: #eeeeee;
  font-family: "Roboto";
  font-size: 1rem;
  word-wrap: break-word;
}

dd {
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #105990;
  padding-bottom: 1rem;
}

details:not(.well):not(.alert), blockquote, dd, address, aside {
  margin-left: 0.5rem;
  border-left: 2px solid #105990;
  padding-left: 1rem;
}

cite, em, dfn, i, var, figure::before, dt, article > nav > ul > li ul ul ul {
  font-style: italic;
}

article > nav > ul > li ul a {
  font-weight: normal;
}

dialog.bonk--auto-dialog > h1.bonk--auto-dialog-header,
dialog.bonk--auto-dialog > details.bonk--auto-dialog-details > summary, th, a, abbr {
  font-weight: 500;
}

[data-bonk-slideshow] .bonk--slideshow-btn-next, [data-bonk-slideshow] .bonk--slideshow-btn-prev, strong, var.vector, var.matrix, var.tensor {
  font-weight: bold;
}

small, sub, sup, article > nav > ul > li ul ul {
  font-size: smaller;
}

code, kbd, samp, pre {
  font-family: "Roboto Mono", monospace;
  /*font-size: larger; %italic { margin-right: 0.1em; }*/
}

address {
  line-height: 1.25em;
}

article, section {
  padding: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto";
  padding: 0.4rem 0;
}

h1 {
  font-size: 2.7rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 2.1rem;
}

h4 {
  font-size: 1.9rem;
}

h5 {
  font-size: 1.7rem;
}

h6 {
  font-size: 1.5rem;
}

hgroup {
  padding-bottom: 0.4rem;
}
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {
  padding-bottom: 0;
}

article > nav > label[for|=article-nav-toggle] {
  width: 3rem;
  margin-left: -3rem;
  height: 2.5rem;
  background-color: #2a2a2a;
  border-radius: 0 0 0 0.5rem;
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path d="M12 24h72a4 4 0 0 1 0 8h-72a4 4 0 0 1 0 -8" fill="rgba(0, 145, 255, 1)"/> <path d="M12 45h72a4 4 0 0 1 0 8h-72a4 4 0 0 1 0 -8" fill="rgba(0, 145, 255, 1)"/> <path d="M12 66h72a4 4 0 0 1 0 8h-72a4 4 0 0 1 0 -8" fill="rgba(0, 145, 255, 1)"/></svg>');
  cursor: pointer;
}

article > nav > label[for|=article-nav-toggle] {
  padding-top: 1rem;
  margin-top: -1rem;
  background: linear-gradient(transparent 0%, #2a2a2a 1rem);
}

/* Site nav, across top */
main {
  position: fixed;
  top: 3rem;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  max-width: 100vw;
}
main ~ nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background-color: rgba(238, 238, 238, 0.05);
  box-shadow: 0px 0.125rem 0.125rem #202020;
}
main ~ nav ul ul {
  position: absolute;
  display: none;
  width: max-content;
  background: #2a2a2a;
}
main ~ nav ul ul li {
  line-height: 2em;
  border-left: 3px solid #105990;
}
main ~ nav ul ul li:hover {
  border-left: 3px solid #0091ff;
}
main ~ nav ul ul a {
  padding: 0 1rem;
}
main ~ nav li {
  position: relative;
}
main ~ nav li:hover {
  background-color: rgba(238, 238, 238, 0.05);
}
@media all and (min-width: 50rem) {
  main ~ nav li:hover > ul {
    display: block;
  }
}
main ~ nav a {
  font: inherit;
  color: inherit;
  display: block;
}
main ~ nav a:hover {
  background-color: rgba(238, 238, 238, 0.05);
}
main ~ nav > ul {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
main ~ nav > ul > li {
  padding: 1rem;
}
main ~ nav > ul > li > a {
  height: 100%;
  padding: 1rem;
  margin: -1rem;
}
main ~ nav > ul > li > a:hover {
  border-bottom: 3px solid #0091ff;
}
main ~ nav > ul > li > img {
  height: 2rem;
  margin: -0.5rem;
}
@media all and (min-width: 25rem) {
  main ~ nav > ul > li:hover > ul {
    display: block;
  }
}
main ~ nav > ul > li > ul {
  top: 100%;
  left: 0;
}
main ~ nav > ul > li > ul ul {
  left: 100%;
  top: 0;
}

/* Article nav, along side */
article {
  position: relative;
}
@media all and (min-width: 80rem) {
  article {
    padding-right: 15rem;
  }
}
article section:first-of-type > h1:first-of-type {
  margin-right: 3rem;
}
article > nav {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 15rem;
}
article > nav > input[type=checkbox][id|=article-nav-toggle] {
  display: none;
}
article > nav > input[type=checkbox][id|=article-nav-toggle]:not(:checked) ~ ul {
  display: none;
}
@media all and (min-width: 80rem) {
  article > nav > input[type=checkbox][id|=article-nav-toggle]:not(:checked) ~ ul {
    display: block;
  }
}
article > nav > input[type=checkbox][id|=article-nav-toggle]:checked ~ label {
  z-index: 1;
}
article > nav > label[for|=article-nav-toggle] {
  top: -1rem;
  position: sticky;
  float: right;
}
@media all and (min-width: 80rem) {
  article > nav > label[for|=article-nav-toggle] {
    display: none;
  }
}
article > nav ul {
  user-select: none;
}
article > nav ul li a {
  display: block;
  padding: 0.3rem 0.75rem 0.3rem 1rem;
  color: #eeeeee;
  transition: padding-right 0.15s ease-in-out;
}
article > nav ul li a:hover {
  background-color: rgba(238, 238, 238, 0.05);
  border-right: 2px solid #0091ff;
  margin-right: -2px;
  padding-right: 1rem;
}
article > nav ul li a + ul {
  border-right: 2px solid #105990;
  margin-right: 0.95rem;
}
article > nav > ul {
  position: sticky;
  top: 0;
  background: #2a2a2a;
  border-left: 0.25rem solid rgba(238, 238, 238, 0.05);
  border-radius: 0 0 0 0.5rem;
  text-align: right;
  padding-bottom: 0.5em;
  padding-top: 3.5rem;
  background: linear-gradient(transparent 0%, #2a2a2a 1rem);
  top: -1rem;
  margin-top: -1rem;
  height: 100vh;
  height: calc(100vh - 7rem);
  overflow-x: hidden;
}
@media all and (min-width: 80rem) {
  article > nav > ul {
    padding-top: 1.5rem;
    height: calc(100vh - 4.5rem);
    background: #2a2a2a;
    border-top: 0.25rem solid rgba(238, 238, 238, 0.05);
  }
}
nav ul {
  list-style-type: none;
}
nav ul li {
  margin: 0;
  line-height: 1rem;
}

p, details {
  line-height: 1.5em;
  padding-bottom: 0.5em;
}

article {
  counter-reset: figure;
}

figure {
  counter-increment: figure;
  padding: 1rem;
}
figure * {
  width: 100%;
}
figure::before {
  content: "Figure " counter(figure);
  display: block;
  padding: 0.5rem 0;
}
figure figcaption {
  padding: 0.5rem 0;
}

hr {
  border-color: #0091ff;
}

pre {
  tab-size: 4;
  background-color: rgba(16, 89, 144, 0.16);
  padding: 0.5rem;
  margin: 0.5rem;
  overflow-y: hidden;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

ol > li, ul > li {
  margin-left: 2rem;
  margin-bottom: 0.5rem;
  line-height: 1.35em;
}
ol:last-of-type, ul:last-of-type {
  margin-bottom: 0.5rem;
}

dl {
  line-height: 1.25em;
}

dd {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

a {
  color: #0091ff;
  text-decoration: none;
}

a[href*="://"]::after,
a[href^="mailto:"]::after,
a[href^="tel:"]::after {
  display: inline-block;
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><polyline fill="rgba(0, 145, 255, 1)" points="0,16 48,16 48,32 16,32 16,112 96,112 96,80 112,80 112,128 0,128"/><polyline fill="rgba(0, 145, 255, 1)" points="80,0 128,0 128,48 114,48 114,25.314 54.461,84.853 43.147,73.539 102.686,14 80,14"/></svg>');
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.2em;
  margin-right: 0.1em;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b {
  text-decoration: underline;
}

pre code {
  tab-size: 2;
  font-size: 1rem;
}

mark {
  background-color: #105990;
  color: #eeeeee;
}

q {
  quotes: "“" "”" "‘" "’";
}

q::before {
  content: open-quote;
}

q::after {
  content: close-quote;
}

s {
  text-decoration: line-through;
}

ins {
  text-decoration: underline double;
}

del {
  text-decoration: line-through double;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

var.const {
  font-style: normal;
}
var.tensor {
  font-family: sans-serif;
}

table {
  margin-bottom: 0.5em;
}

table, tbody {
  background: rgba(238, 238, 238, 0.05);
}

tbody, td, th {
  padding: 1rem;
}

tbody tr:nth-of-type(2n) {
  background: rgba(238, 238, 238, 0.05);
}

tbody tr:hover {
  background: rgba(0, 145, 255, 0.05);
}

th {
  background: #105990;
}

form.easy fieldset, form.easy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(2em, auto);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin: 0.75rem;
}

form.easy label, form.easy p {
  margin-bottom: 0.25rem;
  text-align: right;
}
form.easy label {
  align-self: center;
}
form.easy .radiogroup label {
  display: block;
  text-align: left;
}
form.easy input, form.easy button, form.easy select {
  max-width: 10rem;
  margin-bottom: 0.75rem;
  padding: 0.25rem;
}
form.easy progress {
  height: 100%;
}
form.easy button {
  grid-column: 2/3;
}
form.easy button.centered {
  grid-column: 1/3;
  width: fit-content;
  min-width: 20%;
  justify-self: center;
}
form.easy fieldset {
  grid-column: 1/3;
  border: 2px solid #0091ff;
  padding: 0.5rem 0.75rem;
  margin: 0.5rem 0;
}
form.easy fieldset legend {
  grid-column: 1/3;
  padding: 0 0.3rem;
}

button.thicc {
  padding: 0.25rem 0.5rem;
  margin: 0 0.5rem;
  font-size: 1rem;
}

details summary {
  line-height: 1.5em;
}
details[open] summary {
  margin-bottom: 0.5rem;
}
details:not(.well):not(.alert) {
  margin: 1rem;
}

.syntax-html-bracket {
  color: cyan;
}

.syntax-html-tag {
  color: yellow;
}

.syntax-html-attribute-key {
  color: lightgreen;
}

.syntax-html-attribute-equals {
  color: cyan;
}

.syntax-html-attribute-value {
  color: magenta;
}

.syntax-html-quotation {
  color: magenta;
}

.syntax-scss-directive {
  color: lightblue;
}

.syntax-scss-variable {
  color: lightgreen;
}

.syntax-scss-selector {
  color: lightgreen;
}

.syntax-scss-property {
  color: lightgreen;
}

.syntax-scss-string {
  color: magenta;
}

.syntax-scss-number {
  color: magenta;
}

.syntax-scss-color {
  color: magenta;
}

.syntax-scss-value {
  color: magenta;
}

.syntax-scss-bracket {
  color: cyan;
}

.syntax-scss-delimiter {
  color: cyan;
}

.syntax-js-keyword {
  color: yellow;
}

.syntax-js-object {
  color: white;
}

.syntax-js-operator {
  color: cyan;
}

.syntax-js-bracket {
  color: cyan;
}

.syntax-js-string {
  color: magenta;
}

.syntax-js-number {
  color: magenta;
}

.grid-row {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 40em) {
  .grid-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 50em) {
  .grid-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 60em) {
  .grid-row {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-row > .col-1w {
  grid-column: span 1;
}
.grid-row > .col-2w {
  grid-column: span 2;
}
.grid-row > .col-3w {
  grid-column: span 3;
}
.grid-row > .col-4w {
  grid-column: span 4;
}
.grid-row > .col-5w {
  grid-column: span 5;
}
.grid-row > .col-6w {
  grid-column: span 6;
}
.grid-row > .col-1w.col-1 {
  grid-column: 1/span 1;
}
.grid-row > .col-1w.col-2 {
  grid-column: 2/span 1;
}
.grid-row > .col-1w.col-3 {
  grid-column: 3/span 1;
}
.grid-row > .col-1w.col-4 {
  grid-column: 4/span 1;
}
.grid-row > .col-1w.col-5 {
  grid-column: 5/span 1;
}
.grid-row > .col-1w.col-6 {
  grid-column: 6/span 1;
}
.grid-row > .col-2w.col-1 {
  grid-column: 1/span 2;
}
.grid-row > .col-2w.col-2 {
  grid-column: 2/span 2;
}
.grid-row > .col-2w.col-3 {
  grid-column: 3/span 2;
}
.grid-row > .col-2w.col-4 {
  grid-column: 4/span 2;
}
.grid-row > .col-2w.col-5 {
  grid-column: 5/span 2;
}
.grid-row > .col-3w.col-1 {
  grid-column: 1/span 3;
}
.grid-row > .col-3w.col-2 {
  grid-column: 2/span 3;
}
.grid-row > .col-3w.col-3 {
  grid-column: 3/span 3;
}
.grid-row > .col-3w.col-4 {
  grid-column: 4/span 3;
}
.grid-row > .col-4w.col-1 {
  grid-column: 1/span 4;
}
.grid-row > .col-4w.col-2 {
  grid-column: 2/span 4;
}
.grid-row > .col-4w.col-3 {
  grid-column: 3/span 4;
}
.grid-row > .col-5w.col-1 {
  grid-column: 1/span 5;
}
.grid-row > .col-5w.col-2 {
  grid-column: 2/span 5;
}
.grid-row > .cell {
  padding: 1em;
  border-radius: 0.5em;
  margin: 0.25em;
}
.grid-row:not(.plain) > .cell {
  background-color: rgba(238, 238, 238, 0.05);
}

@media (min-width: 10rem) {
  .below-10rem {
    display: none;
  }
}
@media (max-width: 10rem) {
  .above-10rem {
    display: none;
  }
}
@media (min-width: 20rem) {
  .below-20rem {
    display: none;
  }
}
@media (max-width: 20rem) {
  .above-20rem {
    display: none;
  }
}
@media (min-width: 30rem) {
  .below-30rem {
    display: none;
  }
}
@media (max-width: 30rem) {
  .above-30rem {
    display: none;
  }
}
@media (min-width: 40rem) {
  .below-40rem {
    display: none;
  }
}
@media (max-width: 40rem) {
  .above-40rem {
    display: none;
  }
}
@media (min-width: 50rem) {
  .below-50rem {
    display: none;
  }
}
@media (max-width: 50rem) {
  .above-50rem {
    display: none;
  }
}
@media (min-width: 60rem) {
  .below-60rem {
    display: none;
  }
}
@media (max-width: 60rem) {
  .above-60rem {
    display: none;
  }
}
@media (min-width: 70rem) {
  .below-70rem {
    display: none;
  }
}
@media (max-width: 70rem) {
  .above-70rem {
    display: none;
  }
}
@media (min-width: 80rem) {
  .below-80rem {
    display: none;
  }
}
@media (max-width: 80rem) {
  .above-80rem {
    display: none;
  }
}
@media (min-width: 90rem) {
  .below-90rem {
    display: none;
  }
}
@media (max-width: 90rem) {
  .above-90rem {
    display: none;
  }
}
@media (min-width: 100rem) {
  .below-100rem {
    display: none;
  }
}
@media (max-width: 100rem) {
  .above-100rem {
    display: none;
  }
}
.well {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: rgba(238, 238, 238, 0.1);
  color: #484848;
  box-shadow: inset 0px 0px 2px 1px #484848;
  color: #eeeeee;
}

.alert {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #cce9ff;
  color: #004980;
  box-shadow: inset 0px 0px 2px 1px #004980;
}
.alert.good {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #e9ffcc;
  color: #3a6600;
  box-shadow: inset 0px 0px 2px 1px #3a6600;
}
.alert.warn {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #fdfddc;
  color: #575704;
  box-shadow: inset 0px 0px 2px 1px #575704;
}
.alert.bad {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #ffcce9;
  color: #800049;
  box-shadow: inset 0px 0px 2px 1px #800049;
}

.bonk-static {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
}

.bonk-dynamic {
  transition: 3s ease-in-out;
  transition-property: transform;
}
.bonk-dynamic:hover {
  transform: rotate(1080deg);
  transform-origin: 0% 0%;
}

dialog.bonk--auto-dialog {
  background-color: #202020;
  color: #eeeeee;
  border: 3px solid #0091ff;
  min-width: 4rem;
  display: grid;
  overflow-x: hidden;
  grid-template-areas: "header close" "content content";
  grid-template-columns: 1fr 2rem;
  grid-template-rows: minmax(max-content, 2rem) 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  height: auto;
  width: auto;
}
dialog.bonk--auto-dialog::backdrop {
  background-color: rgba(238, 238, 238, 0.1);
}
@media all and (min-width: 40rem) and (min-height: 40rem) {
  dialog.bonk--auto-dialog {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 80%;
    max-height: 85%;
    bottom: auto;
  }
}
dialog.bonk--auto-dialog > * {
  grid-area: content;
}
dialog.bonk--auto-dialog > h1.bonk--auto-dialog-header,
dialog.bonk--auto-dialog > details.bonk--auto-dialog-details {
  grid-area: header;
}
dialog.bonk--auto-dialog > h1.bonk--auto-dialog-header,
dialog.bonk--auto-dialog > details.bonk--auto-dialog-details > summary {
  font-size: 1.25rem;
}
dialog.bonk--auto-dialog > details.bonk--auto-dialog-details {
  margin: 0;
  border: 0;
  padding: 0;
}
dialog.bonk--auto-dialog > button.bonk--auto-dialog-close {
  grid-area: close;
  width: 2rem;
  font-size: 1.5rem;
}

[data-bonk-slideshow] {
  position: relative;
}
[data-bonk-slideshow] .bonk--slideshow-item {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
[data-bonk-slideshow] .bonk--slideshow-item-hidden {
  display: none;
}
[data-bonk-slideshow] .bonk--slideshow-btn-ctr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 40% 40%;
  grid-column-gap: 20%;
}
[data-bonk-slideshow] .bonk--slideshow-btn-next, [data-bonk-slideshow] .bonk--slideshow-btn-prev {
  display: inline-block;
  height: 100%;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  color: #0091ff;
  font-size: 2rem;
}
[data-bonk-slideshow] .bonk--slideshow-btn-next:focus, [data-bonk-slideshow] .bonk--slideshow-btn-prev:focus {
  outline: none;
}
[data-bonk-slideshow] .bonk--slideshow-btn-prev {
  text-align: left;
}
[data-bonk-slideshow] .bonk--slideshow-btn-prev .bonk--slideshow-btn-semicircle {
  clip-path: circle(3rem at 0% 50%);
}
[data-bonk-slideshow] .bonk--slideshow-btn-next {
  text-align: right;
}
[data-bonk-slideshow] .bonk--slideshow-btn-next .bonk--slideshow-btn-semicircle {
  clip-path: circle(3rem at 100% 50%);
}
[data-bonk-slideshow] .bonk--slideshow-btn-semicircle {
  background: #202020;
  padding: 3rem 0.5rem;
}
[data-bonk-slideshow] .bonk--slideshow-counter-ctr {
  position: absolute;
  bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
[data-bonk-slideshow] .bonk--slideshow-counter-ctr .bonk--slideshow-counter-dot {
  height: 0.75rem;
  width: 0.75rem;
  background: #202020;
  border-radius: 50%;
  border: 2px solid #105990;
  margin: 0 0.25rem;
  cursor: pointer;
}
[data-bonk-slideshow] .bonk--slideshow-counter-ctr .bonk--slideshow-counter-dot:hover {
  background: #105990;
}
[data-bonk-slideshow] .bonk--slideshow-counter-ctr .bonk--slideshow-counter-dot.bonk--slideshow-counter-current {
  background: #0091ff;
}

#bonk--ctxClickCatcher {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#bonk--ctxMenu {
  position: fixed;
  background: #2a2a2a;
  padding: 0.5rem 0;
  border-radius: 0.25rem;
}
#bonk--ctxMenu ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#bonk--ctxMenu ol li {
  margin: 0;
  padding: 0.25rem 0.75rem;
  min-width: 10em;
}
#bonk--ctxMenu ol li:hover {
  background: rgba(238, 238, 238, 0.05);
}

/*# sourceMappingURL=core.css.map */