User:Realpsojed/common.css

.value { display: none; }   display: block; }
 * 1) valueShow:hover ~ .value{

/* Xaph's frontpage css*/ display:none; }
 * 1) pageWrapper .hp2021__warning{

--hp2021__responsive_factor:0.0714em; }
 * 1) pageWrapper .hp2021__hero_section, #pageWrapper .hp2021__gallery_supergrid{

background: #1e1b30; font-family: sans-serif; color: #b3b4b7; display:grid; gap: calc(10 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021__gallery_supergrid {

color: #5a93cc; text-decoration: none; }
 * 1) pageWrapper .hp2021 a, #pageWrapper .hp2021 a:visited {

text-decoration: underline; }
 * 1) pageWrapper .hp2021 a:hover,
 * 2) pageWrapper .hp2021 a:focus {

color: #c76464; }
 * 1) pageWrapper div#content .hp2021 a.new{

width: fit-content; height: fit-content; padding: 0; padding-right: calc(16 * var(--hp2021__responsive_factor)); padding-left: calc(16 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021__hero_text_wrapper {

color: #f0e1f3!important; text-decoration: underline; background-image: none; padding-right: 0; position: relative; z-index: 1; }
 * 1) pageWrapper .hp2021__hero_text_wrapper a{

image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }
 * 1) pageWrapper .hp2021, #pageWrapper .hp2021 img, .hp2021__hero_img_wrapper img, .hp2021__hero_content_wrapper {

