MediaWiki:FandomMobile.css

/*
 * Hollow Knight Wiki (EN) - Version 1.0.006 (15.09.2022)
 * Skin created by User:Polymeric - CC-BY-SA (11.03.2022)
 * Please, note that this skin was made specifically for the mobile skin of
 * https://hollow-knight.fandom.com/ and that if you want to copy it, either
 * partially or completely, don't forget to give the corresponding credits and
 * cite its origin.
 * cite its origin.

/* TABLE OF CONTENTS */ /*
 * To find a specific section of the document, press CTRL + F and, in the
 * search bar, write the name of the section that you want to jump in.
 * 1. Imports
 * 2. Fonts
 * 3. Global variables
 * 3.1. Themed variables
 * 4. General styles
 * 4.1. Utility classes
 * 5. Templates and components
 * 5.1. Templates
 * 5.2. Components
 * 6. Fixes and tweaks
 * 7. User preferences
 * 7. User preferences

/* 1. Imports. */ @import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap);

/* 2. Fonts. */ @font-face { font-display: swap; font-family: TrajanPro; font-style: normal; font-weight: 400; src: local('TrajanPro-Regular'), url(https://hollowknight.fandom.com/Special:Filepath/TrajanPro-Regular.otf) format('opentype'); }

@font-face { font-display: swap; font-family: TrajanPro; font-style: normal; font-weight: 700; src: local('TrajanPro-Bold'), url(https://hollowknight.fandom.com/Special:Filepath/TrajanPro-Bold.otf) format('opentype'); }

/* 3. Global variables. */
 * root {

--theme-font-1: TrajanPro, 'Times New Roman', serif; --theme-font-2: Lato, Roboto, Arial, sans-serif; --theme-font-3: Perpetua, 'Times New Roman', serif; }

/** 3.1. Dark theme. **/ .theme-fandommobile-dark { --theme-alert-color: #ef9a9a; --theme-alert-color--rgb: 239, 154, 154; --theme-alert-label: #121212; --theme-success-color: #a5d6a7; --theme-success-color--rgb: 165, 214, 167; --theme-success-label: #121212; --theme-message-color: #81d4fa; --theme-selection-color-alpha: .16; --theme-border-color: #ccc; --theme-border-color--rgb: 204, 204, 204; --theme-header-background-color: #000; --theme-header-background-color--rgb: 0, 0, 0; --theme-link-color--hover: #cfdded; --theme-link-color--hover-rgb: 207, 221, 237; --theme-text-on-background: rgb(255, 255, 255); --theme-text-on-background--rgb: 255, 255, 255; --theme-text-primary-on-background: rgba(255, 255, 255, .87); --theme-text-secondary-on-background: rgba(255, 255, 255, .6); --theme-text-disabled-on-background: rgba(255, 255, 255, .38); --theme-text-on-background--inverse: rgb(0, 0, 0); --theme-text-on-background--inverse--rgb: 0, 0, 0; --theme-text-primary-on-background--inverse: rgba(0, 0, 0, .87); --theme-text-secondary-on-background--inverse: rgba(0, 0, 0, .6); --theme-text-disabled-on-background--inverse: rgba(0, 0, 0, .38); --theme-color__red: #ef9a9a; --theme-color__red--rgb: 239, 154, 154; --theme-color__pink: #f48fb1; --theme-color__pink--rgb: 244, 143, 177; --theme-color__purple: #ce93d8; --theme-color__purple--rgb: 206, 147, 216; --theme-color__deep-purple: #b39ddb; --theme-color__deep-purple--rgb: 179, 157, 219; --theme-color__indigo: #9fa8da; --theme-color__indigo--rgb: 159, 168, 218; --theme-color__blue: #90caf9; --theme-color__blue--rgb: 144, 202, 249; --theme-color__light-blue: #81d4fa; --theme-color__light-blue--rgb: 129, 212, 250; --theme-color__cyan: #80deea; --theme-color__cyan--rgb: 128, 222, 234; --theme-color__teal: #80cbc4; --theme-color__teal--rgb: 128, 203, 196; --theme-color__green: #a5d6a7; --theme-color__green--rgb: 165, 214, 167; --theme-color__light-green: #c5e1a5; --theme-color__light-green--rgb: 197, 225, 165; --theme-color__lime: #e6ee9c; --theme-color__lime--rgb: 230, 238, 156; --theme-color__yellow: #fff59d; --theme-color__yellow--rgb: 255, 245, 157; --theme-color__amber: #ffe082; --theme-color__amber--rgb: 255, 224, 130; --theme-color__orange: #ffcc80; --theme-color__orange--rgb: 255, 204, 128; --theme-color__deep-orange: #ffab91; --theme-color__deep-orange--rgb: 255, 171, 145; --theme-color__brown: #bcaaa4; --theme-color__brown--rgb: 188, 170, 164; --theme-color__grey: #eee; --theme-color__grey--rgb: 237, 237, 237; --theme-color__blue-grey: #b0bec5; --theme-color__blue-grey--rgb: 176, 190, 197; --theme-body-text-color: #fff; --theme-body-text-color--rgb: 255,255,255; --theme-body-text-color--hover: #ccc; --theme-page-background-color: #1a1e23; --theme-page-background-color--rgb: 26, 30, 35; --theme-page-background-color--secondary: #3c4044; --theme-page-background-color--secondary--rgb: 60, 64, 68; --theme-page-text-color: #e6e6e6; --theme-page-text-color--rgb: 230, 230, 230; --theme-page-text-color--hover: #b3b3b3; --theme-link-color: #a0cbff; --theme-link-color--rgb: 160, 203, 255; --theme-link-label-color: #000; --theme-accent-color: #000; --theme-accent-color--rgb: 0,0,0; --theme-accent-color--hover: #333; --theme-accent-label-color: #fff; --theme-page-text-mix-color: #808285; --theme-page-text-mix-color-95: #24282d; --theme-page-accent-mix-color: #0d0f12; --theme-alert-color--hover: #ff3f56; --theme-warning-color: #cf721c; --theme-table-background-color: rgba(230, 230, 230, .08); --theme-table-header-color: rgba(255, 255, 255, .05); --fandommobile-toc-close-icon-color: currentColor; --fandommobile-section-edit-icon-color: var(--theme-link-color); accent-color: var(--theme-link-color); color-scheme: dark light; }

/** Themed variables. **/ /*** Hidden Dreams. ***/ .theme-fandommobile-dark:is(.page-Category_Hidden_Dreams, .page-White_Defender, .page-Grey_Prince_Zote, .page-Hopping_Zoteling, .page-Winged_Zoteling, .page-Volatile_Zoteling, .page-Dreamgate) { --theme-border-color: #ce93d8; --theme-border-color--rgb: 207, 147, 216; --theme-page-background-color: #272531; --theme-page-background-color--secondary: #51495b; --theme-page-text-mix-color: #ce93d8; --theme-accent-label-color: #f3e5f5; --theme-link-color: #c078d2; --theme-link-color--rgb: 192, 120, 210; --theme-link-color--hover: #ce93d8; --theme-link-color--hover-rgb: 207, 147, 216; --theme-selection-color-alpha: .2; }

/*** The Grimm Troupe. ***/
 * is(.ns-0,

.ns-14).theme-fandommobile-dark:is([class*='Grimm'], .page-Brumm, .page-Divine, .page-Nymm, .page-Dreamshield, .page-Sprintmaster, .page-Weaversong, .page-Carefree_Melody, .page-Seal_of_Binding) { --theme-border-color: #ef9a9a;  --theme-border-color--rgb: 239, 154, 154;  --theme-page-background-color: #2b2328;  --theme-page-background-color--secondary: #59454a;  --theme-page-text-mix-color: #ef9a9a;  --theme-accent-label-color: #ffebee;  --theme-link-color: #ef6069;  --theme-link-color--rgb: 239, 96, 106;  --theme-link-color--hover: #ef9a9a;  --theme-link-color--hover-rgb: 229, 43, 81;  --theme-selection-color-alpha: .32; }

/*** Godmaster. ***/ .theme-fandommobile-dark:is(.page-Category_Godmaster, .page-Brothers_Oro_Mato, .page-Fluke_Hermit, .page-Flukemunga, .page-Godseeker_Mode, .page-Great_Nailsage_Sly, .page-Hall_of_Gods, .page-Paintmaster_Sheo, .page-Pale_Lurker, .page-Pantheon_of_Hallownest, .page-Pantheon_of_the_Artist, .page-Pantheon_of_the_Knight, .page-Pantheon_of_the_Master, .page-Pantheon_of_the_Sage, .page-Pure_Vessel, .page-Eternal_Ordeal, .page-Godseeker, .page-Void_Idol, .page-Weathered_Mask, .page-Godtuner, .page-Godhome, .page-Pantheons, .page-Sisters_of_Battle, .page-Winged_Nosk, .page-Absolute_Radiance) { --theme-border-color: #fff59d; --theme-border-color--rgb: 255, 246, 157; --theme-page-background-color: #393933; --theme-page-background-color--secondary: #565750; --theme-page-text-mix-color: #fff59d; --theme-accent-label-color: #fffde7; --theme-link-color: #cdc686; --theme-link-color--rgb: 220, 206, 146; --theme-link-color--hover: #fff59d; --theme-link-color--hover-rgb: 255, 245, 157; }

/*** Lifeblood. ***/ .theme-fandommobile-dark:is(.page-Category_Lifeblood, .page-Hive_Knight) { --theme-border-color: #81d4fa; --theme-border-color--rgb: 129, 212, 250; --theme-page-background-color: #182a34; --theme-page-background-color--secondary: #374853; --theme-page-text-mix-color: #81d4fa; --theme-accent-label-color: #e1f5fe; --theme-link-color: #31cee8; --theme-link-color--rgb: 49, 206, 232; --theme-link-color--hover: #81d4fa; --theme-link-color--hover-rgb: 129, 213, 250; }

/*** Voidheart. ***/ .theme-fandommobile-dark.page-Voidheart_Edition { --theme-border-color: #eee; --theme-border-color--rgb: 238, 238, 238; --theme-page-background-color: #212121; --theme-page-background-color--secondary: #424242; --theme-page-text-mix-color: #eee; --theme-accent-label-color: #e1f5fe; --theme-link-color: #bdbdbd; --theme-link-color--rgb: 189, 189, 189; --theme-link-color--hover: #eee; --theme-link-color--hover-rgb: 238, 238, 238; }

/*** Lore. ***/ .theme-fandommobile-dark:is(.page-Category_Lore, .page-Abyss_Creature, .page-Ancient_Civilisation, .page-Bees, .page-Boon, .page-Dream_Realm, .page-Dreamers, .page-Ellina, .page-Five_Great_Knights, .page-Flukes, .page-Fools, .page-Godseekers, .page-Hallownest, .page-Higher_Beings, .page-Infection, .page-Lord_Fool, .page-Mantis_Tribe, .page-Mosskin_Tribe, .page-Moth_Tribe, .page-Pale_King, .page-Pharloom, .page-Snail_Shamans, .page-Soul_Sanctum_s_Scholars, .page-Grimm_Troupe_Lore, .page-Nightmare’s_Heart, .page-Vessels, .page-Void, .page-Void_Entity, .page-Weavers, .page-Wyrms, .page-Vespa, .page-Unn, .page-Mushroom_Clan, .page-Spider_Tribe, .page-Seals, .page-Grimm_Troupe_Lore) { --theme-border-color: #b0bec5; --theme-border-color--rgb: 176, 191, 197; --theme-page-background-color: #263238; --theme-page-background-color--secondary: #37474f; --theme-page-text-mix-color: #b0bec5; --theme-accent-label-color: #e2f1f8; --theme-link-color: #b0bec5; --theme-link-color--rgb: 176, 191, 197; --theme-link-color--hover: #fff; --theme-link-color--hover-rgb: 255, 255, 255; }

/*** Silksong. ***/
 * is(.ns-0,

.ns-14).theme-fandommobile-dark:is([class*='Silksong'], .page-Deep_Docks, .page-Greymoor, .page-Moss_Grotto, .page-Bonebottom, .page-Ballow, .page-Church_Keeper, .page-Flea, .page-Forge-Daughter, .page-Garmond_and_Zaza, .page-Huntress, .page-Shakra, .page-Sherma, .page-Trobbio, .page-Carmelita, .page-Lace, .page-Moss_Mother, .page-Sharpe, .page-Crawbug, .page-Dustroach, .page-Rosary, .page-Rosaries, .page-Shell_Shards, .page-Silk, .page-Bind, .page-Category_Tools, .page-Marrow, .page-Grindle, .page-Caravan, .page-Seth, .page-Bell_Beast, .page-Last_Judge, .page-Druid_of_the_Moss_Temple, .page-Citadel, .page-Needle, .page-Quests) { --theme-border-color: #ffab91;  --theme-border-color--rgb: 255, 172, 145;  --theme-page-background-color: #2c2a27;  --theme-page-background-color--secondary: #5b5347;  --theme-page-text-mix-color: #ffab91;  --theme-accent-label-color: #ffddc1;  --theme-link-color: #feb556;  --theme-link-color--rgb: 254,  182, 86;  --theme-link-color--hover: #ffab91;  --theme-link-color--hover-rgb: 255, 172, 145; }

body { --fandommobile-section-edit-icon-color: var(--theme-link-color); }

/** 3.2. Light theme. **/ .theme-fandommobile-light { --scrollbar-background-color: #f1f1f1; --scrollbar-corner-color: #c0c0c0; --theme-accent-color: #000; --theme-accent-label-color: #3a3a3a; --theme-alert-color: #b71c1c; --theme-alert-color--rgb: 127, 0, 0; --theme-alert-label: #fff; --theme-success-color: #1b5e20; --theme-success-color--rgb: 0, 51, 1; --theme-success-label: #fff; --theme-message-color: #002f6c; --theme-selection-color-alpha: .24; --theme-border-color: #444; --theme-border-color--rgb: 68, 68, 68; --theme-header-background-color: #000; --theme-header-background-color--rgb: 0, 0, 0; --theme-link-color--hover: #006064; --theme-link-color--hover-rgb: 0, 97, 100; --theme-page-background-color: #fff; --theme-page-background-color--rgb: 238, 238, 238; --theme-text-on-background: rgb(0, 0, 0); --theme-text-primary-on-background: rgba(0, 0, 0, .87); --theme-text-secondary-on-background: rgba(0, 0, 0, .65); --theme-text-disabled-on-background: rgba(0, 0, 0, .45); --theme-text-on-background--inverse: rgb(255, 255, 255); --theme-text-primary-on-background--inverse: rgba(255, 255, 255, .87); --theme-text-secondary-on-background--inverse: rgba(255, 255, 255, .6); --theme-text-disabled-on-background--inverse: rgba(255, 255, 255, .38); --theme-color__red: #f44330; --theme-color__red--rgb: 244, 67, 48; --theme-color__pink: #e91e63; --theme-color__pink--rgb: 233, 30, 99; --theme-color__purple: #e91e63; --theme-color__purple--rgb: 233, 30, 99; --theme-color__deep-purple: #673ab7; --theme-color__deep-purple--rgb: 103, 58, 183; --theme-color__indigo: #3f51b5; --theme-color__indigo--rgb: 63, 81, 181; --theme-color__blue: #2196f3; --theme-color__blue--rgb: 33, 150, 243; --theme-color__light-blue: #03a9f4; --theme-color__light-blue--rgb: 3, 169, 244; --theme-color__cyan: #00bcd4; --theme-color__cyan--rgb: 0, 188, 212; --theme-color__teal: #009688; --theme-color__teal--rgb: 0, 150, 136; --theme-color__green: #4caf50; --theme-color__green--rgb: 76, 175, 80; --theme-color__light-green: #8bc34a; --theme-color__light-green--rgb: 139, 195, 74; --theme-color__lime: #cddc39; --theme-color__lime--rgb: 205, 220, 57; --theme-color__yellow: #ffeb3b; --theme-color__yellow--rgb: 255, 235, 59; --theme-color__amber: #ffc107; --theme-color__amber--rgb: 255, 193, 7; --theme-color__orange: #ff9800; --theme-color__orange--rgb: 255, 152, 0; --theme-color__deep-orange: #ff5722; --theme-color__deep-orange--rgb: 255, 87, 34; --theme-color__brown: #795548; --theme-color__brown--rgb: 121, 85, 72; --theme-color__grey: #9e9e9e; --theme-color__grey--rgb: 158, 158, 158; --theme-color__blue-grey: #607d8b; --theme-color__blue-grey--rgb: 96, 125, 139; --gm-light-link-color: #cdc686; accent-color: var(--theme-color__light-blue); color-scheme: light dark; }

/*** Hidden Dreams. ***/ .theme-fandommobile-light:is(.page-Hidden_Dreams, .page-Category_Hidden_Dreams, .page-White_Defender, .page-Grey_Prince_Zote, .page-Hopping_Zoteling, .page-Winged_Zoteling, .page-Volatile_Zoteling, .page-Dreamgate) { --theme-border-color: #4a148c; --theme-border-color--rgb: 74, 20, 140; --theme-page-background-color: #e4def2; --theme-page-background-color--secondary: #d9d4e8; --theme-page-text-mix-color: #ce93d8; --theme-accent-label-color: #12005e; --theme-link-color: #512da8; --theme-link-color--rgb: 82, 46, 168; --theme-link-color--hover: #140078; --theme-link-color--hover-rgb: 21, 0, 120; --gm-light-link-color: #c078d2; }

/*** The Grimm Troupe. ***/
 * is(.ns-0,

.ns-14).theme-fandommobile-light:is([class*='Grimm'], .page-Nightmare_King, .page-Brumm, .page-Divine, .page-Nymm, .page-Dreamshield, .page-Sprintmaster, .page-Weaversong, .page-Carefree_Melody, .page-Path_of_Pain, .page-Seal_of_Binding) { --theme-border-color: #7f0000;  --theme-border-color--rgb: 127, 0, 0;  --theme-page-background-color: #fde6e8;  --theme-page-background-color--secondary: #f3dcde;  --theme-page-text-mix-color: #7f0000;  --theme-accent-label-color: #7f0000;  --theme-link-color: #b71c1c;  --theme-link-color--rgb: 183, 28, 28;  --theme-link-color--hover: #7f0000;  --theme-link-color--hover-rgb: 127, 0, 0;  --theme-selection-color-alpha: .24;  --gm-light-link-color: #ff867c; }

/*** Godmaster. ***/ .theme-fandommobile-light:is(.page-Category_Godmaster, .page-Godmaster, .page-Brothers_Oro_Mato, .page-Fluke_Hermit, .page-Flukemunga, .page-Godseeker_Mode, .page-Great_Nailsage_Sly, .page-Hall_of_Gods, .page-Paintmaster_Sheo, .page-Pale_Lurker, .page-Pantheon_of_Hallownest, .page-Pantheon_of_the_Artist, .page-Pantheon_of_the_Knight, .page-Pantheon_of_the_Master, .page-Pantheon_of_the_Sage, .page-Pure_Vessel, .page-The_Eternal_Ordeal, .page-Eternal_Ordeal, .page-The_Godseeker, .page-Godseeker, .page-Void_Idol, .page-Weathered_Mask, .page-Godtuner, .page-Eternal_Ordeal, .page-Godhome, .page-Pantheons, .page-Sisters_of_Battle, .page-Winged_Nosk, .page-Absolute_Radiance) { --theme-border-color: #3e3123; --theme-border-color--rgb: 62, 49, 35; --theme-page-background-color: #f0eee2; --theme-page-background-color--secondary: #e5e4d8; --theme-page-text-mix-color: #3e3123; --theme-accent-label-color: #1b0000; --theme-link-color: #9e8d49; --theme-link-color--rgb: 158, 141, 73; --theme-link-color--hover: #5d5037; --theme-link-color--hover-rgb: 93, 80, 55; --gm-light-link-color: #cdc686; }

/*** Lifeblood. ***/ .theme-fandommobile-light:is(.page-Category_Lifeblood, .page-Hive_Knight) { --theme-border-color: #002f6c; --theme-border-color--rgb: 0, 47, 108; --theme-page-background-color: #d9dee8; --theme-page-background-color--secondary: #ccd4de; --theme-page-text-mix-color: #002f6c; --theme-accent-label-color: #002f6c; --theme-link-color: #01579b; --theme-link-color--rgb: 0, 47, 108; --theme-link-color--hover: #002f6c; --theme-link-color--hover-rgb: 0, 47, 108; --gm-light-link-color: #31cee8; }

/*** Voidheart. ***/ .theme-fandommobile-light.page-Voidheart_Edition { --theme-border-color: #212121; --theme-border-color--rgb: 238, 238, 238; --theme-page-background-color: #f5f5f5; --theme-page-background-color--secondary: #e0e0e0; --theme-page-text-mix-color: #212121; --theme-accent-label-color: #000; --theme-link-color: #212121; --theme-link-color--rgb: 33, 33, 33; --theme-link-color--hover: #424242; --theme-link-color--hover-rgb: 66, 66, 66; --gm-light-link-color: #bdbdbd; }

/*** Lore. ***/ .theme-fandommobile-light:is(.page-Category_Lore, .page-Abyss_Creature, .page-Ancient_Civilisation, .page-Bees, .page-Boon, .page-Dream_Realm, .page-Dreamers, .page-Ellina, .page-Five_Great_Knights, .page-Flukes, .page-Fools, .page-Godseekers, .page-Hallownest, .page-Higher_Beings, .page-Infection, .page-Lord_Fool, .page-Mantis_Tribe, .page-Mosskin_Tribe, .page-Moth_Tribe, .page-Pale_King, .page-Pharloom, .page-Snail_Shamans, .page-Soul_Sanctum_s_Scholars, .page-Grimm_Troupe_Lore, .page-Nightmare’s_Heart, .page-Vessels, .page-Void, .page-Void_Entity, .page-Weavers, .page-Wyrms, .page-Vespa, .page-Unn, .page-Mushroom_Clan, .page-Spider_Tribe, .page-Seals, .page-Grimm_Troupe_Lore) { --theme-border-color: #263238; --theme-border-color--rgb: 176, 191, 197; --theme-page-background-color: #eceff1; --theme-page-background-color--secondary: #cfd8dc; --theme-page-text-mix-color: #263238; --theme-accent-label-color: #000a12; --theme-link-color: #263238; --theme-link-color--rgb: 38, 51, 56; --theme-link-color--hover: #000a12; --theme-link-color--hover-rgb: 0, 10, 18; --gm-light-link-color: #b0bec5; }

/*** Silksong. ***/
 * is(.ns-0,

.ns-14).theme-fandommobile-light:is([class*='Silksong'], .page-Deep_Docks, .page-Greymoor, .page-Moss_Grotto, .page-Bonebottom, .page-Ballow, .page-Church_Keeper, .page-Flea, .page-Forge-Daughter, .page-Garmond_and_Zaza, .page-Huntress, .page-Shakra, .page-Sherma, .page-Trobbio, .page-Carmelita, .page-Lace, .page-Moss_Mother, .page-Sharpe, .page-Crawbug, .page-Dustroach, .page-Rosary, .page-Rosaries, .page-Shell_Shards, .page-Silk, .page-Bind, .page-Category_Tools, .page-Marrow, .page-The_Citadel, .page-Grindle, .page-Caravan, .page-Seth, .page-Bell_Beast, .page-Last_Judge, .page-Druid_of_the_Moss_Temple, .page-Citadel, .page-Needle, .page-Quests) { --theme-border-color: #bf360c;  --theme-border-color--rgb: 255, 172, 145;  --theme-page-background-color: #fbe9e7;  --theme-page-background-color--secondary: #ffddc1;  --theme-page-text-mix-color: #bf360c;  --theme-accent-label-color: #870000;  --theme-link-color: #bf360c;  --theme-link-color--rgb: 191, 55, 13;  --theme-link-color--hover: #870000;  --theme-link-color--hover-rgb: 135, 0, 0;  --gm-light-link-color: #feb556; }

.theme-fandommobile-light .darklight-img, .theme-fandommobile-light .hk-divider, .theme-fandommobile-light .ss-divider, .theme-fandommobile-light blockquote:before, .theme-fandommobile-light blockquote:after { filter: invert(1); }

.theme-fandommobile-light.fandommobile-fandom-theme .mobile-community-bar__discussions, .theme-fandommobile-light.fandommobile-fandom-theme .mobile-community-bar__navigation .wds-dropdown__toggle, .theme-fandommobile-light.fandommobile-fandom-theme .mobile-community-bar__sitename a { color: var(--theme-text-on-background--inverse); }

.theme-fandommobile-light .recirculation-prefooter__wiki-article-circle { background-color: unset; border: 1px solid var(--theme-border-color); }

.article-footer .article-information-header h2, .wds-midlight, .wiki-page-header .wiki-page-header__title { background-image: -webkit-gradient(to top, rgba(var(--theme-link-color--rgb), .3) 54%, transparent 54%, transparent 100%); background-image: linear-gradient(to top, rgba(var(--theme-link-color--rgb), .3) 54%, transparent 54%, transparent 100%); }

/* 4. General styles */ .dialogue-silksong { display: none !important; }


 * placeholder {

opacity: .6; }


 * selection {

background-color: rgba(var(--theme-link-color--hover-rgb), var(--theme-selection-color-alpha, .16)); }

input::selection, textarea::selection { background-color: var(--theme-text-on-background); color: var(--theme-text-on-background--inverse); }


 * target-text {

background-color: var(--theme-link-color); color: var(--theme-text-on-background--inverse); }

hr { margin: 1rem 0; }

q { font-style: italic; quotes: '“' '”' '‘' '’'; }

q::before { content: open-quote; }

q::after { content: close-quote; }

.mw-plusminus-pos { color: var(--theme-success-color); }

.mw-plusminus-neg, .unpatrolled { color: var(--theme-alert-color); }

color: var(--theme-color__red) !important; }
 * 1) wpTextbox0 {

.previewnote { color: var(--theme-color__red); }

body.rubik, body.rubik button, body.rubik input, body.rubik select, body.rubik textarea { font-family: var(--theme-font-2); }

body.rubik h1, body.rubik h2, body.rubik h3, body.rubik h4, body.rubik h5, body.rubik h6 { font-family: var(--theme-font-1); }

body, background-color: var(--theme-page-background-color); }
 * 1) fandom-mobile-wrapper {

body { background-image: none; }

.mobile-community-bar { --theme-sticky-nav-background-color: #000; --theme-sticky-nav-background-color--rgb: 0, 0, 0; --theme-sticky-nav-text-color: #fff; --theme-sticky-nav-text-color--hover: #ccc; --theme-sticky-nav-dynamic-color-1: #fff; --theme-sticky-nav-dynamic-color-1--rgb: 255, 255, 255; --theme-sticky-nav-dynamic-color-2: #e6e6e6; --theme-sticky-nav-dynamic-color-2--rgb: 230, 230, 230; background-color: var(--theme-sticky-nav-background-color); color: var(--theme-sticky-nav-text-color); }

.mobile-community-bar__content { border: 0; margin: 0; padding: 0 12px; }

.mobile-community-bar__sitename { font-family: var(--theme-font-1); font-weight: 700; }

.mobile-community-bar .wds-dropdown { --wds-dropdown-background-color: var(--theme-page-background-color--secondary); --wds-dropdown-border-color: var(--theme-border-color); --wds-dropdown-text-color: var(--theme-page-text-color); --wds-dropdown-linked-item-color: var(--theme-link-color); --wds-dropdown-linked-item-background-color: rgba(var(--theme-link-color--rgb), .1); --wds-dropdown-scrollable-shadow-color: rgba(var(--theme-page-text-color--rgb), .1); }

.mobile-community-bar__navigation-header, .mobile-community-bar__navigation-back { color: var(--theme-body-text-color); }

.bodySearch .mw-ui-button, .commentbox .mw-ui-button, .createbox .mw-ui-button, .mw-movebox .mw-ui-button, .searchbox .mw-ui-button { background-color: var(--theme-accent-color); border-color: var(--theme-accent-color); color: var(--theme-accent-label-color); }

.mobile-gallery-default .mobile-gallery__image-caption, .article-media-thumbnail figcaption { color: var(--theme-text-secondary-on-background); }

.theme-fandommobile-light .article-media-thumbnail figcaption { color: var(--theme-text-primary-on-background--inverse); }

.article-content .pi ol, .article-content .pi ul { list-style: none; }

.pi { padding-bottom: 0; }

.pi .pi-group:last-child { margin-bottom: 0; }

.pi .pi-group:last-child > .pi-horizontal-group { margin-bottom: 0; }

.pi-data[data-source='description1'] ~ .pi-data { align-items: center; }

.portable-infobox p { margin: 0; }

.pi-section-tab.wds-tabs__tab { border: 0; font-family: var(--theme-font-1); }

.pi-section-tab.wds-tabs__tab.pi-section-active { border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #fff0, currentcolor, #fff0) 47% 0%; box-shadow: none; }

.pi-section-tab.wds-tabs__tab.pi-section-active .pi-section-label { color: var(--theme-text-on-background) !important; }

.pi-image-collection__images-wrapper { margin: 12px 0; }

h2.pi-title { background-color: var(--theme-accent-color); color: var(--theme-text-on-background); }

.mw-references-wrap { margin-bottom: 2rem; }
 * 1) Trivia-collapsible-section > ul,

.mobile-gallery__column .mobile-gallery__image { margin: 1.5rem 0; }

.godmaster-badge { height: 20px; width: 20px; }

table .article-media-thumbnail { margin-bottom: 0; }

/** 4.1. Utility classes. **/ .mobile-left { text-align: left; }

.mobile-center { text-align: center; }

.mobile-right { text-align: right; }

.mobile-vertical-center, .article-table-wrapper > .mobile-vertical-center tr > td, .article-table-wrapper tr.mobile-vertical-center > td, .article-table-wrapper tr > td.mobile-vertical-center { vertical-align: middle; }

.mobile-vertical-bottom { vertical-align: bottom; }

.mobile-caption-left figcaption { text-align: left; }

.mobile-caption-right figcaption { text-align: right; }

.mobile-caption-center figcaption { text-align: center; }

.scroll-table { overflow-x: scroll; }

.scroll-table th, .scroll-table td { min-width: 128px; }

table.border-separate, table .border-separate { border-collapse: separate; }

table.border-collapse, table .border-collapse { border-collapse: collapse; }

table .mobile-border-left { border-left: 1px solid var(--theme-border-color); }

table .mobile-border-right { border-right: 1px solid var(--theme-border-color); }

table .mobile-border-top { border-top: 1px solid var(--theme-border-color); }

table .mobile-border-bottom { border-bottom: 1px solid var(--theme-border-color); }

table img.thumb-margin-left { margin-left: 8px; }

table img.thumb-margin-right { margin-right: 8px; }

table img.thumb-margin-top { margin-top: 8px; }

table img.thumb-margin-bottom { margin-bottom: 8px; }

/** * For a less confusing class name, rather than using the actual px/rem values * in the class name, we'll just count from 1 to 6. Less memorization required. .article-table-wrapper .article-table th.mobile-width-px-1, .article-table-wrapper .article-table td.mobile-width-px-1 { min-width: 72px; }

.article-table-wrapper .article-table th.mobile-width-px-2, .article-table-wrapper .article-table td.mobile-width-px-2 { min-width: 96px; }

.article-table-wrapper .article-table th.mobile-width-px-3, .article-table-wrapper .article-table td.mobile-width-px-3 { min-width: 120px; }

.article-table-wrapper .article-table th.mobile-width-px-4, .article-table-wrapper .article-table td.mobile-width-px-4 { min-width: 144px; }

.article-table-wrapper .article-table th.mobile-width-px-5, .article-table-wrapper .article-table td.mobile-width-px-5 { min-width: 168px; }

.article-table-wrapper .article-table th.mobile-width-px-6, .article-table-wrapper .article-table td.mobile-width-px-6 { min-width: 192px; }

.article-table-wrapper .article-table th.mobile-width-rem-1, .article-table-wrapper .article-table td.mobile-width-rem-1 { min-width: 4.5rem; }

.article-table-wrapper .article-table th.mobile-width-rem-2, .article-table-wrapper .article-table td.mobile-width-rem-2 { min-width: 6rem; }

.article-table-wrapper .article-table th.mobile-width-rem-3, .article-table-wrapper .article-table td.mobile-width-rem-3 { min-width: 7.5rem; }

.article-table-wrapper .article-table th.mobile-width-rem-4, .article-table-wrapper .article-table td.mobile-width-rem-4 { min-width: 9rem; }

.article-table-wrapper .article-table th.mobile-width-rem-5, .article-table-wrapper .article-table td.mobile-width-rem-5 { min-width: 10.5rem; }

.article-table-wrapper .article-table th.mobile-width-rem-6, .article-table-wrapper .article-table td.mobile-width-rem-6 { min-width: 12rem; }

.article-table-wrapper .center-table tr > td { text-align: center; }

.article-table-wrapper .middle-table tr > td { vertical-align: middle; }

/** * Fixes first lines on a table cell having different font properties than the * rest of the cell (such as font size and line height). .mw-parser-output table td p { font: inherit; }

.mw-parser-output .typography p { margin: 0; }

.mw-parser-output .typography--headline1 { display: block; font: 300 2rem/2.5rem var(--theme-font-1); letter-spacing: -.015625em }

.mw-parser-output .typography--headline2 { display: block; font: 300 1.5rem/1.875rem var(--theme-font-1); letter-spacing: -.0083333333em; }

.mw-parser-output .typography--headline3 { display: block; font: 400 1.125rem/1.406rem var(--theme-font-1); letter-spacing: normal; }

.mw-parser-output .typography--headline4 { display: block; font: 400 1rem/1.25rem var(--theme-font-1); letter-spacing: .0073529412em; }

.mw-parser-output .typography--headline5 { display: block; font: 400 .875rem/1.094rem var(--theme-font-1); letter-spacing: normal; }

.mw-parser-output .typography--headline6 { display: block; font: 500 .875/1.094rem var(--theme-font-1); letter-spacing: .0125em; }

.mw-parser-output .typography--subtitle1 { font: 400 1rem/1.75rem var(--theme-font-2); letter-spacing: .009375em; }

.mw-parser-output .typography--subtitle2 { font: 500 .875rem/1.375rem var(--theme-font-2); letter-spacing: .0071428571em; }

.mw-parser-output .typography--body1 { font: 400 1rem/1.5rem var(--theme-font-2); letter-spacing: .03125em; }

.mw-parser-output .typography--body2 { font: 400 .875rem/1.25rem var(--theme-font-2); letter-spacing: .0178571429em; }

.mw-parser-output .typography--caption { font: 400 .75rem/1.25rem var(--theme-font-2); letter-spacing: .0333333333em; }

.mw-parser-output .typography--button { font: 500 .875rem/2.25rem var(--theme-font-2); letter-spacing: .0892857143em; text-transform: uppercase; }

.mw-parser-output .typography--overline { display: block; font: 500 .75rem/2rem var(--theme-font-2); letter-spacing: .1666666667em; text-transform: uppercase; }

.mw-parser-output .typography--footnote { display: block; font: 400 .75rem/1.25rem var(--theme-font-2); letter-spacing: normal; }

.mw-parser-output .typography--on-background { color: var(--theme-text-on-background); }

.mw-parser-output .typography--primary { color: var(--theme-text-primary-on-background); }

.mw-parser-output .typography--secondary { color: var(--theme-text-secondary-on-background); }

.mw-parser-output .typography--disabled { color: var(--theme-text-disabled-on-background); }

.mw-parser-output .typography--on-background--inverse { color: var(--theme-text-on-background--inverse); }

.mw-parser-output .typography--primary--inverse { color: var(--theme-text-primary-on-background--inverse); }

.mw-parser-output .typography--secondary--inverse { color: var(--theme-text-secondary-on-background--inverse); }

.mw-parser-output .typography--disabled--inverse { color: var(--theme-text-disabled-on-background--inverse); }

.mw-parser-output .typography--smooth-text { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

.mw-parser-output .typography--ellipsis-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mw-parser-output .typography--ellipsis-text--flex { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.h-c__red { color: var(--theme-color__red); }

.h-c__pink { color: var(--theme-color__pink); }

.h-c__purple { color: var(--theme-color__purple); }

.h-c__deep-purple { color: var(--theme-color__deep-purple); }

.h-c__indigo { color: var(--theme-color__indigo); }

.h-c__blue { color: var(--theme-color__blue); }

.h-c__light-blue { color: var(--theme-color__light-blue); }

.h-c__cyan { color: var(--theme-color__cyan); }

.h-c__teal { color: var(--theme-color__teal); }

.h-c__green { color: var(--theme-color__green); }

.h-c__light-green { color: var(--theme-color__light-green); }

.h-c__lime { color: var(--theme-color__lime); }

.h-c__yellow { color: var(--theme-color__yellow); }

.h-c__amber { color: var(--theme-color__amber); }

.h-c__orange { color: var(--theme-color__orange); }

.h-c__deep-orange { color: var(--theme-color__deep-orange); }

.h-c__brown { color: var(--theme-color__brown); }

.h-c__grey { color: var(--theme-color__grey); }

.h-c__blue-grey { color: var(--theme-color__blue-grey); }

.ic-yellow { filter: var(--theme-color__yellow--filter); }

.ic-red { filter: var(--theme-color__red--filter); }

.ic-blue { filter: var(--theme-color__blue--filter); }

.tocnumber { color: var(--theme-text-secondary-on-background); }

.toc.closed, .toc-close, [role='button'] { cursor: pointer; }

/*** Grid layout. ***/ @supports (display: grid) { .grid { display: grid; gap: 16px; grid-gap: 16px; grid-template-columns: repeat(12, minmax(5px, 1fr)); max-width: 2280px; }

.grid .grid__col--span-0 { display: none; }

@media (orientation: landscape) { .grid .grid__col--span-1 { grid-column-end: span 1; }

.grid .grid__col--span-1 .grid { grid-template-columns: repeat(1, minmax(5px, 1fr)); }

.grid .grid__col--span-2 { grid-column-end: span 2; }

.grid .grid__col--span-2 .grid { grid-template-columns: repeat(2, minmax(5px, 1fr)); }

.grid .grid__col--span-3 { grid-column-end: span 3; }

.grid .grid__col--span-3 .grid { grid-template-columns: repeat(3, minmax(5px, 1fr)); }

.grid .grid__col--span-4 { grid-column-end: span 4; }

.grid .grid__col--span-4 .grid { grid-template-columns: repeat(4, minmax(5px, 1fr)); }

.grid .grid__col--span-5 { grid-column-end: span 5; }

.grid .grid__col--span-5 .grid { grid-template-columns: repeat(5, minmax(5px, 1fr)); }

.grid .grid__col--span-6 { grid-column-end: span 6; }

.grid .grid__col--span-6 .grid { grid-template-columns: repeat(6, minmax(5px, 1fr)); }

.grid .grid__col--span-7 { grid-column-end: span 7; }

.grid .grid__col--span-7 .grid { grid-template-columns: repeat(7, minmax(5px, 1fr)); }

.grid .grid__col--span-8 { grid-column-end: span 8; }

.grid .grid__col--span-8 .grid { grid-template-columns: repeat(8, minmax(5px, 1fr)); }

.grid .grid__col--span-9 { grid-column-end: span 9; }

.grid .grid__col--span-9 .grid { grid-template-columns: repeat(9, minmax(5px, 1fr)); }

.grid .grid__col--span-10 { grid-column-end: span 10; }

.grid .grid__col--span-10 .grid { grid-template-columns: repeat(10, minmax(5px, 1fr)); }

.grid .grid__col--span-11 { grid-column-end: span 11; }

.grid .grid__col--span-11 .grid { grid-template-columns: repeat(11, minmax(5px, 1fr)); }

.grid .grid__col--span-12 { grid-column-end: span 12; }

.grid .grid__col--span-12 .grid { grid-template-columns: repeat(12, minmax(5px, 1fr)); } }

@media (orientation: portrait) { .grid .grid__col--span-1, .grid .grid__col--span-2, .grid .grid__col--span-3, .grid .grid__col--span-4, .grid .grid__col--span-5, .grid .grid__col--span-6, .grid .grid__col--span-7, .grid .grid__col--span-8, .grid .grid__col--span-9, .grid .grid__col--span-10, .grid .grid__col--span-11, .grid .grid__col--span-12 { grid-column-end: span 1; }

.grid .grid__col--span-1 .grid, .grid .grid__col--span-2 .grid, .grid .grid__col--span-3 .grid, .grid .grid__col--span-4 .grid, .grid .grid__col--span-5 .grid, .grid .grid__col--span-6 .grid, .grid .grid__col--span-7 .grid, .grid .grid__col--span-8 .grid, .grid .grid__col--span-9 .grid, .grid .grid__col--span-10 .grid, .grid .grid__col--span-11 .grid, .grid .grid__col--span-12 .grid { grid-template-columns: repeat(12, minmax(5px, 1fr)); } }

.grid .grid__col--align-top { align-self: start; }

.grid .grid__col--align-middle { align-self: center; }

.grid .grid__col--align-bottom { align-self: end; }

.grid--align-left { margin-right: auto; margin-left: 0; }

.grid--align-right { margin-right: 0; margin-left: auto; }

.grid--align-center { margin: 0 auto; }

@media only screen and (min-width: 600px) and (max-width: 799px) { .grid { gap: 24px; grid-gap: 24px; } }

@media only screen and (min-width: 800px) and (max-width: 904px) { .grid { gap: 32px; grid-gap: 32px; } }

@media only screen and (min-width: 905px) and (max-width: 1239px) { .grid { gap: 36px; grid-gap: 36px; } }

@media only screen and (min-width: 1240px) and (max-width: 1440px) { .grid { gap: 40px; grid-gap: 40px; } }

@media only screen and (min-width: 1441px) { .grid { gap: 48px; grid-gap: 48px; } } }

/* 5. Templates and components. */ /** 5.1. Templates. **/ .article-table-wrapper tr > .achievement-table__image { text-align: center; vertical-align: middle; width: 96px; }

.achievement-table__image { width: 90px; }

.achievement-table__image figure { margin: 0; }

.achievement-table__title { text-align: left; }

.hatnote { font-style: italic; margin-bottom: .5em; margin-left: 1em; padding-left: 1.5em; }

.message-card { align-items: center; border-bottom: 1px solid; display: flex; margin: .75rem 0; padding: 1rem 2rem; width: auto; }

.message-card p { margin: 0; }

.message-card .image-container { display: flex; justify-content: center; margin-right: 2rem; }

.message-card .text-container { display: flex; flex-direction: column; }

.message-card .image { margin-right: 2rem; }

.message-card .title { font-weight: 600; }

.message-card.info-card { background-color: rgba(var(--theme-color__blue--rgb), .08); border-bottom-color: var(--theme-color__blue); }

.theme-fandommobile-light .message-card.info-card { background-color: rgba(var(--theme-color__blue--rgb), .12); }

.theme-fandommobile-dark #disclaimer-advice { background-color: rgba(255, 235, 59, .08); border-bottom-color: #fff59d; }

.theme-fandommobile-light #disclaimer-advice { background-color: rgba(251, 192, 45, .16); border-bottom-color: #fbc02d; }

.theme-fandommobile-dark #disclaimer-delete, .theme-fandommobile-dark #disclaimer-block { background-color: rgba(239, 154, 154, .08); border-bottom-color: #ef9a9a; }

.theme-fandommobile-light #disclaimer-delete .theme-fandommobile-light #disclaimer-block { background-color: rgba(211, 47, 47, .12); border-bottom-color: #d32f2f; }

.hk-cp-header { display: block; font-family: var(--theme-font-1); margin-block-start: 1em; text-align: center; width: 100%; }

.gradient-divider, .hk-divider, .ss-divider { margin: 1rem 0; }

.gradient-divider { border-width: .063rem 0 0 0; border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0% 1; width: 100%; }

.hk-divider { background: transparent center/contain scroll no-repeat url(https://hollowknight.fandom.com/Special:Filepath/Hr.png); border: 0; height: 54px; width: 100%; }

.ss-divider { background: transparent center/contain scroll no-repeat url(https://hollowknight.fandom.com/Special:Filepath/SS_Hr.png); border: 0; height: 41px; width: 100%; }

.portable-infobox-wrapper + .article-table-wrapper { border: 0; margin: 0; overflow: auto; }

.article-table-wrapper .article-nav { background-color: transparent; }

.article-table-wrapper .article-nav tr > td:not(:last-child), .article-table-wrapper .article-nav tr > th:not(:last-child) { border: 0; }

.article-nav { font-family: var(--theme-font-1); text-align: center; }

.article-table-wrapper .article-nav tr > td { padding: 0; }

.article-table-wrapper .article-nav a, .article-table-wrapper .article-nav strong { display: block; padding: .5rem; width: 100%; }

.article-table-wrapper .article-nav a { transition: background-color 75ms; }

.article-table-wrapper .article-nav a:hover { background-color: rgba(var(--theme-link-color--rgb), .08); }

.article-table-wrapper .article-nav a:focus, .article-table-wrapper .article-nav a:active { background-color: rgba(var(--theme-link-color--rgb), .16); }

.portable-infobox-wrapper + .article-table-wrapper + hr { border-color: var(--theme-text-on-background); margin: 0 0 2rem; }

.hk-cp-header + hr { border-color: var(--theme-border-color); margin: 0 0 2rem; }

.mw-parser-output .pi-item[data-source='description1'] .pi-data-value { margin: auto; }

.mw-parser-output .pi-item[data-source='description1'] .pi-data-value blockquote { margin: 0; }

.mw-parser-output blockquote { margin: 1.5rem auto; padding: 0; text-align: center; width: 20rem; }

.mw-parser-output blockquote:before, .mw-parser-output blockquote:after { content: ''; display: block; }

.mw-parser-output blockquote:before { background: transparent center/contain scroll no-repeat url(https://static.wikia.nocookie.net/hollowknight/images/9/96/Dialogue_Top.png/revision/latest/scale-to-width-down/250); height: 2.125rem; /* 34px. */ margin: 0 auto 1rem; }

.mw-parser-output blockquote:after { background: transparent center/contain scroll no-repeat url(https://static.wikia.nocookie.net/hollowknight/images/c/c7/Dialogue_Bottom.png/revision/latest/scale-to-width-down/250); height: 1.313rem; /* 21px. */ margin: 1rem auto 0; }

.mw-parser-output blockquote p { margin: 0; }

.mw-parser-output blockquote hr { border-width: .063rem 0 0 0; border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0% 1; margin: 1rem 0; width: 100%; }

.mw-parser-output blockquote cite { margin: 0; text-align: right; text-transform: initial; }

.mw-parser-output blockquote cite:before { color: var(--theme-text-on-background); content: '\2014 '; }

.dn-dialogue-section { --color: #c078d2; --color--rgb: 192, 120, 210; --color--hover: #ce93d8; background-color: rgba(var(--color--rgb), .08); border-radius: .5rem; box-shadow: 0 0 .5rem 0 rgba(var(--color--rgb), .2); margin: 1rem 1rem 2rem; padding: 1rem; width: calc(100% - 2rem); }

.theme-fandommobile-light .dn-dialogue-section { --color: #512da8; --color--rgb: 82, 46, 168; --color--hover: #140078; background-color: rgba(var(--color--rgb), .28); box-shadow: 0 0 .5rem 0 rgba(var(--color--rgb), .6); }

.dn-dialogue-section ul:not(:last-of-type) { margin-bottom: 1rem; }

.dn-dialogue-section p, .dn-dialogue-section ul:last-of-type { margin-bottom: 0; }

@supports (columns: 2) { @media (orientation: landscape) { .dn-dialogue-section .dn-dialogue-section--layout[data-columns='2'] { columns: 2; }

.dn-dialogue-section .dn-dialogue-section--layout[data-columns='3'] { columns: 3; } } }

background: rgba(0, 0, 0, .2); border: 2px solid rgb(255, 245, 157); box-shadow: inset 0 0 6px 6px rgba(255, 245, 157, .2), inset 0 0 8px 8px rgba(255, 245, 157, .14), inset 0 0 10px 10px rgba(255, 245, 157, .12); padding: 1.5rem; width: 100%; }
 * 1) gm-boss-table {

.theme-fandommobile-light #gm-boss-table { background-color: rgba(0, 0, 0, .87); color: var(--theme-text-primary-on-background--inverse); }

.theme-fandommobile-light #gm-boss-table a { color: var(--gm-light-link-color, #cdc686); }

vertical-align: middle; }
 * 1) gm-boss-table > tbody > tr:first-child > td:first-child,
 * 2) gm-boss-table > tbody > tr:nth-child(4) > td[rowspan='2'] {

border: 0; }
 * 1) gm-boss-table img,
 * 2) gm-boss-table td,
 * 3) gm-boss-table tr:not(:first-child) {

border-color: rgb(255, 245, 157); }
 * 1) gm-boss-table tr:first-child {

margin: 0; }
 * 1) gm-boss-table p {

max-height: 320px; }
 * 1) gm-boss-table img {

text-align: center; max-width: 320px; }
 * 1) gm-boss-table .gm-boss--image-container {

color: #cdc686; margin-bottom: 8px; margin-top: 16px; }
 * 1) gm-boss-table .gm-boss--title {

text-align: center; }
 * 1) gm-boss-table .gm-boss-epithet {

border: 0; }
 * 1) charms-nav img {

vertical-align: middle; }
 * 1) charms-nav tr td {

margin: 0; }
 * 1) charms-nav .hk-cp-header {

display: flex; flex-direction: column; }
 * 1) enemies-nav tr {

max-width: unset; }
 * 1) enemies-nav tr > td,
 * 2) enemies-nav tr > th {

margin: 0; }
 * 1) enemies-nav p {

margin: .5rem 0; }
 * 1) enemies-nav hr {

@media (orientation: landscape) { #enemies-nav th { text-align: center; vertical-align: middle; width: 10rem; } }

@media (orientation: portrait) { .article-table-wrapper:has(#enemies-nav) { margin: 2rem 0; }

#enemies-nav > tbody > tr { display: flex; flex-flow: column wrap; }

#enemies-nav th, #enemies-nav td { max-width: initial; }

#enemies-nav tr:first-child { border-bottom: none; }

#enemies-nav th { border-right: none; } }

/** 5.2. Components. **/ .theme-fandommobile-dark .mw-parser-output ul:not(.wds-tabs) { list-style-image: url(https://hollowknight.fandom.com/Special:Filepath/BulletPoint.png); }

.theme-fandommobile-light .mw-parser-output ul:not(.wds-tabs) { list-style-image: url(https://hk.fandom.com/Special:Filepath/BulletPointBlack.png); }

/* 6. Fixes and tweaks. */ @supports (columns: 2) { @media (orientation: landscape) { .achievements-list { columns: 2; margin-bottom: 2rem; }

.article-table-wrapper, .achievement-table { -webkit-column-break-inside: avoid; /* Chrome, Safari, and Opera. */               page-break-inside: avoid; /* Firefox. */                    break-inside: avoid; /* IE 10+. */   }  } }

.article-footer .article-information-header h2, .wds-midlight, .wiki-page-header__title { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(54%, var(--wds-midlight-color, rgba(var(--theme-link-color--rgb), .15))), color-stop(54%, transparent), to(transparent)); background-image: linear-gradient(to top, var(--wds-midlight-color, rgba(var(--theme-link-color--rgb), .15)) 54%, transparent 54%, transparent 100%); }

.sitenotice { --theme-accent-color: var(--theme-link-color); }

.sitenotice .thumb { margin: auto; }

.wiki-page-header { margin-top: 0; padding-top: 16px; }

.article-footer { clear: both; margin-top: 6rem; }

/** Increasing close button size's interactive area. **/ .sitenotice .sitenotice__close { cursor: pointer; height: 36px; padding: 12px; width: 36px; }

/* 7. User preferences. */ /** Disabling all motions if the user's browser/OS is configured to do so. **/ @media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; background-attachment: initial !important; scroll-behavior: auto !important; transition-duration: 0s !important; transition-delay: 0s !important; } }