@charset "UTF-8";
/* Font Face
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
  font-family: 'Everett-Mono';
  src: url("../fonts/EverettMono-Regular-web.eot"), url("../fonts/EverettMono-Regular-web.eot") format("embedded-opentype"), url("../fonts/EverettMono-Regular-web.woff2") format("woff2"), url("../fonts/EverettMono-Regular-web.woff") format("woff"), url("../fonts/EverettMono-Regular-web.ttf") format("truetype"), url("../fonts/EverettMono-Regular-web.svg#EverettMono-Regular-web") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Everett-Medium';
  src: url("../fonts/Everett-Medium-web.eot"), url("../fonts/Everett-Medium-web.eot") format("embedded-opentype"), url("../fonts/Everett-Medium-web.woff2") format("woff2"), url("../fonts/Everett-Medium-web.woff") format("woff"), url("../fonts/Everett-Medium-web.ttf") format("truetype"), url("../fonts/Everett-Medium-web.svg#Everett-Medium-web") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Everett-Bold';
  src: url("../fonts/Everett-Bold-web.eot"), url("../fonts/Everett-Bold-web.eot") format("embedded-opentype"), url("../fonts/Everett-Bold-web.woff2") format("woff2"), url("../fonts/Everett-Bold-web.woff") format("woff"), url("../fonts/Everett-Bold-web.ttf") format("truetype"), url("../fonts/Everett-Bold-web.svg#Everett-Bold-web") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* the MONO BODY  
--------------------------------------------- */
/* the MONO TITLES  
--------------------------------------------- */
/* the BUTTONS  
--------------------------------------------- */
/* the REGULARS  
--------------------------------------------- */
/* the SPECIALS 
--------------------------------------------- */
/* the COLORS 
--------------------------------------------- */
/* the SPACES & BREAKPOINTS
--------------------------------------------- */
/* HTML & BODY
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*  html is set to 62.5%  –– REM based on 10px –– 1.5rem = 15px */
body {
  background-color: #F5F5F5;
}

html {
  font-size: 62.5%;
}

