/*
 webarchives.rhizome.org relies on rhizome.org's u001 so update it if the font changes
 https://github.com/rhizomedotorg/pywb/commit/fed71b0f0d5da88b88188a3905098d8f0206bd5c
*/
@font-face {
  font-family: "u001";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/u001-rhizome/U001-Reg-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/u001-rhizome/U001-Ita-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/u001-rhizome/U001-Bol-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/u001-rhizome/U001-BolIta-v2.4.woff") format("woff");
}
@font-face {
  font-family: "arial7x7";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/arial7x7/arial7x7_v4-webfont.ttf") format("truetype");
}
/* primary */
#site-footer {
  display: grid;
  grid-template-rows: 30rem auto auto;
  margin-top: 3rem;
}
#site-footer vector-logo {
  height: 27.5rem;
  margin: 0 0 0.5rem 0;
  align-self: end;
}
#site-footer a.climate-portal:link, #site-footer a.climate-portal:visited {
  color: DeepSkyBlue;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
#site-footer a.climate-portal:link::selection, #site-footer a.climate-portal:visited::selection {
  background: lime;
}
#site-footer a.climate-portal:link::-moz-selection, #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
#site-footer a.climate-portal:link *,
#site-footer a.climate-portal:link *:after, #site-footer a.climate-portal:link:after,
#site-footer a.climate-portal:link *:before, #site-footer a.climate-portal:link:before, #site-footer a.climate-portal:visited *,
#site-footer a.climate-portal:visited *:after, #site-footer a.climate-portal:visited:after,
#site-footer a.climate-portal:visited *:before, #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
#site-footer a.climate-portal:link:visited, #site-footer a.climate-portal:visited:visited {
  color: DeepSkyBlue;
}
#site-footer #mailinglist {
  margin-top: 3rem;
}
#site-footer #mailinglist > form {
  display: flex;
}
#site-footer #mailinglist .shadow-wrapper {
  display: flex;
  box-shadow: 0 0 0.4rem inset rgb(150, 150, 150);
  margin-right: 1.5rem;
  width: 100%;
}
#site-footer #mailinglist label {
  font-size: 2.4rem;
  padding: 1.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  #site-footer #mailinglist label {
    font-size: 2rem;
  }
}
#site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
#site-footer #mailinglist label span::selection {
  background: lime;
}
#site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
#site-footer #mailinglist label span *,
#site-footer #mailinglist label span *:after, #site-footer #mailinglist label span:after,
#site-footer #mailinglist label span *:before, #site-footer #mailinglist label span:before {
  text-shadow: none;
}
#site-footer #mailinglist label span:visited {
  color: black;
}
#site-footer #mailinglist input {
  border: none;
  font-size: 2.4rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
  width: 100%;
  background: transparent;
  font-family: "u001", sans-serif;
}
@media screen and (max-width: 600px) {
  #site-footer #mailinglist input {
    font-size: 2rem;
  }
}
#site-footer #mailinglist input::placeholder {
  color: rgb(140, 140, 140);
}
@media (max-width: 600px) {
  #site-footer #mailinglist > form {
    flex-direction: column;
  }
  #site-footer #mailinglist .shadow-wrapper {
    margin: 0 0 1.5rem 0;
  }
  #site-footer #mailinglist .shadow-wrapper input {
    padding: 1rem;
  }
  #site-footer #mailinglist label {
    display: none;
  }
}

body.darkmode #site-footer a.climate-portal:link, body.darkmode #site-footer a.climate-portal:visited {
  color: DeepSkyBlue;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.darkmode #site-footer a.climate-portal:link::selection, body.darkmode #site-footer a.climate-portal:visited::selection {
  background: lime;
}
body.darkmode #site-footer a.climate-portal:link::-moz-selection, body.darkmode #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
body.darkmode #site-footer a.climate-portal:link *,
body.darkmode #site-footer a.climate-portal:link *:after, body.darkmode #site-footer a.climate-portal:link:after,
body.darkmode #site-footer a.climate-portal:link *:before, body.darkmode #site-footer a.climate-portal:link:before, body.darkmode #site-footer a.climate-portal:visited *,
body.darkmode #site-footer a.climate-portal:visited *:after, body.darkmode #site-footer a.climate-portal:visited:after,
body.darkmode #site-footer a.climate-portal:visited *:before, body.darkmode #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
body.darkmode #site-footer a.climate-portal:link:visited, body.darkmode #site-footer a.climate-portal:visited:visited {
  color: DeepSkyBlue;
}
body.darkmode #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.darkmode #site-footer #mailinglist label span::selection {
  background: lime;
}
body.darkmode #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.darkmode #site-footer #mailinglist label span *,
body.darkmode #site-footer #mailinglist label span *:after, body.darkmode #site-footer #mailinglist label span:after,
body.darkmode #site-footer #mailinglist label span *:before, body.darkmode #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.darkmode #site-footer #mailinglist label span:visited {
  color: white;
}
body.darkmode #site-footer #mailinglist input {
  color: white;
}

body.benefit #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.benefit #site-footer #mailinglist label span::selection {
  background: lime;
}
body.benefit #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.benefit #site-footer #mailinglist label span *,
body.benefit #site-footer #mailinglist label span *:after, body.benefit #site-footer #mailinglist label span:after,
body.benefit #site-footer #mailinglist label span *:before, body.benefit #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.benefit #site-footer #mailinglist label span:visited {
  color: black;
}

body.climate-portal #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.climate-portal #site-footer #mailinglist label span::selection {
  background: lime;
}
body.climate-portal #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.climate-portal #site-footer #mailinglist label span *,
body.climate-portal #site-footer #mailinglist label span *:after, body.climate-portal #site-footer #mailinglist label span:after,
body.climate-portal #site-footer #mailinglist label span *:before, body.climate-portal #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.climate-portal #site-footer #mailinglist label span:visited {
  color: black;
}

body.article-10208 #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.article-10208 #site-footer #mailinglist label span::selection {
  background: lime;
}
body.article-10208 #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.article-10208 #site-footer #mailinglist label span *,
body.article-10208 #site-footer #mailinglist label span *:after, body.article-10208 #site-footer #mailinglist label span:after,
body.article-10208 #site-footer #mailinglist label span *:before, body.article-10208 #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.article-10208 #site-footer #mailinglist label span:visited {
  color: black;
}

#campaign-progress + header#header-sentence {
  margin-top: 3rem;
}

body > header {
  margin-bottom: 12rem;
}
@media screen and (max-width: 600px) {
  body > header {
    margin-bottom: 6rem;
  }
}

nav {
  line-height: 1.35;
}
nav p {
  margin: 0;
}
nav #nav-extended {
  display: none;
}
nav #nav-extended.open {
  display: inline;
}
nav #nav-condensed #nav-more {
  background: transparent;
  border: none;
}

.cta-container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
}
.cta-container.top {
  bottom: auto;
  top: 1.5rem;
}
.cta-container .cta {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.5rem;
  border: solid 0.1rem black;
  background-color: white;
  margin: 0 1.5rem 1.5rem 1.5rem;
  padding: 1.5rem;
  opacity: 0;
  transition: opacity 0.125s ease-in-out;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cta-container .cta.show {
  opacity: 1;
}
.cta-container .cta button {
  background: transparent;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  grid-column: 1;
}
.cta-container .cta button svg {
  box-sizing: border-box;
  padding: 10%;
  width: 100%;
  height: 100%;
}
.cta-container .cta img {
  grid-column: 2/span 2;
  width: 100%;
}
.cta-container .cta .btn-link {
  grid-column: 11/span 2;
}
.cta-container .cta .text {
  width: 100%;
  grid-column: 2/span 12;
}
.cta-container .cta.with-btn .text {
  grid-column: 2/span 9;
}
.cta-container .cta.with-img .text {
  grid-column: 4/span 9;
}
@media screen and (max-width: 600px) {
  .cta-container .cta button {
    grid-row: 1;
    grid-column: 1/span 3;
  }
  .cta-container .cta button svg {
    padding: 0;
  }
  .cta-container .cta img {
    display: none;
  }
  .cta-container .cta .text {
    grid-row: 1;
    grid-column: 4/span 8;
  }
  .cta-container .cta.with-btn {
    grid-template-rows: auto auto;
  }
  .cta-container .cta.with-btn .text {
    grid-row: 1;
    grid-column: 4/span 9;
  }
  .cta-container .cta.with-btn .btn-link {
    grid-row: 2;
    grid-column: 1/span 12;
  }
}
@media screen and (max-width: 1024px) and (min-width: 600px) {
  .cta-container .cta button {
    grid-column: 1/span 2;
  }
  .cta-container .cta img {
    display: none;
  }
  .cta-container .cta .text {
    grid-column: 3/span 9;
  }
  .cta-container .cta.with-btn .text {
    grid-column: 3/span 6;
  }
  .cta-container .cta.with-btn .btn-link {
    grid-column: 9/span 4;
  }
}
@media screen and (min-width: 1024px) {
  .cta-container .cta.with-img.with-btn .text {
    grid-column: 4/span 7;
  }
}
@media screen and (min-width: 1800px) {
  .cta-container .cta {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
}

body.darkmode #cta-container .cta {
  border-color: white;
  background-color: black;
}
body.darkmode #cta-container .cta button svg line {
  stroke: white;
}

#comments {
  position: relative;
  margin-top: 6rem;
}
#comments .comment .comment-meta time {
  font-weight: bold;
}
#comments .comment .comment-content p {
  margin-top: 0;
}
#comments .comment .comment-content a {
  word-wrap: break-word;
}
#comments .comment .comment-thread {
  padding-left: 6rem;
}