width: 100%; height: auto; }
 * 1) pageWrapper .hp2021__hero_img_wrapper img {

opacity: 0.6; filter: brightness(2) saturate(0.3); height: calc(40 * var(--hp2021__responsive_factor)); width: calc(40 * var(--hp2021__responsive_factor)); image-rendering: optimizequality; image-rendering: auto; -ms-interpolation-mode: bicubic; }
 * 1) pageWrapper .hp2021__buttons_element img {

width: auto; text-align: center; overflow: hidden; color: #f0e1f3; background-color: #1e1b30b3; background-image: linear-gradient(to top, #1e1b30 1em, #16152759 75%), url(https://static.wikia.nocookie.net/stoneshard_gamepedia_en/images/4/4e/In_Game_Main_Menu_Background_LowRes_Stylized.gif/revision/latest?format=original); background-size: cover; background-position: bottom 35% left 5%; margin: calc(20 * var(--hp2021__responsive_factor)); margin-top: -24px; text-shadow: 0 0 4px #1e1b30, 0 0 6px #1e1b30, 0 0 8px #1e1b30, 0 0 10px #1e1b2e; display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
 * 1) pageWrapper .hp2021__hero_content_wrapper {

font-size: calc(27 * var(--hp2021__responsive_factor)); font-weight: 400; margin-top: calc(-9 * var(--hp2021__responsive_factor)); margin-bottom: 0; position: relative; border: 0; color: inherit; }
 * 1) pageWrapper div.hp2021__hero_content_wrapper h2 {

text-transform: uppercase; font-weight: 700; font-size: calc(50 * var(--hp2021__responsive_factor)); letter-spacing: calc(1 * var(--hp2021__responsive_factor)); /* background: linear-gradient(#b97276, #3f314a); */ background: linear-gradient(#f0e1f3, #9566a8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #a45874; font-size: calc(4 * var(--hp2021__responsive_factor)); padding-right: 0; text-shadow: none; }
 * 1) pageWrapper div.hp2021__hero_content_wrapper h2 b {

display:none; }
 * 1) pageWrapper div.hp2021__hero_content_wrapper h2 .mw-editsection{

padding-top: calc(20 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper span.hp2021__subtitle {

padding-top: calc(16 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper div.hp2021__hero_content_wrapper h2 + p{

padding-top: calc(6 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper div.hp2021__hero_content_wrapper h2 ~ p{

width: auto; display: flex; flex-wrap: wrap; justify-content: center; }
 * 1) pageWrapper .hp2021__buttons_row {

color: #f0e1f3!important; background-image: none; padding-right: 0; position: relative; z-index: 0; }
 * 1) pageWrapper .hp2021__buttons_row a.external, #pageWrapper .hp2021__buttons_row a, #pageWrapper .hp2021__buttons_row a.external:visited, #pageWrapper .hp2021__buttons_row a:visited {

height: calc(94 * var(--hp2021__responsive_factor)); width: calc(60 * var(--hp2021__responsive_factor)); margin-top: calc(-66 * var(--hp2021__responsive_factor)); display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 1; }
 * 1) pageWrapper .hp2021__buttons_row a + a {

display: flex; flex-direction: column; align-items: center; justify-content: flex-start; color: #d2bbd8; margin: calc(5 * var(--hp2021__responsive_factor)) calc(15 * var(--hp2021__responsive_factor)); height: auto; width: calc(55 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021__buttons_element p {

display:block!important; }
 * 1) pageWrapper .hp2021__buttons_icon {

display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%!important; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox>div{

margin-top: calc(-17 * var(--hp2021__responsive_factor)); padding: 0; width: 100%; position: relative; height: auto; display: flex; align-items: flex-start; overflow: visible; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox .gallerytext{

margin: 0; height: auto; display: flex; align-items: flex-end; justify-content: center; width: 100%; height: auto; background-image: linear-gradient(to bottom,#16152700 calc(-1 * var(--hp2021__responsive_factor)),var(--hp2021__bg_color,#161527ff) calc(22 * var(--hp2021__responsive_factor))); text-shadow: 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff); }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox .gallerytext p{

height: auto; display: flex; justify-content: center; align-items: flex-end; flex-grow: 1; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox .gallerytext p a{

outline: 2px solid; outline-offset: -2px; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox .gallerytext p a:focus {

min-width: calc(500 * var(--hp2021__responsive_factor)); flex-grow: 1; --hp2021__bg_color: #161527ff; background-color: var(--hp2021__bg_color, #161527ff); margin: 0; padding: 0; border: none; }
 * 1) pageWrapper .hp2021.fpbox {

border: 0; background-color: var(--hp2021__bg_color, #161527ff); border-bottom: 2px solid #13111d; color: #fff; font-family: "Franklin Gothic"; text-transform: uppercase; font-size: calc(22 * var(--hp2021__responsive_factor)); letter-spacing: calc(1 * var(--hp2021__responsive_factor)); text-align: center; height: calc(23 * var(--hp2021__responsive_factor)); padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; overflow: hidden; --hp2021__heading_bg_v_offset: -53%; }
 * 1) pageWrapper .hp2021.fpbox .heading {

width:100%; height:auto; }
 * 1) pageWrapper .hp2021.fpbox .heading img{

width:100%; overflow:hidden; height: calc(32 * var(--hp2021__responsive_factor)); background-image: none; position:relative; z-index: 0; }
 * 1) pageWrapper .hp2021.fpbox .hp2021__heading_img_wrapper{

width:100%; height:100%; background-image: linear-gradient(to top, #161527ff 0%, #16152700 75%); position:relative; z-index: 1; }
 * 1) pageWrapper .hp2021.fpbox .hp2021__heading_img_overlay{

margin-top: var(--hp2021__heading_bg_v_offset, -50%); position:relative; z-index: 0; }
 * 1) pageWrapper .hp2021.fpbox .hp2021__heading_img_overlay + div{

padding-left: calc(10 * var(--hp2021__responsive_factor)); padding-right: calc(10 * var(--hp2021__responsive_factor)); height: calc(35 * var(--hp2021__responsive_factor)); margin-top: calc(-32 * var(--hp2021__responsive_factor)); margin-bottom: 0; position:relative; z-index: 1; text-shadow: 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 12px var(--hp2021__bg_color, #161527ff), 0 0 12px var(--hp2021__bg_color, #161527ff), 0 0 14px var(--hp2021__bg_color, #161527ff), 0 0 14px var(--hp2021__bg_color, #161527ff), 0 0 16px var(--hp2021__bg_color, #161527ff); }
 * 1) pageWrapper .hp2021.fpbox .heading p{

/*background-size: 105% auto;*/ }
 * 1) pageWrapper .hp2021.fpbox:hover .heading {

display: flex; align-items: flex-start; justify-content: center; padding: calc(16 * var(--hp2021__responsive_factor)); padding-top: 0px; padding-bottom: 0px; background-color: var(--hp2021__bg_color, #161527ff); }
 * 1) pageWrapper .hp2021.fpbox .gallery {

padding-top: calc(4 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021.fpbox .gallery:nth-child(2) {

padding-bottom: calc(4 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021.fpbox .gallery:last-child {

--hp2021__bg_color:#13111dff; }
 * 1) pageWrapper .hp2021.fpbox .gallery:nth-child(odd){

display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: calc(14 * var(--hp2021__responsive_factor)); width: calc(77 * var(--hp2021__responsive_factor))!important; height: auto; margin: calc(12 * var(--hp2021__responsive_factor)); padding: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: bottom 50% right 50%; transition: all 0.4s ease; overflow: visible; }
 * 1) pageWrapper .hp2021.fpbox .gallery .gallerybox {

width: calc(77 * var(--hp2021__responsive_factor))!important; height: calc(67 * var(--hp2021__responsive_factor)); overflow: hidden; margin:0; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox div.thumb{

height: calc(68 * var(--hp2021__responsive_factor))!important; width: auto!important; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox div.thumb img{

display: flex; justify-content: center; }
 * 1) pageWrapper .hp2021.fpbox li.gallerybox div.thumb>div>a{

/*.hp2021.fpbox .gallery .gallerybox:hover{ background-size: 110% auto; outline: solid 2px #373546; outline-offset: 4px; }*/

@media only screen and (min-width:2720px){

/*#pageWrapper .hp2021__gallery_supergrid { display: grid; grid-template-columns: repeat(4, auto); grid-template-rows: repeat(2, auto); }*/

max-width: calc(2900 * var(--hp2021__responsive_factor)); margin-left:auto; margin-right:auto; }
 * 1) pageWrapper .hp2021__hero_section, #pageWrapper .hp2021__gallery_supergrid{

width: calc(94 * var(--hp2021__responsive_factor)); } }
 * 1) pageWrapper .hp2021__buttons_row a + a {

@media only screen and (min-width:1875px){

display: grid; grid-template-columns: repeat(6, auto); grid-template-rows: repeat(3, auto); }
 * 1) pageWrapper .hp2021__gallery_supergrid {

grid-row: 1; grid-column: 1 / span 2; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(1) {

grid-row: 1; grid-column: 3 / span 2; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(2) {

grid-row: 1; grid-column: 5 / span 2; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(3) {

grid-row: 2; grid-column: 1 / span 3; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(4) {

grid-row: 2; grid-column: 4 / span 3; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(5) {

grid-row: 3; grid-column: 1 / span 2; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(6) {

grid-row: 3; grid-column: 3 / span 2; }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(7) {

grid-row: 3; grid-column: 5 / span 2; } }
 * 1) pageWrapper .hp2021__gallery_supergrid>.hp2021.fpbox:nth-child(8) {

@media only screen and (min-width:1370px) and (max-width:1874px){ display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(4, auto); } }
 * 1) pageWrapper .hp2021__gallery_supergrid {

@media only screen and (max-width:1630px){ display: flex; justify-content: center; flex-wrap: wrap; margin-top: calc(20 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021__buttons_row {

margin: calc(5 * var(--hp2021__responsive_factor)); height: auto; }
 * 1) pageWrapper .hp2021__buttons_element p {

display: none; }
 * 1) pageWrapper .hp2021__buttons_element img {

text-decoration: underline; }
 * 1) pageWrapper .hp2021__buttons_row a.external, #pageWrapper .hp2021__buttons_row a, #pageWrapper .hp2021__buttons_row a.external:visited, #pageWrapper .hp2021__buttons_row a:visited {

height: auto; margin-top: 0; width: calc(94 * var(--hp2021__responsive_factor)); }
 * 1) pageWrapper .hp2021__buttons_row a + a {

flex-direction: column; } }
 * 1) pageWrapper .hp2021__hero_content_wrapper {

@media only screen and (min-width:950px) and (max-width:1370px){ display: grid; grid-template-columns: repeat(1, auto); grid-template-rows: repeat(8, auto); } }
 * 1) pageWrapper .hp2021__gallery_supergrid {

@media only screen and (max-width:949px){ min-width: 0; flex-grow: 1; --hp2021__bg_color: #161527ff; background-color: var(--hp2021__bg_color, #161527ff); margin: 0; padding: 0; border: none; }
 * 1) pageWrapper .hp2021.fpbox {

#pageWrapper .hp2021__gallery_supergrid{ --hp2021__responsive_factor:0.27vw; }

#pageWrapper .hp2021.fpbox .gallery { display: flex; flex-wrap: wrap; padding: calc(16 * var(--hp2021__responsive_factor) / 2) calc(16 * var(--hp2021__responsive_factor) / 6); } #pageWrapper .hp2021.fpbox .gallery .gallerybox{ height: auto; margin: calc(12 * var(--hp2021__responsive_factor)/ 1.2) calc(12 * var(--hp2021__responsive_factor) / 3); font-size: calc(16 * var(--hp2021__responsive_factor) / 1.5); } #pageWrapper .hp2021.fpbox li.gallerybox .gallerytext { margin-top: calc(-15 * var(--hp2021__responsive_factor)); } #pageWrapper .hp2021.fpbox .heading { font-size: calc(16 * var(--hp2021__responsive_factor)); height: calc(24 * var(--hp2021__responsive_factor)); } }

@media only screen and (max-width:630px){ #pageWrapper .hp2021__gallery_supergrid{ --hp2021__responsive_factor:0.17vw; } }

/*- start of mobile CSS -*/

display:none; }
 * 1) fandom-mobile-wrapper .hp2021__warning{

font-weight: 500; }
 * 1) fandom-mobile-wrapper b{

background-color: #1e1b30; }
 * 1) fandom-mobile-wrapper #mw-content-text{

--hp2021__responsive_factor: 0.3vw; }
 * 1) fandom-mobile-wrapper .hp2021__hero_section, #fandom-mobile-wrapper .hp2021__gallery_supergrid{


 * root {

--mw-content-text-side-padding: 2vw; }

background: #1e1b30; font-family: sans-serif; color: #b3b4b7; display:grid; gap: calc(10 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__gallery_supergrid {

color: #5a93cc; text-decoration: underline; }
 * 1) fandom-mobile-wrapper .hp2021 a, #fandom-mobile-wrapper .hp2021 a:visited {

text-decoration: underline; }
 * 1) fandom-mobile-wrapper .hp2021 a:hover,
 * 2) fandom-mobile-wrapper .hp2021 a:focus {

color: #c76464; }
 * 1) fandom-mobile-wrapper div#content .hp2021 a.new{