body, html {
  height: 100%;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* the MONO BODY  
--------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, li, ul, code {
  font-family: "Everett-Mono", monospace, monospace;
  font-weight: 400;
  text-transform: none;
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  line-height: 2.3rem;
  color: #13151a;
  padding: 0px;
  margin: 0px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
}

@media (min-width: 1441px) {
  body, h1, h2, h3, h4, h5, h6, p, li, ul, code {
    font-family: "Everett-Mono", monospace, monospace;
    font-weight: 400;
    text-transform: none;
    font-size: 2.1rem;
    letter-spacing: 0px;
    line-height: 2.5rem;
  }
}

/* the MONO TITLES  
--------------------------------------------- */
.nav-bar h1, #nav-panel p,
.type-mono-xl, .type-mono-xl p,
#the-search-engine h4, #search-engine-wait h6, .news-item-title,
#advertiser-visualization h4, .advertiser-item h3, .advertiser-item p,
.docs-item p, .docs-item h3,
.messages-title h4, .ml-title h4, .ml-title p,
#imprint h4, .accordion h4,
.filter-container h4, #no-results h6,
.scripted-about h4 {
  font-family: "Everett-Mono", monospace;
  font-weight: 400;
  text-transform: none;
  font-size: 2.5rem;
  letter-spacing: -1px;
  line-height: 2.5rem;
}

@media only screen and (min-width: 1441px) {
  .nav-bar h1, #nav-panel p,
  .type-mono-xl, .type-mono-xl p,
  #the-search-engine h4, #search-engine-wait h6, .news-item-title,
  #advertiser-visualization h4, .advertiser-item h3, .advertiser-item p,
  .docs-item p, .docs-item h3,
  .messages-title h4, .ml-title h4, .ml-title p,
  #imprint h4, .accordion h4,
  .filter-container h4, #no-results h6,
  .scripted-about h4 {
    font-size: 4rem;
    letter-spacing: -1.2px;
    line-height: 4rem;
  }
}

/* the BUTTONS  
--------------------------------------------- */
button {
  font-family: "Everett-Mono", monospace;
  font-weight: 400;
  text-transform: none;
  font-size: 2.2rem;
  letter-spacing: 0px;
  line-height: 2.2rem;
}

@media (min-width: 1441px) {
  button {
    font-size: 3.6rem;
    letter-spacing: -1.2px;
    line-height: 4rem;
  }
}

/* the SANS  
--------------------------------------------- */
.docs-item-content p, .docs-item-content a, .docs-item-content ul, .docs-item-content li {
  font-family: "Everett-Medium", sans-serif, sans-serif;
  text-transform: none;
  font-size: 1.9rem;
  letter-spacing: 0rem;
  line-height: 2.3rem;
}

@media (min-width: 1441px) {
  .docs-item-content p, .docs-item-content a, .docs-item-content ul, .docs-item-content li {
    font-size: 2.25rem;
    letter-spacing: 0rem;
    line-height: 2.7rem;
  }
}

strong, .type-bold {
  font-family: "Everett-Bold", sans-serif !important;
  font-weight: 500;
  letter-spacing: 0rem;
}

/* the SPECIALS  
--------------------------------------------- */
.mono-xs {
  font-family: "Everett-Mono", monospace, "Helvetica", monospace;
  font-weight: 400;
  text-transform: none;
  font-size: 1.2rem;
  letter-spacing: 0px;
  line-height: 1.3rem;
}

/* the HELPERS  
--------------------------------------------- */
::-moz-selection {
  /* Code for Firefox */
  color: black;
  background-color: #ddc7f5;
}

::selection {
  color: black;
  background-color: #ddc7f5;
}

::-webkit-selection {
  color: black;
  background-color: #ddc7f5;
}

.no-wrap {
  white-space: nowrap;
}

.right-align {
  text-align: right;
}

.caps {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize;
}

/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.item-border {
  border-top: 2px solid #13151a;
  width: 100%;
}

.item-border-thin {
  border-top: 1px solid #13151a;
  width: 100%;
}

.item-border-thin-spacing {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #13151a;
  width: 100%;
}

.bottom-space-m {
  margin-bottom: 4rem;
}

.bottom-space-s {
  margin-bottom: 2rem;
}

#error {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

/* About ACCORDION
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.accordion {
  background-color: #13151a;
}

.accordion p, .accordion h4, .accordion ul, .accordion li {
  color: #F5F5F5 !important;
}

.accordion-bar {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.8rem 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.accordion-bar:hover h4 {
  color: #ddc7f5 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

img#accordion-close-icon {
  display: none;
}

img#accordion-down-icon, img#accordion-close-icon {
  width: 4.8rem;
}

@media (min-width: 1441px) {
  .accordion-bar {
    padding: 1rem 15px;
  }
  img#accordion-down-icon, img#accordion-close-icon {
    width: 6.8rem;
  }
}

.accordion-content {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.accordion-content a {
  text-decoration: underline;
  color: #ddc7f5;
}

.accordion-content p {
  padding-bottom: 1.4rem;
}

@media (min-width: 1441px) {
  .accordion-content p {
    padding-bottom: 1.75rem;
  }
}

span.code, code {
  background-color: #2d3241;
  color: #ddc7f5;
  border-radius: 0.5rem;
  padding: 0rem 0.5rem;
  font-size: 1.75rem;
}

/* Images
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.img-fluid img {
  width: 100%;
  z-index: 0;
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
nav#navigation {
  width: 100%;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  z-index: 50;
}

.nav-bar {
  cursor: pointer;
}

.nav-bar:hover h1 {
  color: #ddc7f5 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav-bar, #nav-panel {
  width: 100%;
  background-color: #13151a;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.nav-bar {
  padding: 0px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-bar h1 {
  color: #FFF;
}

img#burger-icon, img#close-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 15px;
  width: 4.8rem;
}

@media (min-width: 1441px) {
  img#burger-icon, img#close-icon {
    width: 6.8rem;
    top: 1.76rem;
  }
}

img#close-icon {
  display: none;
}

#nav-panel {
  padding: 0px 15px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

#nav-panel .nav-item p a, #nav-panel .nav-item span {
  color: #FFF;
}

#nav-panel .nav-item .nav-item-arrow {
  margin-right: 1.6rem;
  display: none;
}

#nav-panel .nav-item a:hover {
  text-decoration: none;
  color: #ddc7f5 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#nav-panel .nav-item a:hover .nav-item-arrow {
  color: #ddc7f5 !important;
  display: inline-block;
}

.nav-bar, #nav-panel.active {
  border-bottom: 1px solid #FFF;
}

.nav-bar {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

#nav-panel .nav-item:first-of-type {
  padding-top: 0.8rem;
}

#nav-panel .nav-item:last-of-type {
  padding-bottom: 0.8rem;
}

@media (min-width: 1441px) {
  .nav-bar, #nav-panel.active {
    border-bottom: 2px solid #FFF;
  }
  .nav-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #nav-panel .nav-item:first-of-type {
    padding-top: 1rem;
  }
  #nav-panel .nav-item:last-of-type {
    padding-bottom: 1.2rem;
  }
}

/* INTRODUCTION
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#video-container {
  height: 100%;
  background-color: #13151a;
}

#video-container video {
  width: 100%;
}

/* DOCUMENTATION
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* the FILTER  
--------------------------------------------- */
.filter-group-label {
  padding-bottom: 0.8rem;
}

.filter-container {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #13151a;
}

#filter-title {
  border-bottom: 1px solid #13151a;
}

