.force-clear {
    clear: both;
}

 :root{
    --readaloud-color: #885737;
    --book-header-color-1: #fdfdfd; /*white*/
    --book-header-color-2: #673227; /*red*/
    --book-off-black: #58585a;
    --book-accent-color-1: #787639; /*green brown*/
    --book-accent-color-2: #885737; /*ruddy oragne*/
    /*-----*/
    --book-header-font-1: "GoodOT-Bold";
    --book-header-font-2: "GoodOT-Bold";
    --book-header-font-3: "Flower Power"; /*Book Title Font*/
    --book-handout-font-1: "Ex Ponto";
     /*-----*/
  --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));
}

/*Fonts*/

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

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

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

@font-face {
  font-family: "Ex Ponto";
  src: url("https://content.demiplane.com/fonts/Ex Ponto Pro Regular.otf")
    format("opentype");
}

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

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

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

.main-holder > .split-header {
    font-size: 24px;
    font-weight: normal;
    color: #5d0000;
    font-family: gin, serif;
    border-bottom:0px;
}

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

.header-left-aligned {
    text-align: left!important;
}



.main-holder .sidebar-float-right {
    max-width: 350px;
    float: right;
    margin-left: 30px!important;
    
    & p {
        color: white;
        font-family: "GoodOT";
        font-size: var(--font-size-1) !important;
        line-height: 1;
        
        & a {
            color: white;
            font-family: "GoodOT-Bold" !important;
            
            &:hover {
                color: white !important;
                transition: all 0.5s;
            }
        }
    }
}




.main-holder .heading-block, .main-holder .book-styled-block {
    color: #fdfdfd;
    border-image-slice:20 20 20 20;
    border-image-width:30px 30px 30px 30px;
    border-image-outset:5px 5px 5px 5px;
    border-image-repeat:round round;
    border-color: transparent;
    border-style: solid;
    padding: 20px;
    margin: 40px 0px;
    border-image-source: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gng-border-image.png?format=webp);
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gng-red-paper-background.jpg?format=webp);
    background-color: #100100;
    border-width: 1px;
    
    & .signature {
    text-align: right;
}
    
    & p {
        font-size: var(--font-size-2);
        text-shadow: 1px 1px 1px #505050;
    }
    
    & p strong {
        color: white;
    }
    
    & a {
    color: #faecd1 !important;
    border-bottom: 1px solid #f1ce86!important;
    
    &:visited {
    color: #f1ce86 !important;
    border-bottom: 1px solid #ccae72!important;
}
}

& h5 {
    color: #fdfdfd!important;
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-3);
    text-align: center;
    margin: 0px 20px;
}

}

.main-holder > h2 {
    font-size: var(--font-size-4);
    margin: 50px 0px 10px;
}

.main-holder > h3.split-header, .main-holder > h3 {
    font-size: calc(var(--font-size-2)*1.17);
    margin: 45px 0px 10px;
}

.main-holder > h4 {
    text-transform: capitalize;
    font-variant: small-caps;
    font-size: var(--font-size-3);
    color: #7e4c42;
    margin-top: 30px;
}

.main-holder > h5 {
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-2);
}

.main-holder .standard-table {
    & th {
        font-family: "GoodOT-Bold";
    }
    
    & td {
        font-family: "GoodOT";
        color: #2c2c2c;
        font-size: var(--font-size-1);
    }
}

.main-holder .book-styled-block p {
    font-family: "GoodOT";
}

.main-holder .heading-block {
    padding: 50px 20px 50px;
    margin: -50px 5px 50px;
    
    & p {
        text-shadow: 0px 0px 1px white;
    }
    
    & .book-image-left {
        margin: 30px 15px 30px 0px;
    }
}

.paper-box-with-header {
    padding-top: 60px;
}

.gng-box-header {
    color: #fdfdfd !important;
    font-family: Taroca;
    font-weight: normal;
    font-size: 36px;
    color: #5d0000;
    text-align: center;
    font-style: normal;
    border-bottom: 0px;
    text-shadow: 2px 2px 2px black;
    padding-top: 20px;
    margin-bottom: -85px !important;
    z-index: 999999 !important;
}

.main-holder > h1, .gears-section-header {
    color: var(--book-header-color-1);
    font-family: "Taroca";
    font-weight: normal;
    font-size: var(--font-size-5);
    position: relative;
    border-bottom: 0px;
    text-shadow: 3px 3px 10px black;
    background-repeat: no-repeat;
    display: flex;
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gng-chapter-opener.png?format=webp);
    background-size: 1100px;
    background-position: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    margin: 0px;
}

.gears-chapter-header {
    margin-bottom: -30px !important;
    margin-top: 50px !important;
}

.gears-section-header {
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}


.main-holder .gears-sidebar-block {
    margin-top: 50px;
    margin-bottom: 60px;
}

