@import "type/Montserrat.css";
@import "type/LibreBaskerville.css";
html,
body {
  margin: 0;
  padding: 0;
  background-color: black;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  font-family: fantasy;
  color: magenta;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
header {
  position: relative;
  min-width: 980px;
  max-width: 1240px;
  width: 100vw;
  margin: 0 auto;
}
header #masthead {
  margin: 1rem 0 0 40px;
}
header #masthead h1 {
  width: 300px;
  margin: 0 0 10px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid white;
  font-family: "Montserrat", serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 38px;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: white;
}
header #masthead ul {
  position: relative;
  color: white;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header #masthead ul li a {
  color: inherit;
  text-decoration: none;
  text-decoration-color: #95CDE5;
}
header #masthead ul li a[href]:hover {
  text-decoration: underline;
}
header #masthead ul li::before {
  content: "→";
  position: absolute;
  left: -1.1em;
}
header #masthead ul li.back::before {
  content: "←";
}
@media only screen and (max-width: 1000px) and (min-width: 525px) {
  header {
    min-width: auto;
  }
  header #masthead {
    position: static;
    margin: 2rem auto;
    padding: 0.6rem 0;
    display: grid;
    grid-template-columns: 270px auto;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    width: calc(100vw - 3rem);
    max-width: 560px;
  }
  header #masthead h1 {
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
  }
  header #masthead ul {
    margin-top: 3px;
  }
  header #masthead ul li {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-variant-numeric: oldstyle-nums;
    text-align: right;
  }
  header #masthead ul li::before {
    display: none;
  }
  header #masthead ul li::after {
    content: "→";
    padding: 0 0.25em;
  }
  header #masthead ul li.back::after {
    content: "←";
    padding: 0 0.25em;
  }
}
@media only screen and (max-width: 525px) {
  header {
    min-width: auto;
    padding: 0;
  }
  header #masthead {
    position: static;
    margin: 0 0 2rem 0;
    border: 0;
    padding: 0;
    background: #616058;
  }
  header #masthead h1 {
    border: 0;
    width: 100%;
    padding: 1rem 1.5rem;
    margin: 0;
  }
  header #masthead ul {
    margin: 0;
  }
  header #masthead ul li {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    font-variant-numeric: oldstyle-nums;
    padding-left: 1.5rem;
    background: rgba(0, 0, 0, 0.45);
  }
  header #masthead ul li::before {
    left: 0.5rem;
  }
  header #masthead ul li:first-child {
    background: rgba(0, 0, 0, 0.3);
  }
  header #masthead ul li:last-child {
    background: rgba(0, 0, 0, 0.6);
  }
  header #masthead ul li a {
    display: inline-block;
    width: 100%;
  }
}
#many-readings article {
  position: relative;
  min-width: 980px;
  max-width: 1240px;
  width: 100vw;
  padding: 40px 0 80px 0;
  margin: 0 auto;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
}
#many-readings article h1 {
  position: absolute;
  left: 40px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  color: white;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
}
#many-readings article h1 a {
  color: white;
}
#many-readings article h1 a[href]:hover {
  border-bottom: 1px solid #95CDE5;
  text-decoration: none;
}
#many-readings article a {
  color: #95CDE5;
  text-decoration: none;
}
#many-readings article a[href]:hover {
  text-decoration: underline;
  text-decoration-color: #D2ECF7;
}
#many-readings article p,
#many-readings article picture,
#many-readings article figure {
  display: block;
  width: 560px;
  margin: 1rem auto;
  color: white;
}
#many-readings article p.gallery {
  margin-top: 2em;
}
#many-readings article p.gallery img {
  box-sizing: content-box;
  border: 1px solid transparent;
}
#many-readings article p.gallery img:hover {
  border: 1px solid #666;
  padding: 4px 4px;
  margin: -4px -4px;
}
#many-readings article picture img,
#many-readings article picture svg {
  width: 950px;
  margin-left: -200px;
}
#many-readings article picture svg {
  position: absolute;
}
#many-readings article picture svg a rect {
  fill: black;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}
#many-readings article picture svg a.dim rect {
  opacity: 0.5;
}
#many-readings article picture svg.link-mask {
  display: inline;
}
#many-readings article picture svg.link-mask-crop {
  display: none;
}
#many-readings article ol {
  color: white;
  width: 560px;
  margin: 1rem auto;
  list-style-type: none;
  padding: 0;
}
#many-readings article ol li {
  position: relative;
  counter-increment: item;
}
#many-readings article ol li:before {
  font-family: "Montserrat", serif;
  font-weight: 900;
  font-size: 15px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  color: #aaa;
  content: counter(item) ".";
  position: absolute;
  width: 100px;
  left: -108px;
  text-align: right;
}
#many-readings article .sc {
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}
#many-readings article figure#endings-by-page h4 {
  border-top: 1px solid #999;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  color: white;
  letter-spacing: 0.015em;
  margin: 10px 0 0 0;
  padding-top: 4px;
}
#many-readings article figure#endings-by-page h4 span {
  float: right;
  font-weight: 200;
}
#many-readings article figure#endings-by-page h4 span button {
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
  margin: 0 10px;
}
#many-readings article figure#endings-by-page h4 span button.histogram {
  margin-right: 0;
}
#many-readings article figure#endings-by-page h4 span button.active {
  font-weight: 500;
  color: white;
}
#many-readings article figure#endings-by-page h4 span button:not(.active):hover {
  cursor: pointer;
  text-decoration: underline;
}
#many-readings article figure#endings-by-page h5 {
  color: #aaa;
  font-weight: 300;
  margin: 0;
  padding: 0;
  line-height: 18px;
}
#many-readings article a.fn {
  color: orange;
  font: 700 15px "Libre Baskerville", serif;
  display: inline-block;
  position: relative;
  transition: transform 0.07s linear;
}
#many-readings article a.fn:hover {
  transform: scale(2) translate(0, 1px);
  text-decoration: none;
}
#many-readings article a.fn.done {
  transform: scale(1);
  pointer-events: none;
}
#many-readings article aside {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.75s ease-out;
  margin-bottom: -1rem;
}
#many-readings article aside .footnote {
  width: 600px;
  margin: 1rem auto;
  border-left: 1px solid #666;
  position: relative;
}
#many-readings article aside .footnote a {
  color: #95CDE5;
  text-decoration: none;
}
#many-readings article aside .footnote a:hover {
  text-decoration: underline;
}
#many-readings article aside .footnote h1 {
  color: orange;
  font: 700 15px "Libre Baskerville", serif;
  font: 400 32px/32px "Libre Baskerville", serif;
  position: absolute;
  height: 100%;
  left: -35px;
  margin: 2px 0;
}
#many-readings article aside .footnote p {
  transform: translate(150px, 0);
  transition: transform 0.5s ease-out;
}
#many-readings article aside.visible {
  overflow: visible;
  height: auto;
  margin-bottom: 0;
  opacity: 1;
}
#many-readings article aside.visible .footnote p {
  transform: translate(0, 0);
}
#many-readings article a.colophon {
  width: 552px;
  margin: 30px 0;
  color: #888;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  font-variant-numeric: oldstyle-nums;
  border: 1px solid #666;
  text-transform: uppercase;
  padding: 5px 8px;
  letter-spacing: 0.1em;
  display: block;
}
#many-readings article a.colophon:after {
  font-family: "Montserrat", serif;
  font-weight: 200;
  font-size: 24px;
  line-height: 12px;
  font-variant-numeric: oldstyle-nums;
  content: "↓";
  float: right;
}
#many-readings article a.colophon:hover {
  color: #95CDE5;
  text-decoration: none;
}
#many-readings article #colophon {
  position: relative;
  width: 560px;
  margin: 1rem auto;
  opacity: 0;
  transition: opacity 0.72s ease-out;
}
#many-readings article #colophon.hidden {
  display: none;
}
#many-readings article #colophon.visible {
  opacity: 1;
}
#many-readings article #colophon p {
  width: auto;
  margin: 1rem 0;
}
#many-readings article #colophon h2 {
  position: absolute;
  width: 120px;
  left: -140px;
  color: #aaa;
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: right;
  margin: 0;
}
#many-readings article footer {
  max-width: 560px;
  margin: 0 auto;
  color: #ccc;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  font-variant-numeric: oldstyle-nums;
}
@media (max-width: 560px) {
  #many-readings article footer {
    max-width: 528px;
  }
}
@media only screen and (min-width: 1000px) {
  #many-readings header #masthead {
    position: absolute;
    z-index: 1;
  }
}
@media only screen and (max-width: 1000px) {
  #many-readings article {
    min-width: auto;
    margin: 0;
    padding-top: 0;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    font-variant-numeric: oldstyle-nums;
  }
  #many-readings article > h1 {
    position: static;
    max-width: 562px;
    width: 100%;
    margin: 4em auto 0 auto;
    padding: 0 15px;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 25px;
    font-variant-numeric: oldstyle-nums;
  }
  #many-readings article > h1:first-child {
    text-align: right;
    margin: 3em auto 2em auto;
  }
  #many-readings article p,
  #many-readings article ol,
  #many-readings article a img,
  #many-readings article figure,
  #many-readings article #colophon {
    max-width: 562px;
    width: 100%;
  }
  #many-readings article p,
  #many-readings article figure {
    padding: 0 1rem;
  }
  #many-readings article ol {
    padding: 0 1rem 0 3em;
  }
  #many-readings article picture {
    width: 100%;
    max-width: 560px;
  }
  #many-readings article picture img {
    width: auto;
    max-width: 100%;
    margin: 0;
  }
  #many-readings article picture svg {
    width: auto;
    max-width: 560px;
    margin: 0;
  }
  #many-readings article picture svg.link-mask {
    display: none;
  }
  #many-readings article picture svg.link-mask-crop {
    display: inline;
  }
  #many-readings article picture:first-child {
    max-width: 562px;
  }
  #many-readings article a img {
    pointer-events: none;
  }
  #many-readings article aside {
    max-width: 562px;
    width: 100%;
    margin: 1rem auto -1rem auto;
  }
  #many-readings article aside .footnote {
    position: relative;
    width: auto;
    margin: 0 0 0 60px;
  }
  #many-readings article aside .footnote p {
    width: auto;
    transform: translate(150px, 0);
    padding: 0 3em 0 1rem;
  }
  #many-readings article a.colophon {
    width: auto;
  }
  #many-readings article #colophon {
    width: 100%;
  }
  #many-readings article #colophon h2 {
    position: static;
    text-align: left;
    width: auto;
    margin-left: 15px;
    margin-top: 2.2em;
  }
  #many-readings article #colophon h2 + p {
    margin-top: 0;
  }
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content {
	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;

	/* styling */
	background: #fff;
	cursor: auto;

	/* reset white-space wrapping */
	white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff; /* Set the background in case it overlaps the content */
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}