@media (min-width: 1441px) {
  .filter-container {
    border-bottom: 2px solid #13151a;
  }
  #filter-title {
    border-bottom: 2px solid #13151a;
  }
}

#filter-title {
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}

#filter-title .col-12 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#filter-title img#filter-close-icon {
  width: 4.8rem;
  cursor: pointer;
}

#filter-title .no-results {
  color: black;
}

@media (min-width: 1441px) {
  #filter-title img#filter-close-icon {
    width: 6.8rem;
  }
}

/* the ACCORDIONS list items
--------------------------------------------- */
#docs-col-heads {
  display: none;
}

@media (min-width: 786px) {
  #docs-col-heads {
    display: block;
  }
}

#docs-col-heads, .docs-item {
  border-bottom: 1px solid #13151a;
}

@media (min-width: 1441px) {
  #docs-col-heads, .docs-item {
    border-bottom: 2px solid #13151a;
  }
}

.docs-item {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.docs-item:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #13151a;
}

.docs-item:hover h3, .docs-item:hover p {
  color: #F5F5F5 !important;
}

.docs-item:hover .docs-item-down-icon {
  opacity: 1;
}

.docs-item.active {
  background-color: #13151a;
}

.docs-item.active h3, .docs-item.active p {
  color: #F5F5F5 !important;
}

.docs-item.active .docs-item-down-icon {
  opacity: 0;
}

.docs-item.active .docs-item-close-icon {
  opacity: 1;
}

.docs-item.active:hover {
  background-color: #13151a;
}

.docs-item.active:hover h3, .docs-item.active:hover p {
  color: #F5F5F5 !important;
}

.docs-item.active:hover .docs-item-down-icon {
  opacity: 0;
}

.docs-item.active:hover .docs-item-close-icon {
  opacity: 1;
}

.docs-item, #no-results .row, #docs-col-heads {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

@media (min-width: 1441px) {
  .docs-item, #no-results .row, #docs-col-heads {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.row.docs-item div:nth-child(2), .row.docs-item div:nth-child(3) {
  display: none;
}

