.section-header-starfinder2e {
    .section-header-background {
        height: 30vw;
        background-position: center;
    }
    .section-header-title {
        font-family: "Sofachrome";
        text-align: center;
        margin: auto;
        font-size: var(--font-size-7);
        text-shadow: 1px 1px 15px black;
        margin-bottom: 30px;
    }
    .section-header-subtitle:not(:empty) {
        font-family: "GoodOT-CondBold";
        text-align: center;
        margin: auto;
        font-size: var(--font-size-4);
        text-shadow: 1px 1px 3px black;
        background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, 
            rgba(0, 0, 0, 0.8) 10%, 
            rgba(0, 0, 0, 1) 50%, 
            rgba(0, 0, 0, 0.8) 90%, 
            rgba(0, 0, 0, 0) 100%);
        padding: 20px 40px;
        text-wrap: balance;
    }
    .section-header-content-grid {
        width: 50%;
        margin: auto;
    }
}

.body-background, .simplebar-content .primer-body-container, .library-body-background {
    background: linear-gradient(rgba(249, 249, 249, 0.2), rgba(249, 249, 249, 0.5)), url("https://content.demiplane.com/compendium/starfinder2e/galaxy-guide/css/gg-bg.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

:root {
  --sf-first-letter: #44807a; /*teal*/
  --sf-h3-color: #7f2420; /*red*/
  --sf-box-color: #221f20; /*Off-block*/
  --sf-box-header-color: #cb7039; /*orange*/
  --sf-settlement-bg: #dbd4e4; /*pale purple*/
}

.main-holder {
    .force-clear {
        margin-top: 30px;
    }
    h1 {
        font-family: "Sofachrome Light";
        text-wrap: balance;
        margin-bottom: 30px;
        font-style: normal;
    }
    p.first:first-letter {
        font-size: var(--font-size-6);
        font-family: "Audiowide";
        color: var(--sf-first-letter);
        float: left;
        margin: -10px 2px -10px 0px;
        
    }
    p.first.red:first-letter {
        color: var(--sf-h3-color);
        
    }
    p {
        font-size: var(--font-size-1);
        line-height: 1.3;
    }
    h3 {
        color: var(--sf-h3-color);
        margin-top: 35px;
    }
    .book-styled-block {
        background-color: var(--sf-box-color);
        border-radius: 0px;
        margin: 10px;
        padding-bottom: 20px;
        h5 {
            color: var(--sf-box-header-color);
            font-family: "GoodOT-CondBold";
            text-align: center;
        }
        h4 {
            color: var(--sf-box-header-color);
            text-align: left;
            font-size: var(--font-size-1);
        }
        table tbody {
            td {
                background-color: var(--sf-box-color);
                border: none;
                font-family: "GoodOT-CondBold";
                p {
                    font-family: "GoodOT-CondBold";
                }
            }
        }
    }
    .book-styled-block:after {
        display: none;
    }
    .book-styled-block.timeline {
        background: none;
        border-left: thick solid var(--sf-first-letter);
        padding: 0px 0px 0px 20px;
        p {
            color: var(--sf-box-color);
            strong {
                color: var(--sf-first-letter);
                padding-right: 20px;
            }
        }
        h5 {
            text-align: left;
            color: var(--sf-first-letter);
        }
    }
    h2 {
        background-color: var(--sf-box-color);
        border-color: var(--sf-box-header-color);
        color: white;
    }
    h4 {
        color: var(--sf-box-color);
    }
    .book-image-center:has:not(.book-image-right, .book-image-left) {
        margin-top: 50px;
    }
    .level-header {
        background-color: var(--sf-first-letter);
        color: white;
    }
    .trait-holder.settlement {
        background-color: var(--sf-settlement-bg);
    }
    .faction-block {
        background-color: var(--sf-traitbox-bg);
        padding: 5px 16px 16px;
        margin: 10px 10px 16px;
        border-radius: 4px;
        box-shadow: 0px 1px 5px rgb(0 0 0 / 10%);
        .book-image-left {
            background: url("https://content.demiplane.com/compendium/starfinder2e/galaxy-guide/css/faction-icon-holder.png");
            background-size: 110%;
            background-repeat: no-repeat;
            background-position: center;
            max-width: 160px;
            min-width: 160px;
            min-height: 160px;
            max-height: 160px;
            padding: 30px;
            position: relative;
            margin: 0px;
            margin-right: -20px;
            left: -30px;
        }
        h3 {
            color: var(--sf-box-color);
            font-family: "GoodOT-CondBold";
            text-transform: uppercase;
            font-size: var(--font-size-2);
            margin: 10px 0px 0px;
        }
        p:first-of-type {
            font-style: italic;
            margin-top: 15px;
        }
    }
    h2.alt-header {
        background-color: transparent;
        border: none;
        color: var(--sf-box-color);
        text-align: center;
        font-size: var(--font-size-4);
    }
    p.Headers---Body_H3-Faction-Descriptor {
        font-family: "GoodOT-CondBold";
        font-style: italic;
        border-bottom: 1px solid var(--sf-box-color);
        font-size: var(--font-size-2);
    }
    .divider {
        margin: 50px;
        clear: both;
    }
    .panel-block {
        background-color: var(--sf-traitbox-bg);
        padding: 10px 15px;
        margin: 20px 0px;
        box-shadow: 1px 1px 3px;
        h3 {
            font-family: "GoodOT-CondBold";
            text-transform: uppercase;
            color: var(--sf-box-color);
            border-bottom: 1px solid;
            width: 80%;
            margin-top: 3px;
            margin-left: auto;
        }
        .book-image-left {
            margin: auto;
            margin-right: 10px;
        }
    }
    .demiplane-credits {
        margin-top: 30px;
        border-top: 2px solid var(--sf-box-color);
        padding-top: 30px;
        h2 {
            background-color: transparent;
            color: var(--sf-box-color);
            font-family: "GoodOT-CondBold";
            text-transform: uppercase;
            font-size: var(--font-size-2);
            margin: 0px;
        }
    }
}

/*End Main Styles*/

.main-holder {
    .ancestry-header:before, .fancy-intro h1:before {
    content: "";
    background-image: url("https://content.demiplane.com/compendium/starfinder2e/playtest-rulebook/css/sf-header-icon-1.png");
    display: inline-block;
    background-repeat: no-repeat;
    min-width: 50px;
    min-height: var(--font-size-5);
    background-size: contain;
    position: relative;
    background-position: bottom center;
    margin-bottom: -10px;
    margin-right: 10px;
}

.ancestry-header:after, .fancy-intro h1:after {
    content: "";
    background-image: url("https://content.demiplane.com/compendium/starfinder2e/playtest-rulebook/css/sf-header-icon-2.png");
    display: inline-block;
    background-repeat: no-repeat;
    min-width: 50px;
    min-height: var(--font-size-5);
    background-size: contain;
    position: relative;
    background-position: bottom center;
    margin-bottom: -10px;
    margin-left: 10px;
}

@media screen and (max-width: 550px) {
    .fancy-intro h1:before, .fancy-intro h1:after {
        display: none !important;
    }
}

/* Ancestry Block Before */

.sf-ancestries {
    background-color: black;
    color: white;
    background-image: url("https://content.demiplane.com/nexus/starfinder2e/library-classes-background2.jpg");
    background-size: cover;
    padding: 30px;
    border-radius: 10px;
    margin: 10px 0px;
    display: flex;
    flex-wrap: wrap;
    p {
        font-family: "GoodOT";
        font-size: var(--font-size-1);
    }
}

.sf-ancestries h2 {
    font-family: "Sofachrome Light";
	text-transform: uppercase;
	font-size: var(--font-size-2);
	line-height: 100%;
	margin-top: var(--font-size-3);
	color: var(--sf-color-blue);
	background-color: var(--sf-color-light-blue);
	border-left: thick solid var(--sf-color-blue);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 10px;
	width: 80%;
}

.sf-ancestries h3 {
	    color: white;
	    font-family: Audiowide;
	    font-size: var(--font-size-2);}
	
	.HP {
	    background-color: var(--sf-color-pink);
	    width: 80px;
	    height: 80px;
	    border-radius: 20px 0px;
	    text-align: center;
	    margin: 10px;
	    padding-top: 15px;
	}
	
.HP p {
	    color: white !important;
	    font-family: Audiowide;
	    margin: 0px !important;
	}
	
.size-speed h3 {
    color: white !important;
    margin-top: 10px;
    margin-left: 10px;
}

.attributes {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.attribute-boost {
    width: 45%;
}

.attribute-flaw {
    width: 45%;
    border-left: 2px solid var(--sf-color-pink);
    padding-left: 20px;
}
	
.sf-ancestries .traits {
    width: 100%;
    margin-bottom: 20px;
}

.sf-ancestries .languages strong {
    font-family: Audiowide !important;
    color: white;
    font-weight: normal !important;
}

.sf-ancestries .languages {
    margin-bottom: 10px;
}

.sf-ancestries .languages h3 {
    margin-top: 10px;
    margin-bottom: -10px;
}
	

 /**/
/*Ancestry Block*/
/**/

.two-column-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  ul {
      margin: 20px 0px;
  }
}

.two-column-left {
  flex: 50%;
  flex-wrap: wrap;
  padding: 20px 30px;
}

@media screen and (max-width: 600px) {
  .two-column-left {
    flex: 100%;
    flex-wrap: wrap;
    padding: 20px 30px;
  }
}

.two-column-right {
  flex: 50%;
  flex-wrap: wrap;
  padding: 20px 30px;
}

.ancestry-block  {
    background-color: var(--sf-color-blue);
    color: white;
    border-left: 10px solid var(--sf-color-light-blue);
    font-family: GoodOT;
    padding-top: var(--font-size-3);
    padding-right: var(--font-size-1);
    padding-bottom: var(--font-size-3);
    padding-left: var(--font-size-1);
    margin-top: var(--font-size-1);
    margin-bottom: var(--font-size-3);
}

.ancestry-block h5 {
    color: var(--sf-playtest-white);
    font-size: var(--font-size-2);
    font-family: Audiowide-Regular;
    font-weight: bold;
    text-transform: none;
    margin-top: 10px;
}
.ancestry-block h3 {
    font-family: Audiowide-Regular;
    color: var(--sf-playtest-white);
    margin-bottom:3px;
    text-transform: uppercase;
    font-weight: normal;
}

.ancestry-block p {
    margin-top: 7px;
}

.ancestry-block li {
    color: white;
}

.ancestry-block p strong {
    color: white;
}

.ancestry-block a {
    color: var(--sf-playtest-white) !important;
}
}

.image-so > p {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        height: fit-content;
        font-size: var(--font-size-1) !important;
        padding: 10px;
        background-color: black;
        color: white !important;
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0px 2px 12px rgb(255 255 255 / 20%);
        border: 1px solid white;
        z-index: 1001;
        text-transform: none;
        margin-left: auto;
        margin-right: auto;
    }
    
     .image-so {
        shape-margin: 8px;
        padding: 0px;
        position: relative;
    }
    
    .main-holder {
    .has-header {
        margin-top: -50px;
    }
    p.intro-text {
        font-family: "GoodOT-Bold";
        font-size: var(--font-size-2)
    }
}

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

.main-holder {
    .image-with-subtitle-center {
    margin: auto;
}
    .faction-block {
        img {
            margin: auto;
        }
        .book-image-left {
            align-content: center;
            align-items: center;
            justify-content: center;
            img {
                max-height: 110px !important;
                max-width: 110px !important;
            }
        }
    }
    .trait-holder table tbody tr td:nth-child(3) {
        text-align: center;
    }
    .trait-holder table thead tr {
        th:nth-child(3), th:nth-child(2) {
        text-align: center;
    }
    }
}






.main-holder .force-image-left {
    margin-right: 20px;
}

.main-holder .force-image-right {
    margin-left: 8px;
}

@media only screen and (max-width: 1200px) {
    .body-background, .simplebar-content .primer-body-container, .library-body-background {
    background-size: 110% !important;
    
}
}

@media only screen and (max-width: 800px) {
    .body-background, .simplebar-content .primer-body-container, .library-body-background {
  background: linear-gradient(rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.9)), url("https://content.demiplane.com/compendium/starfinder2e/galaxy-guide/css/gg-bg.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
}

@media only screen and (max-width: 600px) {
    .main-holder {
        h1 {
            font-size: var(--font-size-5);
        }
    .image-with-subtitle-center {
        max-width: 100%;
    }
    .image-with-subtitle-center.image-so {
        p {
            margin-top: -20px;
        }
    }
        .panel-block {
            .book-image-left {
                float: none;
                margin: auto;
            }
            h3 {
                width: 100%;
                .right-header {
                    font-size: var(--font-size-1);
                }
            }
        }
    }
    .main-holder .force-image-left {
    margin-right: auto;
}
  .main-holder .force-image-right {
    margin-left: auto;
}
}

@media only screen and (max-width: 500px) {
    .main-holder {
        h1 {
            font-size: var(--font-size-3);
        }
    .split-header .right-header {
		display: inline-block;
		float: none;
		clear: both;
		min-width: 100%;
		font-size: var(--font-size-1);
        opacity: 0.9;
	}
        h1.ancestry-header:before, h1.ancestry-header:after {
            display: none;
        }
        h1.ancestry-header {
            font-size: var(--font-size-2);
        }
        .sf-ancestries {
            padding: 10px;
        .attributes {
            flex-wrap: wrap;
            > div {
                width: 100%;
                border-top: 2px solid var(--sf-color-pink);
                h3 {
                    margin-top: 20px;
                }
            }
            .attribute-flaw {
                border-left: 0px;
                padding: 0px;
                border-bottom: 2px solid var(--sf-color-pink);
            }
        }
        h2 {
            font-size: var(--font-size-1);
        }
    }
        h3 {
          font-size: var(--font-size-2);  
        }
        h2 {
            font-size: var(--font-size-2);
        }
        .ancestry-block h3 {
            margin: 0px;
        }
    }
    
}

.main-holder ul {
    margin-top: 20px;
}

/*Image Wizard Styles*/
.image-pzoakitonviewpixoloidfinal {
  width: 315px;
  shape-outside: polygon(53.49% 0.63%, 0.48% 12.95%, -1.75% 75.04%, 11.90% 97.79%, 59.21% 111.30%, 98.25% 96.84%, 98.89% -2.21%);
}
 {
}
.image-pzoakitonviewpixoloidfinal > p {
  left: 221.49993896484375px;
  top: 310.44268798828125px;
}
.image-pzoapostaeviewpixoloidfinal {
  width: 330px;
  shape-outside: polygon(61.55% 1.27%, 83.67% 6.01%, 97.61% 11.33%, 97.61% 63.65%, 96.09% 93.92%, 1.85% 94.61%, 6.09% 26.38%, 23.37% 4.43%, 37.31% 1.27%);
}
.image-pzoapostaeviewpixoloidfinal > p {
  left: 23.111114501953125px;
  top: 297.94444274902344px;
}
.image-pzo-daegoxviewpixoloidfinal {
  width: 330px;
  shape-outside: polygon(98.82% 71.55%, 93.06% 93.06%, 34.88% 97.44%, 1.55% 97.05%, 0.94% 61.39%, 3.06% 1.07%, 53.67% 0.28%, 68.82% 0.87%, 72.76% 12.63%, 77.00% 25.38%, 80.94% 35.96%, 86.40% 49.90%);
}
.image-pzo-daegoxviewpixoloidfinal > p {
  left: 16.111114501953125px;
  top: 197.38888549804688px;
}
.image-pzo-brokenrockviewpixoloidfinal {
  width: 330px;
  shape-outside: polygon(18.52% 6.16%, 6.09% 40.41%, 0.94% 72.97%, 0.64% 87.50%, 32.46% 81.86%, 87.31% 77.31%, 98.52% 68.63%, 96.70% 42.36%, 95.79% 12.67%, 86.40% 1.17%, 22.15% 1.60%);
}
.image-pzo-brokenrockviewpixoloidfinal > p {
  left: 183.11111450195312px;
  top: 2.388885498046875px;
}
.image-pzovaultofvorlathviewpixoloidfinal {
  width: 350px;
  shape-outside: polygon(2.60% 2.54%, 3.17% 45.48%, 2.89% 65.22%, 2.89% 95.72%, 34.03% 95.93%, 79.75% 95.93%, 91.17% 85.87%, 98.89% 67.80%, 98.89% -0.33%, 36.03% 2.13%);
}
.image-pzovaultofvorlathviewpixoloidfinal > p {
  left: 22.111114501953125px;
  top: 358.6111145019531px;
}
.image-pzovercesviewpixoloidfinal {
  width: 330px;
  shape-outside: polygon(35.76% -0.08%, 18.79% 42.11%, -3.64% 45.61%, -1.21% 103.06%, 104.55% 103.52%, 101.82% -1.48%);
}
.image-pzovercesviewpixoloidfinal > p {
  left: 216.99993896484375px;
  top: 339.1093444824219px;
}
.image-pzo-wreck-of-the-returned-view {
  width: 645px;
}
.image-pzo-wreck-of-the-returned-view > p {
  left: 26.611114501953125px;
  top: 336.8333282470703px;
}
.image-pzo-last-one {
  width: 285px;
  shape-outside: polygon(37.02% 0.10%, -4.04% 16.23%, 2.28% 51.37%, 21.93% 55.56%, 39.82% 83.62%, 41.58% 95.07%, 94.21% 103.91%, 99.12% 87.94%, 101.93% -1.45%);
}
.image-pzo-last-one > p {
  left: 180.49993896484375px;
  top: 372.22047424316406px;
}
.image-pzo-augmented-human {
  width: 285px;
  shape-outside: polygon(37.76% 0.93%, 15.65% 13.24%, 12.85% 30.78%, 19.51% 42.39%, 15.65% 57.35%, 2.67% 85.77%, 4.78% 96.21%, 97.41% 96.64%, 96.00% 75.77%, 97.76% 51.52%, 98.46% 27.46%, 98.46% 0.64%);
}
.image-pzo-augmented-human > p {
  left: 119.611083984375px;
  top: 503.27777767181396px;
}
.image-pzo-empty-wall-view {
  width: 625px;
}
.image-pzo-empty-wall-view > p {
  left: 20.611114501953125px;
  top: 368.94444274902344px;
}
.image-pzo-aballon-view {
  width: 349.991px;
  shape-outside: polygon(43.43% -2.98%, 26.86% 39.44%, 14.28% 45.66%, 2.85% 79.13%, -2.86% 89.24%, 0.28% 104.98%, 105.71% 97.76%, 99.43% -4.19%);
}
.image-pzo-aballon-view > p {
  left: 235.99127197265625px;
  top: 168.35415649414062px;
}
.image-pzo-transcend-melioirsm {
  width: 330px;
  shape-outside: polygon(29.70% 0.83%, 13.94% 27.71%, 13.03% 52.09%, -4.55% 73.59%, -0.30% 101.91%, 103.33% 99.04%, 99.09% 1.55%);
}
.image-pzo-transcend-melioirsm > p {
  left: 147.99993896484375px;
  top: 198.31768798828125px;
}
.image-pzo-castrovel-view {
  width: 330px;
  shape-outside: polygon(-1.82% -1.14%, -1.21% 100.78%, 103.03% 100.50%, 101.82% -1.68%);
}
.image-pzo-castrovel-view > p {
  left: 205.99993896484375px;
  top: 281.84197998046875px;
}
.image-pzo-skyfire-pair {
  width: 375px;
  shape-outside: polygon(40.96% 1.31%, 4.16% 20.97%, 3.10% 47.67%, 3.63% 85.07%, 22.56% 90.90%, 57.23% 89.93%, 98.56% 80.22%, 93.76% 19.75%, 94.30% 1.07%);
}
.image-pzo-skyfire-pair > p {
  left: 127.61111450195312px;
  top: 277.9444274902344px;
}
.image-pzo-triaxus-view {
  width: 349.991px;
  shape-outside: polygon(30.00% 0.70%, 3.43% 11.97%, -3.72% 76.07%, 6.57% 92.68%, 28.86% 103.07%, 104.86% 102.48%, 101.43% -0.79%);
}
.image-pzo-triaxus-view > p {
  left: 251.99127197265625px;
  top: 263.345458984375px;
}
.image-pzo-tabrid-minor-view {
  width: 350px;
  shape-outside: polygon(7.75% 4.71%, 4.60% 25.97%, 3.17% 49.25%, 4.89% 92.39%, 19.46% 92.67%, 53.46% 86.93%, 97.46% 86.06%, 97.46% 14.19%, 87.75% 1.55%, 28.89% 3.56%);
}
.image-pzo-tabrid-minor-view > p {
  left: 67.11111450195312px;
  top: 216.94442749023438px;
}
.image-pzo-vesk-view {
  width: 349.991px;
  shape-outside: polygon(16.28% 0.80%, 0.28% 32.58%, -1.72% 100.80%, 104.57% 100.41%, 105.71% -2.69%);
}
.image-pzo-vesk-view > p {
  left: 253.99127197265625px;
  top: 192.05728149414062px;
}
.image-pzoveskariumvesksoldierpixoloidfinal {
  width: 345px;
  shape-outside: polygon(68.84% -2.05%, 34.64% 17.73%, 21.88% 28.06%, 25.36% 63.22%, -3.04% 86.08%, 0.43% 101.24%, 103.62% 101.76%, 101.30% -0.95%);
}
.image-pzoveskariumvesksoldierpixoloidfinal > p {
  left: 221.49993896484375px;
  top: 331.2187194824219px;
}
.image-pzoaeonguardriflemanpixoloidfinal {
  width: 240px;
  shape-outside: polygon(5.67% 0.17%, 27.75% 60.35%, 5.21% 76.11%, 3.96% 95.24%, 100.63% 95.24%, 98.58% 49.36%, 98.58% 0.70%);
}
.image-pzoaeonguardriflemanpixoloidfinal > p {
  left: 17.5px;
  top: 441.609375px;
}
.image-pzo-ishmerai-ophir-alt {
  width: 310px;
  shape-outside: polygon(63.71% 0.82%, 69.52% 11.79%, 86.94% 19.99%, 96.29% 29.65%, 91.77% 51.31%, 78.23% 60.88%, 77.58% 93.45%, 3.06% 93.62%, 0.81% 74.27%, 4.03% 38.42%, 1.13% 7.40%, 2.10% 0.68%);
}
.image-pzo-ishmerai-ophir-alt > p {
  left: 32.5px;
  top: 458.609375px;
}
.image-pzoveskariumempresspixoloidfinal {
  width: 330px;
  shape-outside: polygon(27.12% 1.96%, 15.00% 17.34%, 3.48% 24.37%, 5.30% 38.45%, 7.42% 86.04%, 13.48% 93.63%, 62.27% 93.63%, 99.24% 82.71%, 98.33% 50.11%, 89.55% 1.04%);
}
.image-pzoveskariumempresspixoloidfinal > p {
  left: 37.5px;
  top: 421.609375px;
}
.image-pzoshiftingastrazoanpixoloidfinal {
  width: 360px;
  shape-outside: polygon(26.67% -0.51%, 16.39% 35.75%, -3.33% 48.50%, 5.00% 97.88%, 99.17% 98.53%, 104.44% -0.95%);
}
.image-pzosneakyastrazoanpixoloidfinal {
  width: 300px;
  shape-outside: polygon(0.67% 0.35%, 102.33% -0.07%, 103.33% 47.86%, 91.33% 60.30%, 92.00% 72.75%, 87.67% 100.74%, -1.33% 108.46%);
}
.image-soldier-contemplative {
  width: 365px;
  shape-outside: polygon(77.40% 1.19%, 93.01% 27.38%, 103.42% 39.02%, 86.99% 76.85%, 78.77% 98.54%, 0.96% 98.81%, 0.14% 0.66%);
}
.image-solarian-contemplative {
  width: 340px;
  shape-outside: polygon(35.59% 0.39%, -1.18% 18.67%, 6.47% 40.89%, 6.18% 67.98%, 1.18% 78.86%, 12.94% 94.14%, 71.47% 106.17%, 120.88% 96.22%, 98.53% 1.77%);
}
.image-soldier-dragonkin {
  width: 390px;
  shape-outside: polygon(41.28% -0.08%, 38.72% 15.34%, -3.33% 45.22%, -1.28% 65.94%, 53.08% 107.15%, 116.67% 94.62%, 97.69% -0.80%);
}
.image-solarian-dragonkin {
  width: 390px;
  shape-outside: polygon(66.15% 0.34%, 93.85% 35.32%, 96.41% 72.62%, 102.56% 95.16%, 65.64% 97.49%, 0.00% 103.97%, 0.26% 0.86%);
}
.image-skyfire-pilot {
  width: 320px;
  shape-outside: polygon(31.25% 0.60%, 12.50% 39.34%, 15.00% 55.56%, -7.81% 69.29%, 6.25% 90.24%, 16.56% 97.45%, 50.94% 99.70%, 109.06% 102.18%, 101.87% -0.98%);
}
.image-soldier {
  width: 430px;
  shape-outside: polygon(75.58% 0.66%, 68.60% 9.90%, 43.72% 15.52%, 23.02% 49.94%, -5.35% 91.40%, 2.79% 96.48%, 81.86% 103.00%, 106.05% 90.68%, 100.93% -4.59%);
}
.image-witchwarper {
  width: 370px;
  shape-outside: polygon(36.22% -1.42%, 5.95% 42.73%, -3.78% 47.99%, 7.57% 77.12%, 29.46% 98.51%, 62.70% 102.92%, 92.70% 90.70%, 107.03% 47.56%, 92.43% 0.62%);
}
.image-fashionista {
  width: 380px;
  shape-outside: polygon(36.84% 0.38%, -3.95% 20.22%, 2.37% 61.75%, 28.68% 103.82%, 76.84% 90.06%, 113.68% 8.05%, 102.89% -2.53%);
}
.image-pzo-mysticsarcesian {
  width: 415px;
  shape-outside: polygon(0.36% 0.37%, 0.60% 52.33%, 29.52% 96.46%, 44.46% 107.64%, 85.66% 95.62%, 112.65% 58.47%, 98.19% 0.09%);
}
.image-pzo-solariansarcesian {
  width: 435px;
  shape-outside: polygon(55.98% 3.76%, 10.46% 11.67%, 15.75% 56.03%, -3.79% 67.55%, 1.49% 71.86%, 27.93% 71.62%, 41.26% 102.80%, 90.92% 90.81%, 104.25% 68.98%, 98.97% 0.64%);
}
.image-pzo-spellcastersarcesian {
  width: 305px;
  shape-outside: polygon(6.07% 1.98%, 16.23% 43.31%, 0.82% 72.29%, 10.33% 88.20%, 42.46% 109.34%, 90.98% 76.56%, 110.98% 28.35%, 99.51% 0.08%);
}
.image-solarian-vlaka {
  width: 340px;
  shape-outside: polygon(35.29% 0.25%, 17.35% 23.17%, 16.18% 51.77%, -5.59% 69.57%, 11.47% 86.89%, 33.24% 97.50%, 64.41% 104.31%, 99.12% 96.93%, 109.71% 51.66%, 83.53% 0.06%);
}
.image-operative-vlaka {
  width: 345px;
  shape-outside: polygon(25.94% -1.52%, 5.36% 53.79%, 9.71% 86.88%, -4.49% 93.30%, -0.14% 103.91%, 96.09% 98.23%, 112.03% 62.43%, 98.70% 0.95%);
}
.image-envoy-vlaka {
  width: 240px;
  shape-outside: polygon(45.83% 0.81%, 29.17% 11.77%, 15.00% 14.93%, 1.25% 37.42%, -2.50% 102.09%, 112.08% 100.79%, 97.92% 0.43%);
}
.image-contemplative-envoy {
  width: 375px;
  shape-outside: polygon(0.40% 0.14%, -2.27% 46.88%, 29.73% 61.40%, 41.73% 83.95%, 66.80% 102.48%, 87.87% 95.32%, 109.47% 57.85%, 98.80% 0.35%);
}
.image-witchwarper-contemplative {
  width: 395px;
  shape-outside: polygon(63.67% 1.84%, 84.68% 28.34%, 97.85% 34.59%, 99.11% 56.59%, 54.56% 98.59%, 1.90% 99.09%, -0.13% 0.59%);
}
.image-follower-of-zon-shelyn {
  width: 225px;
  shape-outside: polygon(41.56% 0.28%, 35.33% 17.84%, -4.67% 28.71%, 10.00% 49.33%, 26.44% 101.84%, 96.67% 100.17%, 102.89% 46.27%, 104.67% -1.56%);
}
.image-follower-of-zon-shelyn > p {
  left: 100.49993896484375px;
  top: 384.9982604980469px;
}
.image-pzocoordinatortegrinmetridpixoloidfinal {
  width: 274.983px;
  shape-outside: polygon(40.54% 0.45%, 40.91% 61.58%, 0.18% 65.63%, -0.19% 86.17%, 48.91% 100.97%, 102.37% 99.75%, 109.64% -0.76%);
}
.image-pzocoordinatortegrinmetridpixoloidfinal > p {
  left: 42.4912109375px;
  top: 319.22393798828125px;
}
.image-pzopalivharcorrupedpixoloidfinal {
  width: 364.991px;
  shape-outside: polygon(62.88% 1.29%, 34.38% 14.78%, 14.93% 19.76%, 13.56% 67.27%, 0.68% 76.40%, 5.89% 89.21%, 26.71% 99.17%, 73.01% 102.91%, 95.75% 96.06%, 107.26% 61.62%, 99.32% 1.08%);
}
.image-pzopalivharcorrupedpixoloidfinal > p {
  left: 197.4912109375px;
  top: 375.0034484863281px;
}
.image-pzo-gelid-edge-waystation-view {
  width: 349.991px;
  shape-outside: polygon(60.00% 0.26%, 51.14% 14.67%, 15.14% 19.19%, -3.72% 43.06%, 12.57% 89.63%, 47.71% 103.82%, 108.00% 103.82%, 103.43% -3.82%);
}
.image-pzo-gelid-edge-waystation-view > p {
  left: 57.9912109375px;
  top: 341.7812194824219px;
}
.image-pzo-jurastroon-update {
  width: 330px;
  shape-outside: polygon(-0.00% 0.54%, 0.61% 24.45%, 8.48% 33.39%, 2.42% 94.98%, 11.52% 98.61%, 101.52% 102.23%, 98.18% 79.28%, 107.27% -2.60%);
}
.image-pzo-jurastroon-update > p {
  left: 199.9998779296875px;
  top: 52.225677490234375px;
}
.image-pzo-eshki-update {
  width: 330px;
  shape-outside: polygon(42.42% 1.88%, 21.82% 20.91%, 10.91% 39.04%, -3.33% 44.78%, -0.30% 61.70%, 21.21% 87.98%, 15.15% 92.51%, 15.15% 99.16%, 79.70% 103.09%, 97.27% 92.21%, 106.06% 42.06%, 98.48% 0.97%);
}
.image-pzo-eshki-update > p {
  left: 201.9998779296875px;
  top: 230.21527099609375px;
}
.image-pzo-statue-of-xiuhticapath {
  width: 330px;
  shape-outside: polygon(40.30% 1.12%, 29.09% 7.92%, 9.70% 69.16%, -3.03% 87.09%, -0.61% 99.85%, 105.76% 99.79%, 97.88% 0.19%);
}
.image-pzo-statue-of-xiuhticapath > p {
  left: 185.9998779296875px;
  top: 559.4479064941406px;
}
.image-pzo-queen-odelria {
  width: 330px;
  shape-outside: polygon(35.76% 0.04%, 20.61% 17.12%, 2.42% 52.15%, 13.94% 79.03%, -2.42% 88.89%, 6.97% 98.22%, 30.30% 100.55%, 97.27% 97.91%, 104.24% 87.34%, 99.70% -0.14%);
}
.image-pzo-queen-odelria > p {
  left: 185.9998779296875px;
  top: 301.2256774902344px;
}
.image-pzoeoxviewrenderjb {
  width: 375px;
  shape-outside: polygon(0.13% 0.27%, 0.13% 40.35%, 26.80% 102.44%, 101.47% 102.08%, 99.33% -1.89%);
}
.image-pzoeoxviewrenderjb > p {
  left: 261.4998779296875px;
  top: 200.7586669921875px;
}
.image-pzoeoxianbonesagerenderjb {
  width: 340px;
  shape-outside: polygon(26.18% 0.49%, 21.76% 8.16%, 23.24% 30.09%, -1.47% 50.49%, -0.29% 99.98%, 100.59% 100.17%, 100.29% -0.83%);
}
.image-pzoeoxianbonesagerenderjb > p {
  left: 148.9998779296875px;
  top: 298.2256774902344px;
}
.image-pzothevisionaryrenderjb {
  width: 540px;
  shape-outside: polygon(0.00% 0.05%, 100.93% -0.41%, 105.84% 104.65%, -7.59% 101.84%);
}
.image-pzothevisionaryrenderjb > p {
  left: 61px;
  top: 306.2256774902344px;
}
.image-pzorivenshroudupdaterenderjb {
  width: 375px;
  shape-outside: polygon(13.47% 1.26%, 4.93% 16.84%, 11.33% 85.32%, 26.00% 97.27%, 47.33% 104.52%, 99.33% 94.01%, 98.80% 1.98%);
}
.image-pzorivenshroudupdaterenderjb > p {
  left: 196.4998779296875px;
  top: 188.47219848632812px;
}
.image-brethedaviewpaizopaint {
  width: 375px;
  shape-outside: polygon(18.27% 2.11%, 1.47% 38.80%, -2.27% 64.45%, 9.47% 90.42%, 54.53% 104.71%, 83.60% 92.37%, 98.80% 65.10%, 103.87% 0.16%);
}
.image-brethedaviewpaizopaint > p {
  left: 233.4998779296875px;
  top: 181.50518798828125px;
}
.image-dreamerupdatepaizopaint {
  width: 330px;
  shape-outside: polygon(30.91% -1.44%, 11.21% 19.85%, -1.82% 51.50%, 2.42% 90.44%, 32.12% 103.04%, 95.15% 90.72%, 106.06% 57.94%, 98.18% 0.52%);
}
.image-dreamerupdatepaizopaint > p {
  left: 186.9998779296875px;
  top: 240.85415649414062px;
}
.image-cloud-condenser-barathupaizopaint {
  width: 349.991px;
  shape-outside: polygon(35.14% 1.07%, 2.57% 22.09%, 1.71% 39.92%, 14.86% 94.06%, 29.14% 103.30%, 94.86% 99.48%, 105.71% -0.84%);
}
.image-cloud-condenser-barathupaizopaint > p {
  left: 61.9912109375px;
  top: 214.3524169921875px;
}
.image-pzo-navigator-barathu {
  width: 330px;
  shape-outside: polygon(25.76% 0.91%, -2.12% 26.34%, 2.42% 63.34%, 12.12% 90.74%, 46.06% 97.52%, 73.94% 102.61%, 94.55% 89.61%, 116.06% 10.23%, 97.88% 0.35%);
}
.image-pzo-navigator-barathu > p {
  left: 41.9998779296875px;
  top: 249.23089599609375px;
}
.image-ghostlevelsviewpaizopaint {
  width: 330px;
  shape-outside: polygon(29.09% 0.98%, -6.36% 35.71%, -0.91% 102.50%, 106.06% 103.23%, 101.52% -1.35%);
}
.image-ghostlevelsviewpaizopaint > p {
  left: 216.9998779296875px;
  top: 183.56246948242188px;
}
.image-salvationsendupdatepaizopaint {
  width: 330px;
  shape-outside: polygon(30.00% 0.66%, -4.24% 17.59%, 7.88% 92.03%, 27.27% 102.15%, 115.15% 102.79%, 99.70% -2.32%);
}
.image-salvationsendupdatepaizopaint > p {
  left: 186.9998779296875px;
  top: 224.05728149414062px;
}
.image-pzoabsalom-station-view {
  width: 350px;
  shape-outside: polygon(26.57% -0.48%, 28.86% 25.29%, 1.43% 31.74%, -3.43% 50.55%, 18.00% 98.49%, 39.14% 103.39%, 106.00% 101.07%, 104.29% -0.99%);
}
.image-pzoabsalom-station-view > p {
  left: 206px;
  top: 306.1440734863281px;
}
.image-pzoprimex-kantol {
  width: 300px;
  shape-outside: polygon(21.33% 0.14%, -3.00% 26.69%, -1.00% 68.03%, 9.33% 101.43%, 95.67% 101.08%, 113.33% 24.94%, 99.33% 0.35%);
}
.image-pzoprimex-kantol > p {
  left: 161.99993896484375px;
  top: 258.88714599609375px;
}
.image-pzonaz-eskay {
  width: 230px;
  shape-outside: polygon(36.52% 1.14%, -4.78% 18.52%, -0.00% 57.73%, 21.30% 67.10%, 0.43% 79.13%, 0.87% 102.61%, 105.22% 97.70%, 99.13% -0.20%);
}
.image-pzonaz-eskay > p {
  left: 108.99993896484375px;
  top: 499.5538101196289px;
}
.image-pzoidariview {
  width: 350px;
  shape-outside: polygon(37.14% 1.07%, 34.57% 18.48%, 19.14% 22.62%, -4.00% 42.78%, -2.29% 102.18%, 101.43% 104.11%, 103.14% -0.31%);
}
.image-pzoidariview > p {
  left: 289px;
  top: 3.88018798828125px;
}
.image-pzomolukai {
  width: 285px;
  shape-outside: polygon(36.32% 0.43%, 24.74% 21.77%, 8.25% 24.86%, 6.49% 43.76%, -3.33% 50.27%, 1.23% 62.14%, 36.32% 77.45%, 31.05% 95.04%, 41.58% 102.04%, 101.58% 101.23%, 103.68% 57.26%, 99.12% 0.43%);
}
.image-pzomolukai > p {
  left: 177.49993896484375px;
  top: 470.55381774902344px;
}
.image-pzosaadmi {
  width: 300px;
  shape-outside: polygon(28.67% 0.25%, 17.67% 19.84%, 15.00% 35.63%, -2.00% 49.66%, 2.33% 78.61%, 23.67% 106.39%, 89.33% 96.74%, 109.33% 68.96%, 98.33% 1.13%);
}
.image-pzosaadmi > p {
  left: 60.99993896484375px;
  top: 270.8541564941406px;
}
.image-pzomr-digseg {
  width: 245px;
  shape-outside: polygon(23.88% -1.53%, 1.02% 20.60%, 1.02% 30.20%, 17.76% 56.92%, 1.02% 64.23%, -5.51% 100.23%, 103.88% 102.95%, 98.16% 0.14%);
}
.image-pzomr-digseg > p {
  left: 83.49993896484375px;
  top: 415.109375px;
}
.image-pzotwilight-eatery-entrance {
  width: 330px;
  shape-outside: polygon(7.27% 0.13%, 2.73% 5.52%, 7.88% 44.25%, -2.42% 52.34%, 0.30% 88.37%, 35.76% 97.43%, 48.79% 98.97%, 96.67% 98.59%, 98.48% 0.13%);
}
.image-pzotwilight-eatery-entrance > p {
  left: 197.99993896484375px;
  top: 415.6649169921875px;
}
.image-pzoventurecaptain-hadai {
  width: 294.991px;
  shape-outside: polygon(37.46% 0.28%, 36.10% 9.74%, 5.59% 22.58%, -3.90% 34.57%, 13.05% 56.25%, 4.91% 100.83%, 104.24% 101.50%, 100.17% -1.58%);
}
.image-pzoventurecaptain-hadai > p {
  left: 187.49127197265625px;
  top: 312.88714599609375px;
}
.image-pzodemacti {
  width: 330px;
  shape-outside: polygon(19.70% 0.70%, 23.64% 44.90%, -5.15% 64.65%, 1.21% 80.95%, 35.45% 103.52%, 92.42% 98.19%, 105.76% 63.08%, 96.67% 1.32%);
}
.image-pzodemacti > p {
  left: 116.99993896484375px;
  top: 247.22219848632812px;
}
.image-abadarcorp-lashunta-corp-agentfinal {
  width: 330px;
  shape-outside: polygon(23.94% 0.55%, 0.91% 21.33%, 0.61% 48.08%, 10.61% 72.18%, 21.82% 101.42%, 106.06% 102.01%, 96.97% 0.96%);
}
.image-abadarcorp-lashunta-corp-agentfinal > p {
  left: 187.99993896484375px;
  top: 363.7760314941406px;
}
.image-abadarcorp-ysoki-corp-magefinal {
  width: 330px;
  shape-outside: polygon(-0.00% 0.51%, 99.70% 0.76%, 99.39% 99.01%, -1.52% 99.26%);
}
.image-abadarcorp-ysoki-corp-magefinal > p {
  left: 175.99993896484375px;
  top: 290.0295104980469px;
}
.image-free-hacker {
  width: 335px;
  shape-outside: polygon(16.57% 1.45%, 4.33% 25.60%, 6.12% 53.71%, -3.13% 79.20%, 1.04% 87.50%, 14.48% 90.34%, 14.18% 103.63%, 98.96% 99.66%, 102.24% 37.48%, 99.55% 0.13%);
}
.image-free-hacker > p {
  left: 190.49993896484375px;
  top: 294.7760314941406px;
}
.image-pahtra-free-captain {
  width: 440px;
  shape-outside: polygon(57.05% -0.80%, 71.14% 45.29%, 98.86% 51.42%, 101.14% 61.15%, 63.18% 82.57%, 62.50% 95.89%, 55.45% 102.66%, -2.95% 100.54%, -0.00% 0.47%);
}
.image-pahtra-free-captain > p {
  left: 233.9998779296875px;
  top: 266.2256774902344px;
}
.image-skittermander-hellknightfinal {
  width: 399.991px;
  shape-outside: polygon(0.25% 0.44%, 0.25% 32.05%, 16.25% 70.32%, 24.00% 96.74%, 63.00% 97.48%, 68.25% 102.42%, 92.75% 93.78%, 109.00% 71.06%, 99.50% 0.20%);
}
.image-skittermander-hellknightfinal > p {
  left: 96.9912109375px;
  top: 275.79510498046875px;
}
.image-android-hellknightfinal {
  width: 380px;
  shape-outside: polygon(31.58% 0.48%, -2.63% 34.32%, 1.32% 63.17%, 27.89% 78.14%, 23.16% 99.33%, 44.47% 101.93%, 97.11% 99.54%, 106.32% 61.36%, 98.42% 0.92%);
}
.image-android-hellknightfinal > p {
  left: 251.9998779296875px;
  top: 369.892333984375px;
}
.image-knights-of-golarian {
  width: 334.991px;
  shape-outside: polygon(38.06% 0.05%, 30.60% 5.04%, 9.10% 16.68%, -3.14% 42.67%, 2.24% 57.22%, 7.61% 103.60%, 107.31% 100.49%, 99.55% 0.46%);
}
.image-knights-of-golarian > p {
  left: 162.4912109375px;
  top: 295.3367919921875px;
}
.image-shirren-knight {
  width: 315px;
  shape-outside: polygon(30.00% -0.65%, -2.06% 32.60%, 0.16% 44.86%, 19.21% 72.22%, 22.70% 82.71%, 40.48% 96.38%, 52.54% 103.46%, 88.41% 97.56%, 96.35% 84.59%, 99.21% 48.04%, 99.21% 0.76%);
}
.image-shirren-knight > p {
  left: 149.4998779296875px;
  top: 270.2256774902344px;
}
.image-starfinder-agent-kiha {
  width: 265px;
  shape-outside: polygon(26.23% -2.39%, 19.81% 8.57%, -2.83% 13.23%, 3.21% 47.98%, 25.09% 78.82%, 25.85% 97.88%, 45.85% 103.16%, 96.79% 98.08%, 112.64% 71.11%, 99.43% 0.65%);
}
.image-starfinder-agent-kiha > p {
  left: 100.4998779296875px;
  top: 389.55902099609375px;
}
.image-starfinder-agent-zizenz {
  width: 270px;
  shape-outside: polygon(-0.00% 0.05%, 100.74% -0.16%, 94.44% 36.22%, 64.81% 54.42%, 65.56% 92.93%, 57.78% 100.17%, 0.37% 100.17%);
}
.image-starfinder-agent-zizenz > p {
  left: 9.9998779296875px;
  top: 360.7812194824219px;
}
.image-pahtra-xenowarden {
  width: 330px;
  shape-outside: polygon(50.61% 0.75%, 80.00% 11.02%, 78.18% 29.11%, 98.48% 35.22%, 99.70% 99.28%, -0.00% 98.55%, 1.21% 0.99%);
}
.image-pahtra-xenowarden > p {
  left: 41.9998779296875px;
  top: 328.06072998046875px;
}
.image-lashunta-xenowarden {
  width: 330px;
  shape-outside: polygon(82.42% -0.17%, 59.70% 17.17%, 6.36% 20.10%, 1.21% 69.19%, -2.12% 99.25%, 47.88% 105.23%, 104.24% 101.18%, 99.09% 0.50%);
}
.main-holder .book-styled-block img {
    margin-top: 0px !important;
}