@keyframes link-hover {
  0% {
    background-size: 0% 0.3rem;
  }
  100% {
    background-size: 100% 0.3rem;
  }
}
@keyframes link-hover-small {
  0% {
    background-size: 0% 0.2rem;
  }
  100% {
    background-size: 100% 0.2rem;
  }
}
/* primary */
/*
 webarchives.rhizome.org relies on rhizome.org's u001 so update it if the font changes
 https://github.com/rhizomedotorg/pywb/commit/fed71b0f0d5da88b88188a3905098d8f0206bd5c
*/
@font-face {
  font-family: "u001";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/u001-rhizome/U001-Reg-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/u001-rhizome/U001-Ita-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/u001-rhizome/U001-Bol-v2.4.woff") format("woff");
}
@font-face {
  font-family: "u001";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/u001-rhizome/U001-BolIta-v2.4.woff") format("woff");
}
@font-face {
  font-family: "arial7x7";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/arial7x7/arial7x7_v4-webfont.ttf") format("truetype");
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  position: relative;
  text-decoration: none;
  transition: color 250ms ease-in-out;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: black;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: black;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before {
  text-shadow: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited {
  color: mediumslateblue;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: mediumslateblue;
}

a.plain {
  text-decoration: none;
  transition: color 250ms ease-in-out;
}
a.plain:link, a.plain:active, a.plain:visited {
  color: black;
}
a.plain.title {
  display: block;
}
a.plain.title h2, a.plain.title h3 {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
  transition: color 250ms ease-in-out;
  display: inline;
}
a.plain.title h2::selection, a.plain.title h3::selection {
  background: lime;
}
a.plain.title h2::-moz-selection, a.plain.title h3::-moz-selection {
  background: lime;
}
a.plain.title h2 *,
a.plain.title h2 *:after, a.plain.title h2:after,
a.plain.title h2 *:before, a.plain.title h2:before, a.plain.title h3 *,
a.plain.title h3 *:after, a.plain.title h3:after,
a.plain.title h3 *:before, a.plain.title h3:before {
  text-shadow: none;
}
a.plain.title h2:visited, a.plain.title h3:visited {
  color: black;
}
a.plain.title:hover h2, a.plain.title:hover h3 {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
a.plain.title:hover h2::selection, a.plain.title:hover h3::selection {
  background: lime;
}
a.plain.title:hover h2::-moz-selection, a.plain.title:hover h3::-moz-selection {
  background: lime;
}
a.plain.title:hover h2 *,
a.plain.title:hover h2 *:after, a.plain.title:hover h2:after,
a.plain.title:hover h2 *:before, a.plain.title:hover h2:before, a.plain.title:hover h3 *,
a.plain.title:hover h3 *:after, a.plain.title:hover h3:after,
a.plain.title:hover h3 *:before, a.plain.title:hover h3:before {
  text-shadow: none;
}
a.plain.title:hover h2:visited, a.plain.title:hover h3:visited {
  color: mediumslateblue;
}
a.plain.block-link {
  display: inline-block;
  font-weight: bold;
}
a.plain.block-link span {
  transition: color 250ms ease-in-out;
}
a.plain.block-link:hover span {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
a.plain.block-link:hover span::selection {
  background: lime;
}
a.plain.block-link:hover span::-moz-selection {
  background: lime;
}
a.plain.block-link:hover span *,
a.plain.block-link:hover span *:after, a.plain.block-link:hover span:after,
a.plain.block-link:hover span *:before, a.plain.block-link:hover span:before {
  text-shadow: none;
}
a.plain.block-link:hover span:visited {
  color: mediumslateblue;
}
a.plain.rza-link {
  background-color: blue;
  color: hotpink;
  padding: 0.25em;
}

#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: blue;
  transition: color 250ms ease-in-out;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
.blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
.blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
.blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
.blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
#community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
#community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
#community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
#community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
.flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
.flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
.flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
.flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, #event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: blue;
}
#event-content a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, #community-detail a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, .flatpage-container:not(.climate-impact) a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

a.external:not(.btn-link):link, a.external:not(.btn-link):visited {
  color: blue;
  transition: color 250ms ease-in-out;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
a.external:not(.btn-link):link::selection, a.external:not(.btn-link):visited::selection {
  background: lime;
}
a.external:not(.btn-link):link::-moz-selection, a.external:not(.btn-link):visited::-moz-selection {
  background: lime;
}
a.external:not(.btn-link):link *,
a.external:not(.btn-link):link *:after, a.external:not(.btn-link):link:after,
a.external:not(.btn-link):link *:before, a.external:not(.btn-link):link:before, a.external:not(.btn-link):visited *,
a.external:not(.btn-link):visited *:after, a.external:not(.btn-link):visited:after,
a.external:not(.btn-link):visited *:before, a.external:not(.btn-link):visited:before {
  text-shadow: none;
}
a.external:not(.btn-link):link:visited, a.external:not(.btn-link):visited:visited {
  color: blue;
}
a.external:not(.btn-link):hover {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

a.btn-link {
  display: inline-block;
  padding: 1.5rem 5rem;
  border: solid 0.2rem mediumslateblue;
  text-decoration: none;
  text-align: center;
}
a.btn-link span {
  vertical-align: middle;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
a.btn-link span::selection {
  background: lime;
}
a.btn-link span::-moz-selection {
  background: lime;
}
a.btn-link span *,
a.btn-link span *:after, a.btn-link span:after,
a.btn-link span *:before, a.btn-link span:before {
  text-shadow: none;
}
a.btn-link span:visited {
  color: mediumslateblue;
}
a.btn-link:hover span {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
a.btn-link.dark {
  background: black;
}
a.btn-link.dark span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
a.btn-link.dark span::selection {
  background: lime;
}
a.btn-link.dark span::-moz-selection {
  background: lime;
}
a.btn-link.dark span *,
a.btn-link.dark span *:after, a.btn-link.dark span:after,
a.btn-link.dark span *:before, a.btn-link.dark span:before {
  text-shadow: none;
}
a.btn-link.dark span:visited {
  color: mediumslateblue;
}
a.btn-link.external {
  border-color: blue;
}
a.btn-link.external span {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
a.btn-link.external span::selection {
  background: lime;
}
a.btn-link.external span::-moz-selection {
  background: lime;
}
a.btn-link.external span *,
a.btn-link.external span *:after, a.btn-link.external span:after,
a.btn-link.external span *:before, a.btn-link.external span:before {
  text-shadow: none;
}
a.btn-link.external span:visited {
  color: blue;
}
@media screen and (max-width: 600px) {
  a.btn-link {
    padding: 1rem 2rem;
  }
}

button.styled {
  font-family: "u001", sans-serif;
  background: transparent;
  padding: 1.5rem 5rem;
  border: solid 0.2rem mediumslateblue;
  cursor: pointer;
}
button.styled:disabled {
  color: rgb(140, 140, 140);
  border-color: rgb(140, 140, 140);
}
button.styled:disabled span {
  font-size: 2.4rem;
}
button.styled:not(:disabled) span {
  font-size: 2.4rem;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
button.styled:not(:disabled) span::selection {
  background: lime;
}
button.styled:not(:disabled) span::-moz-selection {
  background: lime;
}
button.styled:not(:disabled) span *,
button.styled:not(:disabled) span *:after, button.styled:not(:disabled) span:after,
button.styled:not(:disabled) span *:before, button.styled:not(:disabled) span:before {
  text-shadow: none;
}
button.styled:not(:disabled) span:visited {
  color: mediumslateblue;
}
@media screen and (max-width: 600px) {
  button.styled:not(:disabled) span {
    font-size: 2rem;
  }
}
button.styled:hover span {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
button.styled.dark {
  background-color: black;
  border-color: lime;
}
button.styled.dark span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
button.styled.dark span::selection {
  background: lime;
}
button.styled.dark span::-moz-selection {
  background: lime;
}
button.styled.dark span *,
button.styled.dark span *:after, button.styled.dark span:after,
button.styled.dark span *:before, button.styled.dark span:before {
  text-shadow: none;
}
button.styled.dark span:visited {
  color: lime;
}

body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: white;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: white;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.darkmode a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: mediumslateblue;
}
body.darkmode a.btn-link span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.darkmode a.btn-link span::selection {
  background: lime;
}
body.darkmode a.btn-link span::-moz-selection {
  background: lime;
}
body.darkmode a.btn-link span *,
body.darkmode a.btn-link span *:after, body.darkmode a.btn-link span:after,
body.darkmode a.btn-link span *:before, body.darkmode a.btn-link span:before {
  text-shadow: none;
}
body.darkmode a.btn-link span:visited {
  color: lime;
}
body.darkmode button.styled span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.darkmode button.styled span::selection {
  background: lime;
}
body.darkmode button.styled span::-moz-selection {
  background: lime;
}
body.darkmode button.styled span *,
body.darkmode button.styled span *:after, body.darkmode button.styled span:after,
body.darkmode button.styled span *:before, body.darkmode button.styled span:before {
  text-shadow: none;
}
body.darkmode button.styled span:visited {
  color: lime;
}
body.darkmode a.external:link, body.darkmode a.external:visited {
  color: hotpink;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(hotpink, hotpink);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: hotpink;
  text-decoration: none;
}
body.darkmode a.external:link::selection, body.darkmode a.external:visited::selection {
  background: lime;
}
body.darkmode a.external:link::-moz-selection, body.darkmode a.external:visited::-moz-selection {
  background: lime;
}
body.darkmode a.external:link *,
body.darkmode a.external:link *:after, body.darkmode a.external:link:after,
body.darkmode a.external:link *:before, body.darkmode a.external:link:before, body.darkmode a.external:visited *,
body.darkmode a.external:visited *:after, body.darkmode a.external:visited:after,
body.darkmode a.external:visited *:before, body.darkmode a.external:visited:before {
  text-shadow: none;
}
body.darkmode a.external:link:visited, body.darkmode a.external:visited:visited {
  color: hotpink;
}
body.darkmode a.external:hover {
  color: hotpink;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(hotpink, hotpink);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: hotpink;
  text-decoration: none;
}
body.darkmode a.external:hover::selection {
  background: lime;
}
body.darkmode a.external:hover::-moz-selection {
  background: lime;
}
body.darkmode a.external:hover *,
body.darkmode a.external:hover *:after, body.darkmode a.external:hover:after,
body.darkmode a.external:hover *:before, body.darkmode a.external:hover:before {
  text-shadow: none;
}
body.darkmode a.external:hover:visited {
  color: hotpink;
}

body.benefit a:not(.plain):not(.btn-link):not(.external) {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external)::selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external)::-moz-selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external) *,
body.benefit a:not(.plain):not(.btn-link):not(.external) *:after, body.benefit a:not(.plain):not(.btn-link):not(.external):after,
body.benefit a:not(.plain):not(.btn-link):not(.external) *:before, body.benefit a:not(.plain):not(.btn-link):not(.external):before {
  text-shadow: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited {
  color: black;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited::selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited::-moz-selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited *,
body.benefit a:not(.plain):not(.btn-link):not(.external):visited *:after, body.benefit a:not(.plain):not(.btn-link):not(.external):visited:after,
body.benefit a:not(.plain):not(.btn-link):not(.external):visited *:before, body.benefit a:not(.plain):not(.btn-link):not(.external):visited:before {
  text-shadow: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):visited:visited {
  color: black;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):hover, body.benefit a:not(.plain):not(.btn-link):not(.external).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):hover::selection, body.benefit a:not(.plain):not(.btn-link):not(.external).active::selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):hover::-moz-selection, body.benefit a:not(.plain):not(.btn-link):not(.external).active::-moz-selection {
  background: lime;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):hover *,
body.benefit a:not(.plain):not(.btn-link):not(.external):hover *:after, body.benefit a:not(.plain):not(.btn-link):not(.external):hover:after,
body.benefit a:not(.plain):not(.btn-link):not(.external):hover *:before, body.benefit a:not(.plain):not(.btn-link):not(.external):hover:before, body.benefit a:not(.plain):not(.btn-link):not(.external).active *,
body.benefit a:not(.plain):not(.btn-link):not(.external).active *:after, body.benefit a:not(.plain):not(.btn-link):not(.external).active:after,
body.benefit a:not(.plain):not(.btn-link):not(.external).active *:before, body.benefit a:not(.plain):not(.btn-link):not(.external).active:before {
  text-shadow: none;
}
body.benefit a:not(.plain):not(.btn-link):not(.external):hover:visited, body.benefit a:not(.plain):not(.btn-link):not(.external).active:visited {
  color: mediumslateblue;
}
body.benefit a.external:link, body.benefit a.external:visited {
  color: hotpink;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(hotpink, hotpink);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: hotpink;
  text-decoration: none;
}
body.benefit a.external:link::selection, body.benefit a.external:visited::selection {
  background: lime;
}
body.benefit a.external:link::-moz-selection, body.benefit a.external:visited::-moz-selection {
  background: lime;
}
body.benefit a.external:link *,
body.benefit a.external:link *:after, body.benefit a.external:link:after,
body.benefit a.external:link *:before, body.benefit a.external:link:before, body.benefit a.external:visited *,
body.benefit a.external:visited *:after, body.benefit a.external:visited:after,
body.benefit a.external:visited *:before, body.benefit a.external:visited:before {
  text-shadow: none;
}
body.benefit a.external:link:visited, body.benefit a.external:visited:visited {
  color: hotpink;
}
body.benefit a.external:hover {
  color: hotpink;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(hotpink, hotpink);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: hotpink;
  text-decoration: none;
}
body.benefit a.external:hover::selection {
  background: lime;
}
body.benefit a.external:hover::-moz-selection {
  background: lime;
}
body.benefit a.external:hover *,
body.benefit a.external:hover *:after, body.benefit a.external:hover:after,
body.benefit a.external:hover *:before, body.benefit a.external:hover:before {
  text-shadow: none;
}
body.benefit a.external:hover:visited {
  color: hotpink;
}

body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 forestgreen, -0.03rem 0 forestgreen, 0 -0.03rem forestgreen, 0 0.03rem forestgreen, 0 0.16rem forestgreen, 0 0.23rem forestgreen, 0.06rem 0 forestgreen, -0.06rem 0 forestgreen, 0.09rem 0.16rem forestgreen, -0.09rem 0.16rem forestgreen, 0.12rem 0.16rem forestgreen, -0.12rem 0.16rem forestgreen, 0.12rem 0.23rem forestgreen, -0.12rem 0.23rem forestgreen;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: white;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 forestgreen, -0.03rem 0 forestgreen, 0 -0.03rem forestgreen, 0 0.03rem forestgreen, 0 0.16rem forestgreen, 0 0.23rem forestgreen, 0.06rem 0 forestgreen, -0.06rem 0 forestgreen, 0.09rem 0.16rem forestgreen, -0.09rem 0.16rem forestgreen, 0.12rem 0.16rem forestgreen, -0.12rem 0.16rem forestgreen, 0.12rem 0.23rem forestgreen, -0.12rem 0.23rem forestgreen;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: white;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 forestgreen, -0.03rem 0 forestgreen, 0 -0.03rem forestgreen, 0 0.03rem forestgreen, 0 0.16rem forestgreen, 0 0.23rem forestgreen, 0.06rem 0 forestgreen, -0.06rem 0 forestgreen, 0.09rem 0.16rem forestgreen, -0.09rem 0.16rem forestgreen, 0.12rem 0.16rem forestgreen, -0.12rem 0.16rem forestgreen, 0.12rem 0.23rem forestgreen, -0.12rem 0.23rem forestgreen;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.tag-series-artbase-anthologies-entries a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: mediumslateblue;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited {
  color: PeachPuff;
  text-shadow: 0.03rem 0 forestgreen, -0.03rem 0 forestgreen, 0 -0.03rem forestgreen, 0 0.03rem forestgreen, 0 0.16rem forestgreen, 0 0.23rem forestgreen, 0.06rem 0 forestgreen, -0.06rem 0 forestgreen, 0.09rem 0.16rem forestgreen, -0.09rem 0.16rem forestgreen, 0.12rem 0.16rem forestgreen, -0.12rem 0.16rem forestgreen, 0.12rem 0.23rem forestgreen, -0.12rem 0.23rem forestgreen;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(PeachPuff, PeachPuff);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: PeachPuff;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link::selection, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link::-moz-selection, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link *,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link *:after, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link:after,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link *:before, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link:before, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited *,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited *:after, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited:after,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited *:before, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited:before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):link:visited, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):visited:visited {
  color: PeachPuff;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover {
  color: PeachPuff;
  text-shadow: 0.03rem 0 forestgreen, -0.03rem 0 forestgreen, 0 -0.03rem forestgreen, 0 0.03rem forestgreen, 0 0.16rem forestgreen, 0 0.23rem forestgreen, 0.06rem 0 forestgreen, -0.06rem 0 forestgreen, 0.09rem 0.16rem forestgreen, -0.09rem 0.16rem forestgreen, 0.12rem 0.16rem forestgreen, -0.12rem 0.16rem forestgreen, 0.12rem 0.23rem forestgreen, -0.12rem 0.23rem forestgreen;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(PeachPuff, PeachPuff);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: PeachPuff;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover *,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover *:after, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover:after,
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover *:before, body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover:before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries a.external:not(.macos-button):hover:visited {
  color: PeachPuff;
}

/* aba majerus */
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: white;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: white;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  color: black;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.aba-majerus .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: black;
}
body.aba-majerus .blog-article a.external:not(.macos-button):link, body.aba-majerus .blog-article a.external:not(.macos-button):visited {
  color: PeachPuff;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(PeachPuff, PeachPuff);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: PeachPuff;
  text-decoration: none;
}
body.aba-majerus .blog-article a.external:not(.macos-button):link::selection, body.aba-majerus .blog-article a.external:not(.macos-button):visited::selection {
  background: lime;
}
body.aba-majerus .blog-article a.external:not(.macos-button):link::-moz-selection, body.aba-majerus .blog-article a.external:not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.aba-majerus .blog-article a.external:not(.macos-button):link *,
body.aba-majerus .blog-article a.external:not(.macos-button):link *:after, body.aba-majerus .blog-article a.external:not(.macos-button):link:after,
body.aba-majerus .blog-article a.external:not(.macos-button):link *:before, body.aba-majerus .blog-article a.external:not(.macos-button):link:before, body.aba-majerus .blog-article a.external:not(.macos-button):visited *,
body.aba-majerus .blog-article a.external:not(.macos-button):visited *:after, body.aba-majerus .blog-article a.external:not(.macos-button):visited:after,
body.aba-majerus .blog-article a.external:not(.macos-button):visited *:before, body.aba-majerus .blog-article a.external:not(.macos-button):visited:before {
  text-shadow: none;
}
body.aba-majerus .blog-article a.external:not(.macos-button):link:visited, body.aba-majerus .blog-article a.external:not(.macos-button):visited:visited {
  color: PeachPuff;
}
body.aba-majerus .blog-article a.external:not(.macos-button):hover {
  color: PeachPuff;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(PeachPuff, PeachPuff);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: PeachPuff;
  text-decoration: none;
}
body.aba-majerus .blog-article a.external:not(.macos-button):hover::selection {
  background: lime;
}
body.aba-majerus .blog-article a.external:not(.macos-button):hover::-moz-selection {
  background: lime;
}
body.aba-majerus .blog-article a.external:not(.macos-button):hover *,
body.aba-majerus .blog-article a.external:not(.macos-button):hover *:after, body.aba-majerus .blog-article a.external:not(.macos-button):hover:after,
body.aba-majerus .blog-article a.external:not(.macos-button):hover *:before, body.aba-majerus .blog-article a.external:not(.macos-button):hover:before {
  text-shadow: none;
}
body.aba-majerus .blog-article a.external:not(.macos-button):hover:visited {
  color: PeachPuff;
}
body.aba-majerus #site-footer a.climate-portal:link, body.aba-majerus #site-footer a.climate-portal:visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.aba-majerus #site-footer a.climate-portal:link::selection, body.aba-majerus #site-footer a.climate-portal:visited::selection {
  background: lime;
}
body.aba-majerus #site-footer a.climate-portal:link::-moz-selection, body.aba-majerus #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
body.aba-majerus #site-footer a.climate-portal:link *,
body.aba-majerus #site-footer a.climate-portal:link *:after, body.aba-majerus #site-footer a.climate-portal:link:after,
body.aba-majerus #site-footer a.climate-portal:link *:before, body.aba-majerus #site-footer a.climate-portal:link:before, body.aba-majerus #site-footer a.climate-portal:visited *,
body.aba-majerus #site-footer a.climate-portal:visited *:after, body.aba-majerus #site-footer a.climate-portal:visited:after,
body.aba-majerus #site-footer a.climate-portal:visited *:before, body.aba-majerus #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
body.aba-majerus #site-footer a.climate-portal:link:visited, body.aba-majerus #site-footer a.climate-portal:visited:visited {
  color: DeepSkyBlue;
}
body.aba-majerus #site-footer a.climate-portal:hover {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.aba-majerus #site-footer a.climate-portal:hover::selection {
  background: lime;
}
body.aba-majerus #site-footer a.climate-portal:hover::-moz-selection {
  background: lime;
}
body.aba-majerus #site-footer a.climate-portal:hover *,
body.aba-majerus #site-footer a.climate-portal:hover *:after, body.aba-majerus #site-footer a.climate-portal:hover:after,
body.aba-majerus #site-footer a.climate-portal:hover *:before, body.aba-majerus #site-footer a.climate-portal:hover:before {
  text-shadow: none;
}
body.aba-majerus #site-footer a.climate-portal:hover:visited {
  color: DeepSkyBlue;
}

/* aa auriea harvey */
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: black;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: black;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.aa-harvey .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: mediumslateblue;
}
body.aa-harvey a.external:link, body.aa-harvey a.external:visited {
  color: PeachPuff;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.aa-harvey a.external:link::selection, body.aa-harvey a.external:visited::selection {
  background: lime;
}
body.aa-harvey a.external:link::-moz-selection, body.aa-harvey a.external:visited::-moz-selection {
  background: lime;
}
body.aa-harvey a.external:link *,
body.aa-harvey a.external:link *:after, body.aa-harvey a.external:link:after,
body.aa-harvey a.external:link *:before, body.aa-harvey a.external:link:before, body.aa-harvey a.external:visited *,
body.aa-harvey a.external:visited *:after, body.aa-harvey a.external:visited:after,
body.aa-harvey a.external:visited *:before, body.aa-harvey a.external:visited:before {
  text-shadow: none;
}
body.aa-harvey a.external:link:visited, body.aa-harvey a.external:visited:visited {
  color: blue;
}
body.aa-harvey a.external:hover {
  color: PeachPuff;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.aa-harvey a.external:hover::selection {
  background: lime;
}
body.aa-harvey a.external:hover::-moz-selection {
  background: lime;
}
body.aa-harvey a.external:hover *,
body.aa-harvey a.external:hover *:after, body.aa-harvey a.external:hover:after,
body.aa-harvey a.external:hover *:before, body.aa-harvey a.external:hover:before {
  text-shadow: none;
}
body.aa-harvey a.external:hover:visited {
  color: blue;
}
body.aa-harvey #site-footer a.climate-portal:link, body.aa-harvey #site-footer a.climate-portal:visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.aa-harvey #site-footer a.climate-portal:link::selection, body.aa-harvey #site-footer a.climate-portal:visited::selection {
  background: lime;
}
body.aa-harvey #site-footer a.climate-portal:link::-moz-selection, body.aa-harvey #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
body.aa-harvey #site-footer a.climate-portal:link *,
body.aa-harvey #site-footer a.climate-portal:link *:after, body.aa-harvey #site-footer a.climate-portal:link:after,
body.aa-harvey #site-footer a.climate-portal:link *:before, body.aa-harvey #site-footer a.climate-portal:link:before, body.aa-harvey #site-footer a.climate-portal:visited *,
body.aa-harvey #site-footer a.climate-portal:visited *:after, body.aa-harvey #site-footer a.climate-portal:visited:after,
body.aa-harvey #site-footer a.climate-portal:visited *:before, body.aa-harvey #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
body.aa-harvey #site-footer a.climate-portal:link:visited, body.aa-harvey #site-footer a.climate-portal:visited:visited {
  color: DeepSkyBlue;
}
body.aa-harvey #site-footer a.climate-portal:hover {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.aa-harvey #site-footer a.climate-portal:hover::selection {
  background: lime;
}
body.aa-harvey #site-footer a.climate-portal:hover::-moz-selection {
  background: lime;
}
body.aa-harvey #site-footer a.climate-portal:hover *,
body.aa-harvey #site-footer a.climate-portal:hover *:after, body.aa-harvey #site-footer a.climate-portal:hover:after,
body.aa-harvey #site-footer a.climate-portal:hover *:before, body.aa-harvey #site-footer a.climate-portal:hover:before {
  text-shadow: none;
}
body.aa-harvey #site-footer a.climate-portal:hover:visited {
  color: DeepSkyBlue;
}

/* climate portal */
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: white;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: white;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.climate-portal a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: white;
}
body.climate-portal a.external:link, body.climate-portal a.external:visited {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(Aquamarine, Aquamarine);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: Aquamarine;
  text-decoration: none;
}
body.climate-portal a.external:link::selection, body.climate-portal a.external:visited::selection {
  background: lime;
}
body.climate-portal a.external:link::-moz-selection, body.climate-portal a.external:visited::-moz-selection {
  background: lime;
}
body.climate-portal a.external:link *,
body.climate-portal a.external:link *:after, body.climate-portal a.external:link:after,
body.climate-portal a.external:link *:before, body.climate-portal a.external:link:before, body.climate-portal a.external:visited *,
body.climate-portal a.external:visited *:after, body.climate-portal a.external:visited:after,
body.climate-portal a.external:visited *:before, body.climate-portal a.external:visited:before {
  text-shadow: none;
}
body.climate-portal a.external:link:visited, body.climate-portal a.external:visited:visited {
  color: Aquamarine;
}
body.climate-portal a.external:hover {
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(Aquamarine, Aquamarine);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: Aquamarine;
  text-decoration: none;
}
body.climate-portal a.external:hover::selection {
  background: lime;
}
body.climate-portal a.external:hover::-moz-selection {
  background: lime;
}
body.climate-portal a.external:hover *,
body.climate-portal a.external:hover *:after, body.climate-portal a.external:hover:after,
body.climate-portal a.external:hover *:before, body.climate-portal a.external:hover:before {
  text-shadow: none;
}
body.climate-portal a.external:hover:visited {
  color: Aquamarine;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: DeepSkyBlue;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection {
  background: lime;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection {
  background: lime;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before {
  text-shadow: none;
}
body.climate-portal p.acknowledgement a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited {
  color: DeepSkyBlue;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 #64ffff, -0.03rem 0 #64ffff, 0 -0.03rem #64ffff, 0 0.03rem #64ffff, 0 0.16rem #64ffff, 0 0.23rem #64ffff, 0.06rem 0 #64ffff, -0.06rem 0 #64ffff, 0.09rem 0.16rem #64ffff, -0.09rem 0.16rem #64ffff, 0.12rem 0.16rem #64ffff, -0.12rem 0.16rem #64ffff, 0.12rem 0.23rem #64ffff, -0.12rem 0.23rem #64ffff;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::selection, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link::-moz-selection, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:after, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:after,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link *:before, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:before, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):link:visited, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: black;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover {
  text-shadow: 0.03rem 0 #64ffff, -0.03rem 0 #64ffff, 0 -0.03rem #64ffff, 0 0.03rem #64ffff, 0 0.16rem #64ffff, 0 0.23rem #64ffff, 0.06rem 0 #64ffff, -0.06rem 0 #64ffff, 0.09rem 0.16rem #64ffff, -0.09rem 0.16rem #64ffff, 0.12rem 0.16rem #64ffff, -0.12rem 0.16rem #64ffff, 0.12rem 0.23rem #64ffff, -0.12rem 0.23rem #64ffff;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection {
  background: lime;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection {
  background: lime;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before {
  text-shadow: none;
}
body.climate-portal .sources a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited {
  color: black;
}

/* 7x7 article styles */
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button), body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button) {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button)::-moz-selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:after, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):after,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button) *:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):before {
  text-shadow: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  color: black;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited::-moz-selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:after, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:after,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited *:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:before {
  text-shadow: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):visited:visited {
  color: black;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover::-moz-selection, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active::-moz-selection {
  background: lime;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:after, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:after,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover *:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:after, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:after,
body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active *:before, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:before {
  text-shadow: none;
}
body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.article-10208 .blog-article a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button):hover:visited, body.article-10208 a:not(.plain):not(.btn-link):not(.external):not(.macos-button).active:visited {
  color: black;
}
body.article-10208 #site-footer a.climate-portal {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.article-10208 #site-footer a.climate-portal::selection {
  background: lime;
}
body.article-10208 #site-footer a.climate-portal::-moz-selection {
  background: lime;
}
body.article-10208 #site-footer a.climate-portal *,
body.article-10208 #site-footer a.climate-portal *:after, body.article-10208 #site-footer a.climate-portal:after,
body.article-10208 #site-footer a.climate-portal *:before, body.article-10208 #site-footer a.climate-portal:before {
  text-shadow: none;
}
body.article-10208 #site-footer a.climate-portal:visited {
  color: DeepSkyBlue;
}
body.article-10208 #site-footer a.climate-portal:visited {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.article-10208 #site-footer a.climate-portal:visited::selection {
  background: lime;
}
body.article-10208 #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
body.article-10208 #site-footer a.climate-portal:visited *,
body.article-10208 #site-footer a.climate-portal:visited *:after, body.article-10208 #site-footer a.climate-portal:visited:after,
body.article-10208 #site-footer a.climate-portal:visited *:before, body.article-10208 #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
body.article-10208 #site-footer a.climate-portal:visited:visited {
  color: DeepSkyBlue;
}
body.article-10208 button.styled span {
  text-shadow: 0.03rem 0 #c1c0c0, -0.03rem 0 #c1c0c0, 0 -0.03rem #c1c0c0, 0 0.03rem #c1c0c0, 0 0.16rem #c1c0c0, 0 0.23rem #c1c0c0, 0.06rem 0 #c1c0c0, -0.06rem 0 #c1c0c0, 0.09rem 0.16rem #c1c0c0, -0.09rem 0.16rem #c1c0c0, 0.12rem 0.16rem #c1c0c0, -0.12rem 0.16rem #c1c0c0, 0.12rem 0.23rem #c1c0c0, -0.12rem 0.23rem #c1c0c0;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.article-10208 button.styled span::selection {
  background: lime;
}
body.article-10208 button.styled span::-moz-selection {
  background: lime;
}
body.article-10208 button.styled span *,
body.article-10208 button.styled span *:after, body.article-10208 button.styled span:after,
body.article-10208 button.styled span *:before, body.article-10208 button.styled span:before {
  text-shadow: none;
}
body.article-10208 button.styled span:visited {
  color: mediumslateblue;
}
body.article-10208 button.styled.dark span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.article-10208 button.styled.dark span::selection {
  background: lime;
}
body.article-10208 button.styled.dark span::-moz-selection {
  background: lime;
}
body.article-10208 button.styled.dark span *,
body.article-10208 button.styled.dark span *:after, body.article-10208 button.styled.dark span:after,
body.article-10208 button.styled.dark span *:before, body.article-10208 button.styled.dark span:before {
  text-shadow: none;
}
body.article-10208 button.styled.dark span:visited {
  color: lime;
}