@media (min-width: 768px) {
  .row.docs-item div:nth-child(2), .row.docs-item div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.docs-item-last-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

img.docs-item-down-icon, img.docs-item-close-icon {
  display: none;
}

@media (min-width: 768px) {
  img.docs-item-down-icon, img.docs-item-close-icon {
    display: block;
    position: absolute;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    margin-top: 0.5rem;
    opacity: 0;
    right: 15px;
    width: 4.8rem;
  }
}

@media (min-width: 1441px) {
  img.docs-item-down-icon, img.docs-item-close-icon {
    margin-top: 0.8rem;
    width: 6.8rem;
  }
}

/* the ACCORDION Content  
--------------------------------------------- */
.docs-item-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  background-color: #F5F5F5;
}

.docs-item-content.active {
  border-bottom: 1px solid #13151a;
}

.docs-item-content-abstract a,
.docs-item-content-reference ul li a,
.docs-item-content-reference ol li a,
.github-link {
  text-decoration: none;
  color: #9d51ee;
}

.docs-item-content-abstract a:hover,
.docs-item-content-reference ul li a:hover,
.docs-item-content-reference ol li a:hover,
.github-link:hover {
  text-decoration: underline;
}

@media (min-width: 1441px) {
  .docs-item-content.active {
    border-bottom: 2px solid #13151a;
  }
}

.docs-item-content .line-breaks p, p.line-breaks,
.docs-item-content .line-breaks ul,
.bottom-spacing {
  padding-bottom: 1.4rem;
}

.docs-item-content-left, .docs-item-content-right {
  padding-top: 0.8rem;
  padding-bottom: 1.6rem;
}

.vue-slideshow {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  height: 50rem;
  margin-bottom: 1.6rem;
}

.vue-slideshow:hover {
  cursor: url("../icons/next-48.png"), auto;
}

.vue-slideshow img {
  padding-bottom: 2.7rem;
  line-height: 0;
  width: 100%;
  height: 50rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0;
}

.vue-slideshow .vue-slideshow-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vue-slideshow .vue-slideshow-caps {
  margin-left: 15px;
}

@media (min-width: 786px) {
  .vue-slideshow {
    height: 70rem;
  }
  .vue-slideshow img {
    height: 70rem;
  }
}

@media (min-width: 1441px) {
  .vue-slideshow {
    height: 120rem;
  }
  .vue-slideshow img {
    height: 120rem;
  }
  .vue-slideshow:hover {
    cursor: url("../icons/next-68.png"), auto;
  }
}