.gears-sidebar-block::before {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 118%;
    top: -50px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    position: relative;
    height: 90px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-top-left.png?format=webp) left top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-top-center.png?format=webp) center center no-repeat;
    background-size: contain, 810px;
    background-position: top 0px left 0px, top 23px left 9px;
}

.gears-sidebar-block::after {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 802px;
    top: 8px;
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -35px;
    position: relative;
    height: 60px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-left.png?format=webp) left bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-right.png?format=webp) right bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-center.png?format=webp) center bottom no-repeat;
}

.main-holder .guns-chapter-header {
   
    text-shadow: 2px 2px 2px black;
    z-index: 999999 !important;
    background-image: none !important;
    margin-top: 0px !important;
}


.main-holder .guns-chapter-header::before {
    content: "";
    width: 820px;
    background-repeat: no-repeat;
    margin-left: -8px;
    top: 50%;
    float: left;
    display: block;
    position: absolute;
    transform: translate(0, -50%);
    height: 70px;
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-chapter-top.png?format=webp);
    background-size: 820px;
    background-position: center;
    z-index: -1;
}

.guns-section-header {
    margin-bottom: 40px !important;
}

.main-holder .guns-sidebar-block {
    margin: 50px 0px 60px;
}

.guns-sidebar-block::before, .guns-quick-build-block::before {
    content: "";
    display: block;
    max-width: 118%;
    top: -40px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    position: relative;
    height: 85px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-top-left.png?format=webp) left top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-top-right.png?format=webp) right top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-top-center.png?format=webp) center center no-repeat;;
    background-size: contain, contain, 810px;
}

.guns-sidebar-block::after, .guns-quick-build-block::after {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 830px;
    top: 8px;
    margin-left: -38px;
    margin-right: -38px;
    margin-bottom: -35px;
    position: relative;
    height: 50px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-box-left.png?format=webp) left bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-box-right.png?format=webp) right bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/guns-box-center.png?format=webp) center bottom no-repeat;
}

.rg-chapter-header {
    color: #fdfdfd !important;
    text-shadow: 2px 2px 2px black;
    max-width: 800px;
    background-repeat: no-repeat;
    display: flex;
    height: 70px;
    font-size: var(--font-size-4) !important;
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gng-chapter-opener-rg.png?format=webp) !important;
    background-size: 890px !important;
    background-position: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
    position: relative;
    text-align: center;
}

.rg-section-header {
    margin-bottom: 40px !important;
}

.rg-sidebar-block {
    margin-top: 40px;
    margin-bottom: 70px !important;
}

.rg-sidebar-block::before {
    content: "";
    display: block;
    max-width: 118%;
    top: -45px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    position: relative;
    height: 85px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-globe.png?format=webp) left top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-symbol.png?format=webp) right top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-top-center.png?format=webp) center center no-repeat;;
    background-size: contain, contain, 780px;

}

.rg-sidebar-block::after {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 820px;
    top: 8px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    position: relative;
    height: 50px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-bottom-left.png?format=webp) left bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-bottom-right.png?format=webp) right bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/rg-bottom-center.png?format=webp) center bottom no-repeat;
}

.som-blue-block {
    background-color: #547080;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0px;
    color: #fdfdfd;
    border: 3px solid #ccae72;
}

/* Images & Subtitles */

.image-so {
  shape-margin: 8px;
  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;
  padding-bottom: 30px !important;
}

.main-holder > .image-with-subtitle-center p, .main-holder > .image-with-subtitle-left p, .main-holder > .image-with-subtitle-right p {
    color: var(--book-off-black);
}

.image-with-subtitle-left {
    margin-right: 10px;
}

.main-holder > .image-with-subtitle-center p {
    
    font-family: var(--book-header-font-2);
}

.main-holder > .image-with-subtitle-center a,
.main-holder > .image-with-subtitle-left a, 
.main-holder > .image-with-subtitle-right a {
    font-family: var(--book-header-font-2);
    color: var(--book-header-color-2);
}

.main-holder > .image-with-subtitle-center p { 
    font-family: "GoodOT-CondBold";
    text-transform: none;
    font-size: var(--font-size-small-1);
    color: #793b2f;
    letter-spacing: 1px;
    
    & a {
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-small-1);
        border-bottom: 1px solid #0b2560;
        color: #0b2560;
    letter-spacing: 0px;
    }
}

.image-so > p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 50px;
  font-family: "Gin" !important;
  font-size: var(--font-size-small-1) !important;
  text-shadow: 1px 1px 1px #82461c !important;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  color: var(--book-header-color-1) !important;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears-rm/css/caption.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 0px black !important;
  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;
  }
}

/* Tables */

