:root{--vignette-main-contents-row: auto / span 2;--vignette-main-page-controls-row: auto / span 1;--vignette-inset-grid-columns: 1 / span 12;--vignette-gallery-button-display: inline-flex}:root body.has-ads[data-display="lg-desktop"],:root body[data-display="sm-desktop"],:root body[data-display="tablet"],:root body:not([data-display]){--vignette-inset-grid-columns: 1 / -1}:root body:not([data-display]){--vignette-gallery-button-display: none}#main{display:grid;gap:var(--layout-spacing, 20px);grid-template-columns:repeat(12, 1fr)}#main .page-controls,#main #main-contents,#main .blocks{grid-column:1 / span 12}#main .page-controls,#main .blocks,#main .breadcrumb{margin:0}#main .blocks{grid-row:1 / span 1}#main .page-controls{grid-column:var(--vignette-inset-grid-columns);grid-row:var(--vignette-main-page-controls-row);z-index:1}#main #main-contents{display:grid;gap:var(--layout-spacing, 20px);grid-row:var(--vignette-main-contents-row);grid-template-columns:repeat(12, 1fr);grid-template-rows:1fr repeat(4, fit-content(100%))}#main div[id^="announcement-"]{grid-row:auto / span 1;grid-column:1 / span 12}#main div[id^="announcement-"]:empty{display:none}.vignette-hero-image{grid-column:1 / -1;grid-row:auto / span 1;position:relative}body[data-display="tablet"] .vignette-hero-image,body:not([data-display]) .vignette-hero-image{margin-inline:calc(-1 * var(--layout-spacing))}body[data-display="tablet"] .vignette-hero-image>img,body:not([data-display]) .vignette-hero-image>img{border-radius:0}.vignette-hero-image[data-carousel]{display:grid;gap:var(--layout-spacing, 20px);grid-template-columns:subgrid;grid-template-rows:repeat(2, auto)}.vignette-hero-image>img{aspect-ratio:16 / 9;border-radius:5px;width:100%}.vignette-hero-image .swiper-container{grid-column:1 / -1;grid-row:1 / span 1}.vignette-hero-image .screenshot-swiper-pagination{grid-column:1 / -1}.vignette-hero-content{display:grid;gap:var(--layout-spacing, 20px);grid-column:var(--vignette-inset-grid-columns);grid-row:auto / span 1;grid-template-columns:repeat(12, 1fr);grid-template-rows:subgrid;z-index:1}.vignette-hero-header{align-items:center;display:flex;grid-column:var(--vignette-inset-grid-columns);grid-row:1 / span 1;justify-content:space-between;flex-wrap:wrap}.vignette-hero-gallery-button{display:var(--vignette-gallery-button-display)}.vignette-hero-title{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}body:not([data-display]) .vignette-hero-title{flex-basis:100%;justify-content:space-between}.vignette-hero-details{align-items:start;display:grid;gap:var(--layout-spacing, 20px);grid-column:1 / -1;grid-row:3 / -1;grid-template-columns:subgrid}body:not([data-display]) .vignette-hero-details{grid-row:4 / -1}.vignette-hero-detail{display:grid;gap:var(--layout-spacing, 20px);grid-column:var(--vignette-inset-grid-columns);grid-template-columns:subgrid}.vignette-hero-user-contributions{grid-column:var(--vignette-inset-grid-columns);grid-row:4 / span 1}.vignette-hero-slide-summary,.vignette-hero-hint{grid-row:1 / span 1}.vignette-hero-slide-summary{align-content:end;grid-column:2 / span 6;grid-row:1 / span 1;margin-bottom:20px;margin-inline:var(--layout-spacing);pointer-events:none;z-index:255}body[data-display="tablet"] .vignette-hero-slide-summary,body:not([data-display]) .vignette-hero-slide-summary{grid-column:1 / span 12}body[data-display="tablet"] .vignette-hero-slide-summary .wh-button-text,body:not([data-display]) .vignette-hero-slide-summary .wh-button-text{display:none}body:not([data-display]) .vignette-hero-slide-summary{margin-bottom:10px}.vignette-hero-hint{bottom:20px;color:#fff;display:none;height:30px;position:absolute;right:20px;z-index:-1}body[data-display="tablet"] .vignette-hero-hint,body:not([data-display]) .vignette-hero-hint{display:block}body:not([data-display]) .vignette-hero-hint{bottom:10px}.vignette-hero-slide-details{display:grid;gap:var(--layout-spacing, 20px);grid-column:var(--vignette-inset-grid-columns);grid-row:2 / span 1;grid-template-columns:subgrid}