/* benefit 2024 after party event page */
body.event-235 {
  color: white;
  background-color: black;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe)::selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe)::-moz-selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *:after, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):after,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *:before, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):before {
  text-shadow: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited {
  color: white;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited::selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited::-moz-selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *:after, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:after,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *:before, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:before {
  text-shadow: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:visited {
  color: white;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover::selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover::-moz-selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *:after, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:after,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *:before, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:before {
  text-shadow: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:visited {
  color: white;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active::selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active::-moz-selection {
  background: lime;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *:after, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:after,
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *:before, body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:before {
  text-shadow: none;
}
body.event-235 #event-content a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:visited {
  color: white;
}
body.event-235 a.external:not(.btn-link):link, body.event-235 a.external:not(.btn-link):visited {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.event-235 a.external:not(.btn-link):link::selection, body.event-235 a.external:not(.btn-link):visited::selection {
  background: lime;
}
body.event-235 a.external:not(.btn-link):link::-moz-selection, body.event-235 a.external:not(.btn-link):visited::-moz-selection {
  background: lime;
}
body.event-235 a.external:not(.btn-link):link *,
body.event-235 a.external:not(.btn-link):link *:after, body.event-235 a.external:not(.btn-link):link:after,
body.event-235 a.external:not(.btn-link):link *:before, body.event-235 a.external:not(.btn-link):link:before, body.event-235 a.external:not(.btn-link):visited *,
body.event-235 a.external:not(.btn-link):visited *:after, body.event-235 a.external:not(.btn-link):visited:after,
body.event-235 a.external:not(.btn-link):visited *:before, body.event-235 a.external:not(.btn-link):visited:before {
  text-shadow: none;
}
body.event-235 a.external:not(.btn-link):link:visited, body.event-235 a.external:not(.btn-link):visited:visited {
  color: blue;
}
body.event-235 a.btn-link {
  border-radius: 5rem;
  padding: 0.5rem 15rem;
  border-color: lime;
  margin: 3rem 0;
  color: lime;
  font-size: 2.4rem;
  background: transparent;
}
body.event-235 a.btn-link > span {
  vertical-align: super;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.event-235 a.btn-link > span::selection {
  background: lime;
}
body.event-235 a.btn-link > span::-moz-selection {
  background: lime;
}
body.event-235 a.btn-link > span *,
body.event-235 a.btn-link > span *:after, body.event-235 a.btn-link > span:after,
body.event-235 a.btn-link > span *:before, body.event-235 a.btn-link > span:before {
  text-shadow: none;
}
body.event-235 a.btn-link > span:visited {
  color: lime;
}

/* staff links */
.fnoteWrap button {
  font-family: "u001", sans-serif;
  background: transparent;
  border: none;
  transition: color 0.125s ease-in-out;
  vertical-align: super;
  color: blue;
}
@media (max-width: 900px) {
  .fnoteWrap button {
    cursor: pointer;
    background: #CCC;
    border-radius: 0.3rem;
    margin-left: 0.5rem;
  }
}

p.mobile-fnote {
  display: block !important;
  position: fixed !important;
  bottom: 0;
  background: white;
  padding: 1.5rem;
  border: solid 0.1rem limegreen;
}

body.footnote-interactive .fnoteWrap button {
  cursor: pointer;
}
body.footnote-interactive .fnoteWrap button:hover {
  color: black;
}

@keyframes link-hover {
  0% {
    background-size: 0% 0.3rem;
  }
  100% {
    background-size: 100% 0.3rem;
  }
}
@keyframes link-hover-small {
  0% {
    background-size: 0% 0.2rem;
  }
  100% {
    background-size: 100% 0.2rem;
  }
}
#people {
  grid-column: 1/span 12;
}
#people header {
  text-align: center;
  margin-bottom: 3rem;
}
#people .heading {
  text-transform: uppercase;
  color: mediumslateblue;
}

@media screen and (max-width: 600px) {
  body.landing #people a:nth-child(1n+30):not(:last-child), body.landing #people span:nth-child(1n+30) {
    display: none;
  }
}
/* primary */
body.climate-portal {
  background: DeepSkyBlue;
}
body.climate-portal .gutter {
  grid-column: 1/span 2;
}
body.climate-portal .gutter nav {
  position: sticky;
  margin: 1.5rem 0;
  top: 1.5rem;
  padding-right: 1.5rem;
}
body.climate-portal .gutter nav > div {
  margin-bottom: 2.5rem;
}
body.climate-portal #portal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/span 12;
  margin-bottom: 5rem;
}
body.climate-portal #portal-header #orb {
  position: relative;
  border-radius: 50%;
  background: #64ffff;
  width: 40rem;
  height: 40rem;
  box-shadow: 0 0 5rem 4.5rem rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  body.climate-portal #portal-header #orb {
    width: 25rem;
    height: 25rem;
  }
}
body.climate-portal #portal-header #orb h1 {
  position: absolute;
  color: lightsalmon;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
body.climate-portal #portal-header #orb h1.show {
  opacity: 1;
}
body.climate-portal #portal-header #orb h1 span {
  display: inline-block;
}
body.climate-portal #solar-stats {
  position: sticky;
  grid-column: 1/span 12;
  justify-self: end;
  width: 70rem;
  bottom: 3rem;
  right: 3rem;
  border-radius: 2.5rem;
  background-color: #64ffff;
  padding: 1.5rem;
  box-shadow: 0 0 2rem 0.5rem rgba(255, 255, 255, 0.75);
  z-index: 100;
  margin-top: 7.5rem;
}
@media (max-width: 800px) {
  body.climate-portal #solar-stats {
    display: none;
  }
}
body.climate-portal #solar-stats summary header {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: middle;
}
body.climate-portal #solar-stats summary header h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: normal;
  float: left;
}
body.climate-portal #solar-stats summary header time {
  font-size: 1.8rem;
  text-align: right;
  float: right;
}
body.climate-portal #solar-stats ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style-type: none;
  padding-left: 0;
  margin: 1.5rem 0 0 0;
}
body.climate-portal #solar-stats ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.8rem;
  padding: 0;
}
body.climate-portal #solar-stats ul li .label {
  font-size: 1.5rem;
}
body.climate-portal #solar-stats ul li .orb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 3.5rem;
  width: 3.5rem;
  margin: 1rem 0;
  border: solid 0.1rem rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}
body.climate-portal #solar-stats ul li .orb span {
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  opacity: 0.75;
}
body.climate-portal #solar-stats ul li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.climate-portal .flatpage-container h1, body.climate-portal .flatpage-container h2 {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
body.climate-portal .flatpage-container .plot {
  background-color: white;
  box-shadow: 0 0 2rem 0.5rem rgba(255, 255, 255, 0.75);
  border-radius: 2.5rem;
}
body.climate-portal .flatpage-container .plot h2 {
  margin-top: 0;
}
body.climate-portal .flatpage-container .plot figure {
  padding: 3rem;
  margin: 0;
}
body.climate-portal .flatpage-container .plot#total-co2 {
  grid-column: 1/span 12;
  margin-top: 3rem;
}
body.climate-portal .flatpage-container .plot#stacked-AWS {
  grid-column: 1/span 6;
  margin-right: 1rem;
  margin-bottom: 3rem;
}
@media (max-width: 800px) {
  body.climate-portal .flatpage-container .plot#stacked-AWS {
    margin-right: 0;
    grid-column: 1/span 12;
  }
}
body.climate-portal .flatpage-container .plot#stacked-GCP {
  grid-column: 7/span 6;
  margin-left: 1rem;
  margin-bottom: 3rem;
}
@media (max-width: 800px) {
  body.climate-portal .flatpage-container .plot#stacked-GCP {
    margin-left: 0;
    grid-column: 1/span 12;
  }
}
body.climate-portal .flatpage-container p.acknowledgement {
  background-color: white;
  box-shadow: 0 0 2rem 0.5rem rgba(255, 255, 255, 0.75);
  border-radius: 2.5rem;
  padding: 2.5rem;
  margin: 1.5rem 4rem;
}
body.climate-portal .flatpage-container code {
  font-size: 1.8rem;
  background-color: #64ffff;
  padding: 3rem;
  display: block;
  box-shadow: 0 0 2rem 0.5rem rgba(255, 255, 255, 0.75);
  border-radius: 2.5rem;
  text-align: center;
}
body.climate-portal .flatpage-container .sources {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.5rem;
  border-radius: 2.5rem;
  background-color: #64ffff;
  padding: 3rem;
  box-shadow: 0 0 2rem 0.5rem rgba(255, 255, 255, 0.75);
}
@media (max-width: 800px) {
  body.climate-portal .flatpage-container .sources {
    grid-template-columns: 1fr;
  }
}
body.climate-portal .flatpage-container .sources p {
  margin-bottom: 0;
}
body.climate-portal .flatpage-container .sources ul {
  margin-top: 0;
}
body.climate-portal #site-footer a.climate-portal:link, body.climate-portal #site-footer a.climate-portal:visited {
  color: white;
  text-shadow: 0.03rem 0 DeepSkyBlue, -0.03rem 0 DeepSkyBlue, 0 -0.03rem DeepSkyBlue, 0 0.03rem DeepSkyBlue, 0 0.16rem DeepSkyBlue, 0 0.23rem DeepSkyBlue, 0.06rem 0 DeepSkyBlue, -0.06rem 0 DeepSkyBlue, 0.09rem 0.16rem DeepSkyBlue, -0.09rem 0.16rem DeepSkyBlue, 0.12rem 0.16rem DeepSkyBlue, -0.12rem 0.16rem DeepSkyBlue, 0.12rem 0.23rem DeepSkyBlue, -0.12rem 0.23rem DeepSkyBlue;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.climate-portal #site-footer a.climate-portal:link::selection, body.climate-portal #site-footer a.climate-portal:visited::selection {
  background: lime;
}
body.climate-portal #site-footer a.climate-portal:link::-moz-selection, body.climate-portal #site-footer a.climate-portal:visited::-moz-selection {
  background: lime;
}
body.climate-portal #site-footer a.climate-portal:link *,
body.climate-portal #site-footer a.climate-portal:link *:after, body.climate-portal #site-footer a.climate-portal:link:after,
body.climate-portal #site-footer a.climate-portal:link *:before, body.climate-portal #site-footer a.climate-portal:link:before, body.climate-portal #site-footer a.climate-portal:visited *,
body.climate-portal #site-footer a.climate-portal:visited *:after, body.climate-portal #site-footer a.climate-portal:visited:after,
body.climate-portal #site-footer a.climate-portal:visited *:before, body.climate-portal #site-footer a.climate-portal:visited:before {
  text-shadow: none;
}
body.climate-portal #site-footer a.climate-portal:link:visited, body.climate-portal #site-footer a.climate-portal:visited:visited {
  color: white;
}

/*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */
.vanilla-calendar {
  width: 280px;
  min-width: -webkit-min-content;
  min-width: min-content;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 1fr;
  background-color: #fff;
  padding: 12px;
  border-radius: 4px;
}

.vanilla-calendar button.focus-visible {
  outline: 1px solid #ff8c00;
}

.vanilla-calendar button:focus-visible {
  outline: 1px solid #ff8c00;
}

.vanilla-calendar-header {
  position: relative;
  display: flex;
  align-items: center;
}

.vanilla-calendar-header__content {
  flex-grow: 1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  white-space: pre-wrap;
}

.vanilla-calendar-week-numbers {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vanilla-calendar-week-numbers__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #20b2aa;
  width: 28px;
  height: 18px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-week-numbers__content {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 2px;
  row-gap: 2px;
  align-items: center;
  justify-items: center;
  flex-grow: 1;
}

.vanilla-calendar-wrapper {
  height: 200px;
  display: flex;
  gap: 4px;
}

.vanilla-calendar-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.vanilla-calendar-arrow {
  position: relative;
  right: 2px;
  display: block;
  font-size: 0;
  width: 18px;
  height: 18px;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: 4px;
  border: 0;
}

.vanilla-calendar-arrow::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 1px;
  background-color: #000;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.vanilla-calendar-arrow::after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 10px;
  height: 1px;
  background-color: #000;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.vanilla-calendar-arrow:hover::before, .vanilla-calendar-arrow:hover::after {
  background-color: #20b2aa;
}

.vanilla-calendar-arrow_prev {
  right: 0;
  left: 4px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.vanilla-calendar-months {
  border-radius: 4px;
  display: grid;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  grid-row-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
  background-color: #fff;
  flex-grow: 1;
  align-items: center;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month {
  cursor: pointer;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month_disabled {
  cursor: default;
}

.vanilla-calendar-months__month {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  background-color: #fff;
  color: #20b2aa;
  padding: 2px;
  border-radius: 4px;
  border: 0;
  word-break: break-all;
}

.vanilla-calendar-months__month:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-months__month_selected {
  background-color: #20b2aa;
  color: #fff;
}

.vanilla-calendar-months__month_selected:hover {
  background-color: #20b2aa;
  color: #fff;
}

.vanilla-calendar-months__month_disabled {
  pointer-events: none;
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-months__month_disabled:hover {
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-month {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-month:hover {
  color: #20b2aa;
}

.vanilla-calendar-month_not-active {
  color: silver;
}

.vanilla-calendar-month_disabled {
  pointer-events: none;
  color: silver;
}

.vanilla-calendar-years {
  border-radius: 4px;
  display: grid;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  grid-row-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(5, 1fr);
  background-color: #fff;
  flex-grow: 1;
  align-items: center;
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
  cursor: pointer;
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year_disabled {
  cursor: default;
}

.vanilla-calendar-years__year {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  color: #20b2aa;
  padding: 2px;
  border-radius: 4px;
  border: 0;
  word-break: break-all;
}

.vanilla-calendar-years__year:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-years__year_selected {
  background-color: #20b2aa;
  color: #fff;
}

.vanilla-calendar-years__year_selected:hover {
  background-color: #20b2aa;
  color: #fff;
}

.vanilla-calendar-years__year_disabled {
  pointer-events: none;
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-years__year_disabled:hover {
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-year {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-year:hover {
  color: #20b2aa;
}

.vanilla-calendar-year_not-active {
  color: silver;
}

.vanilla-calendar-year_disabled {
  pointer-events: none;
  color: silver;
}

.vanilla-calendar-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 2px;
  -webkit-column-gap: 2px;
  column-gap: 2px;
  justify-items: center;
  margin-bottom: 5px;
}

.vanilla-calendar-week__day {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #20b2aa;
  width: 28px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-week__day_weekend {
  color: coral;
}

.vanilla-calendar-week-number {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #20b2aa;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 2px;
  -webkit-column-gap: 2px;
  column-gap: 2px;
  grid-row-gap: 2px;
  row-gap: 2px;
  justify-items: center;
  align-items: center;
  flex-grow: 1;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
  cursor: pointer;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
  cursor: default;
}

.vanilla-calendar-day {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-day.focus-visible .vanilla-calendar-day__popup, .vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup, .vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day__btn {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #000;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  border: 0;
  cursor: default;
}

.vanilla-calendar-day__btn:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-day__btn_today {
  background-color: #f0f8ff;
  color: #20b2aa;
  font-weight: 600;
}

.vanilla-calendar-day__btn_today:hover {
  color: #20b2aa;
  background-color: #f0f8ff;
}

.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_selected {
  background-color: #289b95;
  color: #fff;
}

.vanilla-calendar-day__btn_selected:hover {
  background-color: #289b95;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
  background-color: #68cec9;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
  background-color: #68cec9;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend, .vanilla-calendar-day__btn_holiday {
  color: coral;
}

.vanilla-calendar-day__btn_weekend:hover, .vanilla-calendar-day__btn_holiday:hover {
  background-color: #fff5ee;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: coral;
  background-color: #fff5ee;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  color: #a9a9a9;
  background-color: #f5f5f5;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #d3d3d3;
  background-color: #f5f5f5;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected {
  background-color: coral;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: coral;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
  background-color: #ffaa8a;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
  background-color: #ffaa8a;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_next {
  background-color: #fff;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_next:hover {
  background-color: #fff;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_disabled {
  pointer-events: none;
  background-color: #fff;
  color: #d3d3d3;
}

.vanilla-calendar-day__btn_disabled:hover {
  background-color: #fff;
  color: #d3d3d3;
}

.vanilla-calendar-day__popup {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 130px;
  padding: 16px 12px 8px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  opacity: 0;
  pointer-events: none;
}

.vanilla-calendar-day__popup:hover {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day__popup::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 8px);
  display: block;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.vanilla-calendar-day__popup::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 2px;
  display: block;
  height: 0;
  width: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-style: solid;
  border-width: 0 10px 8px;
}

.vanilla-calendar-time {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  gap: 12px;
  border-top: 1px solid #dcdcdc;
  padding: 12px 6px 0;
}

.vanilla-calendar-time__content {
  display: flex;
  align-items: center;
}

.vanilla-calendar-time__content input {
  box-sizing: border-box;
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  color: #000;
  background-color: #fff;
  width: 100%;
  padding: 2px;
  margin: 0;
  border: 0;
  border-radius: 4px;
}

.vanilla-calendar-time__content input:hover {
  background-color: #faebd7;
}

.vanilla-calendar-time__content input:disabled {
  cursor: default;
}

.vanilla-calendar-time__content input:disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-time__content input.focus-visible {
  outline: 1px solid #ff8c00;
  background-color: #fff;
}

.vanilla-calendar-time__content input:focus-visible {
  outline: 1px solid #ff8c00;
  background-color: #fff;
}

.vanilla-calendar-time__content input.vanilla-calendar-is-focus {
  background-color: #faebd7;
}

.vanilla-calendar-time__hours {
  position: relative;
  width: 25px;
  margin-right: 6px;
}

.vanilla-calendar-time__hours::after {
  content: ":";
  display: block;
  position: absolute;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -1px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  color: #000;
}

.vanilla-calendar-time__minutes {
  width: 25px;
}

.vanilla-calendar-time__keeping {
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  color: gray;
  margin-left: 1px;
  margin-top: 5px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
}

.vanilla-calendar-time__keeping:hover {
  background-color: #faebd7;
}

.vanilla-calendar-time__keeping:disabled {
  cursor: default;
}

.vanilla-calendar-time__keeping:disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-time__ranges {
  display: flex;
  flex-direction: column;
}

.vanilla-calendar-time__range {
  font-size: 0;
  position: relative;
  z-index: 1;
}

.vanilla-calendar-time__range::before {
  content: "";
  width: 1px;
  height: 8px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  top: 5px;
  margin-top: 1px;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range::after {
  content: "";
  width: 1px;
  height: 8px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  right: 0;
  top: 5px;
  margin-top: 1px;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: gray;
}

.vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: gray;
}

.vanilla-calendar-time__range input {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  height: 20px;
  cursor: pointer;
  margin: 0;
  outline: none;
}

.vanilla-calendar-time__range input.focus-visible::-webkit-slider-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input.focus-visible::-moz-range-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -8px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: 16px;
  width: 10px;
  box-shadow: none;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
}

.vanilla-calendar-time__range input::-moz-range-thumb {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: 16px;
  width: 10px;
  box-shadow: none;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  cursor: pointer;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range input::-moz-range-track {
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  cursor: pointer;
  background-color: #dcdcdc;
}

#community {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 3rem;
}
#community #community-calendar {
  position: sticky;
  grid-column: 1/span 4;
  top: 0;
  height: 100vh;
}
#community #community-calendar nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: mediumslateblue;
}
#community #community-calendar nav h4 {
  margin: 1rem 0;
  font-weight: normal;
  line-height: 1.35;
}
#community #community-calendar nav button {
  background: transparent;
  border: none;
  cursor: pointer;
}
#community #community-calendar nav button svg {
  height: 3rem;
  vertical-align: middle;
}
#community #community-calendar nav button svg line,
#community #community-calendar nav button svg polyline {
  stroke: mediumslateblue;
}
#community #community-calendar .calendar-heading {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-items: center;
}
#community #community-calendar .calendar-heading .heading {
  width: 5rem;
  text-align: center;
}
#community #community-calendar .calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-items: center;
  width: 100%;
  padding-bottom: 1.5rem;
  border-bottom: solid 0.1rem black;
}
#community #community-calendar .calendar .calendar-day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  box-sizing: border-box;
}
#community #community-calendar .calendar .calendar-day button {
  background: transparent;
  border: none;
  font-size: 2.4rem;
  font-family: "u001", sans-serif;
}
@media screen and (max-width: 600px) {
  #community #community-calendar .calendar .calendar-day button {
    font-size: 2rem;
  }
}
#community #community-calendar .calendar .calendar-day.has-items button {
  cursor: pointer;
}
#community #community-calendar .calendar .calendar-day.has-items button span {
  transition: color 150ms ease-in-out;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