/* SCRIPTED LOOPHOLES
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Search Engine
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.news-item {
  border-bottom: 1px solid #13151a;
  padding-top: 0.8rem;
  padding-bottom: 4rem;
}

#search-engine-wait .row {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.news-item-name, .news-item-author, .news-item-date {
  padding: 0.8rem 0px 0.8rem 0px;
}

.news-item-name, .news-item-author, .news-item-date {
  border-bottom: 1px solid #13151a;
}

.news-item-title {
  padding: 0.8rem 0px 0.4rem 0px;
}

.news-item-description {
  padding: 0.8rem 0px 0.8rem 0px;
}

.no-author, .highlight {
  color: #13151a;
}

.no-author:before {
  content: "⚠️ ";
}

/* Advertiser
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#advertiser-visualization {
  border-bottom: 1px solid #13151a;
  padding-top: 0.8rem;
}

#advertiser-visualization h4 {
  padding-bottom: 0.8rem;
}

svg#advertiser-chart g:first-of-type rect {
  fill: #13151a;
}

svg#advertiser-chart g:first-of-type text {
  fill: #13151a;
}

svg#advertiser-chart g:last-of-type rect {
  fill: red;
}

svg#advertiser-chart g:last-of-type text {
  fill: red;
}

svg#advertiser-chart g rect {
  fill: darkgreen;
}

svg#advertiser-chart g text {
  fill: darkgreen;
}

.scripted-acc {
  cursor: pointer;
}

.scripted-acc:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.scripted-acc:hover .scripted-down-icon {
  opacity: 1;
}

.scripted-acc:hover img.scripted-down-icon-black {
  opacity: 0;
}

.scripted-acc.active .scripted-down-icon {
  opacity: 0;
}

.scripted-acc.active .scripted-close-icon {
  opacity: 1;
}

.scripted-acc.active:hover .scripted-down-icon {
  opacity: 0;
}

.scripted-acc.active:hover .scripted-close-icon {
  opacity: 1;
}

img.scripted-down-icon, img.scripted-close-icon, img.scripted-down-icon-black {
  display: block;
  position: absolute;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  margin-top: 0.5rem;
  opacity: 0;
  right: 15px;
  width: 4.8rem;
}

img.scripted-down-icon {
  opacity: 1;
}

@media (min-width: 1441px) {
  img.scripted-down-icon, img.scripted-close-icon, img.scripted-down-icon-black {
    margin-top: 0.8rem;
    width: 6.8rem;
  }
}

.advertiser-item {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.advertiser-item {
  border-bottom: 1px solid red;
}

.advertiser-item h3.advertiser-title {
  color: red;
}

.advertiser-item.color-green {
  border-bottom: 1px solid darkgreen;
}

.advertiser-item.color-green h3.advertiser-title {
  color: darkgreen !important;
}

.advertiser-item-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  background-color: #F5F5F5;
}

.advertiser-item-content p {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.advertiser-item-content.active {
  border-bottom: 1px solid red;
}

.advertiser-item-content.color-green.active {
  border-bottom: 1px solid red;
}

@media (min-width: 1441px) {
  #advertiser-visualization, .advertiser-item, .advertiser-item.color-green,
  .advertiser-item-content.active, .advertiser-item-content.color-green.active {
    border-width: 2px;
  }
}

/* The Messenger
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.message-content {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

#messenger-wrapper, #ml-wrapper {
  padding-top: 4rem;
}

.overview-entry {
  border-bottom: 1px solid #13151a;
  padding: 0.8rem 0px 0.8rem 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#messenger-wrapper .overview-entry, .ml-title.overview-entry {
  border-bottom: none;
}

#ml-wrapper .ml-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 0px 0.8rem 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#ml-wrapper ul, #ml-wrapper li {
  margin-left: 0px;
}

#ml-wrapper ul {
  margin: 0.8rem 0px;
  list-style: none;
  -webkit-columns: 2;
          columns: 2;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}

#ml-wrapper .expand-list {
  max-height: 496px;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}

#ml-wrapper .read-more-btn {
  border-top: 1px solid #13151a;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  padding: 0.8rem 0px 6px 0px;
}

/* Network
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#network-map {
  top: 0px;
  height: 100%;
  overflow: hidden;
}

#network-map button {
  background: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.maps-tweet {
  height: auto;
}

.gm-style .gm-style-iw-d {
  overflow: hidden;
  height: max-content200px;
}

.tweet-name {
  border: 1px solid black;
  padding: 5px;
  border-radius: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
}

.tweet-content {
  background-color: #13151a;
  color: #FFF;
  padding: 8px 10px;
  border-radius: 5px;
}

/* Links & Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #13151a;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.external-link {
  text-decoration: none;
  color: #9d51ee;
}

.external-link:hover {
  text-decoration: underline;
}

button {
  border: none;
  background: #F5F5F5;
  -webkit-box-shadow: 0 0 6px 1px #BABABA;
          box-shadow: 0 0 6px 1px #BABABA;
  border-radius: 32px;
  padding: 0.8rem 1.6rem;
  margin-left: 0.8rem;
  margin-bottom: 0.8rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

button:hover, button.active, button.active:hover {
  -webkit-box-shadow: 0 0 6px 1px #BABABA;
          box-shadow: 0 0 6px 1px #BABABA;
  border-radius: 32px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: black;
  color: white;
}

button.active {
  background: black;
  color: white;
}

button.active:hover {
  background: black;
  color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
ul, li {
  margin-left: 8px;
  padding: 0px;
}

ol {
  padding: 0px;
  margin: 0px;
  margin-left: 2.2rem;
}

/* Breakpoints
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*# sourceMappingURL=master.css.map */