.main-holder .ancestry-table.class-table {
    
    & th.ancestry, th.class {
       font-family: "Gin";
       font-weight: normal;
       font-size: var(--font-size-2);
    }
    
    & th.class {
        background-color: #002664;
    }
    
    & tbody tr.detail-text {
        text-align: left;
    }
    
    & tbody td {
        background-color: #ebe3ca !important;
        font-family: "GoodOT" !important;
        
        & h3 {
            color: #0b2560;
            font-size: var(--font-size-2);
            margin-bottom: 10px;
            
            
        }
        
        & h3.ancestry {
                color: #560c06;
            }
        
        &:nth-child(even) {
            background-color: white !important;
        }
        
        & .book-image-center {
            height: 240px;
            width: auto;
            margin: auto;
        }
    }
    
    & td.ancestry, td.class {
       background-color: #560c06 !important;
       font-family: "Gin" !important;
       font-weight: normal;
       font-size: var(--font-size-2);
       color: white;
        }
        
        & td.class:nth-child(even) {
               background-color: #0b2560 !important; 
           }
}

.main-holder .subtext {
    font-size: var(--font-size-small-1);
    font-family: "GoodOT";
}

.main-holder .red-block strong {
    font-family: "GoodOT-Bold";
    font-size: var(--font-size-2);
}

.main-holder .class-sidebar h3 {
    margin-top: 15px;
    font-family: "GoodOT-CondBold";
    font-size: var(--font-size-2);
}

.main-holder .class-sidebar p {
    font-family: "GoodOT";
    line-height: 1.4;
}

.main-holder .trait-holder {
  border-image-slice:
0 40 186 146;
border-image-width:
20px 20px 65px 90px;
border-image-outset:
0px 10px 0px 0px;
border-image-repeat:
stretch stretch;
border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears-rm/css/border-bottom-2.png");
padding-bottom: 40px;
margin: 30px 0px;
box-shadow: 1px 1px 5px;
}

.main-holder li {
    margin-bottom: 10px;
}

.main-holder > .pregen-block {
    border-image-source:url(https://content.demiplane.com/compendium/pathfinder-2e/secrets-of-magic/css/BorderImageSample_3.png?format=webp);
    background-image: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gng-light-paper-BG.jpg?format=webp);
    border-style: solid;
    padding: 20px;
    margin: 40px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    
    & .image {
        width: 35%;
    }
    
    & .text {
        width: 60%;
        
        & h5 {
            color: #6c392e !important;
            margin: 20px 0px 0px;
            font-family: "GoodOT-Bold";
            font-size: var(--font-size-2);
        }
        
        & div:not(:last-child) {
            border-bottom: 2px solid black;
        }
        
        & p {
            color: #673227 !important;
            text-shadow: 0px 0px 0px;
            font-family: "GoodOT";
            font-size: var(--font-size-1);
            text-align: center;
            
            & strong {
                font-family: "GoodOT-Bold";
            color: #673227 !important;
            }
        }
        
        & .pregen-subhead {
            font-family: "GoodOT-Bold";
        }

    }
    
    & h4 {
        color: #6c392e !important;
        letter-spacing: 2px;
        font-family: "GoodOT";
        text-align: center;
        font-size: var(--font-size-3);
        border-bottom: thick solid;
        padding: 5px 0px;
        margin: 5px 0px;
    }
    
    & .pregen-play {
    font-size: var(--font-size-1);
    margin: 30px auto;
    padding: 10px 20px;
    text-align: center;
    line-height: 1;
    
    & p {
        color: #673227;
        font-family: "Taroca";
        text-shadow: 0px 0px 0px;
    }
    
    & .pregen-levels {
        display: flex;
        gap: 10px;
        justify-content: center;
        max-width: 80%;
        flex-wrap: wrap;
        margin: auto;
        
        & p {
            margin: 0px;
        }
        
        & a {
        border-radius: 20%;
        padding: 5px 10px;
        background-color: #673227;
        color: var(--pf-core-tan);
        font-size: var(--font-size-small-1);
        text-decoration: none !important;
        border-bottom: 0px !important;
        
        &:hover {
        filter: brightness(1.2);
    box-shadow: 0px 0px 5px var(--pf-core-dark-red);
    background-color: var(--pf-core-dark-red);
        transition: all 0.8s;
    }
        }
        
    }
    
    
}
}


.gears-quick-build-block::before {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 118%;
    top: -53px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    position: relative;
    height: 70px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-top-left.png?format=webp) left top no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-top-center.png?format=webp) center center no-repeat;
    background-size: contain, 810px;
    background-position: top 0px left 0px, top 23px left 9px;
}

.gears-quick-build-block::after {
    content: "";
    background-repeat: no-repeat;
    display: block;
    max-width: 802px;
    top: 8px;
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -35px;
    position: relative;
    height: 40px;
    background: url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-left.png?format=webp) left bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-right.png?format=webp) right bottom no-repeat, url(https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears/css/gears-box-center.png?format=webp) center bottom no-repeat;
}