/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

.featherlight-next,
.featherlight-previous {
	display: block;
	position: absolute;
	top: 25px;
	right: 25px;
	bottom: 0;
	left: 80%;
	cursor: pointer;
	/* preventing text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* IE9 hack, otherwise navigation doesn't appear */
	background: rgba(0,0,0,0);
}

.featherlight-previous {
	left: 25px;
	right: 80%;
}

.featherlight-next:hover,
.featherlight-previous:hover {
	background: rgba(255,255,255,0.25);
}


.featherlight-next span,
.featherlight-previous span {
	display: none;
	position: absolute;

	top: 50%;
	left: 5%;
	width: 82%;

	/* center horizontally */
	text-align: center;

	font-size: 80px;
	line-height: 80px;

	/* center vertically */
	margin-top: -40px;

	text-shadow: 0px 0px 5px #fff;
	color: #fff;
	font-style: normal;
	font-weight: normal;
}
.featherlight-next span {
	right: 5%;
	left: auto;
}


.featherlight-next:hover span,
.featherlight-previous:hover span {
	display: inline-block;
}

.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
	display: none;
}

/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
	display:none;
}

/* Hide navigation in case of single image */
.featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-first-slide.featherlight-last-slide .featherlight-next {
	display:none;
}


/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}

.featherlight {
  cursor: auto;
}
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.7);
}
.featherlight.featherlight-loading .featherlight-close-icon {
  display: none;
}
.featherlight .featherlight-content {
  background: transparent;
  padding: 32px;
  border-bottom: 0;
  pointer-events: none;
}
.featherlight .featherlight-content > * {
  pointer-events: auto;
}
.featherlight .featherlight-image {
  box-shadow: 0px 0px 28px 6px #000;
}
.featherlight .featherlight-close-icon {
  background: transparent;
  color: #666;
  font-size: 26px;
  top: 3px;
  right: 3px;
}
.featherlight .featherlight-close-icon:hover {
  color: white;
}
.featherlight .featherlight-next span,
.featherlight .featherlight-previous span {
  display: inline-block;
  text-shadow: none;
  font-size: 110px;
  opacity: 0;
}
.featherlight .featherlight-next:hover,
.featherlight .featherlight-previous:hover {
  background: transparent;
}
.featherlight .featherlight-next:hover span,
.featherlight .featherlight-previous:hover span {
  opacity: 1;
}
.featherlight .featherlight-image:hover ~ span > span {
  opacity: 0.333;
}
.featherlight .featherlight-next span {
  transform: rotate(-45deg);
}
.featherlight .featherlight-previous span {
  transform: rotate(45deg);
}
.featherlight .spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.featherlight .spinner > div {
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.featherlight .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.featherlight .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#books {
  width: 100vw;
  margin: 0 auto;
}
#books header {
  min-width: auto;
  max-width: none;
}
#books nav {
  position: sticky;
  z-index: 1;
  color: white;
  font-family: "Montserrat", serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  padding: 20px 0 20px 40px;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
}
#books nav span {
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  line-height: 30px;
}
#books nav .menu {
  position: relative;
  display: inline;
  margin-right: 0.5em;
}
#books nav .menu select {
  appearance: none;
  border: 0;
  min-width: 130px;
  opacity: 0;
  line-height: 30px;
}
#books nav .menu select:focus {
  outline: none;
}
#books nav .menu select:hover {
  cursor: pointer;
}
#books nav .menu::after {
  position: absolute;
  left: 4px;
  content: attr(data-mode) ' ▼';
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  line-height: 30px;
  pointer-events: none;
}
#books nav .menu:hover::after {
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#books nav ol {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#books nav ol li {
  -webkit-user-select: none;
  user-select: none;
}
#books nav ol li + li::before {
  content: "/";
  display: inline-block;
  color: orange;
  min-width: 40px;
  text-align: center;
  font-weight: 100;
}
#books nav ol li.active {
  font-weight: 600;
}
#books nav ol li:not(.active):hover {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#books ul#corpus {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
#books ul#corpus.arc li figure {
  min-height: 180px;
}
#books ul#corpus.loop li figure {
  margin-bottom: 0;
}
#books ul#corpus li {
  color: #777;
  position: relative;
  width: 240px;
}
#books ul#corpus li h1 {
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  font-variant-numeric: oldstyle-nums;
  border-top: 1px solid #777;
  padding-top: 4px;
  margin-right: 20px;
}
#books ul#corpus li h1 .catalog {
  position: absolute;
  left: 0;
  top: -27px;
  display: none;
  font-weight: 700;
  font-style: normal;
}
#books ul#corpus li h1 .spine {
  position: absolute;
  width: 150px;
  opacity: 1;
  font-style: italic;
}
#books ul#corpus li h1 .year {
  float: right;
}
#books ul#corpus li figure {
  max-width: 100%;
  margin: 50px 20px 25px 0;
  display: flex;
  align-items: center;
}
#books ul#corpus li img {
  width: 100%;
}
#books ul#corpus li a {
  position: absolute;
  width: 100%;
  height: 100%;
}
#books ul#corpus li:hover {
  cursor: pointer;
}
#books ul#corpus li:hover h1 {
  color: white;
  border-color: #95CDE5;
  border-top-width: 2px;
  padding-top: 3px;
}
#books ul#corpus li:hover h1 .spine {
  opacity: 1;
}
#books ul#corpus li:hover h1 .catalog {
  display: block;
}
@media (min-width: 1000px) {
  #books header {
    margin-bottom: 80px;
  }
  #books header h1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60px;
    padding-left: 40px;
    padding-top: 14px;
    border: 0;
    background: black;
    z-index: 1;
  }
  #books header ul {
    padding-top: 45px;
    width: 300px;
  }
  #books header ul li:first-child {
    border-top: 1px solid white;
    padding-top: 10px;
  }
  #books nav {
    position: fixed;
    top: 0;
    padding-top: 20px;
    padding-bottom: 6px;
    z-index: 2;
  }
}
@media (min-width: 1000px) and (min-width: 1000px) {
  #books nav {
    left: 720px;
  }
}
@media (min-width: 1000px) and (min-width: 1240px) {
  #books nav {
    left: 960px;
  }
}
@media (min-width: 1000px) and (min-width: 1480px) {
  #books nav {
    left: 1200px;
  }
}
@media (min-width: 1000px) and (min-width: 1720px) {
  #books nav {
    left: 1440px;
  }
}
@media (min-width: 1000px) and (min-width: 1960px) {
  #books nav {
    left: 1680px;
  }
}
@media (min-width: 1000px) and (min-width: 2200px) {
  #books nav {
    left: 1920px;
  }
}
@media (min-width: 1000px) and (min-width: 2440px) {
  #books nav {
    left: 2160px;
  }
}
@media (min-width: 1000px) and (min-width: 2680px) {
  #books nav {
    left: 2400px;
  }
}
@media (min-width: 1000px) and (min-width: 2920px) {
  #books nav {
    left: 2640px;
  }
}
@media (min-width: 1000px) and (min-width: 3160px) {
  #books nav {
    left: 2880px;
  }
}
@media (min-width: 1000px) and (min-width: 3400px) {
  #books nav {
    left: 3120px;
  }
}
@media (min-width: 1000px) and (min-width: 3640px) {
  #books nav {
    left: 3360px;
  }
}
@media (min-width: 1000px) and (min-width: 3880px) {
  #books nav {
    left: 3600px;
  }
}
@media (min-width: 1000px) and (min-width: 4120px) {
  #books nav {
    left: 3840px;
  }
}
@media (min-width: 1000px) and (min-width: 4360px) {
  #books nav {
    left: 4080px;
  }
}
@media (min-width: 1000px) and (min-width: 4600px) {
  #books nav {
    left: 4320px;
  }
}
@media (min-width: 1000px) and (min-width: 4840px) {
  #books nav {
    left: 4560px;
  }
}
@media (min-width: 1000px) and (min-width: 5080px) {
  #books nav {
    left: 4800px;
  }
}
@media (min-width: 1000px) and (min-width: 5320px) {
  #books nav {
    left: 5040px;
  }
}
@media (min-width: 1000px) and (min-width: 5560px) {
  #books nav {
    left: 5280px;
  }
}
@media (min-width: 1000px) and (min-width: 5800px) {
  #books nav {
    left: 5520px;
  }
}
@media (min-width: 1000px) and (min-width: 6040px) {
  #books nav {
    left: 5760px;
  }
}
@media (min-width: 1000px) and (min-width: 6280px) {
  #books nav {
    left: 6000px;
  }
}
@media (min-width: 1000px) and (min-width: 6520px) {
  #books nav {
    left: 6240px;
  }
}
@media (min-width: 1000px) and (min-width: 6760px) {
  #books nav {
    left: 6480px;
  }
}
@media (min-width: 1000px) and (min-width: 7000px) {
  #books nav {
    left: 6720px;
  }
}
@media (min-width: 1000px) and (min-width: 7240px) {
  #books nav {
    left: 6960px;
  }
}
@media (min-width: 1000px) and (min-width: 7480px) {
  #books nav {
    left: 7200px;
  }
}
@media (min-width: 1000px) and (min-width: 7720px) {
  #books nav {
    left: 7440px;
  }
}
@media only screen and (max-width: 1240px) {
  #books ul#corpus {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 20% 20% 20% 20% 20%;
  }
  #books ul#corpus li {
    width: 100%;
  }
  #books nav {
    left: auto;
    right: 0px;
  }
}
@media only screen and (max-width: 1000px) {
  #books nav {
    padding: 10px 0 15px calc((100vw - 830px) / 2);
    font-size: 15px;
  }
  #books nav span {
    font-size: 12px;
  }
  #books nav ol li {
    white-space: nowrap;
  }
  #books nav ol li + li::before {
    min-width: 20px;
  }
  #books header #masthead {
    margin-bottom: 0;
    max-width: 830px;
  }
  #books ul#corpus {
    width: calc(830px + 3rem);
    padding-left: 1.5rem;
    margin: 16px auto;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 20% 20% 20% 20% 20%;
  }
  #books ul#corpus li {
    width: 100%;
  }
  #books ul#corpus li span.year {
    position: relative;
    top: -1.8em;
  }
  #books ul#corpus li span.catalog {
    display: block;
  }
  #books ul#corpus.loop li figure {
    margin-bottom: 15px;
    min-width: auto;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 860px) {
  #books ul#corpus {
    grid-template-columns: 25% 25% 25% 25%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 700px) {
  #books ul#corpus {
    grid-template-columns: 33% 33% 33%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 550px) {
  #books ul#corpus {
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 340px) {
  #books ul#corpus {
    grid-template-columns: 100%;
  }
}
@media only screen and (max-width: 878px) {
  #books nav {
    padding-left: 1.5rem;
  }
  #books ul#corpus {
    margin: 16px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 525px) {
  #books nav ol {
    flex-wrap: wrap;
  }
  #books nav ol li + li::before {
    display: none;
  }
  #books nav ol li {
    margin-right: 14px;
  }
}
.ticks {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
}
.tick {
  position: relative;
  display: flex;
  justify-content: center;
  width: 1px;
  background: gray;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 10.5px;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 55.986px;
  font-variant-numeric: oldstyle-nums;
  color: transparent;
}
.tick:nth-child(5n-4) {
  color: #aaa;
}
.tick.current {
  color: white;
  font-weight: 700;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 21px 0 0 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 2px #222, 0px 0px 0px #2f2f2f;
  background: #777;
  border-radius: 5px;
  border: 0px solid #444;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px transparent, 0px 0px 0px rgba(13, 13, 13, 0);
  border: 1px solid transparent;
  height: 42px;
  width: 60px;
  background: transparent center center url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2032%22%3E%3Crect%20width%3D%2216%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%20style%3D%22fill%3A%23d5d7d8%22%2F%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3A%23737577%3Bstroke-miterlimit%3A10%22%20d%3D%22M8%2010.016v11.91%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  cursor: grab;
  -webkit-appearance: none;
  margin-top: -16px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #848484;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 2px #222, 0px 0px 0px #2f2f2f;
  background: #777;
  border-radius: 5px;
  border: 0px solid #444;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px transparent, 0px 0px 0px rgba(13, 13, 13, 0);
  border: 1px solid transparent;
  height: 42px;
  width: 60px;
  background: transparent center center url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2032%22%3E%3Crect%20width%3D%2216%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%20style%3D%22fill%3A%23d5d7d8%22%2F%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3A%23737577%3Bstroke-miterlimit%3A10%22%20d%3D%22M8%2010.016v11.91%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  cursor: grab;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 60px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #6a6a6a;
  border: 0px solid #444;
  border-radius: 10px;
  box-shadow: 0px 0px 2px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-fill-upper {
  background: #777;
  border: 0px solid #444;
  border-radius: 10px;
  box-shadow: 0px 0px 2px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 1px transparent, 0px 0px 0px rgba(13, 13, 13, 0);
  border: 1px solid transparent;
  height: 42px;
  width: 60px;
  background: transparent center center url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2032%22%3E%3Crect%20width%3D%2216%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%20style%3D%22fill%3A%23d5d7d8%22%2F%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3A%23737577%3Bstroke-miterlimit%3A10%22%20d%3D%22M8%2010.016v11.91%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  cursor: grab;
}
input[type=range]:focus::-ms-fill-lower {
  background: #777;
}
input[type=range]:focus::-ms-fill-upper {
  background: #848484;
}
#book.dragging input[type=range]::-webkit-slider-runnable-track {
  cursor: grabbing;
}
#book.dragging input[type=range]::-webkit-slider-thumb {
  cursor: grabbing;
}
#book.dragging input[type=range]::-moz-range-track {
  cursor: grabbing;
}
#book.dragging input[type=range]::-moz-range-thumb {
  cursor: grabbing;
}
#book.dragging input[type=range]::-ms-track {
  cursor: grabbing;
}
#book.dragging input[type=range]::-ms-thumb {
  cursor: grabbing;
}
#book {
  height: auto;
  padding-bottom: 100px;
}
#book.dragging {
  cursor: grabbing;
}
#book header {
  max-width: 830px;
  min-width: auto;
}
#book header #library {
  background: black;
  margin: 0;
  padding: 13px 0 0 0;
}
#book header #library h1 {
  margin: 0 0 10px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid white;
  font-family: "Montserrat", serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 38px;
  font-variant-numeric: oldstyle-nums;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: white;
}
#book header #library h1 a {
  color: inherit;
  text-decoration: none;
  position: relative;
}
#book header #library h1 a::before {
  position: absolute;
  left: -1.1em;
  top: -0.5em;
  content: "←";
}
#book header #library h1 a:hover {
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#book header nav {
  padding-top: 20px;
  background: rgba(0, 0, 0, 0.9);
}
#book header ul {
  position: absolute;
  top: 0;
  right: 0;
  margin: 13px 0 0 0;
  list-style-type: none;
  display: flex;
}
@media (max-width: 830px) {
  #book header ul {
    right: 10px;
  }
}
@media (max-width: 450px) {
  #book header ul {
    display: none;
  }
}
#book header ul .prev + .next {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
#book header ul .prev + .next:before {
  content: "|";
  position: absolute;
  left: -2px;
  color: #6b6b6b;
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 38px;
  font-variant-numeric: oldstyle-nums;
}
#book header ul .next a::after,
#book header ul .prev a::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  opacity: 0.666;
  top: -3px;
}
#book header ul a {
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 38px;
  font-variant-numeric: oldstyle-nums;
  font-variant: lining-nums;
  letter-spacing: 0.025em;
  text-decoration: none;
  color: white;
  opacity: 0.666;
  position: relative;
}
#book header ul a:hover {
  opacity: 1;
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#book header ul a:hover::after,
#book header ul a:hover::before {
  opacity: 1;
}
#book header ul .next {
  text-align: right;
}
#book header ul .next a {
  padding-right: 20px;
}
#book header ul .next a::after {
  right: 0;
  border-top: 2px solid white;
  border-right: 2px solid white;
  transform: translate(0, 4px) rotate(45deg);
}
#book header ul .prev a {
  padding-left: 20px;
}
#book header ul .prev a::before {
  left: 0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  transform: translate(0, 4px) rotate(-45deg);
}
#book #intro {
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 830px;
  width: 100vw;
  margin: 0 auto;
}
#book #intro h1 {
  width: 500px;
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  font-variant-numeric: oldstyle-nums;
  margin-top: 0;
}
#book #intro h2 {
  font-family: "Montserrat", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  font-variant-numeric: oldstyle-nums;
  color: #cc4c02;
  letter-spacing: 0.05em;
  margin: 0;
  font-variant: lining-nums;
}
#book #intro .blurb {
  width: 420px;
  font-family: "Montserrat", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-variant-numeric: oldstyle-nums;
}
#book #intro .blurb .prompt {
  font-weight: 600;
}
#book #intro .blurb .stats {
  list-style-type: none;
  color: #999;
  font-style: italic;
  padding: 0;
}
#book #intro .blurb a {
  font: inherit;
  color: inherit;
  text-decoration-color: #95CDE5;
}
#book #intro .cover {
  margin: 8px 0;
  width: 300px;
}
#book #intro .cover img {
  max-width: 300px;
  align-self: center;
  margin-right: 20px;
}
#book nav {
  max-width: 830px;
  position: sticky;
  top: 0px;
  width: 830px;
  left: calc((100vw - 830px) / 2);
  background: rgba(0, 0, 0, 0.9);
}
#book nav h1 {
  font-family: "Montserrat", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  color: #cc4c02;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