width: fit-content; height: fit-content; padding: 0; padding-right: calc(16 * var(--hp2021__responsive_factor)); padding-left: calc(16 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__hero_text_wrapper {

color: #f0e1f3!important; text-decoration: underline; background-image: none; padding-right: 0; position: relative; z-index: 1; }
 * 1) fandom-mobile-wrapper .hp2021__hero_text_wrapper a{

image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }
 * 1) fandom-mobile-wrapper .hp2021, #fandom-mobile-wrapper .hp2021 img, .hp2021__hero_img_wrapper img, .hp2021__hero_content_wrapper {

display:none; }
 * 1) fandom-mobile-wrapper .hp2021__buttons_element img {

margin-bottom: 0; }
 * 1) fandom-mobile-wrapper .hp2021__buttons_element figure.article-media-thumbnail {

width: auto; text-align: center; overflow: hidden; color: #f0e1f3; background-color: #1e1b30b3; background-image: linear-gradient(to top, #1e1b30 1em, #16152759 75%), url(https://static.wikia.nocookie.net/stoneshard_gamepedia_en/images/4/4e/In_Game_Main_Menu_Background_LowRes_Stylized.gif/revision/latest?format=original); background-size: cover; background-position: bottom 35% left 5%; margin: 0; padding-top:calc(13 * var(--hp2021__responsive_factor)); padding-bottom:calc(13 * var(--hp2021__responsive_factor)); font-size: calc(20 * var(--hp2021__responsive_factor)); text-shadow: 0 0 4px #1e1b30, 0 0 6px #1e1b30, 0 0 8px #1e1b30, 0 0 10px #1e1b2e; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
 * 1) fandom-mobile-wrapper .hp2021__hero_content_wrapper {

font-size: calc(12 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__hero_content_wrapper, #fandom-mobile-wrapper .hp2021__hero_content_wrapper p {

margin-bottom: calc(13 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__hero_content_wrapper p{

font-size: calc(20 * var(--hp2021__responsive_factor)); font-weight: 400; margin-top: calc(-13 * var(--hp2021__responsive_factor)); margin-bottom: calc(13 * var(--hp2021__responsive_factor)); position: relative; border: 0; color: inherit; }
 * 1) fandom-mobile-wrapper div.hp2021__hero_content_wrapper h2 {

display:none; }
 * 1) fandom-mobile-wrapper div.hp2021__hero_content_wrapper h2 *{

display:inline-block; }
 * 1) fandom-mobile-wrapper div.hp2021__hero_content_wrapper h2 .section-header-label{

padding-top: calc(20 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper span.hp2021__subtitle {

padding-top: calc(16 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper div.hp2021__hero_content_wrapper h2 + p{

padding-top: calc(6 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper div.hp2021__hero_content_wrapper h2 ~ p{

width: auto; display: flex; flex-wrap: wrap; justify-content: center; }
 * 1) fandom-mobile-wrapper .hp2021__buttons_row {

color: #f0e1f3!important; background-image: none; position: relative; z-index: 0; text-decoration: underline; padding-left: calc(10 * var(--hp2021__responsive_factor)); padding-right: calc(10 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__buttons_row a.external, #fandom-mobile-wrapper .hp2021__buttons_row a, #fandom-mobile-wrapper .hp2021__buttons_row a.external:visited, #fandom-mobile-wrapper .hp2021__buttons_row a:visited {

height: calc(94 * var(--hp2021__responsive_factor)); width: calc(60 * var(--hp2021__responsive_factor)); margin-top: calc(-66 * var(--hp2021__responsive_factor)); display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 1; }
 * 1) fandom-mobile-wrapper .hp2021__buttons_row a + a {

display: flex; flex-direction: column; align-items: center; justify-content: center; color: #d2bbd8; margin: calc(5 * var(--hp2021__responsive_factor)) calc(15 * var(--hp2021__responsive_factor)); height: calc(94 * var(--hp2021__responsive_factor)); }
 * 1) fandom-mobile-wrapper .hp2021__buttons_element p {

flex-grow: 1; --hp2021__bg_color: #161527ff; background-color: var(--hp2021__bg_color, #161527ff); margin: 0; padding: 0; border: none; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox {

flex-direction: row; justify-content: center; }
 * 1) fandom-mobile-wrapper .mobile-gallery__columns {

flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; flex: inherit; }
 * 1) fandom-mobile-wrapper .mobile-gallery__columns .mobile-gallery__column {

width: calc(52 * var(--hp2021__responsive_factor)); margin-left: calc(5 * var(--hp2021__responsive_factor)); margin-right: calc(5 * var(--hp2021__responsive_factor)); margin-bottom: 0; height: auto; }
 * 1) fandom-mobile-wrapper .mobile-gallery__column .mobile-gallery__image {

margin-left:0; }
 * 1) fandom-mobile-wrapper .mobile-gallery__columns .mobile-gallery__column:first-child .mobile-gallery__image:first-child{

margin-right:0; }
 * 1) fandom-mobile-wrapper .mobile-gallery__columns .mobile-gallery__column:last-child .mobile-gallery__image:last-child{

--hp2021__bg_color: #161527; background-color: var(--hp2021__bg_color, #161527); }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery {

--hp2021__bg_color: #13111d; background-color: var(--hp2021__bg_color, #13111d); }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery:nth-child(odd) {

padding: calc(12 * var(--hp2021__responsive_factor)) 0; }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery {

border: 0; width: 100%; height: auto; max-height: none; max-width: none; object-fit: contain; }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery .mobile-gallery__image img {

height: calc(53 * var(--hp2021__responsive_factor)); overflow: hidden; }
 * 1) fandom-mobile-wrapper .mobile-gallery__column .mobile-gallery__image>a {

margin-top: calc(-17 * var(--hp2021__responsive_factor)); font-size: calc(10 * var(--hp2021__responsive_factor)); text-align: center; padding: 0; width: 100%; position: relative; height: auto; max-height: none; display: flex; align-items: flex-start; justify-content: center; overflow: visible; color:#b3b4b7; background-image: linear-gradient(to bottom,#16152700 calc(-1 * var(--hp2021__responsive_factor)),var(--hp2021__bg_color,#161527ff) calc(22 * var(--hp2021__responsive_factor))); text-shadow: 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff); }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery .mobile-gallery__image-caption {

color:#5a93cc; }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery .mobile-gallery__image-caption a {

color:#c76464; }
 * 1) fandom-mobile-wrapper .hp2021 .mobile-gallery .mobile-gallery__image-caption a.new {

border: 0; background-color: var(--hp2021__bg_color, #161527ff); border-bottom: 2px solid #13111d; color: #fff; font-family: "Franklin Gothic"; text-transform: uppercase; font-size: calc(22 * var(--hp2021__responsive_factor)); letter-spacing: calc(1 * var(--hp2021__responsive_factor)); text-align: center; height: calc(23 * var(--hp2021__responsive_factor)); padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; overflow: hidden; --hp2021__heading_bg_v_offset: -53%; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .heading {

width:100%; height:auto; margin-bottom: 0; margin-top: var(--hp2021__heading_bg_v_offset, -50%); position:relative; z-index: 0; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .heading figure{

width: 100%; height: auto; border:0; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .heading figure img {

width:100%; overflow:hidden; height: calc(32 * var(--hp2021__responsive_factor)); background-image: none; position:relative; z-index: 0; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .hp2021__heading_img_wrapper{

width:100%; height:100%; background-image: linear-gradient(to top, #161527ff 0%, #16152700 75%); position:relative; z-index: 1; }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .hp2021__heading_img_overlay{

padding-left: calc(10 * var(--hp2021__responsive_factor)); padding-right: calc(10 * var(--hp2021__responsive_factor)); height: calc(35 * var(--hp2021__responsive_factor)); margin-top: calc(-32 * var(--hp2021__responsive_factor)); margin-bottom: 0; position:relative; z-index: 1; text-shadow: 0 0 4px var(--hp2021__bg_color, #161527ff), 0 0 6px var(--hp2021__bg_color, #161527ff), 0 0 8px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 10px var(--hp2021__bg_color, #161527ff), 0 0 12px var(--hp2021__bg_color, #161527ff), 0 0 12px var(--hp2021__bg_color, #161527ff), 0 0 14px var(--hp2021__bg_color, #161527ff), 0 0 14px var(--hp2021__bg_color, #161527ff), 0 0 16px var(--hp2021__bg_color, #161527ff); }
 * 1) fandom-mobile-wrapper .hp2021.fpbox .heading p{