@font-face {
  font-family: Osgard;
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/osgard-stencil.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pp Pangaia;
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/PPPangaia-Bold-BF654c530cc27f8.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pp Pangaia;
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/PPPangaia-Ultralight-BF654c530cd00f1.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Osgard Alt;
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/Osgard-1.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --theme--background: white;
  --text-main--font-family: var(--font--primary-family);
  --theme--text: white;
  --text-main--font-size: var(--size--1-5rem);
  --text-main--line-height: var(--line-height--1-5);
  --text-main--font-weight: var(--font--primary-regular);
  --text-main--letter-spacing: var(--letter-spacing--0em);
  --h1--margin-bottom: var(--space--3);
  --h1--font-family: var(--all-headings--heading-font-family);
  --h1--font-size: var(--size--5rem);
  --h1--line-height: var(--all-headings--heading-line-height);
  --h1--font-weight: var(--all-headings--heading-font-weight);
  --h1--letter-spacing: var(--all-headings--heading-letter-spacing);
  --h2--margin-bottom: var(--space--3);
  --h2--font-family: var(--all-headings--heading-font-family);
  --h2--font-size: var(--size--5rem);
  --h2--line-height: var(--all-headings--heading-line-height);
  --h2--font-weight: var(--all-headings--heading-font-weight);
  --h2--letter-spacing: var(--letter-spacing--03em);
  --h3--margin-bottom: var(--all-headings--heading-margin-bottom);
  --h3--font-family: var(--all-headings--heading-font-family);
  --h3--font-size: var(--size--2-5rem);
  --h3--line-height: var(--line-height--1);
  --h3--font-weight: var(--all-headings--heading-font-weight);
  --h3--letter-spacing: var(--letter-spacing--03em);
  --h4--margin-bottom: var(--all-headings--heading-margin-bottom);
  --h4--font-family: var(--all-headings--heading-font-family);
  --h4--font-size: var(--size--2rem);
  --h4--line-height: var(--line-height--1-3);
  --h4--font-weight: var(--all-headings--heading-font-weight);
  --h4--letter-spacing: var(--letter-spacing--0em);
  --h5--margin-bottom: var(--all-headings--heading-margin-bottom);
  --h5--font-family: var(--all-headings--heading-font-family);
  --h5--font-size: var(--size--1-5rem);
  --h5--line-height: var(--line-height--1-3);
  --h5--font-weight: var(--all-headings--heading-font-weight);
  --h5--letter-spacing: var(--letter-spacing--0em);
  --h6--margin-bottom: var(--all-headings--heading-margin-bottom);
  --h6--font-family: var(--all-headings--heading-font-family);
  --h6--font-size: var(--size--1rem);
  --h6--line-height: var(--line-height--1-3);
  --h6--font-weight: var(--all-headings--heading-font-weight);
  --h6--letter-spacing: var(--letter-spacing--0em);
  --text-main--margin-bottom: var(--space--2);
  --space--5: var(--size--1-5rem);
  --display--margin-bottom: var(--space--5);
  --display--font-family: var(--font--display-family);
  --display--font-size: var(--size--6-25rem);
  --display--line-height: var(--line-height--9);
  --display--font-weight: var(--font--primary-regular);
  --display--letter-spacing: var(--letter-spacing--0em);
  --text-large--margin-bottom: var(--space--7);
  --text-large--font-family: var(--font--primary-family);
  --text-large--font-size: var(--size--1-75rem);
  --text-large--line-height: var(--line-height--1-43);
  --text-large--font-weight: var(--font--primary-regular);
  --text-large--letter-spacing: var(--letter-spacing--0em);
  --text-small--margin-bottom: var(--space--2);
  --text-small--font-family: var(--font--primary-family);
  --text-small--font-size: .875rem;
  --text-small--line-height: var(--line-height--1-5);
  --text-small--font-weight: var(--font--primary-regular);
  --text-small--letter-spacing: var(--letter-spacing--0em);
  --h1--margin-top: var(--space--5);
  --h2--margin-top: var(--space--4);
  --h3--margin-top: var(--all-headings--heading-margin-top);
  --h4--margin-top: var(--all-headings--heading-margin-top);
  --h5--margin-top: var(--all-headings--heading-margin-top);
  --h6--margin-top: var(--all-headings--heading-margin-top);
  --text-main--margin-top: var(--space--2);
  --space--6: var(--size--2rem);
  --size--0-5rem: .5rem;
  --size--1rem: 1rem;
  --space--2: var(--size--0-5rem);
  --space--1: var(--size--0-25rem);
  --container--main: 0px;
  --section-space--main: var(--size--7-5rem);
  --size--5rem: 5rem;
  --container--small: 0px;
  --container--full: 0px;
  --site--gutter: 1rem;
  --size--0rem: 0rem;
  --space--3: var(--size--0-75rem);
  --space--4: var(--size--1rem);
  --space--7: var(--size--2-5rem);
  --space--8: var(--size--4rem);
  --font--primary-regular: 400;
  --font--primary-medium: 500;
  --font--primary-bold: 700;
  --radius--small: .5rem;
  --radius--main: 1rem;
  --radius--round: 100vw;
  --border-width--main: .094rem;
  --theme--border: white;
  --size--0-75rem: .75rem;
  --line-height--1: 1;
  --swatch--transparent: #fff0;
  --size--1-5rem: 1.5rem;
  --swatch--brand: #f3cd76;
  --size--3rem: 3rem;
  --size--0-25rem: .25rem;
  --button--text: white;
  --button--border-hover: white;
  --button--background-hover: white;
  --button--text-hover: white;
  --size--2rem: 2rem;
  --size--3-5rem: 3.5rem;
  --swatch--dark: #0c172a;
  --swatch--brand-text: var(--swatch--dark);
  --size--4rem: 4rem;
  --black: black;
  --size--2-5rem: 2.5rem;
  --button--border: white;
  --button--background: white;
  --section-space--small: 5.5rem;
  --content-space--eyebrow-margin: var(--space--5);
  --site--margin: 0px;
  --size--0-125rem: .125rem;
  --swatch--light: #f1ecda;
  --swatch--white: white;
  --space--9: var(--size--5rem);
  --swatch--brand-secondary: #d27329;
  --size--4-5rem: 4.5rem;
  --size--6rem: 6rem;
  --size--7-5rem: 7.5rem;
  --font--heading-family: "Pp Pangaia", Arial, sans-serif;
  --size--1-25rem: 1.25rem;
  --space--7-5: var(--size--3rem);
  --line-height--1-1: 1.1;
  --swatch--brand-alt: #231300;
  --swatch--gold-alt: #f4cd76;
  --line-height--1-3: 1.3;
  --swatch--tan: #e2cab1;
  --button-inside-padding: 0rem;
  --swatch--dark-alt: #172132;
  --gray: #c9c7c5;
  --swatch--brand-teriary: #c3cbcf;
  --size--0-375rem: .375rem;
  --size--1-75rem: 1.75rem;
  --size--5-5rem: 5.5rem;
  --size--6-25rem: 6.25rem;
  --size--6-5rem: 6.5rem;
  --size--7rem: 7rem;
  --size--8rem: 8rem;
  --size--8-5rem: 8.5rem;
  --size--9rem: 9rem;
  --size--9-5rem: 9.5rem;
  --size--10rem: 10rem;
  --size--11rem: 11rem;
  --size--12rem: 12rem;
  --size--13rem: 13rem;
  --size--14rem: 14rem;
  --size--15rem: 15rem;
  --size--16rem: 16rem;
  --swatch--dark-faded: #0c172a1a;
  --swatch--light-faded: #f1ecda1a;
  --section-space--none: var(--size--0rem);
  --section-space--xxsmall: var(--size--1rem);
  --section-space--xsmall: var(--size--1-25rem);
  --section-space--large: var(--size--10rem);
  --content-space--button-margin: var(--space--6);
  --content-space--button-group-gap: var(--space--2);
  --focus--width: .125rem;
  --focus--offset-inner: -.125rem;
  --focus--offset-outer: .1875rem;
  --site--width: 80rem;
  --site--column-count: 12;
  --font--primary-family: adobe-caslon-pro, sans-serif;
  --font--display-family: "Osgard Alt", Arial, sans-serif;
  --letter-spacing--0em: 0em;
  --letter-spacing--0-03em: -.03em;
  --letter-spacing--03em: .03em;
  --line-height--1-5: 1.5;
  --line-height--95: .95;
  --line-height--9: .9;
  --line-height--1-43: 1.43;
  --all-headings--heading-font-family: var(--font--heading-family);
  --all-headings--heading-font-weight: var(--font--primary-bold);
  --all-headings--heading-line-height: var(--line-height--95);
  --all-headings--heading-letter-spacing: var(--letter-spacing--0-03em);
  --all-headings--heading-text-transform: var(--text-transform--inherit);
  --all-headings--heading-margin-top: var(--space--4);
  --all-headings--heading-margin-bottom: var(--space--2);
  --display--text-transform: var(--all-headings--heading-text-transform);
  --display--margin-top: var(--section-space--none);
  --h1--text-transform: var(--all-headings--heading-text-transform);
  --h2--text-transform: var(--text-transform--uppercase);
  --h3--text-transform: var(--all-headings--heading-text-transform);
  --h4--text-transform: var(--all-headings--heading-text-transform);
  --h5--text-transform: var(--all-headings--heading-text-transform);
  --h6--text-transform: var(--all-headings--heading-text-transform);
  --text-large--text-transform: var(--text-transform--inherit);
  --text-large--margin-top: var(--space--2);
  --text-main--text-transform: var(--text-transform--none);
  --text-small--text-transform: var(--text-transform--inherit);
  --text-small--margin-top: var(--space--2);
  --column-width--1: 0px;
  --column-width--2: 0px;
  --column-width--3: 0px;
  --column-width--4: 0px;
  --column-width--5: 0px;
  --column-width--6: 0px;
  --column-width--7: 0px;
  --column-width--8: 0px;
  --column-width--9: 0px;
  --column-width--10: 0px;
  --column-width--11: 0px;
  --column-width--12: 0px;
  --column-margin--0: 0px;
  --column-margin--1: 1px;
  --column-margin--2: 2px;
  --column-margin--3: 3px;
  --column-margin--4: 4px;
  --column-margin--5: 5px;
  --column-margin--6: 6px;
  --column-margin--7: 7px;
  --column-margin--8: 8px;
  --column-margin--9: 9px;
  --column-margin--10: 10px;
  --column-margin--11: 11px;
  --column-margin--12: 12px;
  --text-transform--inherit: 0px;
  --text-transform--none: 0px;
  --text-transform--uppercase: 0px;
  --text-transform--capitalize: 0px;
  --text-transform--lowercase: 0px;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--theme--background);
  font-family: var(--text-main--font-family);
  color: var(--theme--text);
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  font-weight: var(--text-main--font-weight);
  letter-spacing: var(--text-main--letter-spacing);
}

h1 {
  margin-top: 0;
  margin-bottom: var(--h1--margin-bottom);
  font-family: var(--h1--font-family);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
  text-transform: var(--h1--text-transform);
  text-wrap: balance;
}

h2 {
  margin-top: 0;
  margin-bottom: var(--h2--margin-bottom);
  font-family: var(--h2--font-family);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-transform: var(--h2--text-transform);
  text-wrap: balance;
}

h3 {
  margin-top: 0;
  margin-bottom: var(--h3--margin-bottom);
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  letter-spacing: var(--h3--letter-spacing);
  text-transform: var(--h3--text-transform);
  text-wrap: balance;
}

h4 {
  margin-top: 0;
  margin-bottom: var(--h4--margin-bottom);
  font-family: var(--h4--font-family);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
  text-transform: var(--h4--text-transform);
  text-wrap: balance;
}

h5 {
  margin-top: 0;
  margin-bottom: var(--h5--margin-bottom);
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
  text-transform: var(--h5--text-transform);
  text-wrap: balance;
}

h6 {
  margin-top: 0;
  margin-bottom: var(--h6--margin-bottom);
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
  text-transform: var(--h6--text-transform);
  text-wrap: balance;
}

p {
  margin-top: 0;
  margin-bottom: var(--text-main--margin-bottom);
  font-family: var(--text-main--font-family);
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  font-weight: var(--text-main--font-weight);
  letter-spacing: var(--text-main--letter-spacing);
  text-transform: var(--text-main--text-transform);
  text-wrap: pretty;
}

a {
  color: inherit;
  outline-width: var(--focus--width);
  outline-offset: var(--focus--offset-outer);
  text-decoration: none;
}

ul, ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: "";
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

blockquote {
  border-style: none;
  padding: 0;
}

figure {
  margin-top: var(--space--5);
  margin-bottom: var(--space--5);
}

.u-text-style-display {
  margin-bottom: var(--display--margin-bottom);
  font-family: var(--display--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--display--font-weight);
  letter-spacing: var(--display--letter-spacing);
  text-transform: var(--display--text-transform);
  text-wrap: balance;
}

.u-text-style-h1 {
  margin-bottom: var(--h1--margin-bottom);
  font-family: var(--h1--font-family);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
  text-transform: var(--h1--text-transform);
  text-wrap: balance;
}

.u-text-style-h2 {
  margin-bottom: var(--h2--margin-bottom);
  font-family: var(--h2--font-family);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-transform: var(--h2--text-transform);
  text-wrap: balance;
}

.u-text-style-h3 {
  margin-bottom: var(--h3--margin-bottom);
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  text-transform: var(--h3--text-transform);
  text-wrap: balance;
}

.u-text-style-h4 {
  margin-bottom: var(--h4--margin-bottom);
  font-family: var(--h4--font-family);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
  text-transform: var(--h4--text-transform);
  text-wrap: balance;
}

.u-text-style-h5 {
  margin-bottom: var(--h5--margin-bottom);
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
  text-transform: var(--h5--text-transform);
  text-wrap: balance;
}

.u-text-style-h6 {
  margin-bottom: var(--h6--margin-bottom);
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
  text-transform: var(--h6--text-transform);
  text-wrap: balance;
}

.u-text-style-large {
  margin-bottom: var(--text-large--margin-bottom);
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  font-weight: var(--text-large--font-weight);
  letter-spacing: var(--text-large--letter-spacing);
  text-transform: var(--text-large--text-transform);
  text-wrap: pretty;
}

.u-text-style-main {
  margin-bottom: var(--text-main--margin-bottom);
  font-family: var(--text-main--font-family);
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  font-weight: var(--text-main--font-weight);
  letter-spacing: var(--text-main--letter-spacing);
  text-transform: var(--text-main--text-transform);
  text-wrap: pretty;
}

.u-text-style-small {
  margin-bottom: var(--text-small--margin-bottom);
  font-family: var(--text-small--font-family);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  font-weight: var(--text-small--font-weight);
  letter-spacing: var(--text-small--letter-spacing);
  text-transform: var(--text-small--text-transform);
  text-wrap: pretty;
}

.u-rich-text h1 {
  margin-top: var(--h1--margin-top);
  margin-bottom: var(--h1--margin-bottom);
}

.u-rich-text h2 {
  margin-top: var(--h2--margin-top);
  margin-bottom: var(--h2--margin-bottom);
}

.u-rich-text h3 {
  margin-top: var(--h3--margin-top);
  margin-bottom: var(--h3--margin-bottom);
}

.u-rich-text h4 {
  margin-top: var(--h4--margin-top);
  margin-bottom: var(--h4--margin-bottom);
}

.u-rich-text h5 {
  margin-top: var(--h5--margin-top);
  margin-bottom: var(--h5--margin-bottom);
}

.u-rich-text h6 {
  margin-top: var(--h6--margin-top);
  margin-bottom: var(--h6--margin-bottom);
}

.u-rich-text p {
  margin-top: var(--text-main--margin-top);
  margin-bottom: var(--text-main--margin-bottom);
}

.u-rich-text blockquote {
  margin-top: var(--space--6);
  margin-bottom: var(--space--6);
  padding-top: var(--size--0-5rem);
  padding-right: var(--size--1rem);
  padding-bottom: var(--size--0-5rem);
  padding-left: var(--size--1rem);
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  font-weight: var(--text-large--font-weight);
  letter-spacing: var(--text-large--letter-spacing);
  text-transform: var(--text-large--text-transform);
  border-left-style: solid;
  border-left-width: .2rem;
}

.u-rich-text ol {
  margin-bottom: var(--space--2);
  padding-left: 1.7em;
  list-style-type: decimal;
  overflow: visible;
}

.u-rich-text li {
  margin-bottom: var(--space--1);
}

.u-rich-text ul {
  margin-bottom: var(--space--1);
  padding-left: 1em;
  list-style-type: disc;
  overflow: visible;
}