#book nav.stuck h1 {
  opacity: 1;
}
#book nav .label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  left: -100px;
  top: 48px;
  text-transform: uppercase;
  min-width: 100px;
}
#book nav .label span {
  color: white;
  letter-spacing: 0.05em;
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
}
#book nav .label button {
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  padding: 2px 15px 6px 15px;
  border: 0;
  color: white;
  background: #333;
  border-radius: 10px;
  transition: background 0.5s;
}
#book nav .label:hover,
#book nav .label button:hover {
  cursor: pointer;
}
#book nav .label:hover button,
#book nav .label button:hover button {
  color: black;
  background: #999;
}
#book nav #slider {
  padding-top: 42px;
  height: 140px;
  display: flex;
  align-content: center;
}
#book nav #slider .ui {
  width: 100%;
}
#book nav #slider .ui text {
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
}
#book nav #slider path.handle {
  outline: none;
}
#book nav #slider .track {
  stroke: #555;
}
#book nav #slider .track-inset {
  stroke: #888;
}
#book a.bookmark {
  position: relative;
  top: -100px;
}
#book section {
  max-width: 830px;
  width: 100vw;
  margin: 0 auto;
  border-top: 4px solid white;
}
#book section + section {
  margin-top: 80px;
}
#book section h1 {
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  font-variant-numeric: oldstyle-nums;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #6b6b6b;
  margin: 0;
  padding: 10px 0 8px 0;
}
#book section .diagram {
  margin: 14px 0;
}
#book section .key {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #6b6b6b;
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  font-variant-numeric: oldstyle-nums;
  color: #999;
}
#book section .key ul {
  list-style-type: none;
  padding: 0;
  min-width: 190px;
  margin-right: 40px;
}
#book section .key ul li.count- {
  display: none;
}
#book section .key ul li.story {
  color: #5a5a5a;
  text-indent: 20px;
}
#book section .key ul li.choose-2 {
  color: #7A2D01;
  background: left / 32px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23cc4c02%3B%7D.cls-2%7Bfill%3A%23662506%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  text-indent: 40px;
  height: 24px;
  line-height: 22px;
}
#book section .key ul li.choose-3 {
  color: #985C18;
  background: left / 32px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fe9928%3B%7D.cls-2%7Bfill%3A%23cc4c02%3B%7D.cls-3%7Bfill%3A%23662506%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20class%3D%22cls-3%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  text-indent: 40px;
  height: 34px;
  line-height: 32px;
}
#book section .key ul li.choose-4 {
  color: #988858;
  background: left / 32px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fee392%3B%7D.cls-2%7Bfill%3A%23fe9928%3B%7D.cls-3%7Bfill%3A%23cc4c02%3B%7D.cls-4%7Bfill%3A%23662506%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20class%3D%22cls-3%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20class%3D%22cls-4%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  text-indent: 40px;
  height: 34px;
  line-height: 32px;
}
#book section .key ul li.ending {
  color: #517C8D;
  background: left / 12px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.84257%2011.84257%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2387ceeb%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eending%3C%2Ftitle%3E%3Cg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%221.7343%22%20y%3D%221.7343%22%20width%3D%228.37396%22%20height%3D%228.37396%22%20transform%3D%22translate(-2.45268%205.92128)%20rotate(-45)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  text-indent: 20px;
}
#book section .key img {
  margin: 14px 0;
  max-width: 700px;
  width: 100%;
  height: auto;
}
#book #net h1 a,
#book #arc h1 a,
#book #galley h1 a,
#book #teeth h1 a,
#book #matrix h1 a,
#book #plane h1 a,
#book #loop h1 a {
  color: inherit;
  text-decoration: none;
}
#book #net h1 a:hover,
#book #arc h1 a:hover,
#book #galley h1 a:hover,
#book #teeth h1 a:hover,
#book #matrix h1 a:hover,
#book #plane h1 a:hover,
#book #loop h1 a:hover {
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#book #net .diagram:not(.static) svg > g .branch,
#book #arc .diagram:not(.static) svg > g .branch,
#book #galley .diagram:not(.static) svg > g .branch,
#book #teeth .diagram:not(.static) svg > g .branch,
#book #matrix .diagram:not(.static) svg > g .branch,
#book #plane .diagram:not(.static) svg > g .branch,
#book #loop .diagram:not(.static) svg > g .branch,
#book #net .diagram:not(.static) svg > g .page,
#book #arc .diagram:not(.static) svg > g .page,
#book #galley .diagram:not(.static) svg > g .page,
#book #teeth .diagram:not(.static) svg > g .page,
#book #matrix .diagram:not(.static) svg > g .page,
#book #plane .diagram:not(.static) svg > g .page,
#book #loop .diagram:not(.static) svg > g .page {
  display: none;
}
#book #net .diagram:not(.static) svg > g .ending,
#book #arc .diagram:not(.static) svg > g .ending,
#book #galley .diagram:not(.static) svg > g .ending,
#book #teeth .diagram:not(.static) svg > g .ending,
#book #matrix .diagram:not(.static) svg > g .ending,
#book #plane .diagram:not(.static) svg > g .ending,
#book #loop .diagram:not(.static) svg > g .ending {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
}
#book #net .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #arc .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #galley .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #teeth .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #matrix .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #plane .diagram:not(.static) svg > g.depth-80 .depth-80,
#book #loop .diagram:not(.static) svg > g.depth-80 .depth-80 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #arc .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #galley .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #teeth .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #matrix .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #plane .diagram:not(.static) svg > g.depth-80 .ending.depth-80,
#book #loop .diagram:not(.static) svg > g.depth-80 .ending.depth-80 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #arc .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #galley .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #teeth .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #matrix .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #plane .diagram:not(.static) svg > g.depth-79 .depth-79,
#book #loop .diagram:not(.static) svg > g.depth-79 .depth-79 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #arc .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #galley .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #teeth .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #matrix .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #plane .diagram:not(.static) svg > g.depth-79 .ending.depth-79,
#book #loop .diagram:not(.static) svg > g.depth-79 .ending.depth-79 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #arc .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #galley .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #teeth .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #matrix .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #plane .diagram:not(.static) svg > g.depth-78 .depth-78,
#book #loop .diagram:not(.static) svg > g.depth-78 .depth-78 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #arc .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #galley .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #teeth .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #matrix .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #plane .diagram:not(.static) svg > g.depth-78 .ending.depth-78,
#book #loop .diagram:not(.static) svg > g.depth-78 .ending.depth-78 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #arc .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #galley .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #teeth .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #matrix .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #plane .diagram:not(.static) svg > g.depth-77 .depth-77,
#book #loop .diagram:not(.static) svg > g.depth-77 .depth-77 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #arc .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #galley .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #teeth .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #matrix .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #plane .diagram:not(.static) svg > g.depth-77 .ending.depth-77,
#book #loop .diagram:not(.static) svg > g.depth-77 .ending.depth-77 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #arc .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #galley .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #teeth .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #matrix .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #plane .diagram:not(.static) svg > g.depth-76 .depth-76,
#book #loop .diagram:not(.static) svg > g.depth-76 .depth-76 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #arc .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #galley .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #teeth .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #matrix .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #plane .diagram:not(.static) svg > g.depth-76 .ending.depth-76,
#book #loop .diagram:not(.static) svg > g.depth-76 .ending.depth-76 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #arc .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #galley .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #teeth .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #matrix .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #plane .diagram:not(.static) svg > g.depth-75 .depth-75,
#book #loop .diagram:not(.static) svg > g.depth-75 .depth-75 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #arc .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #galley .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #teeth .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #matrix .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #plane .diagram:not(.static) svg > g.depth-75 .ending.depth-75,
#book #loop .diagram:not(.static) svg > g.depth-75 .ending.depth-75 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #arc .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #galley .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #teeth .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #matrix .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #plane .diagram:not(.static) svg > g.depth-74 .depth-74,
#book #loop .diagram:not(.static) svg > g.depth-74 .depth-74 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #arc .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #galley .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #teeth .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #matrix .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #plane .diagram:not(.static) svg > g.depth-74 .ending.depth-74,
#book #loop .diagram:not(.static) svg > g.depth-74 .ending.depth-74 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #arc .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #galley .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #teeth .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #matrix .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #plane .diagram:not(.static) svg > g.depth-73 .depth-73,
#book #loop .diagram:not(.static) svg > g.depth-73 .depth-73 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #arc .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #galley .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #teeth .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #matrix .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #plane .diagram:not(.static) svg > g.depth-73 .ending.depth-73,
#book #loop .diagram:not(.static) svg > g.depth-73 .ending.depth-73 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #arc .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #galley .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #teeth .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #matrix .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #plane .diagram:not(.static) svg > g.depth-72 .depth-72,
#book #loop .diagram:not(.static) svg > g.depth-72 .depth-72 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #arc .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #galley .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #teeth .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #matrix .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #plane .diagram:not(.static) svg > g.depth-72 .ending.depth-72,
#book #loop .diagram:not(.static) svg > g.depth-72 .ending.depth-72 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #arc .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #galley .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #teeth .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #matrix .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #plane .diagram:not(.static) svg > g.depth-71 .depth-71,
#book #loop .diagram:not(.static) svg > g.depth-71 .depth-71 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #arc .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #galley .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #teeth .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #matrix .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #plane .diagram:not(.static) svg > g.depth-71 .ending.depth-71,
#book #loop .diagram:not(.static) svg > g.depth-71 .ending.depth-71 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #arc .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #galley .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #teeth .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #matrix .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #plane .diagram:not(.static) svg > g.depth-70 .depth-70,
#book #loop .diagram:not(.static) svg > g.depth-70 .depth-70 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #arc .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #galley .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #teeth .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #matrix .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #plane .diagram:not(.static) svg > g.depth-70 .ending.depth-70,
#book #loop .diagram:not(.static) svg > g.depth-70 .ending.depth-70 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #arc .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #galley .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #teeth .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #matrix .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #plane .diagram:not(.static) svg > g.depth-69 .depth-69,
#book #loop .diagram:not(.static) svg > g.depth-69 .depth-69 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #arc .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #galley .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #teeth .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #matrix .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #plane .diagram:not(.static) svg > g.depth-69 .ending.depth-69,
#book #loop .diagram:not(.static) svg > g.depth-69 .ending.depth-69 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #arc .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #galley .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #teeth .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #matrix .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #plane .diagram:not(.static) svg > g.depth-68 .depth-68,
#book #loop .diagram:not(.static) svg > g.depth-68 .depth-68 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #arc .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #galley .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #teeth .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #matrix .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #plane .diagram:not(.static) svg > g.depth-68 .ending.depth-68,
#book #loop .diagram:not(.static) svg > g.depth-68 .ending.depth-68 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #arc .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #galley .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #teeth .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #matrix .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #plane .diagram:not(.static) svg > g.depth-67 .depth-67,
#book #loop .diagram:not(.static) svg > g.depth-67 .depth-67 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #arc .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #galley .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #teeth .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #matrix .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #plane .diagram:not(.static) svg > g.depth-67 .ending.depth-67,
#book #loop .diagram:not(.static) svg > g.depth-67 .ending.depth-67 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #arc .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #galley .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #teeth .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #matrix .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #plane .diagram:not(.static) svg > g.depth-66 .depth-66,
#book #loop .diagram:not(.static) svg > g.depth-66 .depth-66 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #arc .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #galley .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #teeth .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #matrix .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #plane .diagram:not(.static) svg > g.depth-66 .ending.depth-66,
#book #loop .diagram:not(.static) svg > g.depth-66 .ending.depth-66 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #arc .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #galley .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #teeth .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #matrix .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #plane .diagram:not(.static) svg > g.depth-65 .depth-65,
#book #loop .diagram:not(.static) svg > g.depth-65 .depth-65 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #arc .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #galley .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #teeth .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #matrix .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #plane .diagram:not(.static) svg > g.depth-65 .ending.depth-65,
#book #loop .diagram:not(.static) svg > g.depth-65 .ending.depth-65 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #arc .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #galley .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #teeth .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #matrix .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #plane .diagram:not(.static) svg > g.depth-64 .depth-64,
#book #loop .diagram:not(.static) svg > g.depth-64 .depth-64 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #arc .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #galley .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #teeth .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #matrix .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #plane .diagram:not(.static) svg > g.depth-64 .ending.depth-64,
#book #loop .diagram:not(.static) svg > g.depth-64 .ending.depth-64 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #arc .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #galley .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #teeth .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #matrix .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #plane .diagram:not(.static) svg > g.depth-63 .depth-63,
#book #loop .diagram:not(.static) svg > g.depth-63 .depth-63 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #arc .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #galley .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #teeth .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #matrix .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #plane .diagram:not(.static) svg > g.depth-63 .ending.depth-63,
#book #loop .diagram:not(.static) svg > g.depth-63 .ending.depth-63 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #arc .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #galley .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #teeth .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #matrix .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #plane .diagram:not(.static) svg > g.depth-62 .depth-62,
#book #loop .diagram:not(.static) svg > g.depth-62 .depth-62 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #arc .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #galley .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #teeth .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #matrix .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #plane .diagram:not(.static) svg > g.depth-62 .ending.depth-62,
#book #loop .diagram:not(.static) svg > g.depth-62 .ending.depth-62 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #arc .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #galley .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #teeth .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #matrix .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #plane .diagram:not(.static) svg > g.depth-61 .depth-61,
#book #loop .diagram:not(.static) svg > g.depth-61 .depth-61 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #arc .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #galley .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #teeth .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #matrix .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #plane .diagram:not(.static) svg > g.depth-61 .ending.depth-61,
#book #loop .diagram:not(.static) svg > g.depth-61 .ending.depth-61 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #arc .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #galley .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #teeth .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #matrix .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #plane .diagram:not(.static) svg > g.depth-60 .depth-60,
#book #loop .diagram:not(.static) svg > g.depth-60 .depth-60 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #arc .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #galley .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #teeth .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #matrix .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #plane .diagram:not(.static) svg > g.depth-60 .ending.depth-60,
#book #loop .diagram:not(.static) svg > g.depth-60 .ending.depth-60 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #arc .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #galley .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #teeth .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #matrix .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #plane .diagram:not(.static) svg > g.depth-59 .depth-59,
#book #loop .diagram:not(.static) svg > g.depth-59 .depth-59 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #arc .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #galley .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #teeth .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #matrix .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #plane .diagram:not(.static) svg > g.depth-59 .ending.depth-59,
#book #loop .diagram:not(.static) svg > g.depth-59 .ending.depth-59 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #arc .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #galley .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #teeth .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #matrix .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #plane .diagram:not(.static) svg > g.depth-58 .depth-58,
#book #loop .diagram:not(.static) svg > g.depth-58 .depth-58 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #arc .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #galley .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #teeth .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #matrix .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #plane .diagram:not(.static) svg > g.depth-58 .ending.depth-58,
#book #loop .diagram:not(.static) svg > g.depth-58 .ending.depth-58 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #arc .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #galley .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #teeth .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #matrix .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #plane .diagram:not(.static) svg > g.depth-57 .depth-57,
#book #loop .diagram:not(.static) svg > g.depth-57 .depth-57 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #arc .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #galley .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #teeth .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #matrix .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #plane .diagram:not(.static) svg > g.depth-57 .ending.depth-57,
#book #loop .diagram:not(.static) svg > g.depth-57 .ending.depth-57 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #arc .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #galley .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #teeth .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #matrix .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #plane .diagram:not(.static) svg > g.depth-56 .depth-56,
#book #loop .diagram:not(.static) svg > g.depth-56 .depth-56 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #arc .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #galley .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #teeth .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #matrix .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #plane .diagram:not(.static) svg > g.depth-56 .ending.depth-56,
#book #loop .diagram:not(.static) svg > g.depth-56 .ending.depth-56 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #arc .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #galley .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #teeth .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #matrix .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #plane .diagram:not(.static) svg > g.depth-55 .depth-55,
#book #loop .diagram:not(.static) svg > g.depth-55 .depth-55 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #arc .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #galley .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #teeth .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #matrix .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #plane .diagram:not(.static) svg > g.depth-55 .ending.depth-55,
#book #loop .diagram:not(.static) svg > g.depth-55 .ending.depth-55 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #arc .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #galley .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #teeth .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #matrix .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #plane .diagram:not(.static) svg > g.depth-54 .depth-54,
#book #loop .diagram:not(.static) svg > g.depth-54 .depth-54 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #arc .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #galley .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #teeth .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #matrix .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #plane .diagram:not(.static) svg > g.depth-54 .ending.depth-54,
#book #loop .diagram:not(.static) svg > g.depth-54 .ending.depth-54 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #arc .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #galley .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #teeth .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #matrix .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #plane .diagram:not(.static) svg > g.depth-53 .depth-53,
#book #loop .diagram:not(.static) svg > g.depth-53 .depth-53 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #arc .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #galley .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #teeth .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #matrix .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #plane .diagram:not(.static) svg > g.depth-53 .ending.depth-53,
#book #loop .diagram:not(.static) svg > g.depth-53 .ending.depth-53 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #arc .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #galley .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #teeth .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #matrix .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #plane .diagram:not(.static) svg > g.depth-52 .depth-52,
#book #loop .diagram:not(.static) svg > g.depth-52 .depth-52 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #arc .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #galley .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #teeth .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #matrix .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #plane .diagram:not(.static) svg > g.depth-52 .ending.depth-52,
#book #loop .diagram:not(.static) svg > g.depth-52 .ending.depth-52 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #arc .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #galley .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #teeth .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #matrix .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #plane .diagram:not(.static) svg > g.depth-51 .depth-51,
#book #loop .diagram:not(.static) svg > g.depth-51 .depth-51 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #arc .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #galley .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #teeth .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #matrix .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #plane .diagram:not(.static) svg > g.depth-51 .ending.depth-51,
#book #loop .diagram:not(.static) svg > g.depth-51 .ending.depth-51 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #arc .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #galley .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #teeth .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #matrix .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #plane .diagram:not(.static) svg > g.depth-50 .depth-50,
#book #loop .diagram:not(.static) svg > g.depth-50 .depth-50 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #arc .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #galley .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #teeth .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #matrix .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #plane .diagram:not(.static) svg > g.depth-50 .ending.depth-50,
#book #loop .diagram:not(.static) svg > g.depth-50 .ending.depth-50 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #arc .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #galley .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #teeth .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #matrix .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #plane .diagram:not(.static) svg > g.depth-49 .depth-49,
#book #loop .diagram:not(.static) svg > g.depth-49 .depth-49 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #arc .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #galley .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #teeth .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #matrix .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #plane .diagram:not(.static) svg > g.depth-49 .ending.depth-49,
#book #loop .diagram:not(.static) svg > g.depth-49 .ending.depth-49 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #arc .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #galley .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #teeth .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #matrix .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #plane .diagram:not(.static) svg > g.depth-48 .depth-48,
#book #loop .diagram:not(.static) svg > g.depth-48 .depth-48 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #arc .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #galley .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #teeth .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #matrix .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #plane .diagram:not(.static) svg > g.depth-48 .ending.depth-48,
#book #loop .diagram:not(.static) svg > g.depth-48 .ending.depth-48 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #arc .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #galley .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #teeth .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #matrix .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #plane .diagram:not(.static) svg > g.depth-47 .depth-47,
#book #loop .diagram:not(.static) svg > g.depth-47 .depth-47 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #arc .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #galley .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #teeth .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #matrix .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #plane .diagram:not(.static) svg > g.depth-47 .ending.depth-47,
#book #loop .diagram:not(.static) svg > g.depth-47 .ending.depth-47 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #arc .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #galley .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #teeth .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #matrix .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #plane .diagram:not(.static) svg > g.depth-46 .depth-46,
#book #loop .diagram:not(.static) svg > g.depth-46 .depth-46 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #arc .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #galley .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #teeth .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #matrix .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #plane .diagram:not(.static) svg > g.depth-46 .ending.depth-46,
#book #loop .diagram:not(.static) svg > g.depth-46 .ending.depth-46 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #arc .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #galley .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #teeth .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #matrix .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #plane .diagram:not(.static) svg > g.depth-45 .depth-45,
#book #loop .diagram:not(.static) svg > g.depth-45 .depth-45 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #arc .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #galley .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #teeth .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #matrix .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #plane .diagram:not(.static) svg > g.depth-45 .ending.depth-45,
#book #loop .diagram:not(.static) svg > g.depth-45 .ending.depth-45 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #arc .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #galley .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #teeth .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #matrix .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #plane .diagram:not(.static) svg > g.depth-44 .depth-44,
#book #loop .diagram:not(.static) svg > g.depth-44 .depth-44 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #arc .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #galley .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #teeth .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #matrix .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #plane .diagram:not(.static) svg > g.depth-44 .ending.depth-44,
#book #loop .diagram:not(.static) svg > g.depth-44 .ending.depth-44 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #arc .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #galley .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #teeth .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #matrix .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #plane .diagram:not(.static) svg > g.depth-43 .depth-43,
#book #loop .diagram:not(.static) svg > g.depth-43 .depth-43 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #arc .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #galley .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #teeth .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #matrix .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #plane .diagram:not(.static) svg > g.depth-43 .ending.depth-43,
#book #loop .diagram:not(.static) svg > g.depth-43 .ending.depth-43 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #arc .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #galley .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #teeth .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #matrix .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #plane .diagram:not(.static) svg > g.depth-42 .depth-42,
#book #loop .diagram:not(.static) svg > g.depth-42 .depth-42 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #arc .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #galley .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #teeth .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #matrix .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #plane .diagram:not(.static) svg > g.depth-42 .ending.depth-42,
#book #loop .diagram:not(.static) svg > g.depth-42 .ending.depth-42 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #arc .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #galley .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #teeth .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #matrix .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #plane .diagram:not(.static) svg > g.depth-41 .depth-41,
#book #loop .diagram:not(.static) svg > g.depth-41 .depth-41 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #arc .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #galley .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #teeth .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #matrix .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #plane .diagram:not(.static) svg > g.depth-41 .ending.depth-41,
#book #loop .diagram:not(.static) svg > g.depth-41 .ending.depth-41 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #arc .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #galley .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #teeth .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #matrix .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #plane .diagram:not(.static) svg > g.depth-40 .depth-40,
#book #loop .diagram:not(.static) svg > g.depth-40 .depth-40 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #arc .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #galley .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #teeth .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #matrix .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #plane .diagram:not(.static) svg > g.depth-40 .ending.depth-40,
#book #loop .diagram:not(.static) svg > g.depth-40 .ending.depth-40 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #arc .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #galley .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #teeth .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #matrix .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #plane .diagram:not(.static) svg > g.depth-39 .depth-39,
#book #loop .diagram:not(.static) svg > g.depth-39 .depth-39 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #arc .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #galley .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #teeth .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #matrix .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #plane .diagram:not(.static) svg > g.depth-39 .ending.depth-39,
#book #loop .diagram:not(.static) svg > g.depth-39 .ending.depth-39 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #arc .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #galley .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #teeth .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #matrix .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #plane .diagram:not(.static) svg > g.depth-38 .depth-38,
#book #loop .diagram:not(.static) svg > g.depth-38 .depth-38 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #arc .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #galley .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #teeth .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #matrix .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #plane .diagram:not(.static) svg > g.depth-38 .ending.depth-38,
#book #loop .diagram:not(.static) svg > g.depth-38 .ending.depth-38 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #arc .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #galley .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #teeth .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #matrix .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #plane .diagram:not(.static) svg > g.depth-37 .depth-37,
#book #loop .diagram:not(.static) svg > g.depth-37 .depth-37 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #arc .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #galley .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #teeth .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #matrix .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #plane .diagram:not(.static) svg > g.depth-37 .ending.depth-37,
#book #loop .diagram:not(.static) svg > g.depth-37 .ending.depth-37 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #arc .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #galley .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #teeth .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #matrix .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #plane .diagram:not(.static) svg > g.depth-36 .depth-36,
#book #loop .diagram:not(.static) svg > g.depth-36 .depth-36 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #arc .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #galley .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #teeth .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #matrix .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #plane .diagram:not(.static) svg > g.depth-36 .ending.depth-36,
#book #loop .diagram:not(.static) svg > g.depth-36 .ending.depth-36 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #arc .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #galley .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #teeth .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #matrix .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #plane .diagram:not(.static) svg > g.depth-35 .depth-35,
#book #loop .diagram:not(.static) svg > g.depth-35 .depth-35 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #arc .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #galley .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #teeth .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #matrix .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #plane .diagram:not(.static) svg > g.depth-35 .ending.depth-35,
#book #loop .diagram:not(.static) svg > g.depth-35 .ending.depth-35 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #arc .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #galley .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #teeth .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #matrix .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #plane .diagram:not(.static) svg > g.depth-34 .depth-34,
#book #loop .diagram:not(.static) svg > g.depth-34 .depth-34 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #arc .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #galley .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #teeth .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #matrix .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #plane .diagram:not(.static) svg > g.depth-34 .ending.depth-34,
#book #loop .diagram:not(.static) svg > g.depth-34 .ending.depth-34 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #arc .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #galley .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #teeth .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #matrix .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #plane .diagram:not(.static) svg > g.depth-33 .depth-33,
#book #loop .diagram:not(.static) svg > g.depth-33 .depth-33 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #arc .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #galley .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #teeth .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #matrix .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #plane .diagram:not(.static) svg > g.depth-33 .ending.depth-33,
#book #loop .diagram:not(.static) svg > g.depth-33 .ending.depth-33 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #arc .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #galley .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #teeth .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #matrix .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #plane .diagram:not(.static) svg > g.depth-32 .depth-32,
#book #loop .diagram:not(.static) svg > g.depth-32 .depth-32 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #arc .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #galley .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #teeth .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #matrix .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #plane .diagram:not(.static) svg > g.depth-32 .ending.depth-32,
#book #loop .diagram:not(.static) svg > g.depth-32 .ending.depth-32 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #arc .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #galley .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #teeth .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #matrix .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #plane .diagram:not(.static) svg > g.depth-31 .depth-31,
#book #loop .diagram:not(.static) svg > g.depth-31 .depth-31 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #arc .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #galley .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #teeth .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #matrix .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #plane .diagram:not(.static) svg > g.depth-31 .ending.depth-31,
#book #loop .diagram:not(.static) svg > g.depth-31 .ending.depth-31 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #arc .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #galley .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #teeth .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #matrix .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #plane .diagram:not(.static) svg > g.depth-30 .depth-30,
#book #loop .diagram:not(.static) svg > g.depth-30 .depth-30 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #arc .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #galley .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #teeth .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #matrix .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #plane .diagram:not(.static) svg > g.depth-30 .ending.depth-30,
#book #loop .diagram:not(.static) svg > g.depth-30 .ending.depth-30 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #arc .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #galley .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #teeth .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #matrix .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #plane .diagram:not(.static) svg > g.depth-29 .depth-29,
#book #loop .diagram:not(.static) svg > g.depth-29 .depth-29 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #arc .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #galley .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #teeth .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #matrix .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #plane .diagram:not(.static) svg > g.depth-29 .ending.depth-29,
#book #loop .diagram:not(.static) svg > g.depth-29 .ending.depth-29 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #arc .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #galley .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #teeth .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #matrix .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #plane .diagram:not(.static) svg > g.depth-28 .depth-28,
#book #loop .diagram:not(.static) svg > g.depth-28 .depth-28 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #arc .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #galley .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #teeth .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #matrix .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #plane .diagram:not(.static) svg > g.depth-28 .ending.depth-28,
#book #loop .diagram:not(.static) svg > g.depth-28 .ending.depth-28 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #arc .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #galley .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #teeth .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #matrix .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #plane .diagram:not(.static) svg > g.depth-27 .depth-27,
#book #loop .diagram:not(.static) svg > g.depth-27 .depth-27 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #arc .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #galley .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #teeth .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #matrix .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #plane .diagram:not(.static) svg > g.depth-27 .ending.depth-27,
#book #loop .diagram:not(.static) svg > g.depth-27 .ending.depth-27 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #arc .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #galley .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #teeth .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #matrix .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #plane .diagram:not(.static) svg > g.depth-26 .depth-26,
#book #loop .diagram:not(.static) svg > g.depth-26 .depth-26 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #arc .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #galley .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #teeth .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #matrix .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #plane .diagram:not(.static) svg > g.depth-26 .ending.depth-26,
#book #loop .diagram:not(.static) svg > g.depth-26 .ending.depth-26 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #arc .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #galley .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #teeth .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #matrix .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #plane .diagram:not(.static) svg > g.depth-25 .depth-25,
#book #loop .diagram:not(.static) svg > g.depth-25 .depth-25 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #arc .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #galley .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #teeth .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #matrix .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #plane .diagram:not(.static) svg > g.depth-25 .ending.depth-25,
#book #loop .diagram:not(.static) svg > g.depth-25 .ending.depth-25 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #arc .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #galley .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #teeth .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #matrix .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #plane .diagram:not(.static) svg > g.depth-24 .depth-24,
#book #loop .diagram:not(.static) svg > g.depth-24 .depth-24 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #arc .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #galley .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #teeth .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #matrix .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #plane .diagram:not(.static) svg > g.depth-24 .ending.depth-24,
#book #loop .diagram:not(.static) svg > g.depth-24 .ending.depth-24 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #arc .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #galley .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #teeth .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #matrix .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #plane .diagram:not(.static) svg > g.depth-23 .depth-23,
#book #loop .diagram:not(.static) svg > g.depth-23 .depth-23 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #arc .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #galley .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #teeth .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #matrix .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #plane .diagram:not(.static) svg > g.depth-23 .ending.depth-23,
#book #loop .diagram:not(.static) svg > g.depth-23 .ending.depth-23 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #arc .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #galley .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #teeth .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #matrix .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #plane .diagram:not(.static) svg > g.depth-22 .depth-22,
#book #loop .diagram:not(.static) svg > g.depth-22 .depth-22 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #arc .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #galley .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #teeth .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #matrix .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #plane .diagram:not(.static) svg > g.depth-22 .ending.depth-22,
#book #loop .diagram:not(.static) svg > g.depth-22 .ending.depth-22 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #arc .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #galley .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #teeth .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #matrix .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #plane .diagram:not(.static) svg > g.depth-21 .depth-21,
#book #loop .diagram:not(.static) svg > g.depth-21 .depth-21 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #arc .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #galley .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #teeth .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #matrix .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #plane .diagram:not(.static) svg > g.depth-21 .ending.depth-21,
#book #loop .diagram:not(.static) svg > g.depth-21 .ending.depth-21 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #arc .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #galley .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #teeth .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #matrix .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #plane .diagram:not(.static) svg > g.depth-20 .depth-20,
#book #loop .diagram:not(.static) svg > g.depth-20 .depth-20 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #arc .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #galley .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #teeth .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #matrix .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #plane .diagram:not(.static) svg > g.depth-20 .ending.depth-20,
#book #loop .diagram:not(.static) svg > g.depth-20 .ending.depth-20 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #arc .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #galley .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #teeth .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #matrix .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #plane .diagram:not(.static) svg > g.depth-19 .depth-19,
#book #loop .diagram:not(.static) svg > g.depth-19 .depth-19 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #arc .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #galley .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #teeth .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #matrix .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #plane .diagram:not(.static) svg > g.depth-19 .ending.depth-19,
#book #loop .diagram:not(.static) svg > g.depth-19 .ending.depth-19 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #arc .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #galley .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #teeth .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #matrix .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #plane .diagram:not(.static) svg > g.depth-18 .depth-18,
#book #loop .diagram:not(.static) svg > g.depth-18 .depth-18 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #arc .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #galley .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #teeth .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #matrix .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #plane .diagram:not(.static) svg > g.depth-18 .ending.depth-18,
#book #loop .diagram:not(.static) svg > g.depth-18 .ending.depth-18 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #arc .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #galley .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #teeth .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #matrix .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #plane .diagram:not(.static) svg > g.depth-17 .depth-17,
#book #loop .diagram:not(.static) svg > g.depth-17 .depth-17 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #arc .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #galley .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #teeth .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #matrix .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #plane .diagram:not(.static) svg > g.depth-17 .ending.depth-17,
#book #loop .diagram:not(.static) svg > g.depth-17 .ending.depth-17 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #arc .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #galley .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #teeth .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #matrix .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #plane .diagram:not(.static) svg > g.depth-16 .depth-16,
#book #loop .diagram:not(.static) svg > g.depth-16 .depth-16 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #arc .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #galley .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #teeth .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #matrix .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #plane .diagram:not(.static) svg > g.depth-16 .ending.depth-16,
#book #loop .diagram:not(.static) svg > g.depth-16 .ending.depth-16 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #arc .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #galley .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #teeth .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #matrix .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #plane .diagram:not(.static) svg > g.depth-15 .depth-15,
#book #loop .diagram:not(.static) svg > g.depth-15 .depth-15 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #arc .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #galley .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #teeth .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #matrix .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #plane .diagram:not(.static) svg > g.depth-15 .ending.depth-15,
#book #loop .diagram:not(.static) svg > g.depth-15 .ending.depth-15 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #arc .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #galley .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #teeth .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #matrix .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #plane .diagram:not(.static) svg > g.depth-14 .depth-14,
#book #loop .diagram:not(.static) svg > g.depth-14 .depth-14 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #arc .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #galley .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #teeth .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #matrix .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #plane .diagram:not(.static) svg > g.depth-14 .ending.depth-14,
#book #loop .diagram:not(.static) svg > g.depth-14 .ending.depth-14 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #arc .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #galley .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #teeth .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #matrix .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #plane .diagram:not(.static) svg > g.depth-13 .depth-13,
#book #loop .diagram:not(.static) svg > g.depth-13 .depth-13 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #arc .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #galley .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #teeth .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #matrix .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #plane .diagram:not(.static) svg > g.depth-13 .ending.depth-13,
#book #loop .diagram:not(.static) svg > g.depth-13 .ending.depth-13 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #arc .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #galley .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #teeth .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #matrix .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #plane .diagram:not(.static) svg > g.depth-12 .depth-12,
#book #loop .diagram:not(.static) svg > g.depth-12 .depth-12 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #arc .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #galley .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #teeth .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #matrix .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #plane .diagram:not(.static) svg > g.depth-12 .ending.depth-12,
#book #loop .diagram:not(.static) svg > g.depth-12 .ending.depth-12 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #arc .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #galley .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #teeth .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #matrix .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #plane .diagram:not(.static) svg > g.depth-11 .depth-11,
#book #loop .diagram:not(.static) svg > g.depth-11 .depth-11 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #arc .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #galley .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #teeth .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #matrix .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #plane .diagram:not(.static) svg > g.depth-11 .ending.depth-11,
#book #loop .diagram:not(.static) svg > g.depth-11 .ending.depth-11 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #arc .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #galley .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #teeth .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #matrix .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #plane .diagram:not(.static) svg > g.depth-10 .depth-10,
#book #loop .diagram:not(.static) svg > g.depth-10 .depth-10 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #arc .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #galley .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #teeth .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #matrix .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #plane .diagram:not(.static) svg > g.depth-10 .ending.depth-10,
#book #loop .diagram:not(.static) svg > g.depth-10 .ending.depth-10 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #arc .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #galley .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #teeth .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #matrix .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #plane .diagram:not(.static) svg > g.depth-9 .depth-9,
#book #loop .diagram:not(.static) svg > g.depth-9 .depth-9 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #arc .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #galley .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #teeth .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #matrix .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #plane .diagram:not(.static) svg > g.depth-9 .ending.depth-9,
#book #loop .diagram:not(.static) svg > g.depth-9 .ending.depth-9 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #arc .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #galley .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #teeth .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #matrix .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #plane .diagram:not(.static) svg > g.depth-8 .depth-8,
#book #loop .diagram:not(.static) svg > g.depth-8 .depth-8 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #arc .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #galley .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #teeth .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #matrix .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #plane .diagram:not(.static) svg > g.depth-8 .ending.depth-8,
#book #loop .diagram:not(.static) svg > g.depth-8 .ending.depth-8 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #arc .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #galley .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #teeth .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #matrix .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #plane .diagram:not(.static) svg > g.depth-7 .depth-7,
#book #loop .diagram:not(.static) svg > g.depth-7 .depth-7 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #arc .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #galley .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #teeth .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #matrix .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #plane .diagram:not(.static) svg > g.depth-7 .ending.depth-7,
#book #loop .diagram:not(.static) svg > g.depth-7 .ending.depth-7 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #arc .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #galley .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #teeth .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #matrix .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #plane .diagram:not(.static) svg > g.depth-6 .depth-6,
#book #loop .diagram:not(.static) svg > g.depth-6 .depth-6 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #arc .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #galley .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #teeth .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #matrix .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #plane .diagram:not(.static) svg > g.depth-6 .ending.depth-6,
#book #loop .diagram:not(.static) svg > g.depth-6 .ending.depth-6 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #arc .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #galley .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #teeth .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #matrix .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #plane .diagram:not(.static) svg > g.depth-5 .depth-5,
#book #loop .diagram:not(.static) svg > g.depth-5 .depth-5 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #arc .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #galley .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #teeth .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #matrix .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #plane .diagram:not(.static) svg > g.depth-5 .ending.depth-5,
#book #loop .diagram:not(.static) svg > g.depth-5 .ending.depth-5 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #arc .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #galley .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #teeth .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #matrix .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #plane .diagram:not(.static) svg > g.depth-4 .depth-4,
#book #loop .diagram:not(.static) svg > g.depth-4 .depth-4 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #arc .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #galley .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #teeth .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #matrix .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #plane .diagram:not(.static) svg > g.depth-4 .ending.depth-4,
#book #loop .diagram:not(.static) svg > g.depth-4 .ending.depth-4 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #arc .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #galley .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #teeth .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #matrix .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #plane .diagram:not(.static) svg > g.depth-3 .depth-3,
#book #loop .diagram:not(.static) svg > g.depth-3 .depth-3 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #arc .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #galley .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #teeth .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #matrix .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #plane .diagram:not(.static) svg > g.depth-3 .ending.depth-3,
#book #loop .diagram:not(.static) svg > g.depth-3 .ending.depth-3 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #arc .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #galley .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #teeth .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #matrix .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #plane .diagram:not(.static) svg > g.depth-2 .depth-2,
#book #loop .diagram:not(.static) svg > g.depth-2 .depth-2 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #arc .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #galley .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #teeth .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #matrix .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #plane .diagram:not(.static) svg > g.depth-2 .ending.depth-2,
#book #loop .diagram:not(.static) svg > g.depth-2 .ending.depth-2 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #arc .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #galley .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #teeth .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #matrix .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #plane .diagram:not(.static) svg > g.depth-1 .depth-1,
#book #loop .diagram:not(.static) svg > g.depth-1 .depth-1 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #arc .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #galley .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #teeth .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #matrix .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #plane .diagram:not(.static) svg > g.depth-1 .ending.depth-1,
#book #loop .diagram:not(.static) svg > g.depth-1 .ending.depth-1 {
  opacity: 1;
  pointer-events: auto;
}
#book #net .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #arc .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #galley .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #teeth .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #matrix .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #plane .diagram:not(.static) svg > g.depth-0 .depth-0,
#book #loop .diagram:not(.static) svg > g.depth-0 .depth-0 {
  display: block;
}
#book #net .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #arc .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #galley .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #teeth .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #matrix .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #plane .diagram:not(.static) svg > g.depth-0 .ending.depth-0,
#book #loop .diagram:not(.static) svg > g.depth-0 .ending.depth-0 {
  opacity: 1;
  pointer-events: auto;
}
#book #net svg .branch {
  stroke-width: 2;
}
#book #net svg .start {
  stroke: white;
  stroke-width: 2;
}
#book #net svg .loop.branch {
  fill: none;
  stroke: green;
  stroke-width: 1;
  stroke-dasharray: 5 5;
}
#book #net svg .loop.target {
  fill: black;
  stroke: green;
  stroke-width: 1;
}
#book footer {
  border-top: 1px solid #6b6b6b;
  border-bottom: 1px solid #6b6b6b;
  max-width: 830px;
  padding: 20px 0;
  margin: 40px auto 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
  #book footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#book footer .next a::after,
