:root {
  --readaloud-color: #7e1716;
}

.book-styled-block {
  background: #fdfdfd;
}

:root {

  /* Old Colors */
  --roe-dark-blue: #39ff14;
  --roe-dark-red: #39ff14;
  --roe-dark-red-brown: #39ff14;
  --roe-dark-brown: #39ff14;
  --roe-peach: #39ff14;
  --roe-slate: #39ff14;
  --roe-apricot: #39ff14;
  --roe-off-white: #39ff14;
  /**/

  --pf-sog-black: #221e1f;
  --pf-sog-off-white: rgb(248, 247, 240);
  --pf-sog-dark-teal: #0f4146;
  --pf-sog-grey: #58595b;
  --pf-sog-blue-grey: #bec5c9;
  
    --readaloud-color: var(--pf-sog-dark-teal);

  --base-font: 18px;
  --font-scale: 1.2;

  --font-size-1: var(--base-font);

  --font-size-2: calc(var(--base-font) * var(--font-scale));

  --font-size-3: calc(var(--font-size-2) * var(--font-scale));

  --font-size-4: calc(var(--font-size-3) * var(--font-scale));

  --font-size-5: calc(var(--font-size-4) * var(--font-scale));

  --font-size-6: calc(var(--font-size-5) * var(--font-scale));

  --font-size-7: calc(var(--font-size-6) * var(--font-scale));

  --font-size-8: calc(var(--font-size-7) * var(--font-scale));

  --font-size-small-1: calc(var(--base-font) / var(--font-scale));

  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));

  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
}

@font-face {
  font-family: "Nunito";
  src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "Good OT";
  src: url("https://content.demiplane.com/fonts/GoodOT.otf")
    format("opentype");
}

@font-face {
  font-family: "Good OT";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/GoodOT-Bold.otf")
    format("opentype");
}

@font-face {
  font-family: "A Jenson Pro";
  src: url("https://content.demiplane.com/fonts/AJensonPro-Bold.otf");
  font-weight: bold;
}

@font-face {
  font-family: "Sabon LT Std";
  src: url("https://content.demiplane.com/fonts/SabonLTStd+Roman.otf");
}

@font-face {
  font-family: "Bergell";
  src: url("https://content.demiplane.com/fonts/Bergell+Std+Regular.otf");
}

.book-styled-block {
  background-color: var(--pf-sog-blue-grey);

  padding-top: var(--font-size-3);
  padding-right: var(--font-size-1);
  padding-bottom: var(--font-size-small-3);
  padding-left: var(--font-size-1);

  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);
  color: black;
}

.book-styled-block p {
  font-family: Good OT;
  color: var(--pf-sog-black);
}

.book-styled-block p:nth-of-type(1){
    margin-top: 0px;
}

.book-styled-block p strong {
  color: black;
}

.book-styled-block h5 {
  text-align: center;
  color: var(--pf-sog-black);
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  padding-bottom: var(--font-size-small-1);
}

.split-header {
  font-size: var(--font-size-2);
}

.main-holder > .split-header {
  font-size: var(--font-size-2);
  font-weight: normal;
  color: var(--pf-sog-grey);
  font-family: Good OT;
  font-weight: bold;
  border-bottom: 0px;
}

#NewClassOptions {
  display: none;
}

.main-holder > h1 {
  font-family: A Jenson Pro;
  font-weight: Bold;
  color: var(--pf-sog-dark-teal);
  font-size: var(--font-size-8);
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  max-width: 100%;
  z-index: 2000;
  margin-top: -16px;
  margin-bottom: var(--font-size-3);
  padding-top: var(--font-size-4);
  padding-bottom: var(--font-size-3);
  padding-left: var(--font-size-1);
  padding-right: var(--font-size-1);
  position: relative;
  aspect-ratio: 2360/786;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/season-of-ghosts-the-summer-that-never-was/css/pf-sog-header-background.png");
  background-size: contain;
  background-repeat: no-repeat;
}

h1 > span {
  font-size: var(--font-size-2);
}