#community #community-calendar .calendar .calendar-day.has-items button span::selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.has-items button span::-moz-selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.has-items button span *,
#community #community-calendar .calendar .calendar-day.has-items button span *:after, #community #community-calendar .calendar .calendar-day.has-items button span:after,
#community #community-calendar .calendar .calendar-day.has-items button span *:before, #community #community-calendar .calendar .calendar-day.has-items button span:before {
  text-shadow: none;
}
#community #community-calendar .calendar .calendar-day.has-items button span:visited {
  color: black;
}
#community #community-calendar .calendar .calendar-day.has-items button:hover span {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#community #community-calendar .calendar .calendar-day.has-items button:hover span::selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.has-items button:hover span::-moz-selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.has-items button:hover span *,
#community #community-calendar .calendar .calendar-day.has-items button:hover span *:after, #community #community-calendar .calendar .calendar-day.has-items button:hover span:after,
#community #community-calendar .calendar .calendar-day.has-items button:hover span *:before, #community #community-calendar .calendar .calendar-day.has-items button:hover span:before {
  text-shadow: none;
}
#community #community-calendar .calendar .calendar-day.has-items button:hover span:visited {
  color: mediumslateblue;
}
#community #community-calendar .calendar .calendar-day.selected, #community #community-calendar .calendar .calendar-day.current {
  border: solid 0.3rem mediumslateblue;
}
#community #community-calendar .calendar .calendar-day.selected button span, #community #community-calendar .calendar .calendar-day.current button span {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#community #community-calendar .calendar .calendar-day.selected button span::selection, #community #community-calendar .calendar .calendar-day.current button span::selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.selected button span::-moz-selection, #community #community-calendar .calendar .calendar-day.current button span::-moz-selection {
  background: lime;
}
#community #community-calendar .calendar .calendar-day.selected button span *,
#community #community-calendar .calendar .calendar-day.selected button span *:after, #community #community-calendar .calendar .calendar-day.selected button span:after,
#community #community-calendar .calendar .calendar-day.selected button span *:before, #community #community-calendar .calendar .calendar-day.selected button span:before, #community #community-calendar .calendar .calendar-day.current button span *,
#community #community-calendar .calendar .calendar-day.current button span *:after, #community #community-calendar .calendar .calendar-day.current button span:after,
#community #community-calendar .calendar .calendar-day.current button span *:before, #community #community-calendar .calendar .calendar-day.current button span:before {
  text-shadow: none;
}
#community #community-calendar .calendar .calendar-day.selected button span:visited, #community #community-calendar .calendar .calendar-day.current button span:visited {
  color: mediumslateblue;
}
#community #community-calendar .filters {
  margin-top: 1.5rem;
}
#community #community-calendar .filters #type-filters a.active:hover {
  text-decoration: line-through;
  text-decoration-thickness: 0.3rem;
}
@media (max-width: 1024px) {
  #community #community-calendar {
    grid-column: 1/span 12;
    position: relative;
    height: auto;
    margin-bottom: 3rem;
  }
  #community #community-calendar nav, #community #community-calendar .calendar-heading, #community #community-calendar .calendar {
    display: none;
  }
}
#community #community-posts {
  grid-column: 5/span 8;
}
@media (max-width: 1024px) {
  #community #community-posts {
    grid-column: 2/span 10;
  }
}
@media (max-width: 600px) {
  #community #community-posts {
    grid-column: 1/span 12;
  }
}
#community #community-posts .community-list-item {
  border: solid 0.1rem black;
  box-sizing: border-box;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  transition: border-color 250ms ease-in-out, border-width 125ms ease-in-out;
}
#community #community-posts .community-list-item h2 {
  margin: 0;
}
#community #community-posts .community-list-item .location {
  word-wrap: anywhere;
}
#community #community-posts .community-list-item .heading {
  font-weight: bold;
}
#community #community-posts .community-list-item .information {
  margin-bottom: 0;
}
#community #community-posts .community-list-item .metadata {
  margin-bottom: 3rem;
}
#community #community-posts .community-list-item .metadata a.active {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#community #community-posts .community-list-item .metadata a.active::selection {
  background: lime;
}
#community #community-posts .community-list-item .metadata a.active::-moz-selection {
  background: lime;
}
#community #community-posts .community-list-item .metadata a.active *,
#community #community-posts .community-list-item .metadata a.active *:after, #community #community-posts .community-list-item .metadata a.active:after,
#community #community-posts .community-list-item .metadata a.active *:before, #community #community-posts .community-list-item .metadata a.active:before {
  text-shadow: none;
}
#community #community-posts .community-list-item .metadata a.active:visited {
  color: mediumslateblue;
}
@media (max-width: 600px) {
  #community #community-posts .community-list-item .text-content {
    display: none;
  }
}
#community #community-posts .message {
  text-align: center;
  color: rgb(140, 140, 140);
}
#community #community-posts .information {
  list-style-type: none;
  padding: 0;
}
#community #load-more-indicator {
  grid-column: 5/span 8;
  text-align: center;
  padding: 3rem 0;
}
@media screen and (max-width: 1800px) {
  #community #community-detail {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #community #community-detail {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #community #community-detail {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #community #community-detail {
    grid-column: 3/span 8;
  }
}
#community #community-detail h1 {
  margin-bottom: 0;
}
#community #community-detail figure img {
  width: 100%;
}
#community #community-detail .heading {
  font-weight: bold;
}
#community #community-detail .information {
  list-style-type: none;
  padding: 0;
}
#community #community-create {
  grid-column: 3/span 8;
}
@media screen and (max-width: 600px) {
  #community #community-create {
    grid-column: 1/span 12;
  }
}
#community #community-create .form-errors {
  margin-bottom: 3rem;
}
#community #community-create .form-errors .alert {
  color: red;
}
#community #community-create form .vanilla-calendar {
  border: 1px solid #e0e0e0;
  margin-top: 1rem;
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 255, 0, 0.25);
  position: absolute;
  z-index: 50;
}
#community #community-create form .vanilla-calendar.visually-hidden {
  display: none;
  left: -9999px;
  top: -9999px;
}
#community #community-create form .vanilla-calendar-week__day,
#community #community-create form .vanilla-calendar-months__month,
#community #community-create form .vanilla-calendar-years__year {
  color: black;
}
#community #community-create form .vanilla-calendar-day__btn:hover,
#community #community-create form .vanilla-calendar-months__month:hover,
#community #community-create form .vanilla-calendar-years__year:hover {
  background-color: rgba(123, 104, 238, 0.1);
}
#community #community-create form .vanilla-calendar-day__btn_today {
  color: mediumslateblue;
  background-color: transparent;
  border: solid 0.1rem rgba(123, 104, 238, 0.25);
}
#community #community-create form .vanilla-calendar-day__btn_selected {
  color: mediumslateblue;
  background-color: rgba(123, 104, 238, 0.1);
}
#community #community-create form .vanilla-calendar-month:hover, #community #community-create form .vanilla-calendar-year:hover {
  color: mediumslateblue;
}
#community #community-create form .vanilla-calendar-months__month_selected, #community #community-create form .vanilla-calendar-years__year_selected {
  background-color: mediumslateblue;
  color: white;
}
#community #community-create form .vanilla-calendar-time {
  font-size: 1.8rem;
}

#community-thanks {
  grid-column: 3/span 8;
}

article#event {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 3rem;
}
@media screen and (max-width: 1800px) {
  article#event > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  article#event > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  article#event > * {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  article#event > * {
    grid-column: 3/span 8;
  }
}
article#event #event-content img {
  display: block;
  width: 100%;
}
article#event #event-content img.actual-width {
  width: auto;
}
article#event #event-content p > iframe {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}
article#event #event-content figure {
  margin: 3rem 0 3rem 0;
}
article#event #event-content figure.image-display-cw img {
  width: 100%;
}
article#event #event-content figure figcaption {
  font-size: 1.4rem;
  margin-top: 1rem;
}
article#event #event-content figure figcaption p {
  margin: 0;
}
article#event header {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
article#event header figure.article-photo {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0 0 3rem 0;
}
article#event header figure.article-photo img {
  width: 100%;
}
article#event header figure.article-photo figcaption {
  font-size: 1.6rem;
}
@media screen and (max-width: 1800px) {
  article#event header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  article#event header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  article#event header.display-cw figure.article-photo img {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  article#event header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
article#event header.display-cw figure.article-photo figcaption {
  align-self: end;
  margin-left: 1.5rem;
  grid-column: 11/span 2;
}
@media (max-width: 1000px) {
  article#event header.display-cw figure.article-photo figcaption {
    margin: 1rem 0 0 0;
    grid-column: 3/span 8;
  }
}
article#event header.display-fw figure.article-photo img {
  grid-column: 1/span 12;
  margin: 0 -2.5rem 0 -2.5rem;
  width: calc(100% + 5rem);
  object-fit: cover;
  max-height: 100vh;
}
article#event header.display-fw figure.article-photo figcaption {
  margin: 1rem 0 0 0;
  grid-column: 3/span 8;
}
article#event header.display-aw figure.article-photo {
  margin: 0 auto 3rem auto;
}
article#event header.display-aw figure.article-photo img {
  grid-column: 1/span 12;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
article#event header.display-aw figure.article-photo figcaption {
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 1800px) {
  article#event header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  article#event header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  article#event header.display-aw figure.article-photo figcaption {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  article#event header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
article#event #event-info {
  position: relative;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1800px) {
  article#event #event-info {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  article#event #event-info {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  article#event #event-info {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  article#event #event-info {
    grid-column: 3/span 8;
  }
}
article#event #event-info h1 {
  margin: 0;
}
article#event #event-info .location p, article#event #event-info .ticket-details p, article#event #event-info .accesibility-details p {
  margin: 0;
}
article#event #event-info .accesibility-details {
  margin-top: 1.5rem;
}
article#event #event-info .rza-link {
  position: absolute;
  top: 0;
  right: 0;
}

#tag-index {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 1800px) {
  #tag-index .tag-display {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #tag-index .tag-display {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #tag-index .tag-display {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #tag-index .tag-display {
    grid-column: 3/span 8;
  }
}
#tag-index .tag-display .tag-links {
  padding: 0;
  list-style-type: none;
  margin: 2.5rem 0;
}
#tag-index .tag-display .tag-links li {
  padding: 1.5rem;
  border: solid 0.1rem black;
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-rows: repeat(2 1fr);
}
#tag-index .tag-display .tag-links li p {
  margin-top: 0;
}
#tag-index .tag-display .tag-links li.with-image {
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 3rem;
}
#tag-index .tag-display .tag-links li.with-image figure {
  grid-row: 1/span 2;
  margin: 0;
}
#tag-index .tag-display .tag-links li.with-image figure img {
  width: 100%;
}
#tag-index .tag-display .tag-links li.with-image a.btn-link {
  grid-column: 2;
  align-self: center;
  justify-self: center;
}
@media screen and (max-width: 600px) {
  #tag-index .tag-display .tag-links li.with-image {
    grid-template-columns: 1fr;
  }
  #tag-index .tag-display .tag-links li.with-image figure {
    grid-row: 1;
  }
  #tag-index .tag-display .tag-links li.with-image a {
    grid-column: 1;
  }
}

#about-page {
  /*
  #media {
    display: grid;
    grid-column: $base-grid;
    grid-template-columns: $base-grid-template;
    //margin: 0 -2.5rem $margin-small * 2 -2.5rem;
    margin-bottom: $margin-small * 2;

    h2 {
      grid-column: $content-grid;
      margin-bottom: 1.5rem;
    }

    .video-wrapper {
      &.full-width {
        grid-column: $base-grid;
        margin: 0 -2.5rem;
      }

      iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
      }
    }
  }
  */
}
@media screen and (max-width: 1800px) {
  #about-page {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #about-page {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #about-page {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #about-page {
    grid-column: 3/span 8;
  }
}
#about-page .video-wrapper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
}
#about-page section {
  margin: 6rem 0;
}
#about-page section ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
#about-page section h2 {
  margin-bottom: 0;
}
#about-page section.team li:nth-child(1) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
#about-page section.team li:nth-child(1) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(1) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(1) a *,
#about-page section.team li:nth-child(1) a *:after, #about-page section.team li:nth-child(1) a:after,
#about-page section.team li:nth-child(1) a *:before, #about-page section.team li:nth-child(1) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(1) a:visited {
  color: lime;
}
#about-page section.team li:nth-child(2) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(pink, pink);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: pink;
  text-decoration: none;
}
#about-page section.team li:nth-child(2) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(2) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(2) a *,
#about-page section.team li:nth-child(2) a *:after, #about-page section.team li:nth-child(2) a:after,
#about-page section.team li:nth-child(2) a *:before, #about-page section.team li:nth-child(2) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(2) a:visited {
  color: pink;
}
#about-page section.team li:nth-child(3) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(aqua, aqua);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: aqua;
  text-decoration: none;
}
#about-page section.team li:nth-child(3) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(3) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(3) a *,
#about-page section.team li:nth-child(3) a *:after, #about-page section.team li:nth-child(3) a:after,
#about-page section.team li:nth-child(3) a *:before, #about-page section.team li:nth-child(3) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(3) a:visited {
  color: aqua;
}
#about-page section.team li:nth-child(4) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(magenta, magenta);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: magenta;
  text-decoration: none;
}
#about-page section.team li:nth-child(4) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(4) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(4) a *,
#about-page section.team li:nth-child(4) a *:after, #about-page section.team li:nth-child(4) a:after,
#about-page section.team li:nth-child(4) a *:before, #about-page section.team li:nth-child(4) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(4) a:visited {
  color: magenta;
}
#about-page section.team li:nth-child(5) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(orange, orange);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: orange;
  text-decoration: none;
}
#about-page section.team li:nth-child(5) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(5) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(5) a *,
#about-page section.team li:nth-child(5) a *:after, #about-page section.team li:nth-child(5) a:after,
#about-page section.team li:nth-child(5) a *:before, #about-page section.team li:nth-child(5) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(5) a:visited {
  color: orange;
}
#about-page section.team li:nth-child(6) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(forestgreen, forestgreen);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: forestgreen;
  text-decoration: none;
}
#about-page section.team li:nth-child(6) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(6) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(6) a *,
#about-page section.team li:nth-child(6) a *:after, #about-page section.team li:nth-child(6) a:after,
#about-page section.team li:nth-child(6) a *:before, #about-page section.team li:nth-child(6) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(6) a:visited {
  color: forestgreen;
}
#about-page section.team li:nth-child(7) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(yellow, yellow);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: yellow;
  text-decoration: none;
}
#about-page section.team li:nth-child(7) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(7) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(7) a *,
#about-page section.team li:nth-child(7) a *:after, #about-page section.team li:nth-child(7) a:after,
#about-page section.team li:nth-child(7) a *:before, #about-page section.team li:nth-child(7) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(7) a:visited {
  color: yellow;
}
#about-page section.team li:nth-child(8) a {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#about-page section.team li:nth-child(8) a::selection {
  background: lime;
}
#about-page section.team li:nth-child(8) a::-moz-selection {
  background: lime;
}
#about-page section.team li:nth-child(8) a *,
#about-page section.team li:nth-child(8) a *:after, #about-page section.team li:nth-child(8) a:after,
#about-page section.team li:nth-child(8) a *:before, #about-page section.team li:nth-child(8) a:before {
  text-shadow: none;
}
#about-page section.team li:nth-child(8) a:visited {
  color: mediumslateblue;
}

#support-page {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
#support-page #lead {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
#support-page #lead .lead-text {
  grid-column: 3/span 8;
}
#support-page #lead .lead-text p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) and (max-width: 1800px) {
  #support-page #lead .lead-text {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) and (max-width: 800px) {
  #support-page #lead .lead-text {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  #support-page #lead .lead-text {
    grid-column: 1/span 12;
  }
}
@media screen and (max-width: 600px) and (min-width: 1800px) {
  #support-page #lead .lead-text {
    grid-column: 3/span 8;
  }
}
#support-page #lead figure {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0 0 3rem 0;
}
#support-page #lead figure img {
  grid-column: 1/span 12;
  margin: 0 -2.5rem 0 -2.5rem;
  width: calc(100% + 5rem);
  object-fit: cover;
  max-height: 100vh;
}
#support-page #lead figure figcaption {
  margin: 1rem 0 0 0;
  grid-column: 3/span 8;
  font-size: 1.4rem;
}
#support-page #donate {
  grid-column: 3/span 8;
  margin: 6rem 0;
}
@media screen and (max-width: 1800px) {
  #support-page #donate {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #support-page #donate {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #support-page #donate {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #support-page #donate {
    grid-column: 3/span 8;
  }
}
#support-page #donate .big-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
}
#support-page #donate .big-buttons a {
  text-align: center;
}
@media screen and (max-width: 600px) {
  #support-page #donate .big-buttons {
    grid-template-columns: 1fr;
  }
}
#support-page #acknowledgements h2 {
  margin-top: 0;
}
#support-page #introduction, #support-page #acknowledgements, #support-page #support {
  grid-column: 3/span 8;
}
@media screen and (max-width: 1800px) {
  #support-page #introduction, #support-page #acknowledgements, #support-page #support {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #support-page #introduction, #support-page #acknowledgements, #support-page #support {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #support-page #introduction, #support-page #acknowledgements, #support-page #support {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #support-page #introduction, #support-page #acknowledgements, #support-page #support {
    grid-column: 3/span 8;
  }
}
#support-page #introduction h2, #support-page #acknowledgements h2, #support-page #support h2 {
  margin-bottom: 0;
}
#support-page #introduction h2 + p, #support-page #acknowledgements h2 + p, #support-page #support h2 + p {
  margin-top: 0;
}
#support-page #introduction ul, #support-page #acknowledgements ul, #support-page #support ul {
  padding: 0;
  margin-top: 0;
  list-style-type: none;
}
#support-page index-module {
  margin-top: 3rem;
}