#book footer .prev a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0.666;
  top: -3px;
}
#book footer a {
  font-family: "Montserrat", serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 38px;
  font-variant-numeric: oldstyle-nums;
  text-decoration: none;
  color: white;
  opacity: 0.666;
  position: relative;
}
#book footer a:hover {
  opacity: 1;
  text-decoration: underline;
  text-decoration-color: #95CDE5;
}
#book footer a:hover::after,
#book footer a:hover::before {
  opacity: 1;
}
#book footer .next {
  text-align: right;
}
#book footer .next a {
  padding-right: 20px;
}
#book footer .next a::after {
  right: 0;
  border-top: 2px solid white;
  border-right: 2px solid white;
  transform: translate(0, 4px) rotate(45deg);
}
#book footer .prev a {
  padding-left: 20px;
}
#book footer .prev a::before {
  left: 0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  transform: translate(0, 4px) rotate(-45deg);
}
@media (max-width: 1030px) {
  #book main nav {
    left: 0;
    margin: 0;
    width: 100%;
    max-width: calc(100% - (100% - 830px)/2);
    padding-left: 100px;
  }
  #book main nav .label {
    left: 0;
  }
}
@media (max-width: 870px) {
  #book header #library h1 {
    padding-right: clamp(0px, calc(830px + 40px - 100vw)/2, 20px);
    padding-left: clamp(0px, calc(830px + 40px - 100vw)/2, 20px);
  }
  #book header #library h1 a::before {
    left: -0.9em;
  }
  #book main {
    margin: 0 20px;
  }
  #book main nav {
    padding-left: 80px;
  }
  #book main nav .label {
    min-width: 80px;
    padding-left: 0;
  }
  #book main #intro,
  #book main #intro h1,
  #book main #intro .blurb {
    width: 100%;
  }
  #book main #intro p {
    max-width: 420px;
  }
  #book main #intro .cover {
    order: -1;
  }
  #book main #intro .cover img {
    width: calc(100vw * 0.33);
  }
  #book main section {
    width: 100%;
  }
  #book main section#galley .key {
    flex-direction: column;
  }
  #book main section#galley .key ul {
    margin: 0;
  }
  #book main section#galley .key ul:first-child {
    margin: 10px 0;
  }
  #book main section#galley .key ul li {
    background: none;
    text-indent: 0;
    line-height: 22px;
  }
}
@media (max-width: 630px) {
  #book nav h1 {
    left: 0;
  }
}
/*# sourceMappingURL=cyoa.css.map */