.main-holder > h2 {
  font-family: A Jenson Pro;
  font-weight: bold;
  color: var(--pf-sog-dark-teal);
  text-transform: none;
  font-size: var(--font-size-4);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
  text-align: center;
}

.main-holder > h2.chapter-title {
    font-family: Good OT;
    text-align: left;
      font-size: var(--font-size-3);
}

.main-holder > h3 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  color: var(--pf-sog-grey);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h3.level-header {
  color: var(--roe-peach);
}

.main-holder > h4 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  text-transform: none;
  color: var(--pf-sog-grey);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h5 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-1);
  color: var(--pf-sog-grey);
}

.main-holder > .chapter-title {
  font-family: Good OT;
}

.adv-track {
  margin-bottom: var(--font-size-1);
  text-align: center;
  position: relative;
  margin-top: var(--font-size-6);
  padding: var(--font-size-3) var(--font-size-1) var(--font-size-5)
    var(--font-size-1);
  background-color: var(--pf-sog-off-white);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 50%;
  color: var(--pf-sog-black);
}

.adv-track h4 {
  font-family: Good OT;
  font-weight: bold;
  text-transform: none;
  font-variant: small-caps;
  color: var(--pf-sog-dark-teal);
  font-size: var(--font-size-5);
  padding-bottom: var(--font-size-1);
}

.adv-track p {
  margin-top: var(--font-size-small-3);
  font-family: Sabon LT Std;
}

.adv-track table {
  background-color: transparent;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito;
}

.adv-track tr > td {
  text-align: left;
  padding-bottom: var(--font-size-5);
  font-family: Sabon LT Std;
}

.main-holder .adv-track .adv-level {
  text-align: center;
  font-family: A Jenson Pro;
  font-size: var(--font-size-8);
  color: var(--pf-sog-dark-teal);
  line-height: var(--font-size-8);
}

.main-holder > ul {
  font-size: var(--font-size-1);
}

.standard-table {
  font-family: Good OT;
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-1);
}

.main-holder .sidebar {
  padding-top: var(--font-size-4);
  padding-bottom: var(--font-size-1);
  padding-left: var(--font-size-5);
  padding-right: var(--font-size-5);
  margin-bottom: var(--font-size-2);

  background-color: var(--pf-sog-off-white);
  border-radius: 0;
}

.main-holder .sidebar > * {
  font-family: GoodOT;
  color: var(--pf-sog-dark-teal);
}

.main-holder .sidebar > h5 {
  color: var(--pf-sog-dark-teal);
  font-size: var(--font-size-2);
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: var(--font-size-small-3);
}

.main-holder .sidebar li {
  font-size: var(--font-size-1);
}

.main-holder .sidebar.blue {
  background-color: var(--roe-slate);
}

.main-holder .sidebar.blue > * {
  color: white;
}

.main-holder .sidebar.blue .split-header {
  border: none;
  font-family: Gin;
  font-weight: normal;
  padding-bottom: var(--font-size-small-1);
}

.main-holder .readaloud-block {
  padding-top: var(--font-size-1);
  margin-top: var(--font-size-2);
  margin-bottom: var(--font-size-2);
  /*overflow: visible;*/
}

.main-holder .readaloud-block p {
  font-family: Good OT;
  font-size: var(--font-size-1);
  color: var(--pf-sog-dark-teal);
}

.main-holder .readaloud-block p:nth-of-type(1) {
    margin-top: 0px;
}

.centered-block {
  background-color: var(--gw-pink);
  padding: var(--font-size-1) var(--font-size-5) var(--font-size-1)
    var(--font-size-5);
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);
  color: var(--gw-blue);
}

.centered-block p {
  font-family: Good OT;
  font-size: var(--font-size-1);
}

.centered-block p strong {
  color: var(--gw-blue);
}

.centered-block h5 {
  text-align: center;
  font-family: Good OT;
  font-weight: bold;
  color: var(--gw-blue);
  font-size: var(--font-size-2);
}