.u-container {
  max-width: var(--container--main);
  padding-top: var(--section-space--main);
  padding-bottom: var(--section-space--main);
  padding-left: var(--size--5rem);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-container-small {
  max-width: var(--container--small);
  padding-top: var(--section-space--main);
  padding-bottom: var(--section-space--main);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-container-full {
  max-width: var(--container--full);
  padding-top: var(--section-space--main);
  padding-bottom: var(--section-space--main);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-child-contain {
  min-width: 100%;
  max-width: 45ch;
}

.u-sr-only {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.u-visual-wrap {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
  display: -webkit-box;
  overflow: hidden;
}

.u-hflex-left-top {
  flex-flow: row;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-hflex-left-center {
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-hflex-left-bottom {
  flex-flow: row;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-hflex-left-stretch {
  flex-flow: row;
  place-content: stretch flex-start;
  align-items: stretch;
  display: flex;
}

.u-hflex-center-top {
  flex-flow: row;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-hflex-center-center {
  flex-flow: row;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-hflex-center-bottom {
  flex-flow: row;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-hflex-center-stretch {
  flex-flow: row;
  place-content: stretch center;
  align-items: stretch;
  display: flex;
}

.u-hflex-right-top {
  flex-flow: row;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-hflex-right-center {
  flex-flow: row;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-hflex-right-bottom {
  flex-flow: row;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-hflex-right-stretch {
  flex-flow: row;
  place-content: stretch flex-end;
  align-items: stretch;
  display: flex;
}

.u-hflex-between-top {
  flex-flow: row;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-hflex-between-center {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-hflex-between-bottom {
  flex-flow: row;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-hflex-between-stretch {
  flex-flow: row;
  place-content: stretch space-between;
  align-items: stretch;
  display: flex;
}

.u-hflex-wrap {
  flex-flow: wrap;
}

.u-vflex-left-top {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-center {
  flex-flow: column;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-bottom {
  flex-flow: column;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-between {
  flex-flow: column;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-vflex-center-top {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-vflex-center-center {
  flex-flow: column;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-vflex-center-bottom {
  flex-flow: column;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-vflex-center-between {
  flex-flow: column;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-vflex-right-top {
  flex-flow: column;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-center {
  flex-flow: column;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-bottom {
  flex-flow: column;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-between {
  flex-flow: column;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-vflex-stretch-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-bottom {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.u-vflex-wrap {
  flex-flow: column wrap;
}

.u-flex-noshrink {
  flex: none;
}

.u-flex-shrink {
  flex: 0 auto;
}

.u-flex-grow {
  flex: 1;
}

.u-grid-custom {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-1);
  display: grid;
}

.u-grid-subgrid {
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: subgrid;
  grid-column-gap: inherit;
  grid-row-gap: inherit;
  grid-column: auto / span 1;
  display: grid;
}

.u-grid-autofit {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-autofill {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-column-2 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-2);
  display: grid;
}

.u-grid-column-3 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-3);
  display: grid;
}

.u-grid-column-4 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-4);
  display: grid;
}

.u-grid-desktop, .u-grid-tablet, .u-grid-landscape {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-main);
  display: grid;
}

.u-grid-breakout {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-breakout);
  display: grid;
}

.u-grid-flex {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-flow: wrap;
  display: flex;
}

.u-align-self-auto {
  align-self: auto;
}

.u-align-self-start {
  align-self: flex-start;
}

.u-align-self-center {
  align-self: center;
}

.u-align-self-end {
  align-self: flex-end;
}

.u-align-self-stretch {
  align-self: stretch;
}

.u-align-items-stretch {
  align-content: stretch;
  align-items: stretch;
}

.u-align-items-start {
  align-content: flex-start;
  align-items: flex-start;
}

.u-align-items-center {
  align-content: center;
  align-items: center;
}

.u-align-items-end {
  align-content: flex-end;
  align-items: flex-end;
}

.u-color-inherit {
  color: inherit;
}

.u-color-faded {
  color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}

.u-block-gap {
  margin-left: calc(var(--gap-x) / 2 * -1);
  margin-right: calc(var(--gap-x) / 2 * -1);
  vertical-align: middle;
  padding-top: .01px;
  padding-bottom: .01px;
  display: block;
}

.u-block-gap-vertical {
  display: block;
}

.u-gap-0 {
  grid-column-gap: var(--size--0rem);
  grid-row-gap: var(--size--0rem);
}

.u-gap-inherit {
  grid-column-gap: inherit;
  grid-row-gap: inherit;
}

.u-gap-1 {
  grid-column-gap: var(--space--1);
  grid-row-gap: var(--space--1);
}

.u-gap-2 {
  grid-column-gap: var(--space--2);
  grid-row-gap: var(--space--2);
}

.u-gap-gutter {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
}

.u-gap-3 {
  grid-column-gap: var(--space--3);
  grid-row-gap: var(--space--3);
}

.u-gap-4 {
  grid-column-gap: var(--space--4);
  grid-row-gap: var(--space--4);
}

.u-gap-5 {
  grid-column-gap: var(--space--5);
  grid-row-gap: var(--space--5);
}

.u-gap-6 {
  grid-column-gap: var(--space--6);
  grid-row-gap: var(--space--6);
}

.u-gap-7 {
  grid-column-gap: var(--space--7);
  grid-row-gap: var(--space--7);
}

.u-gap-8 {
  grid-column-gap: var(--space--8);
  grid-row-gap: var(--space--8);
}

.u-gap-row-0 {
  grid-row-gap: var(--size--0rem);
}

.u-gap-row-inherit {
  grid-row-gap: inherit;
}

.u-gap-row-1 {
  grid-row-gap: var(--space--1);
}

.u-gap-row-2 {
  grid-row-gap: var(--space--2);
}

.u-gap-row-gutter {
  grid-row-gap: var(--site--gutter);
}

.u-gap-row-3 {
  grid-row-gap: var(--space--3);
}

.u-gap-row-4 {
  grid-row-gap: var(--space--4);
}

.u-gap-row-5 {
  grid-row-gap: var(--space--5);
}

.u-gap-row-6 {
  grid-row-gap: var(--space--6);
}

.u-gap-row-7 {
  grid-row-gap: var(--space--7);
}

.u-gap-row-8 {
  grid-row-gap: var(--space--8);
}

.u-mt-0 {
  margin-top: 0;
}

.u-mt-gutter {
  margin-top: var(--site--gutter);
}

.u-mt-1 {
  margin-top: var(--space--1);
}

.u-mt-2 {
  margin-top: var(--space--2);
}

.u-mt-3 {
  margin-top: var(--space--3);
}

.u-mt-4 {
  margin-top: var(--space--4);
}

.u-mt-5 {
  margin-top: var(--space--5);
}

.u-mt-6 {
  margin-top: var(--space--6);
}

.u-mt-7 {
  margin-top: var(--space--7);
}

.u-mt-8 {
  margin-top: var(--space--8);
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-gutter {
  margin-bottom: var(--site--gutter);
}

.u-mb-1 {
  margin-bottom: var(--space--1);
}

.u-mb-2 {
  margin-bottom: var(--space--2);
}

.u-mb-3 {
  margin-bottom: var(--space--3);
}

.u-mb-4 {
  margin-bottom: var(--space--4);
}

.u-mb-5 {
  margin-bottom: var(--space--5);
}

.u-mb-6 {
  margin-bottom: var(--space--6);
}

.u-mb-7 {
  margin-bottom: var(--space--7);
}

.u-mb-8 {
  margin-bottom: var(--space--8);
}

.u-weight-regular {
  font-weight: var(--font--primary-regular);
}

.u-weight-medium {
  font-weight: var(--font--primary-medium);
}

.u-weight-bold {
  font-weight: var(--font--primary-bold);
}

.u-min-height-screen {
  min-height: 100svh;
}

.u-column-full {
  grid-column: 1 / -1;
}

.u-column-custom {
  grid-column: auto / span 1;
}

.u-column-indent {
  grid-column: 2 / -2;
}

.u-column-1 {
  grid-column: auto / span 1;
}

.u-column-2 {
  grid-column: auto / span 2;
}

.u-column-3 {
  grid-column: auto / span 3;
}

.u-column-4 {
  grid-column: auto / span 4;
}

.u-column-5 {
  grid-column: auto / span 5;
}

.u-column-6 {
  grid-column: auto / span 6;
}

.u-column-7 {
  grid-column: auto / span 7;
}

.u-column-8 {
  grid-column: auto / span 8;
}

.u-column-9 {
  grid-column: auto / span 9;
}

.u-column-10 {
  grid-column: auto / span 10;
}

.u-column-11 {
  grid-column: auto / span 11;
}

.u-column-12 {
  grid-column: auto / span 12;
}

.u-order-first, .u-order-first-desktop, .u-order-first-tablet {
  order: -1;
}

.u-order-last, .u-order-last-desktop, .u-order-last-tablet {
  order: 1;
}

.u-text-align-left {
  text-align: left;
}

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

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

.u-text-transform-none {
  text-transform: none;
}

.u-text-transform-uppercase {
  text-transform: uppercase;
}

.u-text-transform-capitalize {
  text-transform: capitalize;
}

.u-text-transform-lowercase {
  text-transform: lowercase;
}

.u-text-wrap-wrap {
  text-wrap: wrap;
}

.u-text-wrap-balance {
  text-wrap: balance;
}

.u-text-wrap-pretty {
  text-wrap: pretty;
}

.u-max-width-none {
  max-width: none;
}

.u-radius-none {
  border-radius: 0;
}

.u-radius-inherit {
  border-radius: inherit;
}

.u-radius-small {
  border-radius: var(--radius--small);
}

.u-radius-main {
  border-radius: var(--radius--main);
}

.u-radius-round {
  border-radius: var(--radius--round);
}

.u-overflow-visible {
  overflow: visible;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-clip {
  overflow: clip;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-x-auto {
  overflow: auto hidden;
}

.u-overflow-y-auto {
  overflow: hidden auto;
}

.u-overflow-hidden-left {
  -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%);
  clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%);
}

.u-display-block {
  display: block;
}

.u-display-inline {
  display: inline;
}

.u-display-inline-block {
  display: inline-block;
}

.u-display-inline-flex {
  display: inline-flex;
}

.u-display-inline-grid {
  display: inline-grid;
}

.u-display-none {
  display: none;
}

.u-zindex-negative {
  z-index: -1;
  position: relative;
}

.u-zindex-0 {
  z-index: 0;
  position: relative;
}

.u-zindex-unset {
  z-index: unset;
  position: relative;
}

.u-zindex-1 {
  z-index: 1;
  position: relative;
}

.u-zindex-2 {
  z-index: 2;
  position: relative;
}

.u-zindex-3 {
  z-index: 3;
  position: relative;
}

.u-position-static {
  position: static;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-position-sticky {
  position: sticky;
  top: 0;
}

.u-position-fixed {
  position: fixed;
}

.u-height-full {
  height: 100%;
}

.u-width-full {
  width: 100%;
}

.u-cover {
  width: 100%;
  height: 100%;
}

.u-cover-absolute {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-pointer-on {
  pointer-events: auto;
}

.u-pointer-off {
  pointer-events: none;
}

.styleguide_title, .styleguide_subheading {
  margin-bottom: 0;
}

.hero_placeholder_wrap {
  text-align: center;
}

.styleguide_card_wrap {
  padding: var(--space--5);
  grid-column-gap: var(--space--6);
  grid-row-gap: var(--space--6);
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.styleguide_footer {
  border-top: var(--border-width--main) solid var(--theme--border);
  text-align: center;
}

.g_tag_wrap {
  padding: var(--size--0-5rem) var(--size--0-75rem);
  border-radius: var(--radius--small);
  background-color: var(--theme--text);
  color: var(--theme--background);
  line-height: var(--line-height--1);
  text-align: center;
  min-width: 4rem;
  display: inline-block;
}

.styleguide_font_item {
  padding-top: var(--space--5);
  padding-bottom: var(--space--5);
  grid-column-gap: var(--space--4);
  grid-row-gap: var(--space--4);
  border-bottom: var(--border-width--main) solid var(--theme--border);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form_main_field_wrap {
  text-align: left;
  width: 100%;
}

.form_main_wrap {
  width: 100%;
  margin-bottom: 0;
}

.form_main_success_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  background-color: var(--swatch--transparent);
  padding: 1.2rem;
}

.form_main_option_item {
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.form_main_error_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  background-color: #0000;
  margin-top: 0;
  padding: .8rem 1.4rem;
}

.form_main_option_link {
  width: var(--size--1-5rem);
  height: var(--size--1-5rem);
  margin: 0px var(--space--2) 0px 0px;
  border-width: var(--border-width--main);
  border-color: var(--theme--border);
  border-radius: var(--radius--small);
}

.form_main_option_link.w--redirected-checked {
  border-color: var(--swatch--brand);
  border-radius: var(--radius--small);
  background-color: var(--swatch--brand);
  background-size: 60%;
}

.form_main_option_link.radio {
  border-radius: var(--radius--round);
}

.form_main_field_input {
  height: var(--size--3rem);
  border-top: 0 solid #000;
  border-bottom-style: solid;
  border-right: 0 solid #000;
  border-bottom-width: var(--border-width--main);
  border-bottom-color: var(--theme--border);
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  font-weight: var(--text-large--font-weight);
  color: inherit;
  text-transform: var(--text-large--text-transform);
  background-color: #0000;
  border-left: 0 solid #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.form_main_field_input:focus {
  border-bottom-color: var(--theme--text);
}

.form_main_field_input::placeholder {
  color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}

.form_main_field_input.is-message {
  padding-top: var(--size--0-5rem);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 5rem;
  max-height: 10rem;
}

.btn_main_wrap {
  padding: var(--size--0-25rem) 2.46875rem;
  color: var(--button--text);
  text-transform: uppercase;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: border-color .2s, color .2s, background-color .2s;
  position: relative;
}

.btn_main_wrap:hover {
  border-color: var(--button--border-hover);
  background-color: var(--button--background-hover);
  color: var(--button--text-hover);
}

.btn_main_wrap.u-height-full {
  font-size: var(--size--2rem);
  font-weight: var(--font--primary-bold);
  height: 4.25rem;
}

.btn_main_wrap.u-height-full:hover {
  background-color: var(--swatch--transparent);
}

.btn_main_wrap.u-height-full.u-hflex-center-center {
  margin-top: var(--size--0-25rem);
  margin-bottom: var(--size--0-25rem);
  padding-top: var(--size--1rem);
  height: 5.5rem;
  padding-left: 3.0625rem;
  padding-right: 3.0625rem;
  transition: padding .65s, border-color .2s, color .2s, background-color .2s;
}

.btn_main_wrap.u-height-full.u-hflex-center-center:where(.w-variant-dbab86da-e3d2-9598-a35f-15e7d2c137c2) {
  font-size: var(--size--1-5rem);
  letter-spacing: .64px;
  height: 3.375rem;
}

.btn_main_wrap.u-height-full.u-hflex-center-center:hover {
  padding-right: var(--size--3-5rem);
  padding-left: var(--size--3-5rem);
  color: var(--swatch--dark);
}

.btn_main_wrap.u-height-full.u-hflex-center-center:hover:where(.w-variant-dbab86da-e3d2-9598-a35f-15e7d2c137c2) {
  color: var(--swatch--brand-text);
}

.btn_main_text {
  z-index: 20;
  letter-spacing: .64px;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 2.3rem;
  line-height: 1;
  display: flex;
  position: relative;
  top: 7px;
}

.btn_main_text:where(.w-variant-bc99dc95-0672-049f-f549-35769d5938c9), .btn_main_text:where(.w-variant-79d0a6ea-e459-e5fb-c084-c6f45285eb58) {
  color: var(--black);
}

.btn_main_text.opacity-none {
  opacity: 0;
}

.btn_main_text.is-old {
  top: 0;
}

.btn_play_wrap {
  aspect-ratio: 1;
  border: var(--border-width--main) solid var(--button--border);
  border-radius: var(--radius--round);
  background-color: var(--button--background);
  color: var(--button--text);
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 5rem;
  transition: border-color .2s, color .2s, background-color .2s;
  display: inline-flex;
  position: relative;
}

.btn_play_wrap:hover {
  border-color: var(--button--border-hover);
  background-color: var(--button--background-hover);
  color: var(--button--text-hover);
}

.btn_play_icon {
  aspect-ratio: 1;
  width: 36%;
  position: relative;
}

.page_wrap {
  overflow: clip;
}

.page_code_wrap {
  position: fixed;
  inset: 0% 0% auto;
}

.styleguide_group {
  padding-top: var(--space--7);
  grid-column-gap: var(--space--5);
  grid-row-gap: var(--space--5);
  flex-flow: column;
  display: flex;
}

.styleguide_visual {
  padding: var(--space--1);
  aspect-ratio: 3 / 1.5;
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--small);
  text-align: center;
  width: 100%;
  max-height: 7rem;
  position: relative;
  overflow: hidden;
}

.styleguide_icon {
  width: var(--size--3rem);
  height: var(--size--3rem);
}

.hero_utility-page_wrap {
  text-align: center;
}

.hero_utility-page_contain.u-container {
  align-content: center;
  min-height: 100vh;
}

.hero_utility-page_content {
  grid-column-gap: var(--space--8);
  grid-row-gap: var(--space--8);
  flex-flow: column;
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero_placeholder_contain {
  grid-column-gap: var(--space--8);
  grid-row-gap: var(--space--8);
  flex-flow: column;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.styleguide_contain.u-container {
  padding-top: var(--section-space--small);
  padding-bottom: var(--section-space--small);
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.styleguide_guide_layout.u-grid-custom {
  grid-template-columns: var(--grid-main);
}

.styleguide_guide_column {
  color: #8a8a8a80;
  background-color: #9292920f;
  height: 100vh;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.g_eyebrow_wrap {
  margin-bottom: var(--content-space--eyebrow-margin);
}

.g_eyebrow_marker {
  width: var(--border-width--main);
  background-color: currentColor;
  flex: none;
  padding-bottom: 0;
  padding-right: 0;
}

.g_eyebrow_text {
  margin-top: 0;
  margin-bottom: 0;
}

.g_visual_background {
  opacity: .1;
  background-color: currentColor;
}

.g_visual_overlay {
  background-color: #000;
}

.hero_placeholder_link {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width--main);
  display: inline-block;
}

.styleguide_list {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.styleguide_card_visual {
  border-top-left-radius: var(--radius--round);
  border-top-right-radius: var(--radius--round);
  border-bottom-left-radius: var(--radius--round);
  border-bottom-right-radius: var(--radius--round);
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  width: 100%;
  min-width: 3rem;
  min-height: 3rem;
  padding: 0;
}

.hero_placeholder_title {
  margin-top: 0;
  margin-bottom: 0;
}

.styleguide_flex_wrap {
  aspect-ratio: 1;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 88%;
  flex-flow: column;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

.styleguide_flex_dot {
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 100vw;
  min-width: 16cqw;
  min-height: 16cqw;
  padding: 0;
}

.styleguide_scroll {
  padding-left: var(--site--margin);
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  margin-left: calc(var(--site--margin) * -1);
  scrollbar-color: var(--theme--text) transparent;
  grid-template-rows: auto;
  grid-template-columns: minmax(16rem, 1fr);
  grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
  overflow: auto;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
}

.styleguide_section {
  padding-top: var(--space--8);
}

.g_clickable_wrap {
  z-index: 3;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.g_clickable_link {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.g_clickable_btn {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.styleguide_layout {
  grid-row-gap: var(--space--8);
  align-items: start;
}

.styleguide_nav_wrap {
  padding-top: var(--size--1rem);
  padding-right: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  padding-left: var(--size--1rem);
  border-top-left-radius: var(--radius--small);
  border-top-right-radius: var(--radius--small);
  border-bottom-left-radius: var(--radius--small);
  border-bottom-right-radius: var(--radius--small);
  max-height: calc(100vh - var(--site--margin) * 2);
  top: var(--site--margin);
  order: 1;
  grid-column: 10 / span 3;
  position: sticky;
  overflow: hidden auto;
}

.styleguide_nav_list {
  border-left: var(--border-width--main) solid var(--theme--border);
}

.styleguide_nav_item {
  margin-left: calc(var(--border-width--main) * -.5);
}

.styleguide_nav_link {
  padding-top: var(--size--0-125rem);
  padding-bottom: var(--size--0-125rem);
  padding-left: var(--size--0-75rem);
  outline-offset: var(--focus--offset-inner);
  display: block;
}

.styleguide_nav_link.w--current {
  border-left-style: solid;
  border-left-width: var(--border-width--main);
  border-left-color: currentColor;
}

.styleguide_nav_sub_list {
  overflow: hidden;
}

.styleguide_nav_sub_link {
  padding-top: var(--size--0-125rem);
  padding-right: 1.1rem;
  padding-bottom: var(--size--0-125rem);
  opacity: .6;
  outline-offset: var(--focus--offset-inner);
  padding-left: 1.1rem;
  line-height: 1.3em;
  display: block;
}

.styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current {
  opacity: 1;
}

.styleguide_nav_sub_wrap {
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: grid;
}

.btn_play_pause {
  opacity: 0;
}

.g_eyebrow_layout {
  grid-column-gap: var(--space--3);
  grid-row-gap: var(--space--3);
  display: inline-flex;
}

.g_svg {
  overflow: visible !important;
}

.styleguide_card_inner {
  grid-column-gap: var(--space--3);
  grid-row-gap: var(--space--3);
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav_wrap {
  background-color: var(--swatch--dark);
  position: sticky;
  top: 0;
  box-shadow: 0 3px 15px #01010157;
}

.nav_link {
  color: var(--swatch--light);
  font-size: 1.375rem;
  font-weight: var(--font--primary-bold);
  text-transform: uppercase;
  padding: 5px 2rem 0;
}

.btn_main_bg {
  object-fit: fill;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.banner_wrap {
  background-color: var(--swatch--white);
  width: 100%;
}

.banner_contain.u-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.banner_logo_wrap {
  margin-left: auto;
  margin-right: auto;
}

.banner_logo_image {
  object-fit: contain;
  height: 2rem;
}

.nav_logo_image {
  height: 5rem;
}

.banner_layout_text {
  font-size: 1.0625rem;
  font-weight: var(--font--primary-bold);
  text-transform: uppercase;
}

.banner_layout_text.font-family-body {
  font-family: Inter, sans-serif;
  font-size: .8rem;
  font-weight: 700;
}

.hero_contain.u-container {
  justify-content: flex-start;
  align-items: center;
  max-height: 100vh;
}

.hero_contain.u-container.z-index-2 {
  z-index: 2;
  min-height: 100vh;
  max-height: none;
}

.hero_content.u-min-height-screen {
  padding-top: 7.1875rem;
  padding-bottom: var(--size--5rem);
}

.hero_content.u-min-height-screen.u-vflex-left-center {
  padding-top: 0;
  padding-bottom: var(--size--0rem);
  height: 100%;
  position: relative;
}

.u-gap-9 {
  grid-column-gap: var(--space--9);
  grid-row-gap: var(--space--9);
}

.u-color-brand-secondary {
  color: var(--swatch--brand-secondary);
}

.hero_marquee_item.u-position-relative {
  margin-top: var(--size--1rem);
  margin-bottom: var(--size--1rem);
}

.marquee_item_image.u-position-absolute {
  inset: auto 0% -6%;
}

.marquee_item_image.u-position-absolute.mobile-top {
  display: none;
}

.available_logo-image {
  object-fit: contain;
  flex: 0 auto;
  width: 100%;
  max-height: 4.75188rem;
}

.available_logo-image.is-epic {
  max-height: 3.75rem;
}

.page-styles {
  display: none;
}

.u-color-brand-alt {
  color: var(--swatch--brand);
}

.saga_wrap {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/texture-bg-1-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.saga_content.u-container {
  padding-top: var(--size--6rem);
  padding-bottom: var(--size--3rem);
}

.saga_h2.u-mb-4.u-color-brand-tertiary {
  font-size: 4.375rem;
}

.slider-list_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 45%;
  display: flex;
}

.slider-list_arrow {
  color: #ffffff4d;
  padding-top: .95em;
  padding-bottom: .8em;
  transition: color .1s;
}

.slider-list_arrow:hover {
  color: #fff;
}

.slider-list_arrow.swiper-prev, .slider-list_arrow.swiper-next {
  padding-top: 0;
  padding-bottom: 0;
}

.swiper-bullet-wrapper.is-slider-list {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 1rem;
  display: flex;
  transform: translate(0, 16px);
}

.slider-photo_component {
  flex: none;
  width: 50%;
}

.swiper-slide.is-slider-photo {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 110%;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper-slide.is-slider-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  border-bottom: 1px solid #f1ecda;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 5.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: border-width .4s;
  display: flex;
}

.swiper-slide.cc-characters {
  flex: none;
  width: 21rem;
  height: 35rem;
}

.swiper-slide.is-slider-bg {
  z-index: 2;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper-slide.is-slider-thumbnails {
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  display: flex;
}

.slider-list_bottom-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.swiper.is-slider-list {
  width: 100%;
  height: 22rem;
  overflow: hidden;
}

.swiper.is-slider-photo {
  flex: none;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.swiper.cc-characters {
  overflow: visible;
}

.swiper.is-slider-bg {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/weapons-background-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper.is-slider-thumbnails {
  width: 100%;
  height: 100%;
}

.swiper-bullet {
  border: 1px solid var(--swatch--brand);
  background-color: var(--swatch--white);
  text-align: center;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: .5rem;
  height: .5rem;
  line-height: 1.3;
  transition: all .2s;
  display: flex;
  transform: rotate(-45deg);
}

.swiper-bullet.is-active {
  background-color: var(--swatch--brand);
  color: #000;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: var(--font--primary-bold);
  justify-content: center;
  align-items: flex-end;
}

.slider-releases_component {
  grid-row-gap: 4em;
  color: #fff;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.slider-photo_overflow {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.swiper-wrapper.is-slider-photo {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.swiper-wrapper.cc-characters {
  display: flex;
}

.swiper-wrapper.is-slider-bg {
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-wrapper.is-slider-thumbnails {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider_list_title {
  margin-bottom: 0;
  font-size: 2.25em;
  line-height: 1;
}

.slider_list_title.u-text-style-large {
  font-size: var(--size--1-5rem);
}

.slider_list_title.u-text-style-large.u-weight-bold {
  font-family: var(--font--heading-family);
  color: #f1ecda;
  font-size: var(--size--1-5rem);
  font-weight: var(--font--primary-bold);
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: normal;
  width: 90%;
}

.slider_list_rating {
  font-size: 1.38em;
  line-height: 1.1;
}

.slider_list_rating.u-text-style-large.u-weight-bold {
  color: var(--swatch--light);
  font-size: var(--size--1-25rem);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: .5rem;
  line-height: 0;
  transition: color .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-photo_card {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  position: relative;
}

.footer_wrap {
  background-color: #3b0200;
}

.slider_photo_lightbox {
  aspect-ratio: 16 / 9;
  border-radius: var(--size--0-5rem);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider_photo_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: .5rem;
}

.slider_heading_wrap.u-text-color-white {
  color: var(--swatch--light);
  max-width: 55.5rem;
  margin-left: auto;
  margin-right: auto;
}

.slider_heading_wrap.u-text-color-white.u-vflex-center-center.u-text-align-center {
  max-width: 53.75rem;
}

.u-gap-7-5 {
  grid-column-gap: var(--space--7-5);
  grid-row-gap: var(--space--7-5);
}

.footer_contain.u-container {
  padding-top: var(--size--2rem);
  padding-bottom: var(--size--2rem);
}

.footer_layout.u-hflex-center-center.u-gap-6 {
  color: var(--swatch--light);
  justify-content: center;
  align-items: stretch;
}

.footer_text.u-weight-bold {
  font-size: var(--size--1-25rem);
}

.footer_text.u-weight-bold.u-text-align-center {
  line-height: var(--line-height--1-1);
  max-width: 68ch;
}

.u-color-brand-tertiary {
  color: var(--swatch--brand-alt);
}

.videos_wrap {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/background-texture-1.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.videos_wrap.is-creators {
  background-color: #2b0100;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/social-background-1.webp');
}

.videos_contain.u-container {
  padding-top: 8.5rem;
}

.videos_layout.u-vflex-stretch-top.u-gap-7-5 {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
}

.video_grid.u-grid-column-2.u-gap-75 {
  grid-column-gap: var(--space--7);
  grid-row-gap: var(--space--7-5);
}

.videos_lightbox_main {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius--main);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.videos_lightbox_overlay.u-position-absolute {
  background-image: linear-gradient(#01010100 20%, #000);
  inset: 0%;
}

.videos_lightbox_overlay.u-position-absolute.u-vflex-left-bottom {
  z-index: 2;
  pointer-events: auto;
  color: var(--swatch--light);
  top: 0%;
}

.videos_lightbox_overlay.u-position-absolute.u-vflex-left-bottom:hover {
  color: var(--swatch--gold-alt);
}

.videos_lightbox_overlay.u-position-absolute.u-vflex-left-bottom.u-pointer-off {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.videos_lightbox_overlay.u-position-absolute.u-vflex-left-bottom.u-pointer-off.is-landscape {
  aspect-ratio: 3 / 2;
  pointer-events: none;
  color: inherit;
}

.videos_lightbox_text_wrap {
  margin-left: 4.25rem;
  padding-bottom: 3.4375rem;
}

.videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2.is-smaller {
  margin-right: var(--size--2rem);
  margin-left: 2rem;
  padding-bottom: 1.375rem;
}

.videos_play_overlay.u-position-absolute {
  inset: 0%;
}

.videos_play_overlay.u-position-absolute.u-vflex-center-center.u-pointer-off {
  z-index: 2;
  transition: color .3s;
  inset: 0%;
}

.videos_play_overlay.u-position-absolute.u-vflex-center-center.u-pointer-off:hover {
  color: var(--swatch--gold-alt);
}

.videos_play_overlay.u-position-absolute.u-vflex-center-center.u-pointer-off.is-xlarge {
  z-index: 10;
}

.videos_play_icon_wrap {
  width: 12.5rem;
  height: 12.5rem;
}

.videos_play_icon_wrap.is-smaller {
  width: 6.00688rem;
  height: 6.00688rem;
}

.videos_play_icon_wrap.is-smaller.u-vflex-center-center {
  z-index: 10;
}

.videos_play_icon_wrap.is-smaller.u-vflex-center-center.tablet-bigger.is-xlarge {
  z-index: 40;
  width: 9rem;
  height: 9rem;
  position: relative;
}

.video_lightbox_subtext.u-weight-bold {
  font-size: 2.25rem;
}

.video_lightbox_subtext.u-weight-bold.u-color-brand-secondary {
  line-height: var(--line-height--1);
}

.video_lightbox_subtext.u-weight-bold.u-color-brand-secondary.is-smaller {
  font-family: var(--font--heading-family);
  font-size: var(--size--1-25rem);
}

.videos_lightbox_title.u-weight-bold {
  font-family: var(--font--heading-family);
  color: var(--swatch--light);
  font-size: 2.625rem;
  line-height: var(--line-height--1-3);
}

.videos_lightbox_title.u-weight-bold.is-smaller {
  font-family: var(--font--heading-family);
  font-size: var(--size--1-5rem);
}

.video_lightbox_tag.u-position-absolute {
  max-width: 10.75rem;
  margin-right: 5.375rem;
  inset: 0% 0% auto auto;
}

.video_lightbox_tag.u-position-absolute.is-smaller {
  max-width: 5.15625rem;
  margin-right: 2.59375rem;
}

.sidebar_nav_wrap {
  z-index: 10;
  padding: var(--size--2rem) var(--size--1-25rem);
  background-color: var(--swatch--tan);
  width: 5rem;
  height: 100vh;
  position: sticky;
  inset: 0% auto 0% 0%;
  box-shadow: 4px 0 8px #00000059;
}

.sidebar_nav_container {
  z-index: 3;
  flex-flow: column;
  height: 100%;
  position: relative;
}

.sidebar_nav_logo {
  padding-left: 0;
}

.sidebar_nav_menu {
  flex-flow: column;
  align-items: center;
}

.image-absolute {
  z-index: 2;
  opacity: .6;
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-absolute.is-slider {
  opacity: 100;
}

.image-absolute.is-mobile, .image-absolute.is-mobile.is-menu {
  display: none;
}

.sidebar_menu_link {
  width: var(--size--2-5rem);
  height: var(--size--2-5rem);
  border-radius: var(--radius--small);
}

.sidebar_menu_link.u-vflex-center-center {
  transition: background-color .25s;
  position: relative;
}

.sidebar_menu_link.u-vflex-center-center:hover, .sidebar_menu_link.u-vflex-center-center.w--current {
  background-color: #b69572;
}

.sidebar_menu_icon.is-1 {
  width: var(--size--1-5rem);
  height: 1.53563rem;
}

.sidebar_menu_icon.is-2 {
  width: 1.52rem;
  height: 1.055rem;
}

.sidebar_menu_icon.is-3 {
  width: 1.50375rem;
  height: 1.24313rem;
}

.sidebar_menu_icon.is4 {
  width: auto;
  height: 1.5rem;
}

.sidebar_nav_logo_image {
  width: var(--size--4rem);
}

.main-wrapper {
  margin-top: -100vh;
}

.section_hero_wrap {
  background-image: linear-gradient(90deg, #092744 30%, #09274400 79%), url('https://www.ign.com/special/kingdom-come-deliverance-2/images/hero-kcd2-royal.webp');
  background-position: 0 0, -150% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 110%;
  background-attachment: scroll, fixed;
  min-height: 100vh;
  overflow: hidden;
}

.hero_text_wrap.u-vflex-stretch-between.u-gap-9 {
  grid-column-gap: 1.9rem;
  grid-row-gap: 1.9rem;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  max-width: 44.25rem;
  padding-top: 2.8125rem;
}

.hero_logo_wrap {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.hero_details_wrap.u-vflex-center-between.u-gap-row-6 {
  padding: var(--size--0-5rem) 2.71875rem 4.5rem;
  grid-row-gap: var(--space--5);
  justify-content: space-between;
  align-items: center;
}

.hero_logo_image.u-height-full {
  width: 80%;
}

.tale_wrap {
  z-index: 1;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/tale-background-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -3rem;
}

.tale_contain.u-container {
  justify-content: flex-start;
  align-items: center;
  max-height: 100vh;
}

.tale_contain.u-container.u-hflex-center-center {
  max-height: none;
  padding-top: 9.15625rem;
  padding-bottom: 9rem;
}

.tale_layout.u-vflex-stretch-top.u-width-full {
  grid-column-gap: 5.625rem;
  grid-row-gap: 5.625rem;
}

.tale_text_content.u-vflex-left-between.u-gap-4 {
  max-width: 23.4rem;
}

.tale_text_lottie {
  display: none;
}

.tale_top.u-hflex-between-stretch {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.saga_text_wrap {
  max-width: 53.75rem;
}

.saga_text_wrap.u-vflex-left-top.u-gap-6 {
  font-size: 3.75rem;
}

.splide.slider1, .splide.is-characters-splide {
  position: relative;
}

.splide.is-social-slider {
  width: 100%;
  display: block;
}

.splide.is-game-help {
  width: 100%;
}

.splide__track.is-characters {
  height: 100%;
}

.splide__list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__list.is-characters {
  height: 100%;
}

.splide__slide {
  flex: none;
  width: 100vw;
}

.splide__slide.is-characters {
  width: 33.33%;
}

.splide__slide.is-social {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 33.33%;
}

.splide__slide.is-social:hover {
  color: var(--swatch--brand);
}

.splide__slide.is-game-help {
  object-fit: cover;
  width: 50%;
}

.splide__slide.is-game-help:hover {
  color: var(--swatch--brand);
}

.splide__slide.is-dlc {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.slider_item {
  padding-top: var(--size--5rem);
  padding-bottom: var(--size--5rem);
  position: relative;
}

.slider_content_wrap.u-container {
  z-index: 3;
}

.slider_card {
  border-radius: var(--radius--small);
  background-color: var(--swatch--gold-alt);
  color: var(--swatch--brand-alt);
  width: 33.5rem;
  height: 40.125rem;
  position: relative;
  overflow: hidden;
  box-shadow: 4px 4px 20px #b6957280;
}

.slider_card_layer1.u-position-absolute.u-opacity-50 {
  opacity: .5;
}

.slider_card_layer2.u-position-absolute {
  z-index: 3;
}

.slider_card_layer3.u-position-absolute {
  padding-left: 3.625rem;
  padding-right: 3.625rem;
  inset: 0%;
}

.slider_card_layer3.u-position-absolute.u-vflex-left-center.u-gap-4 {
  z-index: 4;
}

.splide__arrows.u-container.u-hflex-between-center {
  height: 5.5rem;
}

.splide__arrows.is-characters {
  z-index: 10;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.625rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.splide__arrows.is-videos {
  z-index: 8;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.625rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.splide__arrow {
  height: 5.25rem;
  padding-bottom: 0;
  padding-right: 0;
}

.splide__arrow.splide__arrow--next {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.splide__arrow.splide__arrow--next.is-characters {
  pointer-events: auto;
  width: 5.25rem;
  height: 1.64125rem;
  transition: transform .2s;
  position: static;
}

.splide__arrow.splide__arrow--prev {
  width: 100%;
  position: absolute;
}

.splide__arrow.splide__arrow--prev.is-characters, .splide__arrow.splide__arrow--prev.is-videos {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 5.25rem;
  height: 1.64125rem;
  transition: transform .2s;
  display: flex;
  position: static;
}

.splide_arrow_contain.u-flex-noshrink.u-hflex-left-center.u-gap-5 {
  height: 100%;
  position: relative;
}

.splide_arrow_contain.u-flex-noshrink.u-hflex-left-center.u-gap-5.is-prev {
  position: relative;
}

.splide_arrow_image {
  width: 5.25rem;
}

.splide_arrow_text {
  font-size: 1.25rem;
}

.splide_arrow_text.u-weight-bold {
  margin-top: 5px;
  line-height: 1;
}

.splide_arrow_text.u-weight-bold.is-prev {
  margin-left: 6rem;
}

.splide_arrow_text.u-weight-bold.is-next {
  margin-right: 6rem;
}

.splide__pagination {
  z-index: 7;
  height: var(--size--5rem);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.pagination_item {
  pointer-events: auto;
  cursor: pointer;
  display: inline-block;
}

.splide__pagination__page {
  border: 2.5px solid var(--swatch--brand-alt);
  border-radius: 4px;
  width: 1.125rem;
  height: 1.125rem;
  transition: background-color .3s;
  transform: rotate(-45deg);
}

.splide__pagination__page:hover {
  background-color: #231300b3;
}

.splide__pagination__page.is-active {
  background-color: var(--swatch--brand-alt);
}

.tale_video_wrap {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
  display: flex;
  position: relative;
}

.tale_video_lightbox {
  aspect-ratio: 16 / 9;
  width: 96%;
  height: auto;
  position: relative;
}

.tale_video_lightbox.is-top {
  width: 100%;
}

.tale_video_image {
  aspect-ratio: 16 / 9;
  height: 100%;
}

.tale_video_cover {
  z-index: 5;
  pointer-events: none;
  width: 106%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% -3%;
  overflow: visible;
}

.tale_video_cover.cc-top {
  object-fit: contain;
  width: 111%;
  max-width: none;
  top: 7%;
  left: -5%;
}

.footer_rating {
  object-fit: contain;
  width: auto;
  height: 7rem;
}

.hero_image_background {
  object-position: 10% 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.fade-in-animation {
  text-align: center;
}

.button.u-text-transform-uppercase.u-weight-bold {
  position: relative;
}

.button_background {
  display: flex;
}

.button_background.is-overlay {
  z-index: 4;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.button_left {
  z-index: 2;
  object-fit: contain;
  flex: 1;
  width: 3.3rem;
  height: 5.5rem;
  margin-right: -3px;
  position: relative;
}

.button_right {
  z-index: 2;
  object-fit: contain;
  flex: 1;
  width: 3.3rem;
  height: 5.4rem;
  margin-left: -3px;
  position: relative;
}

.button_inside {
  padding-right: var(--button-inside-padding);
  padding-left: var(--button-inside-padding);
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/button-middle-gold-1.png');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  height: 5.5rem;
  display: flex;
}

.button_inside.is-orange {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/orange-button-middle-1.png');
}

.splide_arrow_image_wrap, .slide_arrow_next_wrap {
  width: 5.25rem;
  overflow: hidden;
}

.sidebar_nav_mobile_link.u-weight-bold.u-text-transform-uppercase, .sidebar_nav_mobile_shape, .sidebar_mobile_nav_button, .nav_shadow {
  display: none;
}

.navbar_menu_title {
  z-index: 3;
  opacity: 1;
  font-size: .875rem;
  line-height: 1.2;
  font-weight: var(--font--primary-bold);
  letter-spacing: .2px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  justify-content: center;
  align-items: center;
  width: 2rem;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  transform: rotate(180deg);
}

.navbar_menu_title.is-videos {
  white-space: nowrap;
  padding-right: 0;
}

.pre-loader {
  z-index: 9999;
  background-color: var(--swatch--dark-alt);
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader__loading-wrap {
  justify-content: center;
  align-items: center;
  width: 28.75rem;
  height: 6.25rem;
  display: flex;
  position: relative;
}

.progress-bar {
  height: 100%;
  position: relative;
}

.progress-bar__percent {
  background-color: var(--swatch--brand-secondary);
  border-radius: 1.625rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-bg-manuscript-dark {
  height: var(--size--2rem);
  border: 2px solid var(--swatch--light);
  background-color: var(--swatch--dark-alt);
  border-radius: 1.625rem;
  width: 21.6875rem;
  margin-left: auto;
  margin-right: auto;
}

.pre-loader__content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.pre-loader__flex {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.loading_bar.cc-preloader {
  object-fit: contain;
  height: 6.25rem;
  position: absolute;
  inset: 0%;
}

.loading_bar_text {
  z-index: 2;
  color: var(--swatch--dark-alt);
  letter-spacing: 1.92px;
  text-transform: uppercase;
  font-family: Pp Pangaia, Arial, sans-serif;
  font-size: 3.0625rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.preloader_contain.u-container {
  padding-left: 0;
}

.sidebar_menu_item {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.card {
  perspective: 150rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

.card.u-text-white {
  aspect-ratio: 9 / 16;
}

.character__img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.card__h3-firefox-fix {
  margin-bottom: 1rem;
  transition: opacity .3s cubic-bezier(.327, -.011, .936, .188);
}

.slider__arrow {
  cursor: pointer;
}

.slider__arrows {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card__side {
  position: absolute;
  inset: 0%;
}

.card__side.cc-back {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.u-w-100 {
  width: 100%;
}

.h2 {
  margin-bottom: 0;
}

.h2.u-position-absolute {
  font-size: var(--h4--font-size);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.h2.u-text-align-center {
  font-size: var(--h4--font-size);
}

.h2.u-text-align-center:where(.w-variant-e8d9cc56-925e-10ce-80c0-048541b9cd09) {
  color: var(--swatch--light);
}

.character__content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  padding-left: 2.125rem;
  padding-right: 2.125rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.character__content:where(.w-variant-b74e6434-ab44-e385-02f9-d3d2136e04e9) {
  color: #ffd98d;
}

.u-h-100 {
  height: 100%;
}

.slider.cc-characters {
  position: relative;
}

.cards_wrap {
  z-index: 9;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/friends-background-1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 101% 100%;
  margin-top: -3rem;
  margin-bottom: -3rem;
  overflow: clip;
}

.cards_contain.u-container {
  padding-bottom: 7.5rem;
}

.cards_top {
  max-width: 53.75rem;
}

.cards_top_layout.u-vflex-stretch-top.u-gap-6._2-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.cards_p {
  color: var(--swatch--dark);
  margin-bottom: 0;
}

.card_name_wrap {
  z-index: 2;
  height: 100%;
  position: relative;
}

.card_name_wrap.u-vflex-center-bottom {
  justify-content: center;
  align-items: center;
  max-width: 80%;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 24%;
}

.card_name_background {
  aspect-ratio: auto;
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 3.8125rem;
}

.character_tag {
  color: #000;
  font-size: var(--size--1rem);
  font-weight: var(--font--primary-bold);
  text-transform: uppercase;
  background-color: #ffd98d;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding: .4rem .5rem .1rem;
  display: flex;
}

.character_tag:where(.w-variant-b74e6434-ab44-e385-02f9-d3d2136e04e9) {
  color: #ffd98d;
  background-color: #960500;
}

.character_tag:where(.w-variant-e8d9cc56-925e-10ce-80c0-048541b9cd09) {
  background-color: var(--swatch--brand-secondary);
}

.character_p {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.125rem;
}

.character_p:where(.w-variant-e8d9cc56-925e-10ce-80c0-048541b9cd09) {
  color: var(--swatch--light);
}

.team_wrap {
  color: #f1ecda;
  background-color: #112130;
  display: none;
  position: relative;
}

.team_card_wrap {
  aspect-ratio: 13 / 20;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team_layout.u-hflex-left-stretch {
  z-index: 8;
  flex: none;
  width: 55%;
  max-width: 2000px;
  height: 50rem;
  margin-left: 46%;
  position: relative;
}

.team_card_background {
  flex: none;
  height: 100%;
}

.team_card_name.u-mb-0 {
  color: var(--swatch--light);
  text-transform: none;
  text-shadow: 0 0 20px #000;
  writing-mode: vertical-lr;
  transform-style: preserve-3d;
  margin-bottom: 4rem;
  margin-left: 10%;
  font-size: 3.75rem;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.map_wrap {
  z-index: 9;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/war-background-1.webp');
  background-position: 0 0;
  background-size: 100% 100%;
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
  display: flex;
  position: relative;
}

.map_map_wrap {
  aspect-ratio: 200 / 177;
  display: flex;
  position: relative;
}

.locations__map {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.map__h3 {
  font-size: 1.25em;
}

.map__h3.cc-collapse {
  z-index: 5;
  color: #e1e0e04d;
  cursor: pointer;
  transition: color .5s;
  position: relative;
}

.map__h3.cc-collapse:hover {
  color: #e1e0e0;
}

.map-node {
  z-index: 2;
  cursor: pointer;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 1.875em;
  height: 1.875em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.locations_map_lottie {
  display: block;
  position: absolute;
  inset: 0%;
}

.locations_map_cover.u-position_absolute {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.map_h2.u-text-style-h2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.map_text_layout.u-vflex-stretch-top.u-text-align-center.u-gap-6 {
  color: var(--swatch--brand-alt);
  max-width: 53.75rem;
}

.map_text_layout.u-vflex-stretch-top.u-text-align-center.u-gap-6.u-align-self-center {
  margin-left: auto;
  margin-right: auto;
}

.map_p, .map_h3.u-text-style-h4 {
  margin-bottom: 0;
}

.map_h3.u-text-style-h4.u-text-color-black {
  color: var(--black);
}

.slider-overlay {
  justify-content: center;
  align-items: flex-start;
  padding-top: 2%;
  padding-left: 1%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider_swords_wrap {
  z-index: 2;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 32%;
  height: 87%;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.slider_swords_top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.slider_sword_top {
  height: 2.75rem;
}

.slider_sword_top.is-left {
  transition: transform .4s;
}

.slider_sword_top.is-right {
  transition: transform .4s;
  transform: rotate(180deg);
}

.slider_sword_top_image {
  object-fit: contain;
}

.slider_swords_bottom {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.slider_sword_bottom {
  height: 2.75rem;
}

.slider_sword_bottom.is-left {
  transition: transform .4s;
}

.slider_sword_bottom.is-right {
  transition: transform .4s;
  transform: rotate(180deg);
}

.slider_sword_bottom_image {
  object-fit: contain;
}

.weapons_wrap {
  background-color: #f4efe6;
  margin-top: -3rem;
}

.weapons_text_wrap {
  max-width: 53.75rem;
}

.weapons_text_wrap.u-align-self-center.u-vflex-stretch-top.u-gap-5 {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: none;
}

.weapons_heading_wrap {
  max-width: 53.75rem;
}

.weapons_heading_wrap.u-vflex-stretch-top.u-gap-6.u-text-align-center {
  color: var(--swatch--brand-alt);
  margin-left: auto;
  margin-right: auto;
}

.weapons_p {
  font-size: 1.25rem;
}

.weapons_crown_wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.weapons_crown_lottie {
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}

.weapons_crown_line {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/divider.png');
  background-position: 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 2px;
}

.weapons_crown_line.is-left {
  width: 45%;
  position: absolute;
  inset: auto 55% 0% auto;
}

.weapons_crown_line.is-right {
  width: 45%;
  position: absolute;
  inset: auto 0% 0% 55%;
}

.weapons_sliders_wrap.u-hflex-left-stretch.u-gap-7, .weapons_sliders_content {
  display: block;
}

.weapons_sliders_text_wrap {
  flex: 1;
  width: 100%;
}

.weapons_sliders_text_wrap.u-vflex-left-center.u-gap-6 {
  flex: 0 auto;
}

.weapons_sliders_heading_wrap.u-vflex-left-center.u-gap-4 {
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 18rem;
}

.weapons_h3.u-text-style-h4 {
  margin-bottom: 0;
}

.weapons_sliders_stars_item.u-hflex-between-center {
  border-top: 2px solid var(--gray);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.weapons_sliders_stars_star {
  display: flex;
}

.slider-bg_component {
  width: 100%;
  max-width: 54%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.slider-gallery_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-thumbnails_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 45%;
  height: 100%;
  min-height: 31.25rem;
  margin-left: auto;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.slider-gallery_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 110%;
  margin-left: -5%;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  overflow: clip;
}

.weapon_images {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: relative;
}

.weapon_image.is-left {
  object-position: 50% 0%;
  position: relative;
  top: -40%;
  overflow: visible;
}

.weapon_image.is-right {
  object-position: 50% 100%;
  position: relative;
  bottom: -40%;
  overflow: visible;
}

.locations_map_star {
  pointer-events: none;
  width: 18rem;
  display: flex;
  position: absolute;
}

.locations_map_star.is-main {
  inset: 39% auto auto 48%;
}

.locations_map_star_image {
  pointer-events: auto;
  cursor: pointer;
  width: 3.5rem;
  height: 4rem;
  transition: transform .6s;
  position: relative;
}

.locations_map_star_image:hover {
  transform: rotate(-90deg);
}

.locations_map_lottie_scroll {
  width: 100%;
  height: 110%;
}

.locations_map_star_content {
  z-index: 3;
  flex: none;
  width: 24.25rem;
  margin-top: -1rem;
  position: relative;
  bottom: auto;
  left: auto;
  right: 10%;
}

.locations_map_text_content {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
  padding: 9rem .5rem .5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.location_name.u-weight-bold {
  line-height: var(--line-height--1-3);
}

.location_description {
  font-size: var(--size--1-25rem);
}

.locations-map_line {
  background-color: #d3a137;
  flex: none;
  width: 0;
  height: 2px;
  position: relative;
  top: 32px;
  left: -18px;
}

.locations-map_line.open {
  width: 13rem;
}

.locations-map_line.open:where(.w-variant-80deae32-b4b3-3ddb-799d-da8c89a69028) {
  background-color: #ea0800;
}

.navbar-menu_wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.locations-map_line-wrapper {
  flex: none;
  margin-left: -1rem;
  overflow: hidden;
}

.locations-content {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  display: flex;
  position: relative;
}

.custom-prev, .custom-next {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 5.25rem;
  height: 1.64125rem;
  display: flex;
}

.swiper-overlay {
  z-index: 3;
  background-image: linear-gradient(90deg, #f4efe6, #f4efe600);
  width: 5%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.swiper-overlay.is2 {
  inset: 0% 0% 0% auto;
  transform: rotate(180deg);
}

.team_text_overlay.u-position-absolute {
  inset: 0%;
}

.team-overlay_container.u-container {
  height: 100%;
}

.team_overlay_text_wrapper {
  max-width: 34.5%;
  height: 100%;
}

.team_overlay_text_wrapper.u-vflex-left-center.u-gap-5 {
  width: 100%;
  max-width: 33%;
}

.social_wrap {
  color: var(--swatch--light);
  background-color: #2b0100;
  display: flex;
}

.social_contain.u-container.u-vflex-stretch-top {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

.social_layout.u-vflex-left-top.u-gap-7 {
  display: flex;
}

.slider-social_card {
  aspect-ratio: 3 / 2;
  background-color: var(--swatch--brand-teriary);
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 40rem;
  position: relative;
  overflow: hidden;
}

.slider-social_card.is-game-help {
  aspect-ratio: 1280 / 720;
  background-color: var(--black);
  color: inherit;
  height: auto;
}

.slider-social_card.is-portrait {
  aspect-ratio: 2 / 3;
}

.slider-social_video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.social_overlay {
  position: absolute;
  inset: 0%;
}

.social_overlay_image {
  opacity: .5;
  height: 100%;
}

.team_card_description_wrap {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 2.5rem 2.5rem;
}

.team_card_description_wrap.u-vflex-left-top {
  grid-column-gap: var(--size--0-75rem);
  grid-row-gap: var(--size--0-75rem);
  background-image: linear-gradient(0deg, #000, #0000);
  padding-bottom: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  inset: 0%;
}

.team_card_h3 {
  font-size: 2.75rem;
}

.team_card_h3.u-mb-0, .team_card_description_p.u-mb-0 {
  text-shadow: 0 0 20px #000;
}

.map_mobile_wrap, .map_mobile_slider {
  display: none;
}

.tale_text_span {
  color: var(--swatch--brand-secondary);
  font-style: italic;
  font-weight: 400;
}

.available_logos_content.u-vflex-center-top.u-gap-3 {
  color: var(--swatch--light);
  max-width: 33.125rem;
}

.videos-wrapper {
  width: 100%;
}

.slider-list_star {
  color: #3b0200;
  justify-content: center;
  align-items: center;
  width: 2.5625rem;
  height: 3rem;
  transition: color .3s;
  display: flex;
  position: relative;
}

.team_mobile_slider {
  display: none;
}

.available_logo_link {
  justify-content: center;
  align-items: center;
  max-width: 22%;
  display: flex;
}

.footer_divider {
  background-color: var(--swatch--light);
  width: 1px;
}

.footer_text_wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_logos_wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  padding-top: 1rem;
  display: flex;
}

.footer_logo_image {
  object-fit: contain;
  height: 2rem;
}

.footer_logo_image.is-3 {
  height: 1.5rem;
}

.sidebar_nav_button {
  z-index: 7;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  padding-left: 5rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.sidebar_nav_button_link {
  z-index: -1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--swatch--brand-secondary);
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 8rem;
  padding: .75rem .5rem .75rem .625rem;
  transition: background-color .4s;
  display: flex;
}

.sidebar_nav_button_link:hover {
  background-color: var(--swatch--gold-alt);
}

.sidebar_nav_text {
  font-size: var(--space--4);
  line-height: 1.2;
  font-weight: var(--font--primary-bold);
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-lr;
  width: 1.4rem;
  margin-right: -2px;
  transform: rotate(180deg);
}

.sidebar_nav_icon {
  width: 100%;
  max-width: .9375rem;
  height: 100%;
}

.sidebar_nav_button_wrap {
  z-index: 10;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 1.5rem;
  padding-left: 5rem;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.team-card_overlay {
  display: none;
}

.slider_social_thumbnail {
  z-index: 1;
  aspect-ratio: 9 / 6;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.age_gated {
  z-index: 9998;
  min-height: 100vh;
  display: block;
  position: fixed;
  inset: 0%;
}

.age_gated_contain.u-container {
  padding-left: var(--size--0rem);
}

.age_gated_layout {
  min-height: 100vh;
}

.age_gated_layout.u-vflex-center-center.u-gap-8 {
  overflow: auto;
}

.age_gated_logo_wrap {
  max-width: 50rem;
}

.age_gated_logo {
  object-fit: contain;
}

.age_gated_form_block {
  width: 100%;
  max-width: 42.5rem;
}

.age_gated_form_label {
  color: var(--swatch--white);
  font-size: var(--size--2rem);
  font-weight: var(--font--primary-bold);
  text-transform: uppercase;
}

.age_gated_inputs_wrap.u-hflex-between-center {
  width: 100%;
}

.age_gated_input {
  background-color: var(--swatch--transparent);
  color: var(--swatch--white);
  font-size: var(--h4--font-size);
  line-height: var(--line-height--1);
  text-align: center;
  border: 1px #000;
  border-bottom: 1px solid #f1ecda;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 4rem;
  margin-bottom: 0;
  padding: 0 0 0 1.25rem;
  transition: border-color .3s;
  display: inline-flex;
}

.age_gated_input:focus {
  border-bottom-color: var(--swatch--brand);
  box-shadow: 0 2px 5px #0000;
}

.age_gated_input::placeholder {
  color: var(--swatch--white);
}

.age_gated_background {
  min-height: 100vh;
  position: absolute;
  inset: 0%;
}

.age_gated_error {
  color: var(--swatch--white);
  text-align: center;
  display: none;
}

.rating_badge {
  position: static;
  inset: auto 0% 19% auto;
}

.rating_badge_link {
  width: 9.375rem;
  position: absolute;
  inset: auto 0% 18% auto;
}

.image:hover {
  filter: drop-shadow(0 2px 10px #000000b3);
}

.div-block-5 {
  width: 25%;
  padding: 5px;
  position: relative;
}

.guides {
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-3 {
  overflow: visible;
}

.guides-wrap {
  z-index: 9;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/friends-background-1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 101% 100%;
  margin-top: -3rem;
  margin-bottom: -3rem;
  display: none;
  overflow: clip;
}

.cards_h2-copy.u-text-style-h2-copy {
  color: var(--theme--text);
}

.cards_h2-copy.u-text-style-h2-adjust {
  color: var(--theme--text);
  padding-top: 4rem;
  font-family: Pp Pangaia, Arial, sans-serif;
}

.cards_h2-copy.u-text-style-h3-adjust-orange {
  color: #d27329;
  margin-top: -2.2rem;
}

.cards_h2-copy.u-text-style-h2-adjust-center {
  color: var(--theme--text);
  text-align: center;
  padding-top: 0;
  padding-bottom: 2rem;
}

.cards_h2-copy.u-text-style-h2-adjust-center.minmax-header {
  color: #fff;
  text-align: left;
}

.cards_h2-copy.u-text-style-h3-adjust-orange-copy {
  color: #d27329;
  margin-top: -2.2rem;
}

.cards_h2-copy.steam-text {
  color: #fff;
  text-align: center;
  margin-top: -2.2rem;
  margin-bottom: -1rem;
}

.cards_h2-copy.u-text-style-h3-adjust-orange-2 {
  color: #d49e41;
  -webkit-text-stroke-color: #d49e41;
  margin-top: -2.2rem;
  font-size: 2rem;
}

.cards_top-copy {
  max-width: 53.75rem;
}

.cards_top-copy.u-align-self-center.u-text-align-center {
  max-width: none;
}

.cards_top-copy.u-align-self-center.u-text-align-center.flex-h {
  display: flex;
}

.heading {
  z-index: 100;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 32px;
  display: flex;
  position: static;
  inset: auto 0% 20%;
}

.link-block {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-6 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 13%;
}

.frame {
  max-width: none;
  position: absolute;
}

.frame:hover {
  filter: drop-shadow(0 2px 10px #000000b3);
}

.frame.f2 {
  width: 96%;
}

.gold-game {
  width: 100%;
  max-width: 480px;
  display: none;
}

.icon-list {
  float: left;
  color: #50565f;
  width: 14px;
  position: relative;
  overflow: hidden;
}

.physical-images {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: none;
}

.link-3 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.buy-h2 {
  margin-bottom: 2px;
  font-size: 3em;
}

.buy-h4 {
  margin-bottom: 0;
  font-size: 2rem;
  display: none;
}

.img-default {
  width: auto;
  padding-right: 10px;
}

.logo-hover-ps {
  z-index: 2;
  filter: invert();
  text-align: center;
  width: auto;
  max-width: none;
  height: 27px;
  position: relative;
}

.list-item-2 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 31%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.digital-images {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.buy-contain.u-container {
  justify-content: flex-start;
  align-items: center;
  max-height: 100vh;
}

.buy-contain.u-container.u-hflex-center-center {
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.list-item-7, .list-item-8 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-4-main {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-top: 6%;
  padding-bottom: 6%;
  display: flex;
  overflow: visible;
}

.tab-link-tab-1-2 {
  color: #50565f;
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
}

.tab-link-tab-1-2.w--current {
  color: #d27329;
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
}

.tab-link-tab-2 {
  filter: brightness(50%);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2:hover {
  filter: brightness(200%);
}

.tab-link-tab-2.w--current {
  filter: brightness();
  background-color: #0000;
}

.list-item-3 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 31%;
  display: flex;
}

.link-3-main, .link-4-hover {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-2 {
  color: inherit;
}

.standard-game {
  width: 100%;
}

.active-icon {
  display: flex;
}

.div-block-9 {
  width: 100%;
}

.images-container {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.img-active {
  width: auto;
  padding-right: 10px;
}

.list-item {
  cursor: pointer;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 31%;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.link-1 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.link-6-main {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.code-embed {
  display: flex;
}

.logo-main {
  z-index: 2;
  text-align: center;
  width: auto;
  max-width: none;
  height: 27px;
  position: relative;
}

.logo-main.xbox {
  height: 25px;
}

.logo-main.gamestop {
  height: 38px;
}

.logo-main.amazon {
  height: 24px;
}

.logo-main.bestbuy {
  height: 33px;
}

.physical-game {
  width: 100%;
  max-width: 480px;
}

.logo-main-ps {
  z-index: 2;
  text-align: center;
  width: auto;
  max-width: none;
  height: 27px;
  position: relative;
}

.div-block-8 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.tab-link-tab-1 {
  filter: brightness(50%);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-1:hover {
  filter: brightness();
}

.tab-link-tab-1.w--current {
  filter: brightness();
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.edition-details {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-left: 7px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.edition-details.grayed-out {
  color: #50565f;
}

.link-1-hover {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.digital-physical-tabs {
  width: 100%;
}

.link-1-main, .link-3-hover {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.link-6 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.inactive-icon {
  display: flex;
}

.link-4 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.tab-link-tab-2-2 {
  color: #50565f;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2-2.w--current {
  color: #d27329;
  background-color: #0000;
}

.link-6-hover {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.logo-hover {
  z-index: 2;
  filter: invert();
  text-align: center;
  width: auto;
  max-width: none;
  height: 27px;
  position: relative;
}

.logo-hover.gamestop {
  height: 38px;
}

.logo-hover.amazon {
  height: 24px;
}

.logo-hover.bestbuy {
  height: 33px;
}

.list-item-6 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.buy-wrap {
  z-index: 1;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/fog-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 800px;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.tab-pane-tab-1 {
  width: 100%;
  height: 100%;
}

.store-btn {
  z-index: 1;
  width: auto;
  position: absolute;
}

.dlc_wraps {
  z-index: 8;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/friends-background-1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top: -7rem;
  margin-bottom: -5rem;
  display: flex;
  overflow: clip;
}

.div-block-11 {
  flex-flow: column;
  display: flex;
}

.heading-7 {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 0;
  font-weight: normal;
}

.dlc-flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.div-block-12 {
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2%;
}

.region-text {
  font-size: var(--h6--font-size);
  font-weight: var(--h5--font-weight);
  color: #d27329;
  padding-top: 5%;
  padding-left: 20px;
}

.features {
  padding-top: 5%;
  display: none;
}

.editions {
  display: none;
}

.text-block-3 {
  color: inherit;
  padding-top: 10px;
  font-weight: bold;
  line-height: 120%;
}

.dlc_p {
  padding-top: 10px;
  font-size: 1.25rem;
  line-height: 130%;
}

.splide__dlc {
  flex: none;
  width: 100vw;
}

.splide__dlc.is-dlc {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-dlc {
  background-color: #0000;
  width: 33%;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-dlc.slide-1 {
  width: 66%;
}

.mask {
  width: 100%;
  padding-top: 2rem;
  overflow: hidden;
}

.slider-2 {
  background-color: #0000;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 3rem;
  padding-top: 40px;
}

.right-arrow {
  align-items: flex-end;
  width: 6rem;
  margin-bottom: -3rem;
  display: flex;
}

.left-arrow {
  justify-content: flex-end;
  align-items: flex-end;
  width: 6rem;
  margin-bottom: -3rem;
  display: flex;
}

.splide-dlc.is-characters-splide {
  display: none;
  position: relative;
}

.slide-nav {
  display: none;
}

.dlc-image {
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.dlc_wraps-copy {
  z-index: 9;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/friends-background-1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 101% 100%;
  margin-top: -3rem;
  margin-bottom: -3rem;
  display: none;
  overflow: clip;
}

.slider-3 {
  background-color: #0000;
  height: 100%;
  margin-top: 20px;
  padding-top: 0;
}

.slide-dlc-2 {
  background-color: #0000;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.btn_main_text_dlc {
  z-index: 20;
  letter-spacing: .64px;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.25rem;
  display: flex;
  position: relative;
  top: 4px;
}

.btn_main_text_dlc:where(.w-variant-bc99dc95-0672-049f-f549-35769d5938c9), .btn_main_text_dlc:where(.w-variant-79d0a6ea-e459-e5fb-c084-c6f45285eb58) {
  color: var(--black);
}

.btn_main_text_dlc.opacity-none {
  opacity: 0;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: clip;
}

.link-dlc {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/card-name-wrapper-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100px;
  display: flex;
}

.link-dlc:hover {
  filter: brightness(110%);
}

.paragraph-4 {
  z-index: 1;
  margin-bottom: 0;
  padding-top: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
}

.div-2-column {
  text-align: left;
  flex-flow: column;
  width: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.dlc-flex-columns {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: none;
}

.heading-7-copy {
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 0;
  font-family: Pp Pangaia, Arial, sans-serif;
  font-size: 2rem;
  font-weight: normal;
}

.heading-7b {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 0;
  font-size: 2rem;
  font-weight: normal;
}

.tale_video_wrap-copy {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
  display: none;
  position: relative;
}

.dlc_wraps_header {
  z-index: 9;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/war-background-1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 101% 100%;
  margin-top: -3rem;
  margin-bottom: -6rem;
  display: flex;
  overflow: clip;
}

.subhead-dlc-type {
  z-index: 10;
  color: #0c172a;
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 7px;
  font-size: 1.5rem;
  font-weight: normal;
  position: relative;
}

.image-5 {
  width: auto;
  height: 50px;
  position: absolute;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.div-block-16 {
  flex-flow: row;
  padding-top: 2rem;
  display: flex;
}

.dlc-flex-3-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  padding-left: 15px;
  padding-right: 15px;
}

.u-img-cover {
  object-fit: cover;
  width: 100%;
  position: relative;
  inset: 0%;
}

.dev-tabs_content {
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.dev-tabs_list-btn-icon {
  width: 14px;
  height: 20px;
  line-height: 1;
  display: none;
}

.dev-tabs_list {
  width: 280px;
  margin-top: 48px;
  margin-bottom: 0;
  padding-left: 0;
}

.dev-tabs_tab {
  position: absolute;
  inset: 0% 0% auto;
}

.dev-tabs_list-btn {
  color: #737373;
  background-color: #0000;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
}

.dev-tabs_list-btn:hover {
  color: #fff;
}

.dev-tabs_list-btn.cc-active {
  color: #fff;
  background-color: #d27329;
}

.dev-tabs_img-aspect {
  border-radius: 12px;
  position: relative;
}

.container {
  width: 90%;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.dev-tabs_list-content {
  background-color: #1c1c1c;
  border-radius: 10px;
  max-width: 600px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.dev-tabs_list-content.cc-active {
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.dev-tabs {
  max-width: 1060px;
  height: 100%;
  min-height: 480px;
  margin-left: auto;
  margin-right: auto;
}

.dev-tabs_list-item {
  margin-bottom: 0;
}

.text-block-3-copy {
  text-align: left;
  color: inherit;
  padding-top: 10px;
  font-weight: bold;
  line-height: 120%;
}

.dlc_p-copy {
  text-align: left;
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 1.25rem;
  line-height: 130%;
}

.medium {
  font-size: 16px;
  line-height: 28px;
}

.medium.white {
  font-size: 16px;
  line-height: 22px;
}

.div-block-2 {
  width: 45%;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-content {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.image-15 {
  border-radius: 20px;
}

.white {
  color: #1a1a1f;
}

.white._24bottom {
  text-transform: uppercase;
  font-size: 3.8em;
  font-weight: 800;
  line-height: 90%;
}

.tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.bold-text-5 {
  font-weight: 800;
}

.thumb-name {
  border-radius: 7px;
  width: 33px;
}

.image-13, .image-12 {
  border-radius: 20px;
}

.text-block-list {
  color: #1a1a1f;
  text-transform: uppercase;
  padding-top: 8px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 100%;
}

.image-6 {
  border-radius: 20px;
  width: 100%;
  max-width: none;
}

.tabs-content {
  border-left: 0 solid #ffffff4d;
  padding-left: 5px;
}

.image-18 {
  border-radius: 20px;
}

.tab-link {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(270deg, #dfd9c580, #dfd9c500);
  border: 0 #000;
  border-radius: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  padding: 12px 0 12px 10px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
}

.tab-link.w--current {
  background-color: #0000;
  background-image: linear-gradient(#d49e41, #d49e41);
  border: 0 #000;
  line-height: 100%;
}

.div-block {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.image-17, .image-19 {
  border-radius: 20px;
}

.tabs-menu {
  color: #1a1a1f;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
  padding-right: 10px;
  line-height: 100%;
  display: flex;
}

.rig-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  min-height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

.weapons_crown_line-copy {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/divider.png');
  background-position: 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 2px;
  margin-top: 3.5rem;
  margin-bottom: 3rem;
}

.weapons_crown_line-copy.is-left {
  width: 45%;
  position: absolute;
  inset: auto 55% 0% auto;
}

.weapons_crown_line-copy.is-right {
  width: 45%;
  position: absolute;
  inset: auto 0% 0% 55%;
}

.sale {
  z-index: 50;
  aspect-ratio: auto;
  width: 45px;
  display: none;
  position: absolute;
  inset: 60% -3% 0% auto;
}

.min-max-wrap {
  z-index: 9;
  background-color: #0000;
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/war-background-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100vh;
  width: 100%;
  height: 100vh;
  margin-top: -2.5rem;
  margin-bottom: -2rem;
  padding-bottom: 0;
}

.min-max_contain.u-container {
  max-width: none;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5rem;
  overflow: hidden;
}

.min-max_layout.u-vflex-stretch-top.u-gap-5 {
  height: 100%;
}

.slider-4 {
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.div-block-17 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.mask-2 {
  height: 100%;
}

.slide-2 {
  background-image: linear-gradient(90deg, #00000080 49%, #0003 65%), url('https://www.ign.com/special/kingdom-come-deliverance-2/images/bg-minmax.webp');
  background-position: 0 0, 0 100%;
  background-size: auto, auto;
  height: 100%;
}

.image-20 {
  height: 100%;
}

.div-block-18 {
  width: 70%;
}

.right-arrow-2 {
  height: 100px;
  inset: auto 2% 0% auto;
}

.left-arrow-2 {
  z-index: 20;
  height: 100px;
  inset: auto 7% 0% auto;
}

.slide-nav-2 {
  width: 200px;
  display: flex;
  inset: auto auto 7% 5%;
}

.image-21, .image-22 {
  filter: brightness(200%);
  width: 50px;
}

.div-block-17-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cards_p-copy {
  color: var(--swatch--dark);
  text-align: center;
  width: 70%;
  margin-bottom: 0;
  padding-top: 2rem;
}

.cards_p-copy.minmax-p {
  color: #fff;
  text-align: left;
  width: 100%;
}

.build-icon-3 {
  width: 70px;
  position: absolute;
  inset: 14% 0% auto 30%;
}

.build-icon-1 {
  width: 70px;
  position: absolute;
  inset: 20% 0% auto 10%;
}

.build-icon-6 {
  width: 70px;
  position: absolute;
  inset: 22% 0% auto 70%;
}

.div-block-19 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 14% 5.5% auto;
}

.cards_p-copy-copy {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-top: .5rem;
  font-weight: 700;
  position: relative;
}

.image-23 {
  width: 50px;
  padding-left: 10px;
}

.build-icon-4 {
  width: 70px;
  position: absolute;
  inset: 48% 5% 0% auto;
}

.build-icon-5 {
  width: 70px;
  position: absolute;
  inset: 57% 0% auto 4%;
}

.dlc_subheader {
  color: #d27329;
  text-align: left;
  padding-top: 10px;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: 130%;
}

.cta-build {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.link-block-2 {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-block-2:hover {
  filter: brightness(108%);
}

.image-5-copy {
  width: auto;
  position: absolute;
}

.subhead-dlc-type-cta {
  z-index: 10;
  color: #0c172a;
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 7px;
  font-size: 1.2rem;
  font-weight: normal;
  position: relative;
}

.min-max-wrap-mobile {
  z-index: 9;
  background-color: #f4efe6;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: none;
}

.skills-list {
  padding-bottom: 10px;
}

.skill {
  flex-flow: row;
  display: flex;
}

.image-24 {
  width: 20px;
}

.bullet {
  box-sizing: border-box;
  object-fit: fill;
  width: 20px;
  max-width: none;
  margin-right: 10px;
  overflow: visible;
}

.slide-3 {
  background-image: url('https://www.ign.com/special/kingdom-come-deliverance-2/images/war-background-1.webp');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.minmax-2-column {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 58%;
  height: 100%;
  padding-left: 10rem;
  display: flex;
}

.link-block-3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-25 {
  width: 160px;
  position: absolute;
}

.bold-text-7 {
  font-size: 2.7rem;
}

.div-block-20 {
  text-align: center;
}

.div-block-21 {
  margin-top: 40px;
}

.link-7 {
  color: #d27329;
  font-weight: 400;
  text-decoration: underline;
}

.link-7:hover {
  color: #d49e41;
}

.steam-sale-text {
  font-size: 2.7rem;
  display: none;
}

.image-26 {
  filter: invert();
  width: 23%;
  padding-left: 10px;
  display: none;
}

.cta-pretext {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 0;
  font-family: Pp Pangaia, Arial, sans-serif;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1;
  display: none;
}

.trailer-header {
  font-size: 3.1rem;
}

.text-span {
  color: #d49e41;
  font-size: 1.9rem;
  font-weight: 200;
}

.ign-store {
  text-align: center;
  padding-top: 10px;
  font-size: 1.5rem;
  font-weight: 400;
}

.link-8 {
  color: #d49e41;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .u-container {
    padding-left: 5rem;
  }

  .u-grid-column-4 {
    grid-template-columns: var(--grid-2);
  }

  .u-grid-desktop {
    flex-flow: column;
    display: flex;
  }

  .u-order-first-desktop, .u-order-last-desktop {
    order: 0;
  }

  .btn_main_wrap.u-height-full.u-hflex-center-center:hover {
    padding-right: var(--size--4rem);
    padding-left: var(--size--4rem);
  }

  .btn_main_text {
    font-size: var(--size--2-5rem);
    top: 2px;
  }

  .styleguide_scroll {
    padding-right: var(--site--margin);
    margin-right: calc(var(--site--margin) * -1);
  }

  .styleguide_layout {
    justify-content: flex-start;
    align-items: stretch;
  }

  .styleguide_nav_wrap {
    order: 0;
    max-height: none;
    position: relative;
    top: 0;
  }

  .styleguide_nav_sub_wrap {
    grid-template-rows: 1fr;
  }

  .hero_content.u-min-height-screen.u-vflex-left-center {
    justify-content: center;
    align-items: center;
  }

  .hero_marquee_panel.u-flex-noshrink {
    flex: none;
    align-items: baseline;
    display: flex;
    transform: none;
  }

  .hero_marquee_item.u-position-relative {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 15.25rem;
    margin-right: 1rem;
    display: flex;
  }

  .marquee_item_image {
    object-fit: contain;
  }

  .marquee_item_image.u-position-absolute {
    z-index: 3;
    height: auto;
    position: static;
    inset: 0% 0% auto;
  }

  .marquee_item_image.u-position-absolute.mobile-top {
    display: block;
  }

  .saga_content {
    padding-top: var(--size--5rem);
    padding-bottom: var(--size--4-5rem);
    max-width: 100%;
    margin-left: 0;
  }

  .saga_content.u-container {
    max-width: var(--container--main);
    margin-left: auto;
    margin-right: auto;
  }

  .slider-list_component {
    width: 100%;
  }

  .slider-photo_component {
    order: -1;
    width: 100%;
  }

  .swiper-slide.is-slider-photo {
    height: auto;
    padding-bottom: 0%;
  }

  .slider-releases_component {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .footer_layout.u-hflex-center-center.u-gap-6 {
    grid-column-gap: var(--space--4);
    grid-row-gap: var(--space--4);
  }

  .footer_text.u-weight-bold.u-text-align-center {
    font-size: .875rem;
  }

  .videos_contain.u-container {
    padding-top: 5rem;
  }

  .videos_layout.u-vflex-stretch-top.u-gap-7-5 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .video_grid.u-grid-column-2.u-gap-75 {
    grid-column-gap: var(--space--6);
    grid-row-gap: var(--space--6);
  }

  .videos_lightbox_overlay.u-position-absolute.u-vflex-left-bottom {
    justify-content: center;
    align-items: center;
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2 {
    margin-left: var(--size--2-5rem);
    padding-bottom: var(--size--2rem);
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2.is-smaller {
    margin-right: var(--size--1rem);
    margin-left: var(--size--1rem);
    padding-bottom: var(--size--1rem);
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.is-xlarge {
    margin-left: 2rem;
    padding-bottom: 1.5rem;
  }

  .videos_play_icon_wrap {
    width: var(--size--6rem);
    height: var(--size--6rem);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center {
    width: var(--size--3-5rem);
    height: var(--size--3-5rem);
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center.tablet-bigger {
    width: var(--size--5rem);
    height: var(--size--5rem);
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center.tablet-bigger.is-xlarge {
    width: 5rem;
    height: 5rem;
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center.is-game {
    width: 4rem;
    height: 4rem;
  }

  .video_lightbox_subtext.u-weight-bold.u-color-brand-secondary.is-smaller {
    font-size: var(--size--1rem);
  }

  .video_lightbox_subtext.u-weight-bold.u-color-brand-secondary.is-xlarge {
    font-size: 1.25rem;
  }

  .videos_lightbox_title.u-weight-bold {
    font-size: 1.75rem;
  }

  .videos_lightbox_title.u-weight-bold.is-smaller {
    font-size: var(--size--1-25rem);
  }

  .section_hero_wrap {
    background-image: linear-gradient(90deg, #092744 30%, #09274400 79%), url('https://www.ign.com/special/kingdom-come-deliverance-2/images/hero-kcd2-royal.webp');
    background-position: 0 0, 44%;
    background-size: auto, cover;
  }

  .hero_text_wrap.u-vflex-stretch-between.u-gap-9 {
    flex: 1;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .hero_logo_wrap {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero_details_wrap.u-vflex-center-between.u-gap-row-6 {
    grid-row-gap: var(--space--4);
    padding-bottom: 0;
  }

  .hero_logo_image.u-height-full {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .tale_contain.u-container.u-hflex-center-center {
    max-height: none;
    padding-top: 5rem;
  }

  .tale_text_content.u-vflex-left-between.u-gap-4 {
    max-width: none;
  }

  .tale_top.u-hflex-between-stretch {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .splide.is-map-slider {
    position: relative;
  }

  .splide.is-henry {
    width: 100%;
    position: relative;
  }

  .splide__slide.is-characters {
    width: 50%;
  }

  .splide__slide.is-social {
    width: 50%;
    margin-right: 1rem;
  }

  .splide__slide.is-map, .splide__slide.is-henry-slider {
    width: 100%;
  }

  .splide__slide.is-game-help {
    width: 50%;
    margin-right: 1rem;
  }

  .splide__slide.is-dlc {
    width: 50%;
  }

  .splide__arrows.is-characters {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .splide__arrows.is-map {
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: relative;
  }

  .splide__arrows.is-henry {
    justify-content: space-between;
    align-items: center;
    height: 6rem;
    margin-left: 6rem;
    margin-right: 2rem;
    padding: 2rem 1rem;
    display: flex;
    position: relative;
  }

  .splide__arrows.is-videos {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .splide__arrow.splide__arrow--next.is-map, .splide__arrow.splide__arrow--prev.is-map {
    height: auto;
    position: static;
  }

  .splide_arrow_image {
    object-fit: contain;
  }

  .splide__pagination {
    height: var(--size--3rem);
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
    position: absolute;
    inset: auto 0% 0%;
  }

  .splide__pagination__page {
    width: var(--size--1rem);
    height: var(--size--1rem);
    background-color: #b69572;
    border-style: none;
  }

  .tale_video_wrap {
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    bottom: 0;
  }

  .tale_video_lightbox {
    aspect-ratio: 16 / 9;
    width: 83%;
    height: auto;
    margin-top: 2%;
    margin-bottom: 0;
    top: 4%;
    bottom: -4%;
    overflow: hidden;
  }

  .tale_video_lightbox.is-top {
    width: 92%;
  }

  .tale_video_image {
    object-fit: cover;
    height: 120%;
  }

  .tale_video_cover {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    width: 100%;
    height: auto;
    top: -5%;
    left: 0%;
  }

  .tale_video_cover.cc-top {
    display: none;
  }

  .footer_rating {
    height: 5rem;
  }

  .hero_image_background {
    object-position: 50% 50%;
  }

  .splide_arrow_image_wrap, .slide_arrow_next_wrap {
    width: 3rem;
  }

  .h2.u-position-absolute, .h2.u-text-align-center {
    font-size: var(--h5--font-size);
  }

  .cards_contain.u-container {
    padding-bottom: 7.5rem;
  }

  .cards_top_layout.u-vflex-stretch-top.u-gap-6._2-column {
    justify-content: center;
    align-items: center;
    width: 90%;
    padding-left: 5rem;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .cards_p.u-text-align-left {
    text-align: center;
  }

  .card_name_wrap.u-vflex-center-bottom {
    bottom: 22%;
  }

  .character_tag {
    margin-bottom: 1rem;
  }

  .character_tag_text {
    font-size: var(--size--0-75rem);
  }

  .character_p {
    font-size: 1rem;
  }

  .team_wrap {
    z-index: 4;
    flex-flow: column;
  }

  .team_card_wrap {
    aspect-ratio: 1;
    object-position: 50% 0%;
    width: 100%;
  }

  .team_layout.u-hflex-left-stretch {
    width: 100%;
    margin-left: 0%;
    padding-left: 5rem;
    display: none;
  }

  .team_card_background {
    object-position: 50% 0%;
    background-color: #ced0cf;
  }

  .team_card_name.u-mb-0 {
    display: none;
  }

  .map_layout.u-vflex-stretch-top.u-gap-7-5 {
    grid-column-gap: var(--space--4);
    grid-row-gap: var(--space--4);
  }

  .locations__map {
    display: block;
  }

  .map-node {
    width: 2.1em;
    height: 2.1em;
  }

  .slider_swords_wrap {
    width: 50%;
  }

  .slider_sword_top.is-left, .slider_sword_top.is-right, .slider_sword_bottom.is-left, .slider_sword_bottom.is-right {
    width: 4rem;
    height: 2.5rem;
  }

  .weapons_p.u-mb-0.external-paragraph {
    font-size: 1.125rem;
  }

  .weapons_crown_lottie {
    max-width: 15rem;
  }

  .weapons_sliders_wrap.u-hflex-left-stretch.u-gap-7 {
    flex-flow: column;
  }

  .slider-gallery_bottom-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .locations_map_star_image {
    object-fit: contain;
    width: 2.5rem;
    height: 2.5rem;
  }

  .locations_map_star_image:hover {
    transform: none;
  }

  .locations-content {
    display: none;
  }

  .team_text_overlay.u-position-absolute {
    order: -1;
    position: static;
  }

  .team_overlay_text_wrapper.u-vflex-left-center.u-gap-5 {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .team_card_description_wrap.u-vflex-left-top {
    z-index: 30;
    opacity: 0;
    background-image: none;
    padding-left: 7rem;
    padding-right: 5rem;
    transition: opacity 1.3s;
  }

  .map_mobile_wrap {
    flex-flow: column;
    display: flex;
  }

  .map_mobile_slider {
    display: block;
    overflow: hidden;
  }

  .map_slider_card.u-vflex-left-top.u-gap-4 {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .team_mobile_slider {
    display: block;
  }

  .footer_logos_wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .sidebar_nav_button_link {
    padding: .5rem .3rem;
    display: none;
  }

  .sidebar_nav_text {
    font-size: var(--space--3);
    margin-left: 2px;
  }

  .sidebar_nav_button_wrap {
    display: none;
  }

  .team-card_overlay {
    z-index: 20;
    aspect-ratio: 1;
    object-fit: cover;
    background-image: linear-gradient(#0000, #000);
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .age_gated_logo_wrap {
    max-width: 30rem;
  }

  .rating_badge {
    order: -1;
    margin-left: auto;
    margin-right: auto;
    position: static;
    inset: 0% 0% auto;
  }

  .rating_badge_link {
    order: -1;
    width: 6rem;
    display: flex;
    position: static;
  }

  .div-block-5 {
    width: 50%;
  }

  .guides {
    flex-flow: wrap;
  }

  .cards_h2-copy.u-text-style-h2-adjust.u-text-align-left, .cards_h2-copy.u-text-style-h3-adjust-orange, .cards_h2-copy.u-text-style-h2-adjust-center.u-text-align-left, .cards_h2-copy.u-text-style-h2-adjust-center.minmax-header, .cards_h2-copy.u-text-style-h3-adjust-orange-copy, .cards_h2-copy.steam-text, .cards_h2-copy.u-text-style-h3-adjust-orange-2 {
    text-align: center;
  }

  .cards_top-copy.u-align-self-center.u-text-align-center.flex-h {
    flex-flow: column;
  }

  .list-item-2 {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .buy-contain.u-container.u-hflex-center-center {
    max-height: none;
    padding-top: 5rem;
  }

  .link-4-main {
    height: auto;
  }

  .list {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
  }

  .link-4 {
    height: 100%;
  }

  .store-btn {
    height: auto;
  }

  .dlc_wraps {
    background-color: #d8d4c5;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .dlc-flex {
    padding-top: 20px;
  }

  .text-block-3, .dlc_p {
    text-align: center;
  }

  .splide__dlc.is-dlc {
    width: 50%;
  }

  .btn_main_text_dlc {
    font-size: var(--size--2-5rem);
    top: 2px;
  }

  .dlc-flex-columns {
    padding-top: 20px;
  }

  .tale_video_wrap-copy {
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    bottom: 0;
  }

  .dlc-flex-3-column {
    padding-top: 20px;
  }

  .dev-tabs_content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .dev-tabs_list-btn-icon {
    display: block;
  }

  .dev-tabs_list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .dev-tabs_tab {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .dev-tabs_list-btn {
    background-color: #212121;
  }

  .dev-tabs_list-content {
    width: 100%;
    max-width: none;
    margin-top: 16px;
    position: static;
  }

  .dev-tabs_list-item {
    margin-bottom: 16px;
  }

  .text-block-3-copy {
    text-align: center;
  }

  .dlc_p-copy {
    text-align: left;
  }

  .div-block-2 {
    width: 100%;
  }

  .tab-content {
    flex-flow: column;
  }

  .white._24bottom {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 100%;
  }

  .tabs {
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(200px, 2.75fr);
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .tabs-content {
    border-left-style: none;
    padding-top: 0;
    padding-left: 0;
  }

  .tab-link {
    width: 100%;
    margin-bottom: 4px;
    margin-right: 20px;
    padding-bottom: 12px;
  }

  .tab-link.w--current {
    display: flex;
  }

  .div-block {
    width: 90%;
  }

  .tabs-menu {
    border-bottom: 1px solid #ffffff4d;
    flex-flow: wrap;
    padding-bottom: 30px;
    padding-right: 0;
  }

  .rig-grid {
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    width: 90%;
    display: flex;
  }

  .slide-2 {
    text-align: center;
  }

  .left-arrow-2 {
    right: 13%;
  }

  .cards_p-copy.u-text-align-left, .cards_p-copy.minmax-p {
    text-align: center;
  }

  .div-block-19 {
    right: 28%;
  }

  .cards_p-copy-copy.u-text-align-left {
    text-align: center;
  }

  .dlc_subheader {
    text-align: left;
  }

  .minmax-2-column {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 95%;
    padding-left: 4rem;
  }

  .div-block-21 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-22 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  p, .u-text-style-large {
    font-size: 1.25rem;
  }

  .u-text-style-main {
    font-size: 1rem;
  }

  .u-container {
    padding-left: 0;
  }

  .u-grid-column-2, .u-grid-column-3, .u-grid-column-4 {
    grid-template-columns: var(--grid-1);
  }

  .u-grid-tablet {
    flex-flow: column;
    display: flex;
  }

  .u-order-first-tablet, .u-order-last-tablet {
    order: 0;
  }

  .styleguide_font_item {
    grid-template-columns: 100%;
  }

  .btn_main_wrap.u-height-full.u-hflex-center-center {
    padding-right: var(--size--2rem);
    padding-left: var(--size--2rem);
    height: 3rem;
  }

  .btn_main_wrap.u-height-full.u-hflex-center-center:hover {
    padding-right: var(--size--2rem);
    padding-left: var(--size--2rem);
  }

  .btn_main_text {
    font-size: 1.25rem;
    top: 2px;
  }

  .nav_logo {
    padding-left: 0;
  }

  .btn_main_bg {
    object-fit: cover;
  }

  .banner_contain.u-container {
    padding-left: 0;
  }

  .banner_layout.u-hflex-between-center {
    justify-content: space-between;
  }

  .banner_logo_wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-height: 2rem;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .banner_logo_image {
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 2rem;
  }

  .nav_logo_image {
    height: 3.125rem;
  }

  .banner_layout_text {
    font-size: .875rem;
    line-height: var(--line-height--1);
  }

  .hero_p.a-text-animation {
    text-align: center;
    font-size: 1.125rem;
  }

  .available_logos_wrap.u-hflex-between-center.u-gap-6 {
    justify-content: center;
  }

  .available_logo-image.is-epic {
    max-height: 3.7rem;
  }

  .available_logo-image.is-steam {
    max-height: 2rem;
  }

  .saga_content {
    padding-top: var(--size--4-5rem);
    padding-bottom: var(--size--4-5rem);
    max-width: 100%;
  }

  .saga_h2.u-mb-4.u-color-brand-tertiary {
    font-size: var(--size--3-5rem);
    margin-bottom: 1rem;
  }

  .saga_p.u-text-style-main.a-text-animation {
    font-size: 1.125rem;
  }

  .swiper-bullet-wrapper.is-slider-list {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
  }

  .swiper-slide.cc-characters {
    width: 16rem;
    height: 26.5rem;
  }

  .swiper.is-slider-bg {
    aspect-ratio: 2 / 1.5;
    background-size: contain;
    display: flex;
  }

  .swiper.is-slider-thumbnails {
    order: -1;
  }

  .swiper-wrapper.is-slider-bg {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .slider_heading_wrap.u-text-color-white.u-vflex-center-center.u-text-align-center.u-gap-6 {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
  }

  .footer_layout.u-hflex-center-center.u-gap-6 {
    flex-flow: column;
  }

  .videos_layout.u-vflex-stretch-top.u-gap-7-5 {
    grid-column-gap: var(--size--2rem);
    grid-row-gap: var(--size--2rem);
  }

  .video_grid.u-grid-column-2.u-gap-75 {
    grid-column-gap: var(--space--4);
    grid-row-gap: var(--space--4);
  }

  .videos_lightbox_main.u-overflow-hidden.u-position-relative {
    border-radius: .25rem;
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2 {
    margin-left: var(--size--1-5rem);
    padding-bottom: var(--size--1rem);
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.is-xlarge {
    margin-left: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .videos_play_icon_wrap {
    width: var(--size--3-5rem);
    height: var(--size--3-5rem);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center.is-game {
    width: var(--size--3-5rem);
    height: var(--size--3-5rem);
  }

  .videos_lightbox_title.u-weight-bold {
    font-size: var(--size--1-25rem);
  }

  .video_lightbox_tag.u-position-absolute.is-smaller {
    margin-right: var(--size--1-5rem);
  }

  .sidebar_nav_wrap {
    z-index: 40;
    padding: var(--size--1rem) 0rem;
    box-shadow: none;
    background-color: #b69572;
    flex-flow: column;
    width: 100%;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    transition: opacity .4s, transform .4s;
    display: flex;
    position: sticky;
  }

  .sidebar_nav_container.u-vflex-stretch-between {
    max-width: var(--container--main);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sidebar_nav_logo.w--current {
    display: none;
  }

  .sidebar_nav_menu.u-vflex-center-top.u-gap-4 {
    padding-top: var(--size--2rem);
    padding-bottom: var(--size--2rem);
    background-color: #b69572;
    flex-flow: column;
    order: 1;
    position: absolute;
  }

  .sidebar_nav_menu_button {
    margin-left: auto;
    padding: 0;
  }

  .sidebar_nav_menu_button.w--open {
    background-color: #c8c8c800;
  }

  .image-absolute {
    display: none;
  }

  .image-absolute.is-slider {
    flex: none;
    height: 10.9375rem;
    display: block;
    position: static;
  }

  .image-absolute.is-mobile {
    display: block;
  }

  .image-absolute.is-mobile.is-menu {
    opacity: .3;
    display: block;
  }

  .sidebar_menu_link.u-vflex-center-center {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .sidebar_nav_logo_image {
    object-fit: contain;
    max-height: 3.9rem;
  }

  .main-wrapper {
    margin-top: 0;
  }

  .section_hero_wrap {
    background-image: linear-gradient(#00000080, #00000080), url('https://www.ign.com/special/kingdom-come-deliverance-2/images/hero-kcd2-royal.webp');
    background-position: 0 0, 50% -30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    margin-bottom: -4rem;
    top: -4rem;
  }

  .hero_text_wrap.u-vflex-stretch-between.u-gap-9 {
    padding-top: 7rem;
    padding-bottom: var(--size--4rem);
    flex: 1;
    justify-content: space-between;
  }

  .hero_details_wrap.u-vflex-center-between.u-gap-row-6 {
    grid-row-gap: var(--space--2);
    padding-left: 0;
    padding-right: 0;
  }

  .tale_wrap {
    margin-bottom: -4rem;
  }

  .tale_contain.u-container.u-hflex-center-center {
    padding-top: 3.5rem;
    padding-bottom: 7.5rem;
  }

  .tale_text_content.u-vflex-left-between.u-gap-4 {
    padding-bottom: var(--size--2rem);
  }

  .saga_text_wrap.u-vflex-left-top.u-gap-6 {
    grid-column-gap: var(--size--0-125rem);
    grid-row-gap: var(--size--0-125rem);
  }

  .splide__slide {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.4375rem;
  }

  .splide__slide.is-characters {
    width: 100%;
    padding-bottom: 0;
  }

  .splide__slide.is-social {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .splide__slide.is-map, .splide__slide.is-henry-slider {
    padding-bottom: 0;
  }

  .splide__slide.is-game-help {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .splide__slide.is-dlc {
    width: 100%;
    padding-bottom: 0;
  }

  .slider_item {
    max-width: var(--container--main);
    border-radius: var(--radius--small);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: hidden;
    box-shadow: 4px 4px 20px #b6957280;
  }

  .slider_content_wrap.u-container {
    flex: 1;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .slider_card {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 26rem;
  }

  .slider_card_layer2.u-position-absolute {
    object-fit: cover;
    height: 100%;
    display: none;
  }

  .slider_card_layer3.u-position-absolute.u-vflex-left-center.u-gap-4 {
    padding: var(--size--1rem);
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .splide__arrows.u-container.u-hflex-between-center {
    height: 4rem;
  }

  .splide__arrows.is-characters {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    display: flex;
    position: static;
  }

  .splide__arrows.is-map {
    padding-top: 1.5rem;
  }

  .splide__arrows.is-henry {
    height: 6rem;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .splide__arrows.is-videos {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: static;
  }

  .splide__arrow.splide__arrow--next {
    height: 4rem;
  }

  .splide__arrow.splide__arrow--next.is-characters {
    z-index: 10;
    width: auto;
    height: 3rem;
    position: relative;
  }

  .splide__arrow.splide__arrow--prev.is-characters {
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 3rem;
    position: relative;
  }

  .splide__arrow.splide__arrow--prev.is-videos {
    z-index: 10;
    width: 3rem;
    position: relative;
  }

  .splide_arrow_contain.u-flex-noshrink.u-hflex-left-center.u-gap-5 {
    grid-column-gap: var(--space--2);
    grid-row-gap: var(--space--2);
  }

  .splide_arrow_image {
    max-width: 3rem;
  }

  .splide_arrow_text.u-weight-bold {
    font-size: .875rem;
  }

  .splide_arrow_text.u-weight-bold.is-prev {
    margin-left: 3.5rem;
  }

  .splide_arrow_text.u-weight-bold.is-next {
    margin-right: 3.5rem;
  }

  .splide__pagination {
    padding-left: var(--size--0rem);
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .splide__pagination__page {
    width: var(--size--0-75rem);
    height: var(--size--0-75rem);
    border-width: 1.5px;
    border-radius: 2px;
  }

  .tale_video_wrap {
    transform: scale(1.1);
  }

  .tale_video_lightbox {
    margin-top: 0%;
    top: 0%;
    bottom: 0%;
  }

  .tale_video_lightbox.is-top {
    width: 90%;
  }

  .tale_video_cover {
    top: -10%;
  }

  .tale_video_cover.cc-top {
    width: 110%;
  }

  .footer_rating {
    height: 7rem;
  }

  .slider_rich_text p {
    font-size: 1.125rem;
  }

  .hero_image_background {
    object-position: 50% 50%;
  }

  .button_left {
    object-fit: contain;
    flex: 0 auto;
    width: 2.4rem;
    height: 4rem;
    margin-right: -2px;
  }

  .button_right {
    object-fit: contain;
    flex: 0 auto;
    width: 2.5rem;
    height: 3.92rem;
    margin-left: -2px;
  }

  .button_inside {
    height: 4rem;
  }

  .slide_arrow_next_wrap {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .sidebar_nav_lottie {
    width: var(--size--2-5rem);
    height: var(--size--2-5rem);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sidebar_nav_mobile_link {
    font-family: Pp Pangaia, Arial, sans-serif;
    font-size: 1.375rem;
  }

  .sidebar_nav_mobile_link.u-weight-bold.u-text-transform-uppercase {
    z-index: 4;
    display: block;
    position: relative;
  }

  .sidebar_nav_mobile_link.u-weight-bold.u-text-transform-uppercase.is-last {
    margin-bottom: var(--size--1-5rem);
  }

  .sidebar_nav_mobile_shape {
    z-index: 5;
    width: var(--size--0-5rem);
    height: var(--size--0-5rem);
    display: inline-flex;
    position: relative;
  }

  .sidebar_mobile_nav_button {
    z-index: 4;
    display: block;
    position: relative;
  }

  .nav_shadow {
    z-index: 10;
    pointer-events: none;
    display: block;
    position: absolute;
    inset: 0%;
    box-shadow: 0 4px 8px #0000004d;
  }

  .preloader__loading-wrap {
    width: 15.625rem;
    height: 3.375rem;
  }

  .u-bg-manuscript-dark {
    width: 11.75rem;
    height: 1.05438rem;
  }

  .pre-loader__content {
    grid-column-gap: var(--size--2rem);
    grid-row-gap: var(--size--2rem);
    padding-top: 5vh;
  }

  .loading_bar.cc-preloader {
    height: 3.375rem;
  }

  .loading_bar_text {
    font-size: 1.75rem;
    line-height: 1;
  }

  .sidebar_menu_item {
    display: none;
  }

  .h2.u-position-absolute {
    font-size: var(--size--1-5rem);
    top: 0%;
  }

  .h2.u-text-align-center {
    font-size: var(--size--3rem);
  }

  .character__content {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .cards_wrap {
    padding-top: 3rem;
  }

  .cards_contain.u-container {
    padding-top: 3rem;
    padding-bottom: 8rem;
  }

  .cards_top_layout.u-vflex-stretch-top.u-gap-6 {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
  }

  .cards_top_layout.u-vflex-stretch-top.u-gap-6._2-column {
    width: 100%;
    padding-left: 0;
  }

  .character_tag {
    font-size: var(--size--1-25rem);
  }

  .character_tag_text {
    font-size: .875rem;
  }

  .character_p {
    font-size: var(--size--1-5rem);
  }

  .team_wrap {
    z-index: 10;
  }

  .team_card_wrap {
    aspect-ratio: 2 / 3;
  }

  .team_layout.u-hflex-left-stretch {
    padding-left: 0;
  }

  .team_card_background {
    width: 100%;
  }

  .map-node {
    width: 2.3em;
    height: 2.3em;
  }

  .map_text_layout.u-vflex-stretch-top.u-text-align-center.u-gap-6.u-align-self-center {
    grid-column-gap: var(--space--4);
    grid-row-gap: var(--space--4);
  }

  .slider_swords_wrap {
    width: 100%;
    height: 90%;
    top: 0%;
  }

  .weapons_heading_wrap.u-vflex-stretch-top.u-gap-6.u-text-align-center {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
  }

  .weapons_crown_lottie {
    max-width: 14rem;
  }

  .weapons_sliders_heading_wrap.u-vflex-left-center.u-gap-4 {
    min-height: 14rem;
  }

  .slider-bg_component {
    max-width: 100%;
    position: static;
  }

  .slider-thumbnails_component {
    max-width: 100%;
    min-height: 0;
  }

  .slider-gallery_bottom-wrapper {
    order: -1;
    width: 100%;
    margin-left: 0%;
  }

  .weapon_images {
    height: 100%;
  }

  .weapon_image.is-left {
    object-fit: contain;
    width: 80%;
    margin-top: -15%;
    position: static;
    top: -50%;
    bottom: auto;
  }

  .weapon_image.is-right {
    width: 80%;
    margin-bottom: -15%;
    bottom: 0%;
  }

  .custom-prev {
    width: 3rem;
    height: 3rem;
  }

  .custom-next {
    width: 3rem;
  }

  .swiper-overlay {
    height: 50%;
    margin-bottom: auto;
    display: none;
    inset: 0% auto 0% 0%;
  }

  .swiper-overlay.is2 {
    margin-top: auto;
    inset: 0% 0% auto auto;
  }

  .social_contain.u-container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .social_layout.u-vflex-left-top.u-gap-7 {
    grid-column-gap: var(--space--5);
    grid-row-gap: var(--space--5);
  }

  .social_h2.u-text-align-center.u-mb-0.u-align-self-center {
    font-size: 2.25rem;
  }

  .slider-social_card {
    aspect-ratio: 2 / 3;
    height: auto;
  }

  .team_card_description_wrap.u-vflex-left-top {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .map_mobile_wrap {
    flex-flow: column;
  }

  .presented_p {
    font-size: 1.5rem;
    display: none;
  }

  .sidebar_nav_button_link {
    display: none;
  }

  .age_gated_logo_wrap {
    width: 22rem;
    max-width: 80%;
  }

  .age_gated_form_label {
    font-size: var(--size--1-5rem);
  }

  .age_gated_form_label.u-text-align-center {
    font-size: var(--size--1-25rem);
  }

  .age_gated_input {
    font-size: var(--size--1-25rem);
    width: 30%;
    padding-left: 10px;
  }

  .age_gated_error {
    font-size: var(--size--1-25rem);
  }

  .div-block-5 {
    width: 50%;
  }

  .guides {
    flex-flow: wrap;
  }

  .guides-wrap {
    background-size: 101% 100%;
    margin-top: -6.5rem;
  }

  .cards_h2-copy.u-text-style-h3-adjust-orange {
    text-align: center;
    width: 100%;
    margin-top: 0;
  }

  .cards_h2-copy.u-text-style-h2-adjust-center {
    width: 80%;
  }

  .cards_h2-copy.u-text-style-h3-adjust-orange-copy, .cards_h2-copy.steam-text, .cards_h2-copy.u-text-style-h3-adjust-orange-2 {
    text-align: center;
    width: 100%;
    margin-top: 0;
  }

  .cards_top-copy.u-align-self-center.u-text-align-center.flex-h {
    align-items: center;
    width: 100%;
  }

  .buy-h2 {
    width: 100%;
  }

  .buy-contain.u-container.u-hflex-center-center {
    text-align: center;
    flex-flow: column;
    padding-top: 3.5rem;
    padding-bottom: 7.5rem;
  }

  .list {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
  }

  .images-container {
    display: none;
  }

  .list-item {
    width: 31%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .div-block-8 {
    width: 100%;
  }

  .buy-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 0;
    margin-bottom: -4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .dlc_wraps {
    -webkit-text-fill-color: inherit;
    background-color: #d8d4c5;
    background-position: 50%;
    background-size: 101% 200%;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: -5rem;
  }

  .div-block-11 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .div-block-12 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .splide__dlc {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.4375rem;
  }

  .splide__dlc.is-dlc {
    width: 100%;
    padding-bottom: 0;
  }

  .right-arrow {
    inset: 0% 10% 0% auto;
  }

  .left-arrow {
    inset: 0% auto 0% 10%;
  }

  .dlc_wraps-copy {
    background-size: 101% 100%;
    margin-top: -6.5rem;
  }

  .btn_main_text_dlc {
    font-size: 1.25rem;
    top: 2px;
  }

  .heading-7b {
    padding-top: 2rem;
  }

  .tale_video_wrap-copy {
    transform: scale(1.1);
  }

  .dlc_wraps_header {
    background-size: 101% 100%;
    margin-top: -6.5rem;
  }

  .div-block-16 {
    flex-flow: column;
  }

  .dlc-flex-3-column, .dev-tabs_list {
    width: 100%;
  }

  .medium.white, .white._24bottom {
    text-align: center;
  }

  .tabs {
    flex-flow: column;
  }

  .text-block-list {
    font-size: 21px;
    line-height: 24px;
  }

  .image-6 {
    margin-left: auto;
    margin-right: auto;
  }

  .tab-link {
    width: 50%;
    margin-right: 0;
    font-size: 18px;
    line-height: 18px;
  }

  .div-block {
    width: 100%;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .rig-grid {
    flex-flow: column;
  }

  .min-max-wrap {
    height: 100%;
    display: none;
  }

  .min-max_contain.u-container {
    padding-left: 0;
  }

  .min-max_layout.u-vflex-stretch-top.u-gap-5 {
    display: flex;
    position: relative;
  }

  .slider-4 {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .div-block-17 {
    flex-flow: column;
    position: relative;
  }

  .slider-column {
    clear: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .slider-column.mobile-c-padding {
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    overflow: visible;
  }

  .mask-2 {
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
  }

  .slide-2 {
    height: auto;
  }

  .image-20 {
    box-sizing: border-box;
    object-fit: fill;
    width: 100%;
    max-width: none;
    height: auto;
    overflow: auto;
  }

  .div-block-18 {
    width: 65%;
    padding-bottom: 2rem;
  }

  .right-arrow-2 {
    height: 75px;
    inset: 20% 0% 0% auto;
  }

  .left-arrow-2 {
    height: 75px;
    inset: 20% auto 0% 0%;
  }

  .slide-nav-2 {
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    inset: auto 0% 1.5%;
  }

  .div-block-17-copy {
    flex-flow: column;
    justify-content: center;
    height: 100%;
    min-height: 500px;
    padding-top: 5rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cards_p-copy {
    width: 80%;
  }

  .build-icon-3, .build-icon-1, .build-icon-6 {
    display: none;
  }

  .div-block-19 {
    display: none;
    inset: auto 0% -20%;
  }

  .build-icon-4, .build-icon-5 {
    display: none;
  }

  .min-max-wrap-mobile {
    height: 100%;
    display: flex;
  }

  .slide-3 {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    height: 100%;
    margin-bottom: -5rem;
    padding-bottom: 3rem;
    overflow: visible;
  }

  .minmax-2-column {
    flex-flow: column;
    justify-content: center;
    height: 100%;
    min-height: 500px;
    padding-top: 5rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-pretext {
    padding-top: 10px;
  }

  .trailer-header {
    text-align: center;
  }

  .ign-store {
    font-size: 1.5rem;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .u-grid-landscape {
    flex-flow: column;
    display: flex;
  }

  .u-grid-breakout {
    grid-template-columns: var(--grid-breakout-single);
  }

  .btn_main_wrap.u-height-full.u-hflex-center-center {
    padding-top: var(--size--0-5rem);
    height: 2.8rem;
  }

  .btn_main_text {
    margin-top: 0;
    font-size: 1.125rem;
  }

  .banner_layout.u-hflex-between-center {
    flex-flow: row;
  }

  .banner_logo_wrap {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    max-height: 1.7rem;
  }

  .banner_logo_image {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-height: 1.5rem;
    display: inline-flex;
  }

  .hero_contain.u-container.z-index-2 {
    min-height: 0;
  }

  .hero_content.u-min-height-screen.u-vflex-left-center {
    min-height: 0;
  }

  .available_logos_wrap.u-hflex-between-center.u-gap-6 {
    grid-column-gap: var(--size--0-75rem);
    grid-row-gap: var(--size--0-75rem);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: flex;
  }

  .available_logo-image {
    max-width: none;
    max-height: 3rem;
  }

  .available_logo-image.is-epic {
    max-height: 2.8125rem;
  }

  .saga_content.u-container {
    padding-top: var(--size--7-5rem);
  }

  .swiper-bullet-wrapper.is-slider-list {
    justify-content: center;
    height: .75rem;
  }

  .swiper-slide.is-slider-list {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 5rem;
  }

  .swiper-slide.cc-characters {
    height: 26.5rem;
  }

  .swiper-slide.is-slider-bg {
    min-height: 15.625rem;
  }

  .slider-list_bottom-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .swiper.is-slider-list {
    height: 20rem;
    font-size: .7em;
  }

  .swiper-bullet {
    width: .75rem;
    max-width: .75rem;
    height: .75rem;
    max-height: .75rem;
  }

  .slider_list_title.u-text-style-large.u-weight-bold {
    font-size: var(--size--1-25rem);
  }

  .slider_list_rating.u-text-style-large.u-weight-bold {
    font-size: var(--size--1rem);
    order: -1;
  }

  .videos_contain.u-container {
    padding-top: 5.5rem;
  }

  .videos_lightbox_main.u-overflow-hidden.u-position-relative {
    border-radius: var(--radius--small);
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2, .videos_lightbox_text_wrap.u-vflex-left-top.u-gap-2.is-smaller {
    margin-right: var(--size--1rem);
    margin-left: var(--size--1rem);
  }

  .videos_lightbox_text_wrap.u-vflex-left-top.is-xlarge {
    display: none;
  }

  .videos_play_icon_wrap, .videos_play_icon_wrap.is-smaller.u-vflex-center-center {
    width: var(--size--4rem);
    height: var(--size--4rem);
  }

  .videos_play_icon_wrap.is-smaller.u-vflex-center-center.tablet-bigger.is-xlarge {
    width: 3.5rem;
    height: 3.5rem;
  }

  .sidebar_nav_wrap {
    padding-top: var(--size--1rem);
    padding-right: var(--size--0-5rem);
    padding-left: var(--size--0-5rem);
    height: auto;
  }

  .sidebar_nav_logo_image {
    object-fit: contain;
    max-height: 3rem;
  }

  .section_hero_wrap {
    background-image: linear-gradient(#00000080, #00000080), url('https://www.ign.com/special/kingdom-come-deliverance-2/images/hero-kcd2-royal.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    min-height: 0;
  }

  .hero_text_wrap.u-vflex-stretch-between.u-gap-9 {
    padding-top: 5rem;
    padding-bottom: var(--size--3rem);
    grid-column-gap: 9.5rem;
    grid-row-gap: 9.5rem;
    min-height: 60vh;
  }

  .hero_details_wrap.u-vflex-center-between.u-gap-row-6 {
    grid-row-gap: var(--space--4);
    text-align: center;
  }

  .tale_contain.u-container.u-hflex-center-center {
    padding-top: var(--size--7-5rem);
  }

  .splide__slide.is-social {
    width: 100%;
    margin-right: 1em;
  }

  .splide__slide.is-henry-slider {
    padding-bottom: 0;
  }

  .splide__slide.is-game-help {
    width: 100%;
    margin-right: 1em;
  }

  .slider_item, .slider_layout.u-hflex-right-stretch {
    height: 100%;
  }

  .slider_card {
    height: auto;
  }

  .slider_card_layer1.u-position-absolute.u-opacity-50 {
    height: 100%;
  }

  .slider_card_layer2.u-position-absolute {
    display: none;
    inset: 0%;
  }

  .slider_card_layer3.u-position-absolute.u-vflex-left-center.u-gap-4 {
    position: relative;
  }

  .splide__arrows.u-container.u-hflex-between-center {
    padding-bottom: var(--size--1-5rem);
  }

  .splide__arrows.is-characters {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 107%;
    margin-left: -3.5%;
  }

  .splide__arrows.is-map {
    padding-left: 0;
    padding-right: 0;
  }

  .splide__arrows.is-henry {
    height: 4rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .splide__arrows.is-videos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 107%;
    margin-left: -3.5%;
  }

  .splide__arrow.splide__arrow--next {
    order: -1;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    margin-left: 0%;
    display: flex;
    position: static;
    inset: 0%;
  }

  .splide__arrow.splide__arrow--next.is-characters {
    background-image: none;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 3rem;
  }

  .splide__arrow.splide__arrow--prev {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-left: 0%;
    display: flex;
    position: static;
    inset: 0%;
  }

  .splide__arrow.splide__arrow--prev.is-characters {
    background-image: none;
    order: -1;
    width: 4rem;
    height: 3rem;
  }

  .splide__arrow.splide__arrow--prev.is-map {
    order: -1;
  }

  .splide__arrow.splide__arrow--prev.is-videos {
    background-image: none;
    order: -1;
    width: 4rem;
    height: 3rem;
  }

  .splide_arrow_contain.u-flex-noshrink.u-hflex-left-center.u-gap-5 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    position: relative;
  }

  .splide_arrow_contain.u-flex-noshrink.u-hflex-left-center.u-gap-5.is-prev {
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }

  .splide_arrow_image {
    max-width: var(--size--5rem);
  }

  .splide_arrow_text.u-weight-bold.is-prev {
    margin-left: 0%;
    display: none;
  }

  .splide_arrow_text.u-weight-bold.is-next {
    margin-right: 0;
    display: none;
  }

  .splide__pagination {
    height: var(--size--3rem);
    order: -1;
  }

  .footer_rating {
    height: 5rem;
  }

  .button_left {
    width: 2rem;
    height: 3rem;
  }

  .button_right {
    width: 2rem;
    height: 2.95rem;
  }

  .button_inside {
    height: 3rem;
  }

  .splide_arrow_image_wrap {
    width: 4rem;
    margin-left: 12%;
    display: flex;
  }

  .slide_arrow_next_wrap {
    width: 4rem;
    margin-right: 12%;
  }

  .preloader__loading-wrap {
    width: 100%;
    max-width: 15.625rem;
    margin-left: auto;
    margin-right: auto;
  }

  .pre-loader__content {
    width: 100%;
  }

  .loading_bar_text {
    line-height: 1.5rem;
  }

  .h2.u-position-absolute {
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    top: 0%;
  }

  .h2.u-text-align-center {
    font-size: var(--size--1-5rem);
  }

  .character__content {
    justify-content: flex-start;
    align-items: center;
    padding-top: 30%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .card_name_wrap.u-vflex-center-bottom {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0%;
  }

  .character_tag_text {
    font-size: .75rem;
  }

  .character_p {
    font-size: .875rem;
  }

  .team_wrap {
    z-index: 12;
  }

  .team_card_wrap {
    flex: none;
  }

  .map-node {
    width: 1.4em;
    height: 1.4em;
  }

  .slider-overlay {
    padding-top: 5%;
  }

  .slider_swords_wrap {
    height: 87%;
  }

  .slider_sword_top, .slider_sword_top_image, .slider_sword_bottom, .slider_sword_bottom_image {
    height: 2rem;
  }

  .weapons_crown_lottie {
    max-width: 7rem;
  }

  .weapon_image.is-left {
    object-fit: contain;
    width: 100%;
    margin-top: -18%;
  }

  .weapon_image.is-right {
    object-fit: contain;
    width: 100%;
    margin-bottom: -18%;
  }

  .locations_map_star_image {
    width: 1.5rem;
    height: 1.6rem;
  }

  .custom-prev, .custom-next {
    width: 4rem;
  }

  .team_overlay_text_wrapper.u-vflex-left-center.u-gap-5 {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 3.5rem;
    padding-bottom: 1.5rem;
  }

  .slider-social_card {
    aspect-ratio: 2 / 3;
    border-radius: .5rem;
    height: auto;
  }

  .team_card_description_wrap.u-vflex-left-top {
    background-image: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .team_card_h3.u-mb-0 {
    font-size: 1.75rem;
  }

  .team_card_description_p.u-mb-0 {
    font-size: 1rem;
  }

  .map_slider_card.u-vflex-left-top.u-gap-4 {
    grid-column-gap: var(--size--0rem);
    grid-row-gap: var(--size--0rem);
  }

  .map_mobile_h3 {
    font-size: var(--h5--font-size);
  }

  .map_mobile_p.u-mb-0 {
    font-size: 1rem;
  }

  .slider-list_star {
    display: none;
  }

  .presented_p {
    font-size: 1.25rem;
  }

  .available_logo_link {
    max-width: 22%;
  }

  .team-card_overlay {
    background-image: linear-gradient(#0000, #000);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .age_gated_layout.u-vflex-center-center.u-gap-8 {
    padding-bottom: 7vh;
  }

  .age_gated_form_label.u-text-align-center {
    font-size: var(--size--1rem);
  }

  .age_gated_input {
    font-size: var(--size--1rem);
    height: 3rem;
  }

  .age_gated_error {
    font-size: var(--size--1rem);
    text-align: center;
  }

  .rating_badge_link {
    width: 5rem;
  }

  .div-block-5 {
    width: 100%;
  }

  .guides-wrap {
    background-size: 101% 100%;
    margin-top: -8.2rem;
  }

  .buy-h2 {
    text-align: center;
  }

  .list-item-2 {
    width: 70%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .buy-contain.u-container.u-hflex-center-center {
    padding-top: 7.5rem;
  }

  .list {
    flex-flow: column;
  }

  .list-item-3, .list-item {
    width: 70%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .dlc_wraps {
    background-color: #d8d4c5;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: -4rem;
  }

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

  .dlc_wraps-copy {
    background-size: 101% 100%;
    margin-top: -8.2rem;
  }

  .btn_main_text_dlc {
    margin-top: 0;
    font-size: 1.125rem;
  }

  .heading-7-copy {
    text-align: center;
  }

  .dlc_wraps_header {
    background-size: 101% 100%;
    margin-top: -8.2rem;
  }

  .div-block-15 {
    width: 100%;
  }

  .container {
    width: 86%;
  }

  .dlc_p-copy {
    text-align: center;
  }

  .white._24bottom {
    text-align: center;
    font-size: 34px;
  }

  .tabs {
    grid-template-rows: auto auto;
  }

  .text-block-list {
    padding-right: 10px;
    font-size: 16px;
    line-height: 19px;
  }

  .image-6 {
    width: 100%;
    overflow: clip;
  }

  .tab-link {
    margin-bottom: 4px;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .div-block {
    width: 100%;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .rig-grid {
    padding-top: 20px;
  }

  .sale {
    top: 10%;
  }

  .div-block-18 {
    width: 68%;
  }

  .right-arrow-2, .left-arrow-2 {
    width: 50px;
    height: 60px;
  }

  .image-21, .image-22 {
    width: 40px;
  }

  .cta-build {
    width: 100%;
  }

  .subhead-dlc-type-cta {
    font-size: .9rem;
  }

  .tabs-menu-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .skill {
    justify-content: center;
    align-items: center;
  }

  .bullet {
    display: none;
  }

  .cta-pretext {
    text-align: center;
    font-size: 1.4rem;
  }

  .trailer-header {
    text-align: center;
    font-size: 2rem;
  }

  .ign-store {
    font-size: 1.25rem;
  }
}

#w-node-_7b6998cf-1513-bce5-9d8b-798b03e01ff3-44184797 {
  grid-area: 1 / 1 / 3 / 3;
  align-self: stretch;
}

#w-node-_7b6998cf-1513-bce5-9d8b-798b03e01ff4-44184797 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b6998cf-1513-bce5-9d8b-798b03e02019-44184797 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ffb0a723-17ed-5b13-3726-dc9482d24449-44184797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_7b6998cf-1513-bce5-9d8b-798b03e01ff3-44184797 {
    grid-column-end: 2;
  }

  #w-node-_7b6998cf-1513-bce5-9d8b-798b03e01ff4-44184797 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7b6998cf-1513-bce5-9d8b-798b03e02019-44184797 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Osgard';
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/osgard-stencil.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pp Pangaia';
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/PPPangaia-Bold-BF654c530cc27f8.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pp Pangaia';
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/PPPangaia-Ultralight-BF654c530cd00f1.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Osgard Alt';
  src: url('https://www.ign.com/special/kingdom-come-deliverance-2/fonts/Osgard-1.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}