.main-holder >  .basic-header {
    background-image: none !important;
    color: #0b2560;
    text-shadow: none;
    margin: 70px 0px 30px !important;
    padding: 0px;
    font-size: var(--font-size-6);
}

.main-holder .timeline-break {
    padding-right: 20px;
}

.main-holder .glossary {
    text-align: center;
    color: var(--book-header-color-2);
    font-size: var(--font-size-5);
}

.main-holder .demiplane-credits {
      font-size: var(--font-size-small-1);
      font-family: "Good OT";
      border-top: 1px solid var(--book-header-color-2);
      padding: 20px 0px;
      margin: 50px 0;
      color: var(--book-off-black);
      
      & h2 {
          font-size: var(--font-size-1);
          font-family: "GoodOT-Bold";
          color: var(--book-header-color-2);
      }
  }   
  
  .reader-container .body-background {
background: linear-gradient(rgba(237,235,230,0.3), rgba(237,235,230,0.5)), url("https://content.demiplane.com/compendium/pathfinder-2e/guns-and-gears-rm/css/gng-bg1.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
}

.main-holder { 
background-color: transparent !important;
}
/*Image Wizard Styles*/
.image-pzo-halfelf-scout {
  width: 300px;
  shape-outside: polygon(30.33% 0.97%, 8.33% 22.05%, 11.67% 29.56%, 16.00% 45.58%, -0.33% 64.86%, 9.67% 68.62%, 18.00% 69.92%, 12.33% 94.00%, 30.67% 96.94%, 67.33% 97.43%, 80.33% 100.86%, 99.00% 99.55%, 101.00% -1.32%);
}
 {
}
.image-pzo-halfelf-scout > p {
  left: 81px;
  top: 448.27081298828125px;
}
.image-header-inventorjust-comanion {
  width: 330px;
  shape-outside: polygon(51.82% 6.53%, 41.21% 13.57%, 11.21% 15.43%, 11.52% 43.17%, 0.30% 51.25%, 4.55% 85.62%, 14.24% 90.38%, 51.82% 90.79%, 52.73% 98.87%, 73.64% 98.45%, 92.42% 81.47%, 103.33% 51.04%, 93.94% 1.56%, 62.73% 0.73%);
}
.image-header-inventorjust-comanion > p {
  left: 128px;
  top: 356.52081298828125px;
}
.image-pzo-inventorclipped {
  width: 340px;
  shape-outside: polygon(33.33% 0.33%, 20.10% 7.28%, 18.33% 16.74%, 6.27% 23.11%, 6.57% 47.43%, -0.20% 58.43%, 3.04% 61.14%, 23.63% 66.35%, 25.69% 96.85%, 35.10% 98.78%, 92.75% 101.68%, 98.04% 92.02%, 99.80% 74.84%, 89.51% 0.33%);
}
.image-pzo-new-clockwork-companion {
  width: 350px;
  shape-outside: polygon(35.81% 0.42%, 32.67% 4.98%, 19.81% 9.25%, 0.10% 55.69%, 0.38% 77.06%, 9.52% 86.17%, 35.52% 87.31%, 38.95% 95.58%, 60.67% 102.41%, 97.52% 94.44%, 106.10% 1.27%);
}
.image-pzo-new-interlocking-gears {
  width: 300px;
  shape-outside: polygon(13.44% 1.07%, 1.78% 17.01%, 1.78% 50.87%, 11.11% 66.41%, 13.11% 91.51%, 30.44% 97.88%, 91.11% 103.06%, 105.78% 73.98%, 83.78% -3.71%);
}
.image-pzo-automaton-mage {
  width: 320px;
  shape-outside: polygon(99.48% 1.15%, 98.54% 30.16%, 74.17% 42.88%, 73.85% 54.84%, 81.35% 68.32%, 69.17% 77.99%, 69.48% 92.75%, 66.98% 99.11%, 0.42% 98.86%, 0.42% 0.89%);
}
.image-pzo-automaton-mage > p {
  left: 13.33331298828125px;
  top: 284.5104064941406px;
}
.image-pzo-automaton-scout {
  width: 285px;
  shape-outside: polygon(-0.06% 7.37%, 17.13% 32.94%, 21.35% 36.38%, 28.36% 37.69%, 29.06% 53.76%, 6.96% 54.58%, 6.61% 63.10%, 42.75% 78.84%, 44.50% 97.37%, 47.31% 99.17%, 78.89% 99.50%, 102.05% 71.14%, 97.49% 18.35%, 97.49% 3.92%, 1.70% 0.65%);
}
.image-pzo-automaton-scout > p {
  left: 28.83331298828125px;
  top: 313.9375px;
}
.image-pzo-automaton-warrior {
  width: 295px;
  shape-outside: polygon(62.66% 1.20%, 42.32% 19.70%, 1.64% 78.70%, 0.28% 85.20%, 56.21% 90.70%, 74.52% 102.70%, 92.49% 94.20%, 108.42% 46.95%, 86.72% 0.20%);
}
.image-pzo-automaton-warrior > p {
  left: 62.83331298828125px;
  top: 267.80206298828125px;
}
.image-pzo-geardisciple {
  width: 335px;
  shape-outside: polygon(-0.05% 0.07%, -0.95% 14.90%, 22.94% 41.50%, 20.85% 101.09%, 88.91% 97.77%, 105.92% 73.47%, 79.35% -5.30%);
}
.image-pzo-clockworkheart {
  width: 235px;
  shape-outside: polygon(38.23% 0.34%, 30.57% 5.31%, 30.57% 15.77%, 5.04% 22.68%, -0.07% 75.17%, 38.23% 80.66%, 30.99% 90.95%, 29.29% 94.49%, 37.38% 99.46%, 75.67% 100.88%, 96.95% 78.36%, 99.50% 62.93%, 96.95% 12.22%, 62.48% 0.34%);
}
.image-pzo-tools-and-accessories {
  width: 365px;
  shape-outside: polygon(42.97% 0.16%, 37.21% 6.54%, 35.02% 16.02%, 22.97% 30.16%, -0.05% 29.47%, 0.78% 47.06%, 4.06% 74.01%, 17.76% 85.91%, 31.46% 88.67%, 33.38% 99.70%, 78.31% 101.08%, 103.24% 45.39%, 64.89% 0.85%);
}
.image-pzo-overwatcharchetype {
  width: 290px;
  shape-outside: polygon(0.46% 0.17%, 0.11% 50.65%, 19.77% 56.15%, 40.11% 89.88%, 39.43% 96.10%, 51.15% 102.09%, 97.70% 98.98%, 106.67% -1.26%);
}
.image-pzo-cyborgarchetype {
  width: 280px;
  shape-outside: polygon(44.05% 1.27%, 32.62% 13.63%, 14.76% 19.45%, 1.19% 30.96%, 2.98% 36.35%, 27.98% 45.73%, 29.40% 83.99%, 36.55% 88.53%, 49.05% 89.95%, 46.90% 98.33%, 94.40% 99.19%, 98.33% 80.44%, 97.98% 39.91%, 80.48% 0.42%);
}
.image-pzo-trapsmitharchetype {
  width: 290px;
  shape-outside: polygon(34.60% -0.17%, 17.01% 14.40%, 11.49% 55.01%, 0.80% 56.97%, 1.49% 89.47%, 32.53% 98.99%, 95.98% 97.87%, 99.43% 79.10%, 99.08% 48.01%, 73.91% 0.95%);
}
.image-pzo-driver-archetype {
  width: 205px;
  shape-outside: polygon(19.92% 0.67%, -0.08% 20.47%, 0.89% 29.72%, 15.04% 41.29%, 12.11% 72.14%, 9.19% 85.76%, 2.85% 89.36%, 2.85% 95.53%, 54.07% 93.73%, 60.89% 99.13%, 94.07% 98.36%, 99.43% 66.48%, 92.60% 1.19%);
}
.image-pzo-mechanic {
  width: 225px;
  shape-outside: polygon(35.04% 0.73%, 32.81% 14.49%, 19.93% 19.69%, 19.04% 26.57%, 0.81% 29.54%, 0.81% 40.51%, 14.15% 49.99%, 15.93% 89.39%, 2.59% 94.23%, 0.37% 97.57%, 5.70% 99.24%, 97.70% 99.43%, 98.15% 71.55%, 98.15% 42.37%, 86.15% -0.20%);
}
.image-pzo-cg-spotparasol {
  width: 110px;
  shape-outside: polygon(36.36% 1.15%, 31.82% 19.31%, 19.09% 39.25%, 0.00% 54.72%, 1.82% 69.61%, 18.18% 78.53%, 10.00% 95.50%, 25.45% 104.72%, 76.36% 99.67%, 118.18% 58.59%, 70.00% 1.75%);
}
.image-pzo-cgspotgrapplinggun {
  width: 305px;
  shape-outside: polygon(1.15% 2.76%, 0.82% 41.96%, 17.21% 49.92%, 19.18% 64.69%, 36.23% 81.74%, 75.57% 77.76%, 82.46% 100.49%, 1.97% 3.41%, 103.11% 89.69%, 96.23% 2.19%);
}
.image-pzo-sespotbatteringram {
  width: 355px;
  shape-outside: polygon(0.33% 1.60%, 0.05% 38.81%, 4.27% 56.26%, 28.78% 61.49%, 40.33% 83.58%, 64.55% 81.84%, 74.13% 106.26%, 95.26% 93.47%, 106.53% -7.12%);
}
.image-pzo-gunslinger-newclipped {
  width: 370px;
  shape-outside: polygon(48.83% 2.21%, 0.72% 26.58%, 0.18% 33.21%, 14.50% 49.97%, 20.72% 57.38%, 21.80% 91.68%, 42.34% 95.19%, 74.23% 94.80%, 79.64% 101.63%, 97.48% 98.12%, 96.13% 21.51%, 89.64% -3.44%);
}
.image-pzo-new-gunslinger-multiclass {
  width: 310px;
  shape-outside: polygon(40.54% 0.44%, 35.05% 8.37%, -1.72% 13.45%, 2.15% 33.77%, 33.76% 49.83%, 28.28% 96.58%, 51.18% 101.46%, 102.47% 99.76%, 100.22% -3.49%);
}
.image-pzo-artillerist {
  width: 350px;
  shape-outside: polygon(65.05% 0.55%, 59.62% 10.19%, 18.76% 16.18%, 17.05% 28.60%, 35.90% 42.09%, 31.33% 61.37%, 27.90% 72.07%, 1.62% 76.57%, 1.90% 87.06%, 33.05% 102.05%, 99.33% 97.98%, 108.19% 52.80%, 88.19% 0.55%);
}
.image-pzo-arcadiangunmagearchetype {
  width: 260px;
  shape-outside: polygon(4.87% 0.49%, 6.41% 16.21%, 1.79% 20.39%, 7.18% 31.59%, 17.18% 50.83%, 34.87% 51.83%, 27.95% 69.22%, 4.10% 96.48%, 27.18% 97.31%, 81.79% 99.82%, 97.18% 96.31%, 99.49% 47.82%, 90.26% 4.34%, 28.33% 0.49%);
}
.image-pzo-bulletdancerarchetype {
  width: 315px;
  shape-outside: polygon(37.51% 0.17%, 28.62% 12.51%, 0.37% 15.96%, 0.37% 22.67%, 25.45% 27.57%, 21.96% 66.78%, 36.88% 76.21%, 36.56% 94.36%, 45.45% 99.20%, 70.85% 98.66%, 104.18% 53.29%, 90.21% 18.08%, 60.37% 0.17%);
}
.image-pzo-demolitionistarchetype {
  width: 210px;
  shape-outside: polygon(36.98% 0.21%, 15.08% 17.45%, 13.17% 31.68%, 1.27% 36.63%, 3.17% 45.25%, 6.98% 64.65%, 17.94% 76.94%, 28.41% 97.84%, 39.84% 99.56%, 94.60% 98.70%, 98.41% 96.12%, 86.03% 11.85%, 67.94% 1.29%);
}
.image-pzo-fireworktechnician {
  width: 370px;
  shape-outside: polygon(75.59% 0.74%, 51.53% 22.17%, 1.53% 24.37%, 2.34% 31.51%, 13.15% 51.02%, 6.13% 96.62%, 8.83% 98.54%, 81.53% 99.37%, 96.40% 94.42%, 100.72% 35.08%, 94.23% -0.36%);
}
.image-pzo-pistol-twirler {
  width: 300px;
  shape-outside: polygon(0.89% 0.86%, 1.56% 37.90%, 18.56% 41.90%, 21.22% 98.71%, 96.89% 98.89%, 98.22% 79.93%, 99.22% 41.67%, 65.56% 27.58%, 26.56% 0.86%);
}
.image-pzo-sniping-duo-archetypea {
  width: 280px;
  shape-outside: polygon(27.74% -0.16%, 22.02% 8.24%, 1.67% 16.16%, 3.45% 48.10%, 10.24% 98.68%, 96.31% 98.91%, 98.81% 92.62%, 105.60% 19.66%, 55.24% 1.48%);
}
.image-pzo-guns-full-body-copy {
  width: 430px;
  shape-outside: polygon(99.22% 0.45%, 98.76% 55.20%, 91.55% 62.79%, 38.99% 76.88%, 32.02% 104.25%, 14.11% 99.64%, 0.16% 98.83%, 0.39% -0.09%);
}
.image-pzo-firearmspot {
  width: 290px;
  shape-outside: polygon(74.71% 1.92%, 51.61% 22.42%, 30.92% 23.92%, -3.22% 58.92%, 14.37% 93.42%, 37.47% 106.92%, 98.51% 92.42%, 102.64% 19.42%, 96.09% 3.42%);
}
.image-pzo-firearmspot > p {
  left: 151.66665649414062px;
  top: 114.84375px;
}
.image-pzo-musketaxe {
  width: 220px;
  shape-outside: polygon(0.76% -0.05%, -0.15% 24.81%, 10.30% 40.24%, 15.30% 58.24%, 57.12% 64.52%, 80.30% 100.52%, 113.48% 97.66%, 91.21% 45.66%, 70.76% -0.05%);
}
.image-pzo-musketaxe > p {
  left: 36.666656494140625px;
  top: 135.8228759765625px;
}
.image-pzo-gunblade {
  width: 220px;
  shape-outside: polygon(2.12% 0.40%, 10.76% 25.46%, 27.12% 37.46%, 27.58% 51.06%, 49.85% 61.46%, 69.85% 96.13%, 95.76% 99.06%, 112.58% 91.06%, 92.12% 29.20%, 15.76% -3.87%);
}
.image-pzo-gunblade > p {
  left: 67.66665649414062px;
  top: 125.48956298828125px;
}
.image-pzo-integrated-firearm {
  width: 280px;
  shape-outside: polygon(39.17% 0.70%, 15.95% 15.41%, 9.17% 40.30%, 0.60% 60.20%, 2.38% 66.99%, 28.81% 71.29%, 34.52% 91.65%, 55.60% 97.99%, 75.60% 101.61%, 89.88% 96.40%, 129.88% -2.69%);
}
.image-pzo-ammospotmagicbullet {
  width: 260px;
  shape-outside: polygon(8.33% 2.11%, 0.26% 29.01%, 0.64% 70.53%, 32.18% 86.32%, 76.41% 95.09%, 93.72% 55.32%, 97.18% 3.28%);
}
.image-pzo-ammospotmagicbullet > p {
  left: 23.666656494140625px;
  top: -2.3958740234375px;
}
.image-pzo-newblazons-of-shared-power {
  width: 280px;
  shape-outside: polygon(10.24% 1.77%, 0.60% 23.84%, 1.31% 70.74%, 14.88% 100.40%, 99.88% 97.64%, 103.81% -1.67%);
}
.image-pzo-rotatinggearspot {
  width: 280px;
  shape-outside: polygon(35.60% 1.68%, 6.31% 21.12%, 1.31% 51.33%, 2.38% 74.59%, 20.60% 102.72%, 94.17% 102.03%, 97.38% 77.37%, 99.17% 25.29%, 73.81% 0.98%);
}
.image-pzo-rotatinggearspot > p {
  left: 54.666656494140625px;
  top: 223.83331298828125px;
}
.image-clip-pzodongunholdspot {
  width: 345px;
  shape-outside: polygon(97.15% 8.37%, 0.63% 8.37%, 1.50% 86.70%, 56.86% 95.03%, 99.47% 100.03%);
}
.image-clip-pzodongunholdspot > p {
  left: 181.16665649414062px;
  top: 45.0416259765625px;
}
.image-pzo-new-black-powder-innovators {
  width: 290px;
  shape-outside: polygon(36.78% 0.20%, 23.68% 13.61%, 19.20% 37.58%, 2.99% 53.23%, 1.26% 81.67%, 22.30% 98.28%, 84.02% 99.56%, 96.78% 84.86%, 104.71% 68.57%, 72.64% 2.43%);
}
.image-pzo-new-black-powder-innovators > p {
  left: 70.66665649414062px;
  top: 238.61456298828125px;
}
.image-pzo-new-alkenstar-full-body {
  width: 380px;
  shape-outside: polygon(54.91% 0.58%, 49.91% 9.69%, -0.09% 18.58%, 1.75% 25.96%, 41.49% 42.88%, 37.02% 77.37%, 38.60% 92.98%, 69.91% 98.19%, 87.81% 102.53%, 95.18% 98.41%, 100.70% -1.81%);
}
.image-pzo-new-alkenstar-full-body > p {
  left: 148.66665649414062px;
  top: 325.65625px;
}
.image-pzo-alkenstar {
  width: 325px;
  shape-outside: polygon(99.74% 0.31%, 99.13% 32.85%, 79.74% 58.26%, 83.74% 90.81%, 42.82% 99.52%, 1.28% 98.64%, -0.26% 75.13%, 0.36% 0.31%);
}
.image-pzo-new-absalom {
  width: 265px;
  shape-outside: polygon(85.72% 0.91%, 95.91% 25.91%, 96.29% 33.26%, 73.27% 48.15%, 79.69% 68.00%, 89.87% 73.15%, 89.50% 81.48%, 71.76% 91.78%, 70.63% 99.13%, 0.06% 99.31%, 0.06% -0.20%);
}
.image-pzo-new-absalom > p {
  left: 92.16665649414062px;
  top: 369.9375px;
}
.image-pzo-absalomspot {
  width: 290px;
  shape-outside: polygon(10.57% 0.54%, 0.23% 15.37%, 0.92% 74.69%, 15.40% 87.61%, 17.82% 97.88%, 81.61% 101.68%, 95.06% 89.90%, 98.85% 76.97%, 98.85% 19.93%, 60.23% 1.68%);
}
.image-pzo-absalomspot > p {
  left: 57.666656494140625px;
  top: 190.42706298828125px;
}
.image-pzo-arcadiaspot {
  width: 270px;
  shape-outside: polygon(2.10% 0.49%, 1.36% 25.56%, 39.14% 67.15%, 41.73% 90.46%, 77.28% 105.50%, 115.06% 94.88%, 52.47% 0.78%);
}
.image-pzo-arcadiaspot > p {
  left: 120.66665649414062px;
  top: 237.64581298828125px;
}
.image-pzo-newarcadia-full-body {
  width: 250px;
  shape-outside: polygon(37.87% 0.58%, 13.47% 13.96%, 11.87% 34.40%, 0.67% 45.87%, 1.87% 57.93%, 15.47% 71.46%, 24.67% 89.40%, 37.07% 99.55%, 95.47% 99.11%, 96.67% 62.78%, 99.07% 52.93%, 91.87% 31.17%, 87.47% -0.16%);
}
.image-pzo-jistka {
  width: 360px;
  shape-outside: polygon(98.80% 1.38%, 95.19% 23.42%, 94.07% 62.51%, 92.96% 93.42%, 86.02% 99.33%, 4.35% 98.42%, 0.46% 85.24%, 0.19% 73.42%, 18.80% 3.65%, 62.41% 0.24%);
}
.image-pzo-jistka > p {
  left: 11.666656494140625px;
  top: 321.0625px;
}
.image-pzo-stellafane {
  width: 290px;
  shape-outside: polygon(29.20% 0.73%, 17.13% 16.04%, 11.95% 32.28%, 3.68% 41.50%, 8.51% 49.07%, 8.16% 68.62%, -0.11% 76.00%, 1.95% 82.83%, 2.64% 99.13%, 74.37% 98.94%, 110.92% 73.67%, 81.26% 0.91%);
}
.image-pzo-stellafane > p {
  left: 118.66665649414062px;
  top: 389.9375px;
}
.image-pzo-vudrani-tianxia {
  width: 310px;
  shape-outside: polygon(37.31% 0.15%, 24.41% 4.86%, 3.44% 9.24%, 0.54% 26.61%, 12.15% 36.52%, 14.09% 64.17%, 21.83% 84.46%, 14.73% 93.23%, 38.60% 96.15%, 48.60% 99.56%, 98.60% 99.23%, 96.99% 67.41%, 71.18% 0.64%);
}
.image-pzo-gritpunkinustalav {
  width: 210px;
  shape-outside: polygon(40.32% 0.89%, 26.03% 7.30%, 22.22% 16.71%, 8.41% 21.78%, 13.17% 36.11%, 18.41% 38.95%, 2.22% 74.52%, -0.16% 97.65%, 5.08% 99.29%, 92.22% 99.00%, 93.17% 88.85%, 98.89% 30.89%, 81.27% 1.18%);
}
.image-pzo-new-gritpunk-spot {
  width: 315px;
  shape-outside: polygon(12.75% 1.35%, -0.26% 41.13%, 1.01% 62.61%, 3.54% 93.60%, 34.97% 97.47%, 64.50% 105.92%, 94.66% 90.43%, 106.08% 64.73%, 92.75% 34.44%, 48.31% 30.92%, 36.88% 0.29%);
}
.image-gun {
  width: 255px;
  shape-outside: polygon(76.93% -1.91%, 9.87% 23.70%, 2.03% 43.35%, 0.85% 94.58%, 14.97% 103.70%, 39.28% 99.14%, 113.79% 1.95%);
}




@media only screen and (max-width: 1050px) {
         .reader-container .body-background {
background-size: 110% !important;
}
}

@media only screen and (max-width: 950px) {
         .reader-container .body-background {
background-size: 1020px !important;
}
}

@media only screen and (max-width: 750px) {
     .main-holder .sidebar-float-right {
        float: none;
        width: 90%;
        max-width: none;
        margin: 40px auto 50px;
    }
}

@media only screen and (max-width: 600px) {
    .main-holder .book-image-left {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pregen-block {
        & > div {
            width: 100% !important;
        }
    }
}

@media only screen and (max-width: 500px) {
    
    :root{
     --base-font: 15px;
    }
    
    .main-holder h1 {
        font-size: var(--font-size-4);
    }
    
    .main-holder h3, .main-holder h3.split-header {
        font-size: calc(var(--font-size-2)*1.1);
    }
    
    .guns-sidebar-block::before, .gears-sidebar-block:before, .rg-sidebar-block:before {
        max-width: 125%;
    top: -40px;
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -35px;
    }
    
}

   .trait-holder table th p {
    color: white !important;
}


.main-holder .pregen-block a {
        color: var(--book-accent-color-1) !important;
    text-decoration: none;

}

.main-holder .pregen-block .pregen-play .pregen-levels p {
    & a {
        color: white !important;
        
        &:hover {
            color: white !important;
            background-color: #673227 !important;
            filter: brightness(1.9);
        }
    }
}