.main-holder .header-body {
  background-color: var(--roe-apricot);
  padding-left: var(--font-size-small-1);
  padding-right: var(--font-size-small-1);
  padding-bottom: var(--font-size-3);
  margin-top: 0px;
  margin-bottom: var(--font-size-4);
  color: black;
  position: relative;
}

.sog-styled-block {
  color: var(--pf-sog-dark-teal);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: justify;
  max-width: 100%;
  z-index: 1;
  margin-bottom: var(--font-size-3);
  padding-top: var(--font-size-4);
  padding-bottom: 5em;
  padding-left: var(--font-size-5);
  padding-right: var(--font-size-6);
  position: relative;
  aspect-ratio: 2360/786;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/season-of-ghosts-the-summer-that-never-was/css/pf-sog-header-background.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.sog-styled-block p {
  font-family: Good OT;
  color: var(--pf-sog-black);
}

.sog-styled-block p:nth-of-type(1){
    margin-top: 0px;
}

.sog-styled-block p strong {
  color: black;
}

.sog-styled-block h5 {
  text-align: center;
  color: var(--pf-sog-black);
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  padding-bottom: var(--font-size-small-1);
}

.main-holder .header-body:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0px;
  width: 100%;
  height: 32px;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/rage-of-elements/css/roe-header-border-image-bottom.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.main-holder .header-body p {
  margin-top: 0px;
}

.trait-holder {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.display-flow-root {
  display: flow-root;
}

.trait-holder > p {
  margin-top: var(--font-size-1);
}

.main-holder .tags {
  margin-bottom: var(--font-size-small-3);
}

.main-holder .paper-1 {
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/season-of-ghosts-the-summer-that-never-was/css/pf-sog-paper-1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: var(--font-size-7) var(--font-size-5);
  width: fit-content;
  margin: 0px auto var(--font-size-4) auto;
}

.main-holder .paper-title {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: var(--pf-sog-dark-teal);
}

.main-holder .paper-1 p {
  font-family: Bergell;
  color: var(--pf-sog-black);
  font-size: var(--font-size-3);
  padding-bottom: var(--font-size-1);
  letter-spacing: 1px;
}

.main-holder .paper-1 p:last-of-type {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

p {
  font-family: Nunito;
  font-size: var(--font-size-1);
  line-height: var(--font-size-2);
  margin-top: 0px;
  padding: 0px;
  margin-bottom: var(--font-size-1);
}

p strong {
  font-family: Good Ot;
}

.image-so {
  shape-margin: 8px;
  margin: 10px;
  padding: 0px;
  position: relative;
}

.book-image-center {
  margin-left: auto;
  margin-right: auto;
}

.force-image-left {
  float: left;
}

.force-image-right {
  float: right;
}

.image-with-subtitle-center {
  margin-left: auto;
  margin-right: auto;
}

.image-so:after {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 28px;
  font-family: Benguiat Std;
  font-size: 14px;
  padding: 2px 8px 0px 8px;
  margin-left: auto;
  margin-right: auto;
  color: var(--sf-green);
  background-color: var(--sf-subtitle-background);
  border: 2px solid var(--sf-subtitle-border);
  border-radius: 2px;
  z-index: 1001;
}

.image-so > p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 28px;
  font-family: A Jenson Pro;
  font-size: var(--font-size-small-1);
  padding: 2px 8px 0px 8px;
  margin-left: auto;
  margin-right: auto;
  color: var(--pf-sog-black);
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/season-of-ghosts-the-summer-that-never-was/css/pf-sog-sub-background.png");
  background-size: auto 100%;
  background-position: 50%;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 20%);
  z-index: 1001;
}

.image-so.alt > p {
  background-image: none;
  color: white;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
  .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-left {
    float: none;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 700px) {
  :root {
    --base-font: 16px;
  }
}

@media only screen and (max-width: 600px) {
  :root {
    --base-font: 14px;
  }
}

@media only screen and (max-width: 580px) {
    
    .main-holder > h1.chapter-2 {
        font-size: var(--font-size-5);
    }

    .main-holder > h1.chapter-bh {
        font-size: var(--font-size-5);
    }
}

@media only screen and (max-width: 535px) {
    
    .main-holder > h1.chapter-3 {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 520px) {
    
    .main-holder > h1.chapter-snw {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 500px) {
    
    .main-holder > h1.chapter-sm {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 470px) {

    .main-holder > h1.chapter-co {
        font-size: var(--font-size-5);
    }
    
    .main-holder > h1.chapter-1 {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 465px) {

    .main-holder > h1.chapter-4 {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 450px) {

    .main-holder > h1.chapter-at {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 410px) {

    .main-holder > h1.chapter-2 {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 400px) {
    
    .main-holder > h1.chapter-snw {
        font-size: var(--font-size-5);
    }

}

@media only screen and (max-width: 390px) {

    .main-holder > h1.chapter-3 {
        font-size: var(--font-size-5);
    }

}

.sog-ingredients {
    text-transform: uppercase;
    margin-bottom: 5px;
}


/*Image Wizard Styles*/
.image-pzo-eternallantern {
  width: 155px;
  shape-outside: polygon(-0.48% 14.83%, -0.48% 32.75%, 3.39% 46.78%, 16.29% 58.46%, 13.06% 80.54%, 0.16% 88.07%, 0.81% 99.76%, 98.87% 99.76%, 98.23% 3.66%, 61.45% 0.02%, 31.77% 0.02%, 17.58% 7.29%);
}
.image-pzo-eternallantern > p {
  left: 8.25px;
  top: 343.083984375px;
}
.image-pzo-hungryghost {
  width: 340px;
  shape-outside: polygon(23.46% 6.92%, 18.46% 17.51%, 16.99% 31.33%, 7.87% 38.10%, 0.51% 47.22%, 0.22% 91.63%, 1.99% 98.69%, 28.46% 99.86%, 65.22% 98.10%, 88.75% 88.69%, 97.28% 74.57%, 97.28% 54.86%, 97.87% 37.80%, 74.93% 26.63%, 64.93% 8.98%, 50.51% 0.45%, 28.46% 2.22%);
}
.image-pzo-hungryghost > p {
  left: 181.75px;
  top: 270.53515625px;
}
.image-pzo-kuonlo {
  width: 360px;
  shape-outside: polygon(30.49% 1.82%, 23.26% 7.93%, 16.32% 11.26%, 10.76% 21.82%, 12.71% 33.76%, 14.65% 44.59%, 11.04% 63.76%, 2.43% 69.32%, -0.07% 74.32%, -0.07% 87.37%, 7.99% 95.70%, 17.99% 99.59%, 47.43% 103.03%, 84.10% 99.56%, 96.32% 86.23%, 98.54% 73.73%, 99.10% 63.17%, 84.38% 57.61%, 78.82% 34.84%, 82.71% 21.23%, 70.49% 4.56%, 61.04% 0.15%, 42.43% -1.80%);
}
.image-pzo-kuonlo > p {
  left: 167.75px;
  top: 326.53515625px;
}
.image-pzo-meigui-ci {
  width: 405px;
  shape-outside: polygon(37.59% 1.89%, 30.19% 10.09%, 24.26% 17.15%, 21.05% 24.44%, 12.16% 29.90%, 11.17% 41.29%, 7.96% 53.14%, 1.05% 62.93%, 0.06% 73.87%, 5.00% 82.75%, 8.46% 96.88%, 10.43% 99.84%, 79.32% 99.84%, 88.46% 85.71%, 93.40% 60.88%, 99.32% 43.80%, 99.57% 13.05%, 85.49% 5.08%, 63.27% 8.72%, 53.64% 0.52%, 44.51% -0.16%);
}
.image-pzo-meiliren {
  width: 365px;
  shape-outside: polygon(35.41% 1.11%, 19.52% 10.42%, 12.40% 15.63%, 8.56% 21.65%, -0.21% 26.86%, -0.21% 37.54%, 6.37% 40.83%, 12.95% 49.32%, 17.05% 61.38%, 17.05% 76.17%, 5.00% 85.22%, 8.01% 96.45%, 21.71% 99.46%, 54.86% 101.86%, 80.34% 101.58%, 92.67% 93.37%, 97.05% 83.78%, 86.37% 70.90%, 93.22% 59.12%, 98.70% 43.50%, 102.26% 24.05%, 97.60% 10.63%, 87.74% 3.50%, 63.90% -4.10%);
}
.image-pzo-meiliren > p {
  left: 146.25px;
  top: 338.03515625px;
}
.image-pzo-amai {
  width: 265px;
  shape-outside: polygon(3.49% 15.64%, 11.42% 20.71%, 16.32% 28.20%, 16.32% 35.20%, 11.79% 41.00%, 3.87% 45.10%, 0.09% 51.14%, 0.47% 60.56%, -0.28% 79.40%, 2.36% 87.86%, 13.30% 91.96%, 17.83% 97.52%, 26.51% 99.94%, 78.58% 100.90%, 89.53% 91.72%, 92.17% 80.13%, 87.26% 66.60%, 98.96% 58.39%, 97.83% 46.55%, 101.23% 29.89%, 94.06% 24.33%, 83.49% 29.16%, 73.30% 28.44%, 66.89% 18.78%, 64.25% 10.80%, 65.00% 2.11%, 56.70% 0.42%, 41.98% 5.73%, 36.70% 10.08%, 13.30% 8.15%, 1.23% 7.91%);
}
.image-pzo-amai > p {
  left: 59.25px;
  top: 356.732421875px;
}
.image-pzo-heifeng {
  width: 335px;
  shape-outside: polygon(13.51% 17.66%, 13.21% 28.11%, 13.51% 35.87%, 15.60% 47.81%, 11.72% 58.26%, 3.36% 66.62%, 1.27% 77.96%, 2.16% 86.32%, 7.84% 91.39%, 12.61% 95.87%, 19.18% 98.56%, 36.49% 100.16%, 56.19% 101.02%, 79.78% 98.07%, 95.30% 91.51%, 99.78% 86.13%, 99.18% 71.51%, 90.52% 64.64%, 79.78% 54.79%, 80.67% 25.24%, 78.58% 6.13%, 62.76% 4.04%, 55.00% 0.65%, 46.04% -0.25%, 33.81% 6.32%, 21.87% 11.10%);
}
.image-pzo-heifeng > p {
  left: 110.25px;
  top: 284.171875px;
}
.image-pzo-isori {
  width: 390px;
  shape-outside: polygon(34.29% 3.05%, 31.47% 10.61%, 29.17% 23.50%, 27.63% 33.31%, 22.24% 38.63%, 15.58% 38.83%, 9.42% 41.29%, 3.78% 49.67%, 1.22% 57.65%, 0.19% 68.69%, 4.81% 74.01%, 9.42% 79.73%, 14.81% 90.78%, 23.27% 96.50%, 32.76% 99.16%, 70.45% 99.16%, 95.58% 90.16%, 99.17% 84.03%, 98.91% 73.80%, 93.01% 63.58%, 96.60% 56.42%, 99.42% 45.58%, 94.04% 33.52%, 78.40% 26.56%, 65.58% 27.79%, 65.32% 17.77%, 60.19% 4.07%, 53.01% 0.39%, 40.96% -0.22%);
}
.image-pzo-isori > p {
  left: 118.75px;
  top: 442.900390625px;
}
.image-pzo-theendlessshore {
  width: 345px;
  shape-outside: polygon(0.94% 15.75%, 7.90% 45.20%, 18.62% 77.27%, 22.39% 97.39%, 34.57% 99.14%, 64.71% 99.14%, 96.59% 97.97%, 98.04% 91.85%, 102.39% 79.89%, 87.90% 23.34%, 77.75% 2.93%, 69.35% -4.07%, 16.59% 1.47%, -2.54% 6.13%);
}
.image-pzo-theendlessshore > p {
  left: 148.25px;
  top: 304.0390625px;
}
.image-pzo-brokenflute {
  width: 340px;
  shape-outside: polygon(14.04% 9.29%, -1.84% 23.84%, -2.43% 50.60%, 7.87% 76.42%, 8.46% 95.20%, 58.75% 98.02%, 92.87% 102.01%, 97.57% 79.48%, 99.04% 47.55%, 102.87% 10.93%, 86.40% 5.77%, 72.57% -9.02%, 35.22% 6.94%);
}
.image-pzo-brokenflute > p {
  left: 71.75px;
  top: 162.78515625px;
}
.image-pzo-spooky-portal {
  width: 350px;
  shape-outside: polygon(65.43% 1.28%, 72.86% 38.43%, 76.57% 46.09%, 87.71% 55.56%, 93.43% 69.04%, 95.43% 82.15%, 90.57% 91.80%, 88.57% 97.09%, 60.57% 98.00%, 22.29% 94.90%, 5.43% 90.35%, 1.14% 78.69%, 2.57% 59.20%, 15.71% 49.00%, 19.43% 38.98%, 16.29% 6.56%, 15.71% -0.55%);
}
.image-pzo-spooky-portal > p {
  left: 173px;
  top: 420.0078125px;
}
.image-pzo-sojinyou {
  width: 335px;
  shape-outside: polygon(37.46% 1.23%, 0.15% 63.12%, -1.64% 88.78%, 5.82% 94.06%, 45.22% 97.08%, 63.13% 102.36%, 109.10% 4.25%, 41.04% -3.67%);
}
.image-pzo-sojinyou > p {
  left: 35.5px;
  top: 215.265625px;
}
.image-pzo-thefangandkey {
  width: 280px;
  shape-outside: polygon(-0.36% 57.06%, 18.93% 68.41%, 19.29% 80.59%, 30.00% 93.20%, 37.50% 98.66%, 59.64% 103.70%, 72.86% 91.51%, 88.21% 98.24%, 97.86% 99.08%, 103.21% 67.99%, 95.00% 57.90%, 88.93% 18.41%, 38.57% 15.88%, 31.79% 1.60%, -2.86% 0.34%);
}
.image-pzo-thefangandkey > p {
  left: 113px;
  top: 55.8046875px;
}
.image-pzo-portraitscrap {
  width: 340px;
  shape-outside: polygon(0.29% 12.21%, 0.88% 30.74%, 5.29% 42.21%, 2.65% 53.38%, 8.82% 78.09%, 17.06% 93.09%, 28.82% 97.80%, 38.53% 99.27%, 77.65% 99.27%, 92.35% 92.50%, 91.76% 81.91%, 102.06% 45.44%, 91.76% 22.80%, 73.82% 17.50%, 59.71% 4.12%, 37.65% 1.77%);
}
.image-pzo-portraitscrap > p {
  left: 122px;
  top: 293.5078125px;
}
.image-pzo-wisdomofthesevensages {
  width: 305px;
  shape-outside: polygon(80.16% 2.96%, 8.69% 59.64%, 2.79% 70.57%, 2.13% 89.60%, 11.31% 97.29%, 26.07% 96.48%, 43.11% 87.58%, 88.03% 90.01%, 93.61% 73.41%, 84.10% 58.83%, 98.20% 30.09%, 98.52% -0.28%);
}
.image-pzo-wisdomofthesevensages > p {
  left: 76.5px;
  top: 165.3125px;
}
.image-pzo-jiang-shi {
  width: 260px;
  shape-outside: polygon(30.77% 2.27%, 29.62% 11.14%, 15.00% 24.55%, 1.15% 34.32%, 3.08% 46.14%, 6.54% 59.09%, 14.23% 67.16%, 10.77% 82.62%, 25.38% 97.84%, 40.38% 98.75%, 54.62% 86.93%, 91.15% 87.39%, 96.92% 72.16%, 99.62% 41.93%, 98.85% 30.34%, 66.92% 25.34%, 52.69% 6.14%, 45.77% 0.00%);
}
.image-pzo-jiang-shi > p {
  left: 86px;
  top: 338.0078125px;
}
.image-pzo-flowerandribbon {
  width: 310px;
  shape-outside: polygon(1.29% 31.84%, 2.90% 62.24%, 8.71% 84.64%, 17.10% 90.64%, 74.84% 88.64%, 84.84% 97.44%, 97.74% 96.24%, 98.39% 69.04%, 89.03% 24.64%, 55.16% 3.44%, 36.77% 2.24%, 17.74% 4.64%, 8.06% 12.64%);
}
.image-pzo-flowerandribbon > p {
  left: 38px;
  top: 172.59375px;
}
.image-pzo-peddler-of-glories {
  width: 315px;
  shape-outside: polygon(2.70% 4.69%, 4.29% 11.07%, 12.22% 16.89%, 13.17% 29.46%, 23.02% 40.90%, 30.95% 52.91%, 23.97% 72.42%, 22.06% 90.81%, 15.08% 96.62%, 34.44% 99.16%, 78.89% 97.19%, 70.00% 83.12%, 74.13% 60.79%, 96.35% 62.67%, 97.94% 53.85%, 70.63% 30.77%, 78.25% 21.58%, 64.29% 9.57%, 48.41% 2.07%, 19.84% 1.50%, 4.60% 0.56%);
}
.image-pzo-chainedspirit {
  width: 405px;
  shape-outside: polygon(45.06% 7.06%, 57.65% 2.05%, 60.12% 13.90%, 68.52% 25.29%, 75.93% 35.31%, 85.80% 33.26%, 89.75% 38.95%, 95.93% 56.27%, 93.95% 67.66%, 94.69% 73.81%, 97.16% 82.69%, 89.51% 85.20%, 86.30% 89.07%, 82.84% 94.53%, 65.56% 92.26%, 55.19% 96.13%, 26.79% 87.25%, 12.47% 74.72%, 1.36% 65.83%, 1.85% 42.37%, 5.31% 15.49%, 30.99% 7.75%);
}
.image-pzo-chainedspirit > p {
  left: 100.5px;
  top: 333.0078125px;
}
.image-pzo-corpsewood {
  width: 405px;
  shape-outside: polygon(3.58% 29.19%, 3.09% 39.25%, 4.57% 47.24%, 9.51% 52.27%, 10.49% 63.71%, 19.14% 71.99%, 8.02% 81.46%, 0.12% 89.25%, 15.68% 99.11%, 48.77% 98.42%, 83.83% 98.33%, 91.48% 87.67%, 93.21% 73.28%, 94.69% 42.70%, 97.90% 23.87%, 73.95% 13.02%, 51.98% 5.13%, 40.86% 1.18%, 24.81% 5.72%, 14.44% 24.26%);
}
.image-pzo-corpsewood > p {
  left: 109.5px;
  top: 444.5078125px;
}
.image-pzo-unlived-life {
  width: 660px;
}
.image-pzo-unlived-life > p {
  left: 97px;
  top: 200.0078125px;
}
.image-pzo-suijingtan {
  width: 365px;
  shape-outside: polygon(26.16% 23.43%, 22.33% 41.37%, 19.59% 51.78%, 18.49% 60.82%, 8.36% 64.93%, 0.41% 74.25%, 4.79% 84.39%, 9.45% 95.07%, 12.74% 100.69%, 77.40% 99.32%, 73.29% 71.37%, 93.29% 63.70%, 94.93% 36.17%, 100.96% 24.93%, 78.22% 18.63%, 63.70% 2.19%, 48.08% 7.95%, 33.56% 15.07%);
}
.image-pzo-suijingtan > p {
  left: 34.5px;
  top: 315.5078125px;
}
.image-pzo-kugaptee {
  width: 425px;
  shape-outside: polygon(10.94% 25.79%, 5.76% 34.04%, 5.76% 44.56%, 1.29% 52.46%, 18.94% 67.90%, 22.94% 77.98%, 26.00% 91.23%, 28.12% 96.40%, 42.94% 98.69%, 62.71% 95.97%, 67.65% 91.40%, 88.59% 83.69%, 84.59% 67.72%, 87.88% 56.84%, 94.94% 44.74%, 97.76% 32.46%, 96.82% 19.65%, 89.06% 17.90%, 61.76% 5.44%, 46.94% 0.00%, 32.82% 1.05%, 15.88% 16.67%);
}
.image-pzo-kugaptee > p {
  left: 223.5px;
  top: 456.0078125px;
}
.image-pzo-huin-mae {
  width: 310px;
}
.image-pzo-huin-mae > p {
  left: 103px;
  top: 604.0078125px;
}
.image-pzo-greenbrier-hunter {
  width: 485px;
  shape-outside: polygon(34.12% 9.83%, 32.27% 18.92%, 35.77% 26.54%, 39.28% 38.82%, 35.57% 43.98%, 13.51% 38.33%, 0.72% 42.02%, 1.75% 55.04%, 12.06% 60.69%, 24.02% 65.11%, 29.79% 74.45%, 34.95% 83.05%, 42.16% 98.16%, 57.84% 99.14%, 78.25% 97.91%, 97.01% 97.42%, 98.04% 74.33%, 94.33% 41.89%, 88.97% 16.10%, 75.98% 3.69%, 55.98% 1.23%, 38.25% 2.95%);
}
.image-pzo-greenbrier-hunter > p {
  left: 197.5px;
  top: 295.5078125px;
}
.image-pzo-silversoulbomb {
  width: 285px;
  shape-outside: polygon(59.74% 19.96%, 40.79% 31.74%, 10.26% 46.56%, 0.44% 73.83%, 2.19% 92.01%, 28.51% 97.74%, 54.47% 96.73%, 72.37% 62.38%, 90.61% 29.72%, 98.33% 10.53%, 87.11% -0.24%, 70.61% 0.09%);
}
.image-pzo-skyfangcrystal {
  width: 300px;
  shape-outside: polygon(1.58% 8.51%, 9.25% 10.85%, 11.92% 15.18%, 20.58% 21.51%, 20.25% 27.18%, 12.58% 33.18%, 9.92% 42.85%, 12.92% 52.85%, 25.92% 60.51%, 35.25% 70.51%, 47.58% 75.51%, 57.92% 79.51%, 71.25% 87.18%, 80.25% 92.51%, 94.25% 98.18%, 97.58% 84.85%, 92.25% 65.85%, 75.92% 47.85%, 60.92% 40.18%, 68.25% 30.85%, 79.25% 21.18%, 74.58% 9.18%, 37.58% -0.15%, 1.58% 2.51%);
}
.image-pzo-imprecasia {
  width: 370px;
  shape-outside: polygon(13.45% 9.64%, 20.47% 15.14%, 25.07% 22.56%, 25.07% 29.49%, 21.55% 38.35%, 11.28% 47.20%, 1.28% 64.66%, 1.82% 73.99%, 2.09% 88.35%, 9.93% 82.13%, 10.47% 91.46%, 5.61% 96.48%, 15.88% 98.39%, 45.07% 94.09%, 72.09% 98.87%, 82.36% 93.37%, 97.23% 80.93%, 99.66% 71.12%, 97.77% 46.72%, 66.96% 27.82%, 55.34% 3.90%, 50.47% 1.98%, 38.31% 8.92%, 23.72% 4.37%);
}
.image-pzo-path-maiden {
  width: 430px;
  shape-outside: polygon(18.08% 22.04%, 18.55% 24.10%, 17.62% 34.67%, 14.36% 39.05%, 12.03% 48.59%, 0.87% 57.09%, 5.29% 61.22%, 18.78% 64.05%, 22.03% 75.65%, 28.08% 84.41%, 36.22% 90.86%, 42.73% 98.59%, 54.13% 93.18%, 65.29% 75.39%, 71.57% 68.69%, 88.31% 69.98%, 95.06% 63.28%, 98.55% 46.53%, 91.10% 33.64%, 77.85% 24.36%, 65.06% 28.74%, 56.69% 12.25%, 52.50% 1.94%, 40.64% 1.42%, 31.57% 7.61%, 28.08% 13.79%, 19.01% 15.34%);
}