#crypto-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.give-form h1 {
  width: 80%;
  margin: 0 auto 0 auto;
  text-align: center;
}
.give-form .recurring {
  width: 80%;
  margin: 0 auto 4.5rem auto;
  display: grid;
  grid-template-columns: min-content auto;
  justify-content: center;
  grid-gap: 0.5rem;
  align-content: center;
}
.give-form .price-slider {
  width: 80%;
  margin: 0 auto 1rem auto;
}
.give-form .price-slider output {
  text-align: center;
  margin-top: 0.5rem;
}
.give-form .price-slider label {
  margin-bottom: 4.5rem;
  text-align: center;
}
.give-form .price-slider input[type=number] {
  font-size: 3rem;
  text-align: center;
  align-self: center;
}
@media (min-width: 500px) {
  .give-form .price-slider input[type=range] {
    -webkit-appearance: none;
    height: 7px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(mediumslateblue, mediumslateblue);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .give-form .price-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background: black;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
  }
  .give-form .price-slider input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background: black;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
  }
  .give-form .price-slider input[type=range]::-webkit-slider-runnable-track, .give-form .price-slider input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }
}

#account-profile {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-content: start;
}
#account-profile .metadata {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1800px) {
  #account-profile .metadata {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #account-profile .metadata {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #account-profile .metadata {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #account-profile .metadata {
    grid-column: 3/span 8;
  }
}
#account-profile .metadata p, #account-profile .metadata h2 {
  margin: 0;
}
#account-profile .metadata h2 a {
  font-weight: normal;
}
#account-profile .bio {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1800px) {
  #account-profile .bio {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  #account-profile .bio {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  #account-profile .bio {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  #account-profile .bio {
    grid-column: 3/span 8;
  }
}
#account-profile #posts {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 6rem;
}
#account-profile #posts h2 {
  grid-column: 1/span 12;
  font-weight: normal;
}
#account-profile #posts ul {
  list-style-type: none;
  margin: 0;
}
#account-profile #community-posts {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 6rem;
}
#account-profile #community-posts h2 {
  grid-column: 1/span 12;
  font-weight: normal;
}
#account-profile #community-posts ul {
  grid-column: 3/span 8;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 720px) {
  #account-profile #community-posts ul {
    grid-column: 1/span 12;
  }
}
#account-profile #community-posts ul li {
  padding: 1.5rem;
  border: solid 0.1rem black;
  margin-bottom: 2.5rem;
}
#account-profile #community-posts ul li h3 {
  margin: 0;
}
#account-profile #comments {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
#account-profile #comments h2 {
  grid-column: 1/span 12;
  font-weight: normal;
}
#account-profile #comments ul {
  list-style-type: none;
  grid-column: 3/span 8;
  padding: 0;
}
@media (max-width: 720px) {
  #account-profile #comments ul {
    grid-column: 1/span 12;
  }
}
#account-profile #comments ul li {
  margin-bottom: 3rem;
}
#account-profile #comments time {
  font-weight: bold;
}
#account-profile nav {
  grid-column: 3/span 8;
  text-align: center;
}
@media (max-width: 720px) {
  #account-profile nav {
    grid-column: 1/span 12;
  }
}
#account-profile .pagination {
  padding: 1.5rem;
}
#account-profile .pagination button, #account-profile .pagination a {
  margin: 0 0.5rem;
  font-family: "u001", sans-serif;
  background: transparent;
  border: none;
  font-size: 2.4rem;
  cursor: pointer;
  transition: color 250ms ease-in-out;
}
@media screen and (max-width: 600px) {
  #account-profile .pagination button, #account-profile .pagination a {
    font-size: 2rem;
  }
}
#account-profile .pagination button:disabled, #account-profile .pagination a:disabled {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile .pagination button:disabled::selection, #account-profile .pagination a:disabled::selection {
  background: lime;
}
#account-profile .pagination button:disabled::-moz-selection, #account-profile .pagination a:disabled::-moz-selection {
  background: lime;
}
#account-profile .pagination button:disabled *,
#account-profile .pagination button:disabled *:after, #account-profile .pagination button:disabled:after,
#account-profile .pagination button:disabled *:before, #account-profile .pagination button:disabled:before, #account-profile .pagination a:disabled *,
#account-profile .pagination a:disabled *:after, #account-profile .pagination a:disabled:after,
#account-profile .pagination a:disabled *:before, #account-profile .pagination a:disabled:before {
  text-shadow: none;
}
#account-profile .pagination button:disabled:visited, #account-profile .pagination a:disabled:visited {
  color: mediumslateblue;
}
#account-profile .pagination button:not(:disabled):hover {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile .pagination button:not(:disabled):hover::selection {
  background: lime;
}
#account-profile .pagination button:not(:disabled):hover::-moz-selection {
  background: lime;
}
#account-profile .pagination button:not(:disabled):hover *,
#account-profile .pagination button:not(:disabled):hover *:after, #account-profile .pagination button:not(:disabled):hover:after,
#account-profile .pagination button:not(:disabled):hover *:before, #account-profile .pagination button:not(:disabled):hover:before {
  text-shadow: none;
}
#account-profile .pagination button:not(:disabled):hover:visited {
  color: mediumslateblue;
}
#account-profile .pagination a:not(.active):hover {
  animation-name: link-hover;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile .pagination a:not(.active):hover::selection {
  background: lime;
}
#account-profile .pagination a:not(.active):hover::-moz-selection {
  background: lime;
}
#account-profile .pagination a:not(.active):hover *,
#account-profile .pagination a:not(.active):hover *:after, #account-profile .pagination a:not(.active):hover:after,
#account-profile .pagination a:not(.active):hover *:before, #account-profile .pagination a:not(.active):hover:before {
  text-shadow: none;
}
#account-profile .pagination a:not(.active):hover:visited {
  color: mediumslateblue;
}
#account-profile .pagination span {
  margin: 0 1rem;
}
#account-profile .pagination span.active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile .pagination span.active::selection {
  background: lime;
}
#account-profile .pagination span.active::-moz-selection {
  background: lime;
}
#account-profile .pagination span.active *,
#account-profile .pagination span.active *:after, #account-profile .pagination span.active:after,
#account-profile .pagination span.active *:before, #account-profile .pagination span.active:before {
  text-shadow: none;
}
#account-profile .pagination span.active:visited {
  color: mediumslateblue;
}
@media (max-width: 400px) {
  #account-profile .pagination a, #account-profile .pagination button {
    display: none;
  }
  #account-profile .pagination a:last-child, #account-profile .pagination a:first-child, #account-profile .pagination button:last-child, #account-profile .pagination button:first-child {
    display: inline;
  }
  #account-profile .pagination span {
    display: none;
  }
  #account-profile .pagination span.active, #account-profile .pagination button:disabled {
    display: inline;
  }
}
#account-profile.dark .pagination button:not(:disabled) {
  color: white;
}
#account-profile.dark .pagination button:disabled {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile.dark .pagination button:disabled::selection {
  background: lime;
}
#account-profile.dark .pagination button:disabled::-moz-selection {
  background: lime;
}
#account-profile.dark .pagination button:disabled *,
#account-profile.dark .pagination button:disabled *:after, #account-profile.dark .pagination button:disabled:after,
#account-profile.dark .pagination button:disabled *:before, #account-profile.dark .pagination button:disabled:before {
  text-shadow: none;
}
#account-profile.dark .pagination button:disabled:visited {
  color: mediumslateblue;
}
#account-profile.dark .pagination button:not(:disabled):hover {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile.dark .pagination button:not(:disabled):hover::selection {
  background: lime;
}
#account-profile.dark .pagination button:not(:disabled):hover::-moz-selection {
  background: lime;
}
#account-profile.dark .pagination button:not(:disabled):hover *,
#account-profile.dark .pagination button:not(:disabled):hover *:after, #account-profile.dark .pagination button:not(:disabled):hover:after,
#account-profile.dark .pagination button:not(:disabled):hover *:before, #account-profile.dark .pagination button:not(:disabled):hover:before {
  text-shadow: none;
}
#account-profile.dark .pagination button:not(:disabled):hover:visited {
  color: mediumslateblue;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled) {
  color: white;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled::selection {
  background: lime;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled::-moz-selection {
  background: lime;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled *,
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled *:after, #account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled:after,
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled *:before, #account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled:before {
  text-shadow: none;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:disabled:visited {
  color: mediumslateblue;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover::selection {
  background: lime;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover::-moz-selection {
  background: lime;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover *,
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover *:after, #account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover:after,
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover *:before, #account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover:before {
  text-shadow: none;
}
#account-profile.tag-series-artbase-anthologies-entries .pagination button:not(:disabled):hover:visited {
  color: mediumslateblue;
}

.artbase-note {
  color: rgb(140, 140, 140);
  border: solid 1px rgb(140, 140, 140);
  padding: 1.5rem;
}
.artbase-note a:not(.plain) {
  color: rgb(140, 140, 140);
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(140, 140, 140), rgb(140, 140, 140));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(140, 140, 140);
  text-decoration: none;
}
.artbase-note a:not(.plain)::selection {
  background: lime;
}
.artbase-note a:not(.plain)::-moz-selection {
  background: lime;
}
.artbase-note a:not(.plain) *,
.artbase-note a:not(.plain) *:after, .artbase-note a:not(.plain):after,
.artbase-note a:not(.plain) *:before, .artbase-note a:not(.plain):before {
  text-shadow: none;
}
.artbase-note a:not(.plain):visited {
  color: rgb(140, 140, 140);
}

#login-page .form-errors, #password-reset .form-errors, #login-container .form-errors, #signup-page .form-errors {
  margin-bottom: 3rem;
}
#login-page .form-errors .alert, #password-reset .form-errors .alert, #login-container .form-errors .alert, #signup-page .form-errors .alert {
  color: red;
}

.generic-container + .generic-container {
  padding-top: 6rem;
  margin-top: 6rem;
  border-top: solid 0.1rem black;
}

.mkt-popup {
  position: absolute;
  background: url("/static/images/icons/window-body.svg");
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 30rem;
  aspect-ratio: 1.3673469388;
  z-index: 50;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.mkt-popup.centered {
  background: url("/static/images/icons/snowing.gif"), url("/static/images/icons/window-body.svg") center no-repeat;
  background-size: auto, cover;
}
.mkt-popup p {
  padding: 2.5rem;
  text-align: center;
}
.mkt-popup p a {
  background-color: white;
}
.mkt-popup header {
  position: absolute;
  left: 0;
  top: -2.5rem;
  background: linear-gradient(to top, #224d8a, #6c9acb);
  height: 2.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  width: 100%;
  cursor: grab;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mkt-popup header img {
  margin-right: 0.5rem;
  cursor: pointer;
}

#blog-post-iframe {
  display: block;
  grid-column: 1/span 12;
  width: 100%;
  height: 100%;
}

.blog-article {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.blog-article header {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.blog-article header figure.article-photo {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0 0 3rem 0;
}
.blog-article header figure.article-photo img {
  width: 100%;
}
.blog-article header figure.article-photo figcaption {
  font-size: 1.6rem;
}
@media screen and (max-width: 1800px) {
  .blog-article header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header.display-cw figure.article-photo img {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header.display-cw figure.article-photo img {
    grid-column: 3/span 8;
  }
}
.blog-article header.display-cw figure.article-photo figcaption {
  align-self: end;
  margin-left: 1.5rem;
  grid-column: 11/span 2;
}
@media (max-width: 1000px) {
  .blog-article header.display-cw figure.article-photo figcaption {
    margin: 1rem 0 0 0;
  }
}
@media screen and (max-width: 1000px) and (max-width: 1800px) {
  .blog-article header.display-cw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 1000px) and (max-width: 800px) {
  .blog-article header.display-cw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 1000px) and (max-width: 600px) {
  .blog-article header.display-cw figure.article-photo figcaption {
    grid-column: 1/span 12;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1800px) {
  .blog-article header.display-cw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
.blog-article header.display-aw figure.article-photo {
  margin: 0 auto 3rem auto;
}
.blog-article header.display-aw figure.article-photo img {
  grid-column: 1/span 12;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.blog-article header.display-aw figure.article-photo figcaption {
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 1800px) {
  .blog-article header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header.display-aw figure.article-photo figcaption {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header.display-aw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
.blog-article header.display-fw figure.article-photo img {
  grid-column: 1/span 12;
  margin: 0 -2.5rem 0 -2.5rem;
  width: calc(100% + 5rem);
  object-fit: cover;
  max-height: 100vh;
}
.blog-article header.display-fw figure.article-photo figcaption {
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 1800px) {
  .blog-article header.display-fw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header.display-fw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header.display-fw figure.article-photo figcaption {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header.display-fw figure.article-photo figcaption {
    grid-column: 3/span 8;
  }
}
.blog-article header .article-title {
  margin: 0;
}
@media screen and (max-width: 1800px) {
  .blog-article header .article-title {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header .article-title {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header .article-title {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header .article-title {
    grid-column: 3/span 8;
  }
}
.blog-article header .article-subtitle {
  margin: 1.5rem 0 0 0;
  font-weight: normal;
}
@media screen and (max-width: 1800px) {
  .blog-article header .article-subtitle {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header .article-subtitle {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header .article-subtitle {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header .article-subtitle {
    grid-column: 3/span 8;
  }
}
.blog-article header .article-info {
  position: relative;
  margin-top: 3rem;
}
.blog-article header .article-info .rza-link {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-article header .article-info .last-modified {
  font-style: italic;
}
@media screen and (max-width: 1800px) {
  .blog-article header .article-info {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article header .article-info {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article header .article-info {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article header .article-info {
    grid-column: 3/span 8;
  }
}
.blog-article #related-content {
  grid-column: 1/span 12;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 5rem;
}
@media screen and (max-width: 1800px) {
  .blog-article footer {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .blog-article footer {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .blog-article footer {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .blog-article footer {
    grid-column: 3/span 8;
  }
}

body:not(.legacy) .article-content {
  display: grid;
  position: relative;
  grid-column: 1/span 12;
  grid-template-columns: repeat(12, 1fr);
  /* for legacy iframes not situated within a <figure> */
}
body:not(.legacy) .article-content > * {
  grid-column: 3/span 8;
}
@media screen and (max-width: 1800px) {
  body:not(.legacy) .article-content > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body:not(.legacy) .article-content > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body:not(.legacy) .article-content > * {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body:not(.legacy) .article-content > * {
    grid-column: 3/span 8;
  }
}
body:not(.legacy) .article-content h1 {
  margin-top: 7rem;
  margin-bottom: 0;
}
body:not(.legacy) .article-content h2, body:not(.legacy) .article-content h3 {
  margin-top: 7rem;
  margin-bottom: 0;
}
body:not(.legacy) .article-content h4, body:not(.legacy) .article-content h5, body:not(.legacy) .article-content h6 {
  margin-bottom: 0;
}
body:not(.legacy) .article-content *[name], body:not(.legacy) .article-content *[id] {
  scroll-margin-top: 70px;
}
body:not(.legacy) .article-content p {
  position: relative;
}
body:not(.legacy) .article-content p img {
  width: 100%;
  height: auto;
}
body:not(.legacy) .article-content p img.actual-width {
  width: auto;
}
body:not(.legacy) .article-content > iframe, body:not(.legacy) .article-content p > iframe {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}
body:not(.legacy) .article-content .emulator-embed {
  grid-column: 1/span 12;
  display: flex;
  justify-content: center;
}
body:not(.legacy) .article-content .emulator-embed figure {
  display: inline-block;
}
body:not(.legacy) .article-content .emulator-embed figure figcaption p + p {
  margin-top: 1.5rem;
}
body:not(.legacy) .article-content .emulator-embed iframe {
  height: auto;
  margin: 0;
}
body:not(.legacy) .article-content .emulator-embed iframe.hidden {
  display: none;
}
body:not(.legacy) .article-content ul {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  padding-left: 0;
}
body:not(.legacy) .article-content ul li {
  margin-bottom: 1.5rem;
}
body:not(.legacy) .article-content ul li p {
  margin-bottom: 0px;
}
body:not(.legacy) .article-content blockquote {
  grid-column: 2/span 10;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  margin: 0;
  font-weight: bold;
  border: solid 0.1rem black;
  border-width: 0.1rem 0;
}
body:not(.legacy) .article-content blockquote p {
  grid-column: 2/span 8;
}
body:not(.legacy) .article-content figure {
  margin: 3rem 0 3rem 0;
}
body:not(.legacy) .article-content figure img {
  display: block;
}
body:not(.legacy) .article-content figure.article-embed:not(.ratio-custom) iframe, body:not(.legacy) .article-content figure.video-wrapper:not(.ratio-custom) iframe {
  width: 100%;
  height: auto;
}
body:not(.legacy) .article-content figure.article-embed.ratio-1-1 iframe, body:not(.legacy) .article-content figure.video-wrapper.ratio-1-1 iframe {
  aspect-ratio: 1/1;
}
body:not(.legacy) .article-content figure.article-embed.ratio-16-9 iframe, body:not(.legacy) .article-content figure.video-wrapper.ratio-16-9 iframe {
  aspect-ratio: 16/9;
}
body:not(.legacy) .article-content figure.article-embed.ratio-4-3 iframe, body:not(.legacy) .article-content figure.video-wrapper.ratio-4-3 iframe {
  aspect-ratio: 4/3;
}
body:not(.legacy) .article-content figure.image-display-cw img, body:not(.legacy) .article-content figure.image-display-bs img {
  width: 100%;
}
body:not(.legacy) .article-content figure.image-display-hw {
  grid-column: 3/7;
}
body:not(.legacy) .article-content figure.image-display-hw img {
  width: 100%;
}
body:not(.legacy) .article-content figure.image-display-hwc {
  grid-column: 5/9;
}
body:not(.legacy) .article-content figure.image-display-hwc img {
  width: 100%;
}
body:not(.legacy) .article-content figure figcaption {
  font-size: 1.4rem;
  margin-top: 1rem;
}
body:not(.legacy) .article-content figure figcaption p {
  margin: 0;
}
@media (max-width: 600px) {
  body:not(.legacy) .article-content figure figcaption a {
    overflow-wrap: break-word;
    word-break: break-all;
  }
}
body:not(.legacy) .article-content figure.image img {
  max-width: 100%;
  height: auto;
}
body:not(.legacy) .article-content .flex-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
}
body:not(.legacy) .article-content .full-width-image, body:not(.legacy) .article-content .image-display-fw {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column: 1/span 12;
  margin: 7rem 0 0 0;
}
body:not(.legacy) .article-content .full-width-image img, body:not(.legacy) .article-content .image-display-fw img {
  grid-column: 1/span 12;
  margin: 0 -2.5rem 0 -2.5rem;
  width: calc(100% + 5rem);
  object-fit: cover;
  max-height: 100vh;
}
@media screen and (max-width: 1800px) {
  body:not(.legacy) .article-content .full-width-image figcaption, body:not(.legacy) .article-content .image-display-fw figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body:not(.legacy) .article-content .full-width-image figcaption, body:not(.legacy) .article-content .image-display-fw figcaption {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body:not(.legacy) .article-content .full-width-image figcaption, body:not(.legacy) .article-content .image-display-fw figcaption {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body:not(.legacy) .article-content .full-width-image figcaption, body:not(.legacy) .article-content .image-display-fw figcaption {
    grid-column: 3/span 8;
  }
}
body:not(.legacy) .article-content .image-grid {
  display: grid;
  grid-column: 1/span 12;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.5rem;
  margin: 0;
}
body:not(.legacy) .article-content .image-grid img {
  width: 100%;
}
body:not(.legacy) .article-content .image-grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
body:not(.legacy) .article-content .image-grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 600px) {
  body:not(.legacy) .article-content .image-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
body:not(.legacy) .article-content .image-grid-cw {
  display: grid;
  grid-column: 3/span 8;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.5rem;
  margin: 0;
  justify-items: center;
}
body:not(.legacy) .article-content .image-grid-cw img {
  width: 100%;
}
body:not(.legacy) .article-content .image-grid-cw.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
body:not(.legacy) .article-content .image-grid-cw.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 600px) {
  body:not(.legacy) .article-content .image-grid-cw {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
body:not(.legacy) .article-content .footnote-container {
  grid-column: 1/span 2;
  margin-top: 1.5rem;
}
@media (max-width: 900px) {
  body:not(.legacy) .article-content .footnote-container p {
    display: none;
  }
}
body:not(.legacy) .article-content .footnote-container p {
  font-size: 1.4rem;
  margin-right: 1.5rem;
  word-break: break-word;
}
body:not(.legacy) .article-content .footnote-container a, body:not(.legacy) .article-content .footnote-container a:not(.plain):not(.btn-link):not(.external) {
  background-size: 100% 0.2rem;
}
body:not(.legacy) .article-content .footnote-container a:hover, body:not(.legacy) .article-content .footnote-container a:not(.plain):not(.btn-link):not(.external):hover {
  animation-name: link-hover-small;
}
body:not(.legacy) .article-content p.image-caption, body:not(.legacy) .article-content .image-caption {
  display: block;
  position: relative;
  width: 95vw;
  max-width: 630px;
  font-size: 16px;
  line-height: 24px;
  margin-top: -2.5rem !important;
  margin-bottom: 3rem !important;
}
body:not(.legacy) .article-content .ticket-block {
  display: grid;
  grid-template-columns: 8rem 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.5rem;
  margin-bottom: 3rem;
  grid-column: 4/span 6;
}
@media screen and (max-width: 600px) {
  body:not(.legacy) .article-content .ticket-block {
    grid-column: 1/span 12;
  }
}
body:not(.legacy) .article-content .ticket-block input[type=number] {
  font-family: "u001", sans-serif;
  padding: 1.5rem 1.5rem;
  border: solid 0.2rem mediumslateblue;
  font-size: 2.4rem;
  background: transparent;
}
body:not(.legacy) .article-content .ticket-block button.spread {
  grid-column: 1/span 2;
}
body:not(.legacy) .article-content .ticket-block button:disabled {
  grid-column: 1/span 2;
}
body:not(.legacy) .article-content .ticket-block .desc {
  text-align: center;
  grid-column: 1/span 2;
  font-size: 1.6rem;
}
body:not(.legacy) .article-content .ticket-block .desc p {
  margin: 0;
}
body:not(.legacy) .article-content .ticket-block .desc p + p {
  margin-top: 1.5rem;
}

body.legacy .article-content {
  grid-column: 3/span 8;
  position: relative;
}
@media screen and (max-width: 1800px) {
  body.legacy .article-content {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body.legacy .article-content {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body.legacy .article-content {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body.legacy .article-content {
    grid-column: 3/span 8;
  }
}
body.legacy .article-content img {
  max-width: 100%;
  height: auto;
}
body.legacy .article-content iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
}

body.tag-series-artbase-anthologies-entries .blog-article header h1, body.tag-series-artbase-anthologies-entries .blog-article header h2 {
  text-align: center;
}
body.tag-series-artbase-anthologies-entries .blog-article header .article-info {
  text-align: center;
}
body.tag-series-artbase-anthologies-entries .blog-article header figure {
  margin: 3rem 0;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block {
  margin: 2.5rem 0;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block:not(.image-only) {
  padding: 1.5rem;
  border: solid 0.4rem black;
  background-color: white;
  color: black;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.image-only figure {
  width: fit-content;
  margin: 0 auto;
  padding: 1.5rem;
  border: solid 0.4rem black;
  background-color: white;
  color: black;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block figure {
  margin: 0;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block figure:not(.actual-width) img {
  width: 100%;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block figure.actual-width img {
  max-width: 100%;
  margin: 0 auto;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block p:first-child {
  margin-top: 0;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block p:last-child {
  margin-bottom: 0;
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-l {
  grid-column: 1/span 5;
}
@media (max-width: 600px) {
  body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-l {
    grid-column: 1/span 12;
  }
}
@media (min-width: 1800px) {
  body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-l {
    grid-column: 2/span 4;
  }
}
body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-r {
  grid-column: 8/span 5;
}
@media (max-width: 600px) {
  body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-r {
    grid-column: 1/span 12;
  }
}
@media (min-width: 1800px) {
  body.tag-series-artbase-anthologies-entries .blog-article .article-content .tag-series-block.block-r {
    grid-column: 8/span 4;
  }
}

body.aa-harvey main {
  max-width: initial;
}
body.aa-harvey #header-sentence {
  background: white;
  margin: -2.5rem -2.5rem 0 -2.5rem;
  padding: 2.5rem 2.5rem 12rem 2.5rem;
  color: black;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external) {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external)::selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external)::-moz-selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external) *,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external) *:after, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):after,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external) *:before, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):before {
  text-shadow: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited {
  color: black;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited::selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited::-moz-selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited *,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited *:after, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited:after,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited *:before, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited:before {
  text-shadow: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):visited:visited {
  color: black;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover::selection, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active::selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover::-moz-selection, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active::-moz-selection {
  background: lime;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover *,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover *:after, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover:after,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover *:before, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover:before, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active *,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active *:after, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active:after,
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active *:before, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active:before {
  text-shadow: none;
}
body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external):hover:visited, body.aa-harvey #header-sentence a:not(.plain):not(.btn-link):not(.external).active:visited {
  color: black;
}
body.aa-harvey h1, body.aa-harvey h2 {
  color: black;
  background-color: lime;
  border: solid 0.4rem black;
  padding: 3rem 0;
}
body.aa-harvey .blog-article > header {
  margin: 0 -2.5rem;
  background-color: white;
  color: black;
}
body.aa-harvey .article-content > *:not(#aa-intro) {
  max-width: calc(1800px - 5rem);
}
body.aa-harvey .article-content #aa-intro {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  background-color: white;
  color: black;
  margin: 0 -2.5rem;
}
body.aa-harvey .article-content #aa-intro p {
  color: black;
  background-color: lime;
  border: solid 0.4rem black;
  padding: 3rem;
}
@media screen and (max-width: 1800px) {
  body.aa-harvey .article-content #aa-intro p {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body.aa-harvey .article-content #aa-intro p {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body.aa-harvey .article-content #aa-intro p {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body.aa-harvey .article-content #aa-intro p {
    grid-column: 3/span 8;
  }
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external {
  text-shadow: 0.03rem 0 lime, -0.03rem 0 lime, 0 -0.03rem lime, 0 0.03rem lime, 0 0.16rem lime, 0 0.23rem lime, 0.06rem 0 lime, -0.06rem 0 lime, 0.09rem 0.16rem lime, -0.09rem 0.16rem lime, 0.12rem 0.16rem lime, -0.12rem 0.16rem lime, 0.12rem 0.23rem lime, -0.12rem 0.23rem lime;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external::selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external::-moz-selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external *,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external *:after, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:after,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external *:before, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:before {
  text-shadow: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited {
  color: blue;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited {
  text-shadow: 0.03rem 0 lime, -0.03rem 0 lime, 0 -0.03rem lime, 0 0.03rem lime, 0 0.16rem lime, 0 0.23rem lime, 0.06rem 0 lime, -0.06rem 0 lime, 0.09rem 0.16rem lime, -0.09rem 0.16rem lime, 0.12rem 0.16rem lime, -0.12rem 0.16rem lime, 0.12rem 0.23rem lime, -0.12rem 0.23rem lime;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited::selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited::-moz-selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited *,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited *:after, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited:after,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited *:before, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited:before {
  text-shadow: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:visited:visited {
  color: blue;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active {
  text-shadow: 0.03rem 0 lime, -0.03rem 0 lime, 0 -0.03rem lime, 0 0.03rem lime, 0 0.16rem lime, 0 0.23rem lime, 0.06rem 0 lime, -0.06rem 0 lime, 0.09rem 0.16rem lime, -0.09rem 0.16rem lime, 0.12rem 0.16rem lime, -0.12rem 0.16rem lime, 0.12rem 0.23rem lime, -0.12rem 0.23rem lime;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover::selection, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active::selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover::-moz-selection, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active::-moz-selection {
  background: white;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover *,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover *:after, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover:after,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover *:before, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover:before, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active *,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active *:after, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active:after,
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active *:before, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active:before {
  text-shadow: none;
}
body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external:hover:visited, body.aa-harvey .article-content #aa-intro p a:not(.plain):not(.btn-link).external.active:visited {
  color: blue;
}
body.aa-harvey .article-content #aa-intro .aa-nav {
  grid-column: 3/span 8;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 3rem;
  margin: 3rem 0;
}
@media (max-width: 800px) {
  body.aa-harvey .article-content #aa-intro .aa-nav {
    grid-template-columns: 1fr;
  }
}
body.aa-harvey .article-content #aa-intro .aa-nav figure img {
  width: 100%;
}
body.aa-harvey .article-content #aa-intro .aa-nav figure figcaption {
  font-size: 2.4rem;
  font-weight: bold;
}
@media (max-width: 600px) {
  body.aa-harvey .article-content #aa-intro {
    padding: 0 2.5rem;
  }
}
body.aa-harvey .article-content h2 {
  text-align: center;
  margin-bottom: 3rem;
}
body.aa-harvey > footer {
  color: black;
  background: white;
  padding: 1.5rem;
  border: solid 0.4rem black;
}
@media (max-width: 600px) {
  body.aa-harvey .article-title {
    margin: 0 2.5rem;
  }
}

/* microgrants override */
body.article-10226 .article-content ul.micro-themes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  list-style-type: none;
}
@media (max-width: 800px) {
  body.article-10226 .article-content ul.micro-themes {
    grid-template-columns: 1fr;
  }
}
body.article-10226 .article-content ul.microgrant-jury {
  background: rgb(197, 199, 220);
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  grid-column-gap: 2.5rem;
  padding: 5rem;
}
@media (min-width: 950px) and (max-width: 1300px) {
  body.article-10226 .article-content ul.microgrant-jury {
    grid-template-columns: 1fr 1fr;
  }
  body.article-10226 .article-content ul.microgrant-jury li:last-child {
    grid-column: 1/span 2;
    margin-top: 5rem;
  }
}
@media (max-width: 950px) {
  body.article-10226 .article-content ul.microgrant-jury {
    grid-template-columns: 1fr;
  }
  body.article-10226 .article-content ul.microgrant-jury li {
    margin-bottom: 5rem;
  }
}
body.article-10226 .article-content ul.microgrant-jury li {
  text-align: center;
}

body.article-10232 .btn-link.dark {
  transition: box-shadow 0.5s ease-in-out;
  background: white;
  border-color: DeepSkyBlue;
}
body.article-10232 .btn-link.dark span {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(DeepSkyBlue, DeepSkyBlue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: DeepSkyBlue;
  text-decoration: none;
}
body.article-10232 .btn-link.dark span::selection {
  background: lime;
}
body.article-10232 .btn-link.dark span::-moz-selection {
  background: lime;
}
body.article-10232 .btn-link.dark span *,
body.article-10232 .btn-link.dark span *:after, body.article-10232 .btn-link.dark span:after,
body.article-10232 .btn-link.dark span *:before, body.article-10232 .btn-link.dark span:before {
  text-shadow: none;
}
body.article-10232 .btn-link.dark span:visited {
  color: DeepSkyBlue;
}
body.article-10232 .btn-link.dark:hover {
  border-color: DeepSkyBlue;
  box-shadow: inset 0rem 0 2rem DeepSkyBlue, inset 0rem 0 2rem DeepSkyBlue, inset 0 0rem 2rem DeepSkyBlue, inset 0 0rem 2rem DeepSkyBlue;
}

body.article-10241 p.hidden {
  display: none;
}
body.article-10241 #lang-switch {
  grid-column: 8/span 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.5rem;
  margin: 3rem 0;
}

index-module {
  grid-column: span 12;
}

html {
  font-size: 62.5%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 5rem);
  margin: 2.5rem;
  font-size: 2.4rem;
  line-height: 1.35;
  color: black;
  font-family: "u001", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.u001 {
  font-family: "u001";
}
body .draft-item {
  background: lime;
  margin: -2.5rem -2.5rem 1rem -2.5rem;
  padding: 1.5rem;
  color: mediumslateblue;
  z-index: 100;
  display: flex;
  justify-content: space-between;
}
body .draft-item time, body .draft-item .status {
  color: darkslateblue;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external) {
  color: black;
  text-shadow: 0.03rem 0 lime, -0.03rem 0 lime, 0 -0.03rem lime, 0 0.03rem lime, 0 0.16rem lime, 0 0.23rem lime, 0.06rem 0 lime, -0.06rem 0 lime, 0.09rem 0.16rem lime, -0.09rem 0.16rem lime, 0.12rem 0.16rem lime, -0.12rem 0.16rem lime, 0.12rem 0.23rem lime, -0.12rem 0.23rem lime;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external)::selection {
  background: black;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external)::-moz-selection {
  background: black;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external) *,
body .draft-item a:not(.plain):not(.btn-link):not(.external) *:after, body .draft-item a:not(.plain):not(.btn-link):not(.external):after,
body .draft-item a:not(.plain):not(.btn-link):not(.external) *:before, body .draft-item a:not(.plain):not(.btn-link):not(.external):before {
  text-shadow: none;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):visited {
  color: black;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover {
  text-shadow: 0.03rem 0 lime, -0.03rem 0 lime, 0 -0.03rem lime, 0 0.03rem lime, 0 0.16rem lime, 0 0.23rem lime, 0.06rem 0 lime, -0.06rem 0 lime, 0.09rem 0.16rem lime, -0.09rem 0.16rem lime, 0.12rem 0.16rem lime, -0.12rem 0.16rem lime, 0.12rem 0.23rem lime, -0.12rem 0.23rem lime;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover::selection {
  background: black;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover::-moz-selection {
  background: black;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover *,
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover *:after, body .draft-item a:not(.plain):not(.btn-link):not(.external):hover:after,
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover *:before, body .draft-item a:not(.plain):not(.btn-link):not(.external):hover:before {
  text-shadow: none;
}
body .draft-item a:not(.plain):not(.btn-link):not(.external):hover:visited {
  color: mediumslateblue;
}
@media screen and (max-width: 600px) {
  body {
    font-size: 2rem;
  }
}
body index-module {
  transition: opacity 333ms ease-in-out;
}
body.animate {
  transition: color 333ms ease-in-out;
}
body.animate a {
  transition: background-size 999ms ease-in-out, color 333ms ease-in-out !important;
}
body.animate #frontpage figure::after {
  transition: width 999ms ease-in-out;
}
body.animate index-module {
  opacity: 0;
}
body.animate figure {
  position: relative;
}
body.loader {
  color: transparent;
}
body.loader a {
  pointer-events: none;
}
body.loader.link-text a, body.loader.link-text a.plain, body.loader.link-text a.plain:link {
  color: transparent !important;
}
body.loader.underlines a {
  background-size: 0% 0.3rem !important;
}
body.loader figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: white;
  z-index: 5;
}
body.loader.images figure::after {
  width: 100%;
}
body.darkmode {
  background: black;
  color: white;
}
body main {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 3rem;
  max-width: calc(1800px - 5rem);
}
@media (min-width: 1800px) {
  body main {
    margin: 0 auto;
    min-width: calc(1800px - 5rem);
  }
}
body main search-module {
  grid-column: 1/span 12;
}

h1, h2, h3, h4, h5 {
  font-size: 2.4rem;
}
@media screen and (max-width: 600px) {
  h1, h2, h3, h4, h5 {
    font-size: 2rem;
  }
}

hr {
  display: block;
  height: 0.1rem;
  border: 0;
  background-color: black;
  padding: 0;
  margin: 1.5rem 0;
}

figure img {
  vertical-align: top;
}

.square iframe {
  height: auto;
}

.square iframe[height="600"] {
  display: none;
}

.flatpage-container {
  display: grid;
  position: relative;
  grid-column: 1/span 12;
  grid-template-columns: repeat(12, 1fr);
}
.flatpage-container > * {
  grid-column: 3/span 8;
}
@media screen and (max-width: 1800px) {
  .flatpage-container > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .flatpage-container > * {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .flatpage-container > * {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .flatpage-container > * {
    grid-column: 3/span 8;
  }
}
.flatpage-container h1 {
  margin-top: 7rem;
  margin-bottom: 0;
}
.flatpage-container h2, .flatpage-container h3 {
  margin-top: 7rem;
  margin-bottom: 0;
}
.flatpage-container h4, .flatpage-container h5, .flatpage-container h6 {
  margin-bottom: 0;
}
.flatpage-container figure {
  margin: 3rem 0 3rem 0;
}
.flatpage-container figure img {
  display: block;
}
.flatpage-container figure.image-display-cw img, .flatpage-container figure.image-display-bs img {
  width: 100%;
}
.flatpage-container figure.image-display-hw {
  grid-column: 3/7;
}
.flatpage-container figure.image-display-hw img {
  width: 100%;
}
.flatpage-container figure.image-display-hwc {
  grid-column: 5/9;
}
.flatpage-container figure.image-display-hwc img {
  width: 100%;
}
.flatpage-container figure figcaption {
  font-size: 1.4rem;
  margin-top: 1rem;
}
.flatpage-container figure figcaption p {
  margin: 0;
}
@media (max-width: 600px) {
  .flatpage-container figure figcaption a {
    overflow-wrap: break-word;
    word-break: break-all;
  }
}
.flatpage-container figure.image img {
  max-width: 100%;
  height: auto;
}
.flatpage-container .image-grid {
  display: grid;
  grid-column: 1/span 12;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.5rem;
  align-items: center;
  margin: 0;
}
.flatpage-container .image-grid img {
  width: 100%;
}
.flatpage-container .image-grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.flatpage-container .image-grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 600px) {
  .flatpage-container .image-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.flatpage-container .image-grid-cw {
  display: grid;
  grid-column: 3/span 8;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.5rem;
  margin: 0;
  justify-items: center;
}
.flatpage-container .image-grid-cw img {
  width: 100%;
}
.flatpage-container .image-grid-cw.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.flatpage-container .image-grid-cw.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 600px) {
  .flatpage-container .image-grid-cw {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.generic-container {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1800px) {
  .generic-container {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  .generic-container {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  .generic-container {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  .generic-container {
    grid-column: 3/span 8;
  }
}
.generic-container .links {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .generic-container .links {
    flex-direction: column;
  }
  .generic-container .links a {
    text-align: center;
  }
}
.generic-container .links a + a {
  margin-left: 1.5rem;
}
@media screen and (max-width: 600px) {
  .generic-container .links a + a {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}

.message-bin {
  transition: opacity 0.5s ease-in-out;
  position: fixed;
  top: 15rem;
  left: 0;
  width: 25rem;
  background: rgba(250, 250, 250, 0.8);
  padding: 1rem;
  border: solid 0.1rem lime;
  border-width: 0.1rem 0.1rem 0.1rem 0;
  z-index: 50;
  pointer-events: none;
}
.message-bin.hide {
  opacity: 0;
}
.message-bin .msg {
  display: flex;
  justify-content: space-around;
}
.message-bin .msg > i {
  padding-top: 0.4rem;
}
.message-bin .msg > span {
  width: 90%;
}

.top-level-block-list {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 6rem;
  list-style-type: none;
  padding: 0;
  margin-bottom: 6rem;
}
.top-level-block-list li {
  grid-column: span 6;
}
@media screen and (max-width: 600px) {
  .top-level-block-list li {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 600px) {
  .top-level-block-list li:nth-child(2n+2) {
    padding-right: 3rem;
  }
  .top-level-block-list li:nth-child(2n+3) {
    padding-left: 3rem;
  }
  .top-level-block-list li:nth-child(1) {
    padding: 0 3rem 0 0;
  }
  .top-level-block-list li:nth-child(2) {
    padding: 0 0 0 3rem;
  }
  .top-level-block-list li:nth-child(3) {
    grid-column: 1/span 4;
    padding: 0;
  }
  .top-level-block-list li:nth-child(4) {
    grid-column: 5/span 4;
    padding: 0;
  }
  .top-level-block-list li:nth-child(5) {
    grid-column: 9/span 4;
    padding: 0;
  }
}
.top-level-block-list li figure {
  margin: 0 0 1.5rem 0;
}
.top-level-block-list li figure img {
  width: 100%;
}
.top-level-block-list li time {
  display: block;
}
.top-level-block-list li h2 {
  margin: 0;
}
.top-level-block-list li p {
  margin: 0;
}

.four-wide-block-list ul {
  display: grid;
  grid-column: 1/span 12;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2.5rem;
  padding: 0;
}
@media (max-width: 800px) {
  .four-wide-block-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .four-wide-block-list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.four-wide-block-list ul li {
  list-style-type: none;
}
.four-wide-block-list ul li figure {
  margin: 0 0 1rem 0;
}
.four-wide-block-list ul li figure img {
  width: 100%;
}

form.styled {
  display: flex;
  flex-direction: column;
}
form.styled button {
  margin: 0 auto;
}
form.styled fieldset {
  display: flex;
  flex-direction: column;
  border: none;
  margin-bottom: 3rem;
  padding: 0;
  margin-left: 0;
}
form.styled fieldset .form-control {
  font-size: 2.4rem;
  padding: 1.5rem;
  font-family: "u001", sans-serif;
}
@media screen and (max-width: 600px) {
  form.styled fieldset .form-control {
    font-size: 2rem;
  }
}
form.styled fieldset .form-control[type=file] {
  padding: 0;
  font-size: 1.8rem;
}
form.styled fieldset .form-control[type=text], form.styled fieldset .form-control[type=password], form.styled fieldset .form-control[type=email], form.styled fieldset .form-control[type=url] {
  border: none;
  box-shadow: 0 0 0.4rem inset rgb(150, 150, 150);
}
form.styled fieldset textarea {
  border: 0;
  box-shadow: 0 0 0.4rem inset rgb(150, 150, 150);
  box-sizing: border-box;
  width: 100%;
}
form.styled fieldset .help-text {
  color: rgb(140, 140, 140);
  font-size: 1.2rem;
  padding-top: 0.5rem;
}

body.darkmode form.styled input {
  background: transparent;
  border-color: white;
  color: white;
}

index-module[theme=dark]::after {
  content: "";
  display: block;
  width: calc(100% + 5rem);
  height: 2.5rem;
  background: linear-gradient(black, transparent);
  margin: 0 -2.5rem;
}

body.clock {
  display: grid;
  grid-template-rows: 1fr 3rem;
  justify-items: center;
  align-items: center;
  background-color: forestgreen;
  transition: background-color 5s ease-in-out;
}
body.clock main, body.clock rhizome-favicon {
  display: none;
}
body.clock footer {
  display: flex;
}
body.clock footer time {
  color: white;
}
body.clock footer a#clock-link {
  margin: 0 1.5rem 0 0;
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.clock footer a#clock-link::selection {
  background: lime;
}
body.clock footer a#clock-link::-moz-selection {
  background: lime;
}
body.clock footer a#clock-link *,
body.clock footer a#clock-link *:after, body.clock footer a#clock-link:after,
body.clock footer a#clock-link *:before, body.clock footer a#clock-link:before {
  text-shadow: none;
}
body.clock footer a#clock-link:visited {
  color: white;
}
body.clock footer a#clock-link:visited {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.clock footer a#clock-link:visited::selection {
  background: lime;
}
body.clock footer a#clock-link:visited::-moz-selection {
  background: lime;
}
body.clock footer a#clock-link:visited *,
body.clock footer a#clock-link:visited *:after, body.clock footer a#clock-link:visited:after,
body.clock footer a#clock-link:visited *:before, body.clock footer a#clock-link:visited:before {
  text-shadow: none;
}
body.clock footer a#clock-link:visited:visited {
  color: white;
}
body.clock footer a#clock-link:hover {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.clock footer a#clock-link:hover::selection {
  background: lime;
}
body.clock footer a#clock-link:hover::-moz-selection {
  background: lime;
}
body.clock footer a#clock-link:hover *,
body.clock footer a#clock-link:hover *:after, body.clock footer a#clock-link:hover:after,
body.clock footer a#clock-link:hover *:before, body.clock footer a#clock-link:hover:before {
  text-shadow: none;
}
body.clock footer a#clock-link:hover:visited {
  color: mediumslateblue;
}
@media screen and (max-width: 600px) {
  body.clock {
    margin: 1rem;
  }
  body.clock footer {
    flex-direction: column;
    align-items: center;
  }
  body.clock footer a#clock-link {
    margin: 0;
  }
}

#campaign-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 255, 0, 0.25);
}
#campaign-progress .campaign-progress-bar {
  position: relative;
  background: lime;
  padding: 1rem 0;
  width: 60%;
  transition: width 1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.8rem;
}
#campaign-progress .campaign-progress-bar:before, #campaign-progress .campaign-progress-bar:after {
  content: "";
  position: absolute;
  top: 0;
  width: 4rem;
  height: 100%;
}
#campaign-progress .campaign-progress-bar:before {
  left: 0;
  background: linear-gradient(to left, rgba(0, 255, 0, 0), rgb(0, 255, 0) 95%);
}
#campaign-progress .campaign-progress-bar:after {
  right: 0;
  background: linear-gradient(to right, rgba(0, 255, 0, 0), rgb(0, 255, 0) 95%);
}

/* disable animations */
@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}
body.benefit {
  background-color: #c3ff00;
}
body.benefit rhizome-favicon {
  display: none;
}
body.benefit #benefit-23 {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
}
body.benefit #benefit-23 .benefit-heading {
  text-align: center;
  grid-column: 3/span 8;
}
body.benefit #benefit-23 hr {
  height: 0.2rem;
}
body.benefit #benefit-23 #benefit-graphic {
  grid-column: 3/span 8;
  width: 100%;
}
body.benefit #benefit-23 .content {
  color: black;
}
@media screen and (max-width: 1800px) {
  body.benefit #benefit-23 .content {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body.benefit #benefit-23 .content {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body.benefit #benefit-23 .content {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body.benefit #benefit-23 .content {
    grid-column: 3/span 8;
  }
}
body.benefit #benefit-23 .btn-link {
  background-color: black;
  border-color: #ff6e00;
}
body.benefit #benefit-23 .btn-link:link, body.benefit #benefit-23 .btn-link:visited {
  color: lime;
}
body.benefit #benefit-23 .btn-link.other-contributions {
  background-color: mediumslateblue;
}
body.benefit #benefit-23 h1,
body.benefit #benefit-23 h2 {
  margin: 0;
}
body.benefit #benefit-23 vector-logo {
  margin: 0 auto;
}
@media screen and (max-width: 1800px) {
  body.benefit #benefit-23 vector-logo {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 800px) {
  body.benefit #benefit-23 vector-logo {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 600px) {
  body.benefit #benefit-23 vector-logo {
    grid-column: 1/span 12;
  }
}
@media screen and (min-width: 1800px) {
  body.benefit #benefit-23 vector-logo {
    grid-column: 3/span 8;
  }
}
body.benefit #benefit-23 #benefit-partners {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 1.5rem 0;
}
body.benefit #benefit-23 #benefit-partners img:last-child {
  width: 20rem;
  margin-left: 3rem;
}
@media (max-width: 600px) {
  body.benefit #benefit-23 #benefit-partners {
    flex-direction: column;
    align-items: center;
  }
  body.benefit #benefit-23 #benefit-partners img:last-child {
    margin-top: 3rem;
  }
}

body.tag-series-artbase-anthologies-entries {
  background-color: forestgreen;
  color: white;
}
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span::selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span *,
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span *:after, body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span:after,
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span *:before, body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.tag-series-artbase-anthologies-entries #site-footer #mailinglist label span:visited {
  color: white;
}

body.aa-harvey #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 transparent, -0.03rem 0 transparent, 0 -0.03rem transparent, 0 0.03rem transparent, 0 0.16rem transparent, 0 0.23rem transparent, 0.06rem 0 transparent, -0.06rem 0 transparent, 0.09rem 0.16rem transparent, -0.09rem 0.16rem transparent, 0.12rem 0.16rem transparent, -0.12rem 0.16rem transparent, 0.12rem 0.23rem transparent, -0.12rem 0.23rem transparent;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(black, black);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: black;
  text-decoration: none;
}
body.aa-harvey #site-footer #mailinglist label span::selection {
  background: lime;
}
body.aa-harvey #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.aa-harvey #site-footer #mailinglist label span *,
body.aa-harvey #site-footer #mailinglist label span *:after, body.aa-harvey #site-footer #mailinglist label span:after,
body.aa-harvey #site-footer #mailinglist label span *:before, body.aa-harvey #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.aa-harvey #site-footer #mailinglist label span:visited {
  color: black;
}

body.article-10208 {
  background-color: #c1c0c0;
}

body.seven-on-seven-24 {
  font-family: "arial7x7";
}
body.seven-on-seven-24 #header-sentence {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: 17.5rem 1fr;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #header-sentence {
    grid-template-columns: 1fr;
    grid-template-rows: 7.5rem 1fr;
  }
  body.seven-on-seven-24 #header-sentence .header-7x7-logo img {
    height: 100%;
    width: auto;
  }
}
body.seven-on-seven-24 #header-sentence .header-7x7-logo {
  position: relative;
}
body.seven-on-seven-24 #header-sentence .header-7x7-logo.animate img {
  transition: transform 333ms ease-in-out;
}
body.seven-on-seven-24 #header-sentence .header-7x7-logo img {
  position: absolute;
  width: 100%;
}
body.seven-on-seven-24 #header-sentence .header-7x7-logo img:nth-child(1) {
  z-index: 10;
}
body.seven-on-seven-24 #header-sentence .header-7x7-logo:hover img {
  transform: rotate(0) translate(0, 0);
}
body.seven-on-seven-24 .blog-article header .vro-embed {
  grid-column: 1/span 12;
  margin: 0 -2.5rem;
  aspect-ratio: 16/9;
  width: calc(100% + 5rem);
  margin-bottom: 6rem;
}
body.seven-on-seven-24 .blog-article header h1,
body.seven-on-seven-24 .blog-article header h2 {
  text-align: center;
  font-weight: normal;
  margin: 0;
}
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) {
  text-shadow: 0.03rem 0 white, -0.03rem 0 white, 0 -0.03rem white, 0 0.03rem white, 0 0.16rem white, 0 0.23rem white, 0.06rem 0 white, -0.06rem 0 white, 0.09rem 0.16rem white, -0.09rem 0.16rem white, 0.12rem 0.16rem white, -0.12rem 0.16rem white, 0.12rem 0.23rem white, -0.12rem 0.23rem white;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener])::selection {
  background: lime;
}
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener])::-moz-selection {
  background: lime;
}
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *,
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *:after, body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):after,
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *:before, body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):before {
  text-shadow: none;
}
body.seven-on-seven-24 .blog-article a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):visited {
  color: mediumslateblue;
}
body.seven-on-seven-24 .btn-link.dark {
  display: block;
  position: relative;
  background: transparent;
  border-radius: 3.5rem;
  padding: 1.5rem 8rem;
  margin: 5rem 0;
  border-color: black;
}
body.seven-on-seven-24 .btn-link.dark span {
  background: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: unset;
  text-shadow: none;
  vertical-align: text-top;
  color: black;
}
body.seven-on-seven-24 .btn-link.dark.animate .shadow {
  transition: transform 333ms ease-in-out;
}
body.seven-on-seven-24 .btn-link.dark .shadow {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: solid 0.1rem black;
  border-radius: 3.5rem;
}
body.seven-on-seven-24 .btn-link.dark .shadow:nth-child(2) {
  border-color: lime;
}
body.seven-on-seven-24 .btn-link.dark .shadow:nth-child(3) {
  border-color: mediumslateblue;
}
body.seven-on-seven-24 .btn-link.dark:link, body.seven-on-seven-24 .btn-link.dark:visited {
  color: black;
}
body.seven-on-seven-24 #participants {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 5rem -2.5rem;
  background-color: #00dcff;
}
body.seven-on-seven-24 #participants .pair {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  border-bottom: solid 0.1rem black;
  cursor: pointer;
  padding: 3rem 0;
}
body.seven-on-seven-24 #participants .pair:first-child {
  border-top: solid 0.1rem black;
}
@media (min-width: 1800px) {
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(1) img {
    transform: translate(80%, 0);
  }
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(2) img {
    transform: translate(-80%, 0);
  }
}
@media (max-width: 1800px) {
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(1) img {
    transform: translate(15vw, 0);
  }
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(2) img {
    transform: translate(-15vw, 0);
  }
}
@media (max-width: 800px) {
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(1) img {
    transform: translate(10vw, 0);
  }
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(2) img {
    transform: translate(-10vw, 0);
  }
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(1) img {
    transform: translate(14vw, 0);
  }
  body.seven-on-seven-24 #participants .pair.active figure:nth-child(2) img {
    transform: translate(-14vw, 0);
  }
}
body.seven-on-seven-24 #participants .pair figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  width: 100%;
}
body.seven-on-seven-24 #participants .pair figure:nth-child(1) {
  grid-column: 1/span 2;
}
body.seven-on-seven-24 #participants .pair figure:nth-child(2) {
  grid-column: 3/span 2;
}
body.seven-on-seven-24 #participants .pair figure img {
  width: 100%;
  max-width: 35rem;
  border-radius: 50%;
  border: solid 0.3rem lime;
  transition: transform 125ms ease-in-out;
}
@media (max-width: 1024px) {
  body.seven-on-seven-24 #participants .pair figure img {
    max-width: 25rem;
  }
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #participants .pair figure img {
    max-width: 10rem;
  }
}
body.seven-on-seven-24 #participants .pair figure figcaption {
  text-align: center;
  width: 80%;
}
body.seven-on-seven-24 #participants .pair figure figcaption h3 {
  font-size: 2.2rem;
  font-weight: normal;
  margin: 0;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #participants .pair figure figcaption h3 {
    font-size: 1.8rem;
  }
}
body.seven-on-seven-24 #participants .pair figure figcaption .role {
  font-size: 2.2rem;
  font-style: italic;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #participants .pair figure figcaption .role {
    font-size: 1.8rem;
  }
}
body.seven-on-seven-24 #participants .pair ul.bios {
  list-style-type: none;
  margin: 0;
  grid-column: 1/span 5;
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
  overflow: hidden;
}
body.seven-on-seven-24 #participants .pair ul.bios.hide {
  height: 0 !important;
}
body.seven-on-seven-24 #participants .pair ul.bios.animate {
  transition: height 500ms ease-in-out;
}
body.seven-on-seven-24 #participants .pair ul.bios li {
  grid-column-end: span 3;
}
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) {
  text-shadow: 0.03rem 0 #00dcff, -0.03rem 0 #00dcff, 0 -0.03rem #00dcff, 0 0.03rem #00dcff, 0 0.16rem #00dcff, 0 0.23rem #00dcff, 0.06rem 0 #00dcff, -0.06rem 0 #00dcff, 0.09rem 0.16rem #00dcff, -0.09rem 0.16rem #00dcff, 0.12rem 0.16rem #00dcff, -0.12rem 0.16rem #00dcff, 0.12rem 0.23rem #00dcff, -0.12rem 0.23rem #00dcff;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(mediumslateblue, mediumslateblue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: mediumslateblue;
  text-decoration: none;
}
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener])::selection {
  background: lime;
}
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener])::-moz-selection {
  background: lime;
}
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *,
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *:after, body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):after,
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]) *:before, body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):before {
  text-shadow: none;
}
body.seven-on-seven-24 #participants .pair ul.bios li a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):visited {
  color: mediumslateblue;
}
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link) {
  text-shadow: 0.03rem 0 #00dcff, -0.03rem 0 #00dcff, 0 -0.03rem #00dcff, 0 0.03rem #00dcff, 0 0.16rem #00dcff, 0 0.23rem #00dcff, 0.06rem 0 #00dcff, -0.06rem 0 #00dcff, 0.09rem 0.16rem #00dcff, -0.09rem 0.16rem #00dcff, 0.12rem 0.16rem #00dcff, -0.12rem 0.16rem #00dcff, 0.12rem 0.23rem #00dcff, -0.12rem 0.23rem #00dcff;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link)::selection {
  background: lime;
}
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link)::-moz-selection {
  background: lime;
}
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link) *,
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link) *:after, body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link):after,
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link) *:before, body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link):before {
  text-shadow: none;
}
body.seven-on-seven-24 #participants .pair ul.bios li a.external:not(.btn-link):visited {
  color: white;
}
body.seven-on-seven-24 #participants .pair ul.bios li:first-child {
  padding-left: 3rem;
}
body.seven-on-seven-24 #participants .pair ul.bios li:last-child {
  padding-right: 3rem;
}
body.seven-on-seven-24 #participants .pair ul.bios li > p:first-child {
  margin-top: 0;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #participants .pair ul.bios {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  body.seven-on-seven-24 #participants .pair ul.bios li:first-child {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-bottom: solid 0.1rem black;
  }
  body.seven-on-seven-24 #participants .pair ul.bios li:last-child {
    padding: 0 1.5rem;
  }
}
body.seven-on-seven-24 #partners-7x7 {
  grid-column: 1/span 12;
  margin: 10rem -2.5rem 5rem -2.5rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 {
    margin-top: 3rem;
  }
}
body.seven-on-seven-24 #partners-7x7 ul {
  grid-column: 3/span 8;
  display: grid;
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  align-items: start;
  list-style-type: none;
  grid-gap: 3rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 1800px) {
  body.seven-on-seven-24 #partners-7x7 ul {
    grid-column: 4/span 6;
  }
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 ul {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, min-content);
  }
}
body.seven-on-seven-24 #partners-7x7 ul li {
  display: grid;
  grid-row-gap: 0.5rem;
  grid-template-rows: min-content 1fr;
  justify-items: center;
}
body.seven-on-seven-24 #partners-7x7 ul li a {
  width: 50%;
}
body.seven-on-seven-24 #partners-7x7 ul li a img {
  width: 100%;
}
body.seven-on-seven-24 #partners-7x7 ul li img {
  width: 50%;
}
@media (min-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 ul li {
    grid-row: 2;
  }
}
body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) {
  grid-row: 1;
}
body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) a {
  width: 100%;
}
body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) a img {
  width: 100%;
}
@media (min-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) {
    justify-self: stretch;
    grid-column: 2/span 2;
  }
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) {
    grid-column: 1;
  }
  body.seven-on-seven-24 #partners-7x7 ul li:nth-child(1) a {
    width: 100%;
  }
}
body.seven-on-seven-24 #partners-7x7 ul li h5 {
  font-weight: normal;
  margin: 0;
  text-align: center;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 ul li h5 {
    font-size: 1.6rem;
  }
}
body.seven-on-seven-24 #partners-7x7 .additional-support {
  grid-column: 3/span 8;
  text-align: center;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 #partners-7x7 .additional-support {
    margin-top: 3rem;
  }
}
body.seven-on-seven-24 footer {
  border-top: solid 0.1rem black;
  padding-top: 3rem;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 footer {
    margin-top: 3rem;
  }
}
body.seven-on-seven-24 footer #info-7x7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 footer #info-7x7 {
    flex-direction: column;
    align-items: start;
  }
  body.seven-on-seven-24 footer #info-7x7 .links {
    margin-bottom: 1.5rem;
  }
}
body.seven-on-seven-24 footer #info-7x7 a {
  display: inline-block;
  border: solid 0.1rem black;
  padding: 1.5rem 3rem;
  border-radius: 3.5rem;
  text-shadow: none;
  background: none;
}
body.seven-on-seven-24 footer #info-7x7 #mailinglist input {
  padding: 1.5rem 1.5rem;
  border-radius: 3.5rem;
  font-size: 2.4rem;
  box-sizing: border-box;
  border-style: solid;
  border-color: black;
}
@media (min-width: 600px) {
  body.seven-on-seven-24 footer #info-7x7 #mailinglist input {
    min-width: 50rem;
  }
}
@media (max-width: 600px) {
  body.seven-on-seven-24 footer #info-7x7 #mailinglist input {
    width: 100%;
    font-size: 1.8rem;
  }
}
body.seven-on-seven-24 footer #info-7x7 #mailinglist button {
  background: transparent;
  padding: 1.5rem;
  border-radius: 3.5rem;
  font-size: 2.4rem;
  border-style: solid;
  border-color: black;
}
@media (max-width: 600px) {
  body.seven-on-seven-24 footer #info-7x7 #mailinglist button {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 1.8rem;
  }
}

body.benefit-24 {
  color: white;
  background-color: black;
  position: relative;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body.benefit-24 .rotate-360 {
  animation: rotate 4s linear infinite;
}
body.benefit-24 .green-light-purple > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(160, 130, 255), rgb(160, 130, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(160, 130, 255);
  text-decoration: none;
}
body.benefit-24 .green-light-purple > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .green-light-purple > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .green-light-purple > span:nth-child(even) *,
body.benefit-24 .green-light-purple > span:nth-child(even) *:after, body.benefit-24 .green-light-purple > span:nth-child(even):after,
body.benefit-24 .green-light-purple > span:nth-child(even) *:before, body.benefit-24 .green-light-purple > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .green-light-purple > span:nth-child(even):visited {
  color: rgb(160, 130, 255);
}
body.benefit-24 .green-light-purple > span:nth-child(even) svg path {
  fill: rgb(160, 130, 255);
}
body.benefit-24 .green-light-purple > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.benefit-24 .green-light-purple > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .green-light-purple > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .green-light-purple > span:nth-child(odd) *,
body.benefit-24 .green-light-purple > span:nth-child(odd) *:after, body.benefit-24 .green-light-purple > span:nth-child(odd):after,
body.benefit-24 .green-light-purple > span:nth-child(odd) *:before, body.benefit-24 .green-light-purple > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .green-light-purple > span:nth-child(odd):visited {
  color: lime;
}
body.benefit-24 .green-light-purple > span:nth-child(odd) svg path {
  fill: lime;
}
body.benefit-24 .magenta-aqua > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(255, 100, 255), rgb(255, 100, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(255, 100, 255);
  text-decoration: none;
}
body.benefit-24 .magenta-aqua > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .magenta-aqua > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .magenta-aqua > span:nth-child(even) *,
body.benefit-24 .magenta-aqua > span:nth-child(even) *:after, body.benefit-24 .magenta-aqua > span:nth-child(even):after,
body.benefit-24 .magenta-aqua > span:nth-child(even) *:before, body.benefit-24 .magenta-aqua > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .magenta-aqua > span:nth-child(even):visited {
  color: rgb(255, 100, 255);
}
body.benefit-24 .magenta-aqua > span:nth-child(even) svg path {
  fill: rgb(255, 100, 255);
}
body.benefit-24 .magenta-aqua > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(0, 190, 220), rgb(0, 190, 220));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(0, 190, 220);
  text-decoration: none;
}
body.benefit-24 .magenta-aqua > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .magenta-aqua > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .magenta-aqua > span:nth-child(odd) *,
body.benefit-24 .magenta-aqua > span:nth-child(odd) *:after, body.benefit-24 .magenta-aqua > span:nth-child(odd):after,
body.benefit-24 .magenta-aqua > span:nth-child(odd) *:before, body.benefit-24 .magenta-aqua > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .magenta-aqua > span:nth-child(odd):visited {
  color: rgb(0, 190, 220);
}
body.benefit-24 .magenta-aqua > span:nth-child(odd) svg path {
  fill: rgb(0, 190, 220);
}
body.benefit-24 .yellow-purple > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(195, 255, 0), rgb(195, 255, 0));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(195, 255, 0);
  text-decoration: none;
}
body.benefit-24 .yellow-purple > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .yellow-purple > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .yellow-purple > span:nth-child(odd) *,
body.benefit-24 .yellow-purple > span:nth-child(odd) *:after, body.benefit-24 .yellow-purple > span:nth-child(odd):after,
body.benefit-24 .yellow-purple > span:nth-child(odd) *:before, body.benefit-24 .yellow-purple > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .yellow-purple > span:nth-child(odd):visited {
  color: rgb(195, 255, 0);
}
body.benefit-24 .yellow-purple > span:nth-child(odd) svg path {
  fill: rgb(195, 255, 0);
}
body.benefit-24 .yellow-purple > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(160, 53, 255), rgb(160, 53, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(160, 53, 255);
  text-decoration: none;
}
body.benefit-24 .yellow-purple > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .yellow-purple > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .yellow-purple > span:nth-child(even) *,
body.benefit-24 .yellow-purple > span:nth-child(even) *:after, body.benefit-24 .yellow-purple > span:nth-child(even):after,
body.benefit-24 .yellow-purple > span:nth-child(even) *:before, body.benefit-24 .yellow-purple > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .yellow-purple > span:nth-child(even):visited {
  color: rgb(160, 53, 255);
}
body.benefit-24 .yellow-purple > span:nth-child(even) svg path {
  fill: rgb(160, 53, 255);
}
body.benefit-24 .purple-red > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(160, 53, 255), rgb(160, 53, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(160, 53, 255);
  text-decoration: none;
}
body.benefit-24 .purple-red > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .purple-red > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .purple-red > span:nth-child(odd) *,
body.benefit-24 .purple-red > span:nth-child(odd) *:after, body.benefit-24 .purple-red > span:nth-child(odd):after,
body.benefit-24 .purple-red > span:nth-child(odd) *:before, body.benefit-24 .purple-red > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .purple-red > span:nth-child(odd):visited {
  color: rgb(160, 53, 255);
}
body.benefit-24 .purple-red > span:nth-child(odd) svg path {
  fill: rgb(160, 53, 255);
}
body.benefit-24 .purple-red > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(255, 0, 0), rgb(255, 0, 0));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(255, 0, 0);
  text-decoration: none;
}
body.benefit-24 .purple-red > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .purple-red > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .purple-red > span:nth-child(even) *,
body.benefit-24 .purple-red > span:nth-child(even) *:after, body.benefit-24 .purple-red > span:nth-child(even):after,
body.benefit-24 .purple-red > span:nth-child(even) *:before, body.benefit-24 .purple-red > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .purple-red > span:nth-child(even):visited {
  color: rgb(255, 0, 0);
}
body.benefit-24 .purple-red > span:nth-child(even) svg path {
  fill: rgb(255, 0, 0);
}
body.benefit-24 .orange-aqua > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(255, 110, 0), rgb(255, 110, 0));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(255, 110, 0);
  text-decoration: none;
}
body.benefit-24 .orange-aqua > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .orange-aqua > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .orange-aqua > span:nth-child(odd) *,
body.benefit-24 .orange-aqua > span:nth-child(odd) *:after, body.benefit-24 .orange-aqua > span:nth-child(odd):after,
body.benefit-24 .orange-aqua > span:nth-child(odd) *:before, body.benefit-24 .orange-aqua > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .orange-aqua > span:nth-child(odd):visited {
  color: rgb(255, 110, 0);
}
body.benefit-24 .orange-aqua > span:nth-child(odd) svg path {
  fill: rgb(255, 110, 0);
}
body.benefit-24 .orange-aqua > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(0, 190, 220), rgb(0, 190, 220));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(0, 190, 220);
  text-decoration: none;
}
body.benefit-24 .orange-aqua > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .orange-aqua > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .orange-aqua > span:nth-child(even) *,
body.benefit-24 .orange-aqua > span:nth-child(even) *:after, body.benefit-24 .orange-aqua > span:nth-child(even):after,
body.benefit-24 .orange-aqua > span:nth-child(even) *:before, body.benefit-24 .orange-aqua > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .orange-aqua > span:nth-child(even):visited {
  color: rgb(0, 190, 220);
}
body.benefit-24 .orange-aqua > span:nth-child(even) svg path {
  fill: rgb(0, 190, 220);
}
body.benefit-24 .brightpurple-red > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(255, 100, 255), rgb(255, 100, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(255, 100, 255);
  text-decoration: none;
}
body.benefit-24 .brightpurple-red > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .brightpurple-red > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .brightpurple-red > span:nth-child(odd) *,
body.benefit-24 .brightpurple-red > span:nth-child(odd) *:after, body.benefit-24 .brightpurple-red > span:nth-child(odd):after,
body.benefit-24 .brightpurple-red > span:nth-child(odd) *:before, body.benefit-24 .brightpurple-red > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .brightpurple-red > span:nth-child(odd):visited {
  color: rgb(255, 100, 255);
}
body.benefit-24 .brightpurple-red > span:nth-child(odd) svg path {
  fill: rgb(255, 100, 255);
}
body.benefit-24 .brightpurple-red > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(255, 0, 0), rgb(255, 0, 0));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(255, 0, 0);
  text-decoration: none;
}
body.benefit-24 .brightpurple-red > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .brightpurple-red > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .brightpurple-red > span:nth-child(even) *,
body.benefit-24 .brightpurple-red > span:nth-child(even) *:after, body.benefit-24 .brightpurple-red > span:nth-child(even):after,
body.benefit-24 .brightpurple-red > span:nth-child(even) *:before, body.benefit-24 .brightpurple-red > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .brightpurple-red > span:nth-child(even):visited {
  color: rgb(255, 0, 0);
}
body.benefit-24 .brightpurple-red > span:nth-child(even) svg path {
  fill: rgb(255, 0, 0);
}
body.benefit-24 .spacer {
  background-color: lime;
  margin: 3rem 0;
}
body.benefit-24 .floating-heart {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
body.benefit-24 #preferences {
  position: sticky;
  top: 3rem;
  grid-column: 1/span 2;
  justify-self: start;
  align-self: start;
  z-index: 50;
}
body.benefit-24 #preferences .heart-mode-switch {
  position: sticky;
  top: 3rem;
  border: none;
  background: transparent;
  color: lime;
  font-size: 2.4rem;
  cursor: pointer;
}
body.benefit-24 #preferences .heart-mode-switch > span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.benefit-24 #preferences .heart-mode-switch > span::selection {
  background: lime;
}
body.benefit-24 #preferences .heart-mode-switch > span::-moz-selection {
  background: lime;
}
body.benefit-24 #preferences .heart-mode-switch > span *,
body.benefit-24 #preferences .heart-mode-switch > span *:after, body.benefit-24 #preferences .heart-mode-switch > span:after,
body.benefit-24 #preferences .heart-mode-switch > span *:before, body.benefit-24 #preferences .heart-mode-switch > span:before {
  text-shadow: none;
}
body.benefit-24 #preferences .heart-mode-switch > span:visited {
  color: lime;
}
@media (max-width: 600px) {
  body.benefit-24 #preferences .heart-mode-switch {
    position: static;
    grid-column: 1/span 12;
    grid-row: 2;
    align-self: center;
    justify-self: center;
  }
}
body.benefit-24 #preferences #audio-indicator {
  margin-top: 0.5rem;
}
body.benefit-24 #preferences #audio-indicator img {
  cursor: pointer;
  width: 2.5rem;
}
body.benefit-24 #heart-counter {
  grid-column: 12;
  position: sticky;
  top: 3rem;
  width: 75%;
  justify-self: center;
  align-self: start;
  opacity: 0;
  transition: opacity 600ms ease-in-out;
}
body.benefit-24 #heart-counter.show {
  opacity: 1;
}
body.benefit-24 #heart-counter svg {
  width: 100%;
  height: auto;
}
body.benefit-24 #heart-counter svg path {
  fill: lime;
}
body.benefit-24 #heart-counter svg #text1 {
  font-family: "u001", sans-serif;
}
body.benefit-24 #heart-counter .counter {
  margin-top: -1rem;
  color: lime;
  z-index: 10;
}
body.benefit-24 #heart-counter #heart-fill {
  clip-path: rect(100% 100% 100% 0);
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe)::selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe)::-moz-selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *:after, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):after,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe) *:before, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):before {
  text-shadow: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited {
  color: white;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited::selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited::-moz-selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *:after, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:after,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited *:before, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:before {
  text-shadow: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):visited:visited {
  color: white;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover::selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover::-moz-selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *:after, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:after,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover *:before, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:before {
  text-shadow: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe):hover:visited {
  color: white;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active {
  color: mediumslateblue;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active::selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active::-moz-selection {
  background: lime;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *:after, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:after,
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active *:before, body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:before {
  text-shadow: none;
}
body.benefit-24 a:not(.plain):not(.btn-link):not(.external):not([rel=noopener]):not(.stripe).active:visited {
  color: white;
}
body.benefit-24 a.external:not(.btn-link):link, body.benefit-24 a.external:not(.btn-link):visited {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(blue, blue);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: blue;
  text-decoration: none;
}
body.benefit-24 a.external:not(.btn-link):link::selection, body.benefit-24 a.external:not(.btn-link):visited::selection {
  background: lime;
}
body.benefit-24 a.external:not(.btn-link):link::-moz-selection, body.benefit-24 a.external:not(.btn-link):visited::-moz-selection {
  background: lime;
}
body.benefit-24 a.external:not(.btn-link):link *,
body.benefit-24 a.external:not(.btn-link):link *:after, body.benefit-24 a.external:not(.btn-link):link:after,
body.benefit-24 a.external:not(.btn-link):link *:before, body.benefit-24 a.external:not(.btn-link):link:before, body.benefit-24 a.external:not(.btn-link):visited *,
body.benefit-24 a.external:not(.btn-link):visited *:after, body.benefit-24 a.external:not(.btn-link):visited:after,
body.benefit-24 a.external:not(.btn-link):visited *:before, body.benefit-24 a.external:not(.btn-link):visited:before {
  text-shadow: none;
}
body.benefit-24 a.external:not(.btn-link):link:visited, body.benefit-24 a.external:not(.btn-link):visited:visited {
  color: blue;
}
body.benefit-24 a.btn-link {
  border-radius: 5rem;
  padding: 0.5rem 15rem;
  border-color: lime;
  margin: 3rem 0;
  color: lime;
  font-size: 2.4rem;
  background: transparent;
}
body.benefit-24 a.btn-link > span {
  vertical-align: super;
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.benefit-24 a.btn-link > span::selection {
  background: lime;
}
body.benefit-24 a.btn-link > span::-moz-selection {
  background: lime;
}
body.benefit-24 a.btn-link > span *,
body.benefit-24 a.btn-link > span *:after, body.benefit-24 a.btn-link > span:after,
body.benefit-24 a.btn-link > span *:before, body.benefit-24 a.btn-link > span:before {
  text-shadow: none;
}
body.benefit-24 a.btn-link > span:visited {
  color: lime;
}
body.benefit-24 .heart {
  display: inline-block;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  cursor: grab;
}
body.benefit-24 .heart svg {
  position: absolute;
  width: 90%;
  height: 100%;
  padding: 0.4rem;
  top: -0.3rem;
  left: -0.3rem;
}
body.benefit-24 .heart svg path {
  fill: white;
}
body.benefit-24 .blog-article header {
  display: block;
  text-align: center;
}
body.benefit-24 .blog-article header h1.no-margin {
  margin: 0;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(rgb(160, 130, 255), rgb(160, 130, 255));
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: rgb(160, 130, 255);
  text-decoration: none;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even)::selection {
  background: lime;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even)::-moz-selection {
  background: lime;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even) *,
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even) *:after, body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even):after,
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even) *:before, body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even):before {
  text-shadow: none;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even):visited {
  color: rgb(160, 130, 255);
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(even) svg path {
  fill: rgb(160, 130, 255);
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd) {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(lime, lime);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: lime;
  text-decoration: none;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd)::selection {
  background: lime;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd)::-moz-selection {
  background: lime;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd) *,
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd) *:after, body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd):after,
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd) *:before, body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd):before {
  text-shadow: none;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd):visited {
  color: lime;
}
body.benefit-24 .blog-article header h1:nth-child(1) > span:nth-child(odd) svg path {
  fill: lime;
}
body.benefit-24 .blog-article header h1:nth-child(2) > span:nth-child(even) {
  color: rgb(255, 100, 255);
}
body.benefit-24 .blog-article header h1:nth-child(2) > span:nth-child(even) svg path {
  fill: rgb(255, 100, 255);
}
body.benefit-24 .blog-article header h1:nth-child(2) > span:nth-child(odd) {
  color: rgb(0, 190, 220);
}
body.benefit-24 .blog-article header h1:nth-child(2) > span:nth-child(odd) svg path {
  fill: rgb(0, 190, 220);
}
body.benefit-24 .blog-article header h1:nth-child(3) > span:nth-child(odd) {
  color: rgb(195, 255, 0);
}
body.benefit-24 .blog-article header h1:nth-child(3) > span:nth-child(odd) svg path {
  fill: rgb(195, 255, 0);
}
body.benefit-24 .blog-article header h1:nth-child(3) > span:nth-child(even) {
  color: rgb(160, 53, 255);
}
body.benefit-24 .blog-article header h1:nth-child(3) > span:nth-child(even) svg path {
  fill: rgb(160, 53, 255);
}
body.benefit-24 .blog-article header h1:nth-child(4) > span:nth-child(odd) {
  color: rgb(160, 53, 255);
}
body.benefit-24 .blog-article header h1:nth-child(4) > span:nth-child(odd) svg path {
  fill: rgb(160, 53, 255);
}
body.benefit-24 .blog-article header h1:nth-child(4) > span:nth-child(even) {
  color: rgb(255, 0, 0);
}
body.benefit-24 .blog-article header h1:nth-child(4) > span:nth-child(even) svg path {
  fill: rgb(255, 0, 0);
}
body.benefit-24 .blog-article header h1:nth-child(5) > span:nth-child(odd) {
  color: rgb(255, 110, 0);
}
body.benefit-24 .blog-article header h1:nth-child(5) > span:nth-child(odd) svg path {
  fill: rgb(255, 110, 0);
}
body.benefit-24 .blog-article header h1:nth-child(5) > span:nth-child(even) {
  color: rgb(0, 190, 220);
}
body.benefit-24 .blog-article header h1:nth-child(5) > span:nth-child(even) svg path {
  fill: rgb(0, 190, 220);
}
body.benefit-24 .blog-article header h1:nth-child(6) {
  color: red;
}
body.benefit-24 #header-sentence, body.benefit-24 #site-footer {
  color: white;
}
body.benefit-24 #site-footer #mailinglist label span {
  text-shadow: 0.03rem 0 black, -0.03rem 0 black, 0 -0.03rem black, 0 0.03rem black, 0 0.16rem black, 0 0.23rem black, 0.06rem 0 black, -0.06rem 0 black, 0.09rem 0.16rem black, -0.09rem 0.16rem black, 0.12rem 0.16rem black, -0.12rem 0.16rem black, 0.12rem 0.23rem black, -0.12rem 0.23rem black;
  /*
            .03rem 0 $background,
            -.03rem 0 $background,

            0 .09rem $background,
            0 -.09rem $background,

            .06rem 0 $background,
            -.06rem 0 $background,

            .06rem .12rem $background,
            -.06rem -.12rem $background,

            .09rem 0 $background,
            -.09rem 0 $background,

            .09rem .15rem $background,
            -.09rem .15rem $background,

            .06rem .21rem $background,
            -.06rem .21rem $background,

            .12rem 0 $background,
            -.12rem 0 $background,

            .12rem .18rem $background,
            -.12rem .18rem $background,

            .12rem .21rem $background,
            -.12rem .21rem $background;
  */
  background-image: linear-gradient(white, white);
  background-size: 100% 0.3rem;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  color: white;
  text-decoration: none;
}
body.benefit-24 #site-footer #mailinglist label span::selection {
  background: lime;
}
body.benefit-24 #site-footer #mailinglist label span::-moz-selection {
  background: lime;
}
body.benefit-24 #site-footer #mailinglist label span *,
body.benefit-24 #site-footer #mailinglist label span *:after, body.benefit-24 #site-footer #mailinglist label span:after,
body.benefit-24 #site-footer #mailinglist label span *:before, body.benefit-24 #site-footer #mailinglist label span:before {
  text-shadow: none;
}
body.benefit-24 #site-footer #mailinglist label span:visited {
  color: white;
}