@import url(https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Spectral+SC:ital,wght@0,700;1,700&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
}
.flickity-slider {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.flickity-rtl .flickity-slider {
  left: unset;
  right: 0;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}
.flickity-cell {
  left: 0;
  position: absolute;
}
.flickity-rtl .flickity-cell {
  left: unset;
  right: 0;
}
.flickity-button {
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
  position: absolute;
}
.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}
.flickity-button:focus {
  box-shadow: 0 0 0 5px #19f;
  outline: none;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  cursor: auto;
  opacity: 0.3;
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
.flickity-prev-next-button {
  border-radius: 50%;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  left: 10px;
  right: auto;
}
.flickity-prev-next-button .flickity-button-icon {
  height: 60%;
  left: 20%;
  position: absolute;
  top: 20%;
  width: 60%;
}
.flickity-page-dots {
  bottom: -25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  text-align: center;
  width: 100%;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dot {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(51, 51, 51, 0.25);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 10px;
  margin: 0 8px;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
  width: 10px;
}
.flickity-rtl .flickity-page-dot {
  text-indent: 9999px;
}
.flickity-page-dot:focus {
  box-shadow: 0 0 0 5px #19f;
  outline: none;
}
.flickity-page-dot.is-selected {
  background: #333;
}
@charset "UTF-8";
@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/icomoon/icomoon.ttf?kjue5p) format("truetype"),
    url(../fonts/icomoon/icomoon.woff?kjue5p) format("woff"),
    url(../fonts/icomoon/icomoon.svg?kjue5p#icomoon) format("svg");
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled] > span:after,
#data-permissions
  button#ot-sdk-btn.ot-sdk-show-settings[disabled]
  > span:before,
#legacy-page-header .account button#user-profile:after,
#legacy-page-header a.download-game:after,
#legacy-page-header a.log-in:before,
#legacy-page-header a.log-out:after,
#page-footer .branding a:before,
#page-footer .language-selector .form-control > .label:after,
#page-footer .language-selector .form-control > .label:before,
#page-header
  #main-nav
  [data-component="drop-down"]
  button[data-icon-right="new-tab"]
  > span:first-child:after,
#page-header #main-nav a[data-icon-right="new-tab"] > span:first-child:after,
#page-header .account button#user-profile:after,
#page-header .account button#user-profile:before,
#page-header .ctas a.decorated > span:after,
#page-header .ctas a.decorated > span:before,
#page-header .ctas a[class*="log-"] > span:after,
#page-header .ctas a[class*="log-"] > span:before,
#page-header
  .off-canvas
  nav
  [data-component="drop-down"]
  button[data-icon-right="new-tab"]
  > span:first-child:after,
#page-header
  .off-canvas
  nav
  a:not(.button)[data-icon-right="new-tab"]
  > span:first-child:after,
#page-header figure.branding a:before,
#sub-footer .social a span:before,
.button.custom-plain.disabled > span:after,
.button.custom-plain.disabled > span:before,
.button.custom-plain > span:after,
.button.custom-plain > span:before,
.button.custom-plain[disabled] > span:after,
.button.custom-plain[disabled] > span:before,
.button.custom.disabled > span:after,
.button.custom.disabled > span:before,
.button.custom > span:after,
.button.custom > span:before,
.button.custom[disabled] > span:after,
.button.custom[disabled] > span:before,
.button.default.disabled > span:after,
.button.default.disabled > span:before,
.button.default > span:after,
.button.default > span:before,
.button.default[disabled] > span:after,
.button.default[disabled] > span:before,
.button.disabled > span:after,
.button.disabled > span:before,
.button.primary.disabled > span:after,
.button.primary.disabled > span:before,
.button.primary > span:after,
.button.primary > span:before,
.button.primary[disabled] > span:after,
.button.primary[disabled] > span:before,
.button.secondary.disabled > span:after,
.button.secondary.disabled > span:before,
.button.secondary > span:after,
.button.secondary > span:before,
.button.secondary[disabled] > span:after,
.button.secondary[disabled] > span:before,
.button > span:after,
.button > span:before,
.button[data-icon-left] > span:after,
.button[data-icon-left] > span:before,
.button[data-icon-right] > span:after,
.button[data-icon-right] > span:before,
.button[data-icon] > span:after,
.button[data-icon] > span:before,
.button[disabled] > span:after,
.button[disabled] > span:before,
.error-message:before,
.form-control:has(button.toggle-password) button.toggle-password:before,
.form-module form .error-banner:before,
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:after,
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:before,
.input-wrapper.success:before,
.pagination a[class*="pagination-"]:before,
.spinner:before,
.success-message button.close:before,
.success-message:before,
.youtube-playlist > nav .swiper-slide > a:after,
.youtube-playlist > nav [class^="swiper-button"]:after,
[data-component-pagination-ui] a[class*="pagination-"]:before,
[data-component="confirmation-block-ui"] button.close:before,
[data-component="confirmation-block-ui"] i[data-icon],
[data-component="modal-ui"] dialog button.close:after,
[data-component="view-password-toggle"] button.toggle-password:before,
[data-icon]:before,
[data-slug="email-confirm"] #signup-confirm .container .account-info:before,
[data-slug="home"] .decorated,
[data-slug="home"] .decorated > span:after,
[data-slug="home"] .decorated > span:before,
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control:before,
[data-slug="signup-confirm"] #signup-confirm .container .account-info:before,
button.button.custom-plain.disabled > span:after,
button.button.custom-plain.disabled > span:before,
button.button.custom-plain > span:after,
button.button.custom-plain > span:before,
button.button.custom-plain[disabled] > span:after,
button.button.custom-plain[disabled] > span:before,
button.button.custom.disabled > span:after,
button.button.custom.disabled > span:before,
button.button.custom > span:after,
button.button.custom > span:before,
button.button.custom[disabled] > span:after,
button.button.custom[disabled] > span:before,
button.button.default.disabled > span:after,
button.button.default.disabled > span:before,
button.button.default > span:after,
button.button.default > span:before,
button.button.default[disabled] > span:after,
button.button.default[disabled] > span:before,
button.button.disabled > span:after,
button.button.disabled > span:before,
button.button.primary.disabled > span:after,
button.button.primary.disabled > span:before,
button.button.primary > span:after,
button.button.primary > span:before,
button.button.primary[disabled] > span:after,
button.button.primary[disabled] > span:before,
button.button.secondary.disabled > span:after,
button.button.secondary.disabled > span:before,
button.button.secondary > span:after,
button.button.secondary > span:before,
button.button.secondary[disabled] > span:after,
button.button.secondary[disabled] > span:before,
button.button > span:after,
button.button > span:before,
button.button[data-icon-left] > span:after,
button.button[data-icon-left] > span:before,
button.button[data-icon-right] > span:after,
button.button[data-icon-right] > span:before,
button.button[data-icon] > span:after,
button.button[data-icon] > span:before,
button.button[disabled] > span:after,
button.button[disabled] > span:before,
button.custom-plain.disabled > span:after,
button.custom-plain.disabled > span:before,
button.custom-plain > span:after,
button.custom-plain > span:before,
button.custom-plain[disabled] > span:after,
button.custom-plain[disabled] > span:before,
button.custom.disabled > span:after,
button.custom.disabled > span:before,
button.custom > span:after,
button.custom > span:before,
button.custom[disabled] > span:after,
button.custom[disabled] > span:before,
button.default.disabled > span:after,
button.default.disabled > span:before,
button.default > span:after,
button.default > span:before,
button.default[disabled] > span:after,
button.default[disabled] > span:before,
button.disabled > span:after,
button.disabled > span:before,
button.primary.disabled > span:after,
button.primary.disabled > span:before,
button.primary > span:after,
button.primary > span:before,
button.primary[disabled] > span:after,
button.primary[disabled] > span:before,
button.secondary.disabled > span:after,
button.secondary.disabled > span:before,
button.secondary > span:after,
button.secondary > span:before,
button.secondary[disabled] > span:after,
button.secondary[disabled] > span:before,
button > span:after,
button > span:before,
button[data-icon-left] > span:after,
button[data-icon-left] > span:before,
button[data-icon-right] > span:after,
button[data-icon-right] > span:before,
button[data-icon] > span:after,
button[data-icon] > span:before,
button[disabled] > span:after,
button[disabled] > span:before,
label.form-control input[type="checkbox"]:before,
label.form-control input[type="radio"]:before {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  z-index: 2;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
}
h1 .gold,
h1.gold,
h2 .gold,
h2.gold,
h3 .gold,
h3.gold,
h4 .gold,
h4.gold,
h5 .gold,
h5.gold,
h6 .gold,
h6.gold,
p .gold,
p.gold {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background: linear-gradient(90deg, #dcbc55, #d79a43);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: cover;
}
h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h1 + blockquote,
h1 + dl,
h1 + ol,
h1 + p,
h1 + ul {
  margin-top: 8px;
}
h1 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 36px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  h1 {
    font-size: 48px;
  }
}
h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h2 + blockquote,
h2 + dl,
h2 + ol,
h2 + p,
h2 + ul {
  margin-top: 8px;
}
h2 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  h2 {
    font-size: 36px;
  }
}
h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h3 + blockquote,
h3 + dl,
h3 + ol,
h3 + p,
h3 + ul {
  margin-top: 8px;
}
h3 {
  color: #bca783;
  font-size: 24px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 28px;
  }
}
h4 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h4 + blockquote,
h4 + dl,
h4 + ol,
h4 + p,
h4 + ul {
  margin-top: 8px;
}
h4 {
  font-size: 18px;
}
h5 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h5 + blockquote,
h5 + dl,
h5 + ol,
h5 + p,
h5 + ul {
  margin-top: 8px;
}
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
h6 + blockquote,
h6 + dl,
h6 + ol,
h6 + p,
h6 + ul {
  margin-top: 8px;
}
blockquote + .h1,
blockquote + .h2,
blockquote + .h3,
blockquote + .h4,
blockquote + .h5,
blockquote + .h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
dl + .h1,
dl + .h2,
dl + .h3,
dl + .h4,
dl + .h5,
dl + .h6,
dl + h1,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
dl + h6,
ol + .h1,
ol + .h2,
ol + .h3,
ol + .h4,
ol + .h5,
ol + .h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
p + .h1,
p + .h2,
p + .h3,
p + .h4,
p + .h5,
p + .h6,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + .h1,
ul + .h2,
ul + .h3,
ul + .h4,
ul + .h5,
ul + .h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6 {
  margin-top: 32px;
}
dl,
ol,
p,
ul {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  margin: 16px 0;
}
dl.intro,
dl.large,
ol.intro,
ol.large,
p.intro,
p.large,
ul.intro,
ul.large {
  font-size: 1.25rem;
}
dl.caption,
dl.small,
ol.caption,
ol.small,
p.caption,
p.small,
ul.caption,
ul.small {
  font-size: 14px;
}
ol,
ul {
  padding-left: 1.375rem;
}
ol li,
ul li {
  margin: 4px 0 0;
}
ol li::marker,
ul li::marker {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 1rem;
  text-align: center;
}
ol.intro li,
ol.large li,
ul.intro li,
ul.large li {
  margin-top: 6px;
}
ol.intro li::marker,
ol.large li::marker,
ul.intro li::marker,
ul.large li::marker {
  font-size: 1rem;
}
.suggestions .grid button,
.suggestions [data-slug="home"] #intro .layout .ctas button,
.text-link,
[data-slug="home"] #intro .layout .suggestions .ctas button,
a {
  color: #dd9f38;
  display: inline-block;
  text-decoration: underline;
}
@media (hover: hover) {
  .suggestions .grid button:hover,
  .suggestions [data-slug="home"] #intro .layout .ctas button:hover,
  .text-link:hover,
  [data-slug="home"] #intro .layout .suggestions .ctas button:hover,
  a:hover {
    color: #d1cdbc;
  }
}
#iconography.grid,
[data-slug="home"] #intro .layout #iconography.ctas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#iconography.grid .card,
[data-slug="home"] #intro .layout #iconography.ctas .card {
  flex-basis: 25%;
}
#iconography.grid figure,
[data-slug="home"] #intro .layout #iconography.ctas figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 10px;
}
#iconography.grid figure figcaption,
[data-slug="home"] #intro .layout #iconography.ctas figure figcaption {
  color: hsla(0, 0%, 100%, 0.7);
  font-family: monospace;
  font-size: 12px;
  text-align: center;
}
form .form-control {
  position: relative;
}
form .form-control + .error-message {
  margin-top: 8px;
}
form > .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: auto;
  width: 100%;
}
.error-message {
  color: var(--error-state, #f28888);
}
.error-message:before {
  content: "\e930";
  display: inline-block;
  font-size: 19px;
  margin-right: 8px;
  transform: translateY(0.1em);
}
.error-message a {
  color: #d79a43;
}
label.description {
  color: var(--form-label-text, #d1cdbc);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 8px;
}
label.description.error {
  color: var(--error-state, #f28888);
}
label.description + .form-control {
  margin-top: 8px;
}
form .disclaimer {
  color: #a8a8a8;
  font-family: "Noto Serif", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 20px auto 0;
  max-width: 230px;
  text-align: center;
}
@media (min-width: 768px) {
  form .disclaimer {
    max-width: 400px;
  }
}
@media (min-width: 1280px) {
  form .disclaimer {
    margin-top: 10px;
  }
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="password"],
input[type="search"],
input[type="text"],
textarea {
  align-items: flex-start;
  align-self: stretch;
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d1ca 0,
    #b8af9d 100%
  );
  border: 1px solid var(--form-field-border, #b8af9d);
  border-radius: 3px;
  color: #25231d;
  display: flex;
  gap: 8px;
  height: 38px;
  justify-content: flex-end;
  padding: 8px 16px 8px 8px;
  width: 100%;
}
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
input[type="date"],
input[type="date"]::placeholder,
input[type="datetime-local"],
input[type="datetime-local"]::placeholder,
input[type="email"],
input[type="email"]::placeholder,
input[type="file"],
input[type="file"]::placeholder,
input[type="password"],
input[type="password"]::placeholder,
input[type="search"],
input[type="search"]::placeholder,
input[type="text"],
input[type="text"]::placeholder,
textarea,
textarea::placeholder {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #25231d;
}
input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="email"]::placeholder,
input[type="file"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder {
  color: #25231d;
}
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
textarea:focus {
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d1ca 0,
    #d8d1ca 100%
  );
  outline: none;
}
input[type="date"].error-input-bg,
input[type="datetime-local"].error-input-bg,
input[type="email"].error-input-bg,
input[type="file"].error-input-bg,
input[type="password"].error-input-bg,
input[type="search"].error-input-bg,
input[type="text"].error-input-bg,
textarea.error-input-bg {
  background: var(--form-field-error-background, #c8a5a5);
  border: 2px solid #883436;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.form-row .supplement {
  align-self: baseline;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 6px;
}
.form-row .supplement > * {
  margin-right: 16px;
}
.form-row .supplement > :last-child {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
label.form-control {
  align-items: baseline;
  background: none;
  border: none;
  display: grid;
  gap: 1em;
  grid-template-columns: 1em auto;
}
label.form-control input[type="checkbox"],
label.form-control input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #271f16;
  border: 1px solid #bca783;
  border-radius: 2px;
  color: currentColor;
  display: grid;
  font: inherit;
  height: 16px;
  margin: 0;
  place-content: center;
  transform: translateY(-0.075em);
  width: 16px;
}
label.form-control input[type="checkbox"]:before,
label.form-control input[type="radio"]:before {
  color: #271f16;
  transform: scale(0);
  transition: transform 0.12s ease-in-out;
}
label.form-control input[type="checkbox"]:checked,
label.form-control input[type="radio"]:checked {
  background-color: #bca783;
  border-color: #bca783;
}
label.form-control input[type="checkbox"]:checked:before,
label.form-control input[type="radio"]:checked:before {
  transform: scale(1);
}
label.form-control input[type="checkbox"][disabled],
label.form-control input[type="radio"][disabled] {
  opacity: 0.6;
}
label.form-control input[type="checkbox"] {
  border-radius: 2px;
}
label.form-control input[type="checkbox"]:before {
  content: "\e907";
  font-size: 10px;
}
label.form-control input[type="radio"] {
  border-radius: 50%;
}
label.form-control input[type="radio"]:before {
  content: "\e92f";
  font-size: 0.5rem;
}
label.form-control.error {
  color: var(--error-state, #f28888);
}
label.form-control.error input[type="checkbox"],
label.form-control.error input[type="radio"] {
  border-color: #bd6158;
  border-width: 2px;
}
label.form-control .error-message:before {
  content: normal;
}
.form-control h1 {
  color: #d1cdbc;
  font-size: 36px;
  line-height: 54px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .form-control h1 {
    font-size: 2.75rem;
    line-height: 1.15;
  }
}
.suggestions .grid,
.suggestions [data-slug="home"] #intro .layout .ctas,
[data-slug="home"] #intro .layout .suggestions .ctas {
  justify-content: flex-start;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-top: 10px;
}
.suggestions .grid button,
.suggestions [data-slug="home"] #intro .layout .ctas button,
[data-slug="home"] #intro .layout .suggestions .ctas button {
  background: none;
  border: none;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0.5em;
  padding: 0;
  position: relative;
}
.suggestions .grid button > span:after,
.suggestions [data-slug="home"] #intro .layout .ctas button > span:after,
[data-slug="home"] #intro .layout .suggestions .ctas button > span:after {
  color: #9e9678;
  content: "|";
  position: absolute;
  right: -0.5em;
  top: 50%;
  transform: translate(50%, -50%);
}
.suggestions .grid button:last-child > span:after,
.suggestions
  [data-slug="home"]
  #intro
  .layout
  .ctas
  button:last-child
  > span:after,
[data-slug="home"]
  #intro
  .layout
  .suggestions
  .ctas
  button:last-child
  > span:after {
  content: normal;
}
.success-message {
  align-items: center;
  background: rgba(94, 117, 87, 0.28);
  border: 1px solid #5e7557;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: flex-start;
  margin: 0 auto 80px;
  max-width: 560px;
  padding: 16px 24px;
}
.success-message h1,
.success-message h2,
.success-message h3,
.success-message h4,
.success-message h5,
.success-message h6 {
  color: #d1cdbc;
}
.success-message:before {
  background: #5e7557;
  border-radius: 17px;
  content: "\e903";
  flex-shrink: 0;
  font-size: 24px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 34px;
}
.success-message .content > :first-child {
  margin-top: 0;
}
.success-message .content > :last-child {
  margin-bottom: 0;
}
.success-message button.close {
  background: none;
  border: none;
  color: #d1cdbc;
  flex-shrink: 0;
  margin-left: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.success-message button.close span {
  left: -999em;
  opacity: 0.01;
  position: absolute;
  top: -999em;
}
.success-message button.close:before {
  content: "\e904";
  font-size: 30px;
}
.success-message button.close:hover {
  color: #fafffe;
  transition: color 0.1s ease-out;
}
.no-margin {
  margin: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d1ca 0,
    #b8af9d 100%
  );
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  padding: 8px 16px;
  width: 100%;
}
select:focus {
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d1ca 0,
    #d8d1ca 100%
  );
  outline: none;
}
select option {
  background-color: #171009;
  color: #fafffe;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  padding: 5px;
  text-align: left;
}
.form-control:has(button.toggle-password),
[data-component="view-password-toggle"] {
  position: relative;
}
.form-control:has(button.toggle-password) button.toggle-password,
[data-component="view-password-toggle"] button.toggle-password {
  background-color: transparent;
  border: none;
  border-radius: 0;
  bottom: 20%;
  height: 22px;
  left: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -999em;
  top: 20%;
  width: 22px;
}
.form-control:has(button.toggle-password) button.toggle-password:before,
[data-component="view-password-toggle"] button.toggle-password:before {
  color: #25231d;
  content: "\e921";
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1 !important;
}
.form-control:has(button.toggle-password) button.toggle-password.hide:before,
[data-component="view-password-toggle"] button.toggle-password.hide:before {
  content: "\e915";
  font-size: 1.1rem;
}
.input-wrapper {
  position: relative;
}
.input-wrapper.error input {
  background: var(--form-field-error-background, #c8a5a5);
  border: 2px solid #883436;
}
.input-wrapper.success:before {
  background-color: #5e7557;
  border-radius: 13px;
  content: "\e903";
  height: 26px;
  left: 16px;
  line-height: 26px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  z-index: 2;
}
.input-wrapper.success input {
  border: 2px solid #5e7557;
  padding-left: 50px;
  z-index: 1;
}
.input-wrapper input[disabled] {
  background: #d8d1ca;
  cursor: default;
}
.form-control .description {
  margin-bottom: 4px;
  margin-top: 0;
}
.form-control .description + p {
  margin-bottom: 8px;
  margin-top: 4px;
}
.form-control .input-wrapper,
.form-control .input-wrapper + p,
.form-control > input,
.form-control > input + p {
  margin-bottom: 8px;
  margin-top: 8px;
}
.form-control .error-message {
  margin-bottom: 0;
  margin-top: 8px;
}
:root {
  --app-height: 100%;
  --app-width: 100%;
  --app-header-depth: 58px;
}
@media (min-width: 768px) {
  :root {
    --app-header-depth: 87px;
  }
}
@media (min-width: 1280px) {
  :root {
    --app-header-depth: 83px;
  }
}
html {
  --mobile-menu-background-opacity: 1;
  --navbar-opacity: 0;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body {
  background-color: #1a1027;
  margin: 0;
}
.layout {
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 768px) {
  .layout {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1280px) {
  .layout {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1920px) {
  .layout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1760px;
  }
}
main {
  margin-top: var(--app-header-depth);
  overflow: hidden;
  position: relative;
}
main:before {
  background-image: url(../images/nme-floral-pattern.png);
  background-position: top;
  background-repeat: repeat;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.03;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
main > section {
  margin: 0 auto;
  max-width: 1760px;
  position: relative;
  z-index: 1;
}
.simplebar-track {
  background-color: #342b1e;
  border-radius: 6px;
}
.simplebar-track .simplebar-scrollbar:before {
  background-color: #68573b;
}
img {
  display: block;
}
figure {
  margin: 0;
}
figure img {
  width: 100%;
}
button {
  cursor: pointer;
}
[x-cloak] {
  display: none !important;
}
.grid,
[data-slug="home"] #intro .layout .ctas {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .grid,
  [data-slug="home"] #intro .layout .ctas {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.card {
  display: block;
  text-decoration: none;
}
.ctas {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 36px 0 24px;
}
@media (min-width: 480px) {
  .ctas {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .ctas {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.ctas .button,
.ctas button,
.ctas > a {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
.platforms,
.tags {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.platforms .platform {
  background-color: #2d2d2d;
  border-radius: 3px;
  color: #d1cdbc;
  display: block;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2857142857;
  padding: 4px 8px;
  text-align: center;
}
.intro,
.intro h1 {
  margin: 24px 0;
}
.intro h1 {
  color: #d79a43;
  font-size: 36px;
  text-align: center;
  text-transform: none;
}
.intro .requirements {
  color: #afc5c2;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.note-title {
  font-weight: 700;
  margin: 0;
}
.note {
  font-weight: 400;
  margin-top: 8px;
}
.spinner {
  display: inline-block;
}
.spinner:before {
  animation: spin 2s linear infinite;
  content: "\e906";
  display: block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes fpo-text-glow-grow {
  0% {
    text-shadow: 0 0 8px rgba(255, 0, 255, 0);
  }
  to {
    text-shadow: 0 0 8px #f0f;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.fpo-text {
  animation: fpo-text-glow-grow 1.5s ease-in-out infinite alternate;
  text-shadow: 0 0 8px rgba(255, 0, 255, 0);
}
img[data-component="responsive-image"],
video[data-component="responsive-video"] {
  width: 100%;
}
.content [id] {
  scroll-margin: calc(var(--app-header-depth) + 40px);
}
nav#hotfixes {
  background-color: rgba(48, 40, 28, 0.85);
  border-radius: 5px;
  margin: 24px 0;
  padding: 32px;
}
nav#hotfixes,
nav#hotfixes a,
nav#hotfixes h1,
nav#hotfixes h2,
nav#hotfixes h3,
nav#hotfixes h4,
nav#hotfixes h5,
nav#hotfixes p,
nav#hotfixes ul {
  color: #d1cdbc !important;
}
@media (hover: hover) {
  nav#hotfixes a:hover {
    color: #d8c38a;
  }
}
nav#hotfixes a,
nav#hotfixes span {
  font-weight: 400 !important;
}
nav#hotfixes a.current,
nav#hotfixes span.current {
  color: #d8c38a;
  font-weight: 700 !important;
  text-decoration: none;
}
nav#hotfixes .title {
  font-family: "Noto Serif", serif !important;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}
nav#hotfixes ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  nav#hotfixes ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
nav#hotfixes ul li {
  margin: 0;
  width: 100%;
}
@media (min-width: 768px) {
  nav#hotfixes ul li {
    width: calc(33% - 16px);
  }
}
@media (min-width: 990px) {
  nav#hotfixes ul li {
    width: calc(25% - 16px);
  }
}
@media (min-width: 1280px) {
  nav#hotfixes ul li {
    width: calc(20% - 16px);
  }
}
nav#hotfixes ul li:first-child {
  margin-top: 0;
}
nav#hotfixes ul li:last-child {
  margin-bottom: 0;
}
nav#hotfixes > :first-child {
  margin-top: 0;
}
nav#hotfixes > :last-child {
  margin-bottom: 0;
}
.image-wrapper {
  margin: 24px 0;
}
.image-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}
#page-footer {
  background-color: #1c1d16;
  position: relative;
  z-index: 1;
}
#page-footer > .ribbon {
  background-color: #211430;
}
#page-footer > .ribbon > .layout {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 24px;
}
@media (min-width: 1280px) {
  #page-footer > .ribbon > .layout {
    flex-direction: row;
    justify-content: flex-start;
    max-width: none;
    padding-left: 48px;
    padding-right: 48px;
  }
}
#page-footer .branding a {
  text-decoration: none;
}
#page-footer .branding a > span {
  height: 1px;
  left: -999em;
  opacity: 0.1;
  position: absolute;
  top: -999em;
  width: 1px;
}
#page-footer .branding a:before {
  color: #d8c38a;
  font-size: 43px;
}
#page-footer nav {
  margin: 24px 0;
}
@media (min-width: 1280px) {
  #page-footer nav {
    margin: 0 0 0 20px;
  }
}
#page-footer nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px 16px;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  #page-footer nav ul {
    gap: 6px 0;
    justify-content: center;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1280px) {
  #page-footer nav ul {
    flex-wrap: nowrap;
    gap: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
#page-footer nav ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: calc(50% - 8px);
}
@media (min-width: 768px) {
  #page-footer nav ul li {
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    width: auto;
  }
}
#page-footer nav ul li:after {
  background-color: #9e9678;
  content: normal;
  height: 34px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 1px;
}
@media (min-width: 768px) {
  #page-footer nav ul li:after {
    content: "";
  }
}
#page-footer nav ul li:last-child:after {
  content: normal;
}
#page-footer nav button,
#page-footer nav button#ot-sdk-btn.ot-sdk-show-settings {
  background: none;
  border: none !important;
  margin: 0;
  padding: 0;
  text-align: left;
}
#page-footer nav button#ot-sdk-btn.ot-sdk-show-settings {
  font-family: "Noto Serif", serif;
  font-size: 1rem;
  text-transform: capitalize;
}
#page-footer nav a,
#page-footer nav button,
#page-footer nav button#ot-sdk-btn.ot-sdk-show-settings {
  color: #d1cdbc;
  display: block;
  font-weight: 400;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.5;
  padding: 0;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #page-footer nav a,
  #page-footer nav button,
  #page-footer nav button#ot-sdk-btn.ot-sdk-show-settings {
    font-weight: 400;
  }
}
@media (hover: hover) {
  #page-footer nav a:hover,
  #page-footer nav button#ot-sdk-btn.ot-sdk-show-settings:hover,
  #page-footer nav button:hover {
    color: #d8c38a;
  }
}
#page-footer .language-selector {
  position: relative;
}
@media (min-width: 1280px) {
  #page-footer .language-selector {
    margin-left: auto;
    margin-right: 0;
  }
}
#page-footer .language-selector:before {
  content: "";
  height: 100%;
  position: absolute;
  transition: -webkit-clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 0;
}
#page-footer .language-selector .form-control {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 2px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.1s ease-out;
  height: auto;
}
@media (hover: hover) {
  #page-footer .language-selector .form-control:hover {
    background-color: hsla(44, 50%, 69%, 0.1);
    border-color: hsla(44, 50%, 69%, 0.75);
  }
}
#page-footer .language-selector .form-control > div:not(.label) {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#page-footer
  .language-selector
  .form-control
  > div:not(.label):focus-within
  select
  option,
#page-footer
  .language-selector
  .form-control
  > div:not(.label):hover
  select
  option {
  color: #fafffe;
}
#page-footer
  .language-selector
  .form-control
  > div:not(.label):focus-within
  select
  option:checked,
#page-footer
  .language-selector
  .form-control
  > div:not(.label):focus-within
  select
  option:focus
  > option:checked,
#page-footer
  .language-selector
  .form-control
  > div:not(.label):hover
  select
  option:checked,
#page-footer
  .language-selector
  .form-control
  > div:not(.label):hover
  select
  option:focus
  > option:checked {
  color: #d8c38a;
}
#page-footer .language-selector .form-control > .label {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #d8c38a;
  cursor: pointer;
  display: flex;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  line-height: 1.5;
  padding: 16px 40px;
  pointer-events: none;
  text-overflow: ellipsis;
  transition: all 0.1s ease-out;
  z-index: 1;
}
#page-footer .language-selector .form-control > .label:after,
#page-footer .language-selector .form-control > .label:before {
  color: #d8c38a;
  display: inline-block;
  font-size: 24px;
  pointer-events: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#page-footer .language-selector .form-control > .label:before {
}
#page-footer .language-selector .form-control > .label:after {
}
#page-footer .language-selector select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  background-color: transparent !important;
  border: none;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#page-footer .language-selector select::-ms-expand {
  display: none;
}
#page-footer .language-selector select option {
  background-color: #171009;
  color: #fafffe;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
#page-footer .language-selector select option:checked,
#page-footer .language-selector select option:hover {
  color: orange;
}
#page-footer .language-selector select:focus > option:checked {
  color: red;
}
#sub-footer {
  background-color: #1a1027;
  overflow: hidden;
}
#sub-footer .layout {
  margin: 0 auto;
  padding: 0 20px;
}
#sub-footer .social {
  margin: 32px 0 24px;
}
@media (min-width: 768px) {
  #sub-footer .social {
    margin-top: 48px;
  }
}
#sub-footer .social ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sub-footer .social ul li {
  margin: 8px;
}
#sub-footer .social a {
  color: #171009;
  display: block;
  height: 44px;
  position: relative;
  text-decoration: none;
  text-indent: -999em;
  width: 44px;
}
#sub-footer .social a:before {
  background: radial-gradient(ellipse, #49326c 30%, #32224b 90%);
  -webkit-mask-image: url(../images/nme-torn-stamp-mask.png);
  mask-image: url(../images/nme-torn-stamp-mask.png);
  -webkit-mask-size: cover;
  mask-size: cover;
  transition: all 0.1sease-out;
}
#sub-footer .social a:after,
#sub-footer .social a:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
#sub-footer .social a:after {
  border: 1px solid #171009;
  margin: 4px;
  -webkit-mask-image: url(/pageassets/grunge-line-noise.png);
  mask-image: url(/pageassets/grunge-line-noise.png);
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  pointer-events: none;
  z-index: 3;
}
@media (hover: hover) {
  #sub-footer .social a:hover:before {
    background: radial-gradient(ellipse, #eae3d7 0, #ccbc8f 100%);
  }
}
#sub-footer .social a span {
  z-index: 1;
}
#sub-footer .social a span:before {
  font-size: 20px;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
#sub-footer .social a.discord > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\f392";
}
#sub-footer .social a.facebook > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e913";
  font-size: 24px;
}
#sub-footer .social a.instagram > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e916";
}
#sub-footer .social a.twitch > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e926";
}
#sub-footer .social a.twitter > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e912";
}
#sub-footer .social a.youtube > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\f167";
}
#sub-footer .social a.reddit > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e91e";
}
#sub-footer .social a.tiktok > span:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e07b";
}
#sub-footer .social ul li:nth-child(1n) a:before {
  transform: rotate(0deg);
}
#sub-footer .social ul li:nth-child(2n) a:before {
  transform: rotate(90deg);
}
#sub-footer .social ul li:nth-child(3n) a:before {
  transform: rotate(180deg);
}
#sub-footer .social ul li:nth-child(4n) a:before {
  transform: rotate(270deg);
}
#sub-footer .ratings {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 392px;
}
#sub-footer .ratings > .wrapper {
  background-color: #302e19;
}
#sub-footer .ratings .FooterRatingBoardCard {
  align-items: center;
  border-radius: 3px;
  display: inline-grid;
  gap: 16px;
  padding: 32px 16px;
}
#sub-footer .ratings .FooterRatingBoardCard > img {
    border: none;
    height: auto;
    width: 215px;
    background-size: contain;
}
#sub-footer .ratings .FooterRatingBoardCard > div {
  margin-left: 16px;
}
#sub-footer .ratings .FooterRatingBoardCard > div :first-child {
  margin-top: 0;
}
#sub-footer .ratings .FooterRatingBoardCard > div :last-child {
  margin-bottom: 0;
}
#sub-footer p {
  color: #fff;
  margin: 24px 0;
  text-align: center;
}
#sub-footer .copyright {
  color: #a5a49c;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
#sub-footer .partners,
#sub-footer .platforms,
#sub-footer .publishers {
  margin: 24px 0;
}
#sub-footer .partners ul,
#sub-footer .platforms ul,
#sub-footer .publishers ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sub-footer .partners ul li,
#sub-footer .platforms ul li,
#sub-footer .publishers ul li {
  margin: 0 4px;
}
#sub-footer .partners a,
#sub-footer .partners img,
#sub-footer .platforms a,
#sub-footer .platforms img,
#sub-footer .publishers a,
#sub-footer .publishers img {
  display: block;
}
#sub-footer .partners img[src*="steam"],
#sub-footer .platforms img[src*="steam"],
#sub-footer .publishers img[src*="steam"] {
  height: auto;
  width: 77px;
}
#sub-footer .partners img[src*="ps4"],
#sub-footer .partners img[src*="ps5"],
#sub-footer .platforms img[src*="ps4"],
#sub-footer .platforms img[src*="ps5"],
#sub-footer .publishers img[src*="ps4"],
#sub-footer .publishers img[src*="ps5"] {
  height: auto;
  width: 74px;
}
#sub-footer .partners img[src*="seriesxs"],
#sub-footer .platforms img[src*="seriesxs"],
#sub-footer .publishers img[src*="seriesxs"] {
  height: 38px;
  width: auto;
}
#sub-footer .partners img[src*="xbox-one"],
#sub-footer .platforms img[src*="xbox-one"],
#sub-footer .publishers img[src*="xbox-one"] {
  height: auto;
  margin-top: -2px;
  width: 100px;
}
#sub-footer .partners img[src*="airship"],
#sub-footer .platforms img[src*="airship"],
#sub-footer .publishers img[src*="airship"] {
  height: auto;
  width: 70px;
}
#sub-footer .partners img[src*="digital-extremes"],
#sub-footer .platforms img[src*="digital-extremes"],
#sub-footer .publishers img[src*="digital-extremes"] {
  height: auto;
  width: 173px;
}
#sub-footer .partners img[src*="amd"],
#sub-footer .platforms img[src*="amd"],
#sub-footer .publishers img[src*="amd"] {
  height: auto;
  width: 150px;
}
#sub-footer .publishers {
  margin-bottom: 48px;
}
#sub-footer .publishers ul li {
  margin: 0 16px;
}
#sub-footer .partners {
  margin-bottom: 50px;
}
#page-header {
	background-color: #211430;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
#page-header:before {
  background: 50%/480px repeat url(../images/nme-floral-pattern.png);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.04;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
#page-header .layout {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: var(--app-header-depth);
  justify-content: flex-end;
  margin: 0;
  max-width: none;
  padding: 11px 26px;
  position: relative;
}
@media (min-width: 768px) {
  #page-header .layout {
    padding: 16px 20px 16px 48px;
  }
}
@media (min-width: 1280px) {
  #page-header .layout {
    padding-right: 0;
  }
}
#page-header .layout:after {
  background: 50% / auto repeat-x url(/images/grunge-line-noise.jpg);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  mix-blend-mode: darken;
  position: absolute;
  right: 0;
}
#page-header .layout > .ctas a.log-in {
  display: none;
}
@media (min-width: 990px) {
  #page-header .layout > .ctas a.log-in {
    display: unset;
  }
}
@media (min-width: 1280px) {
  #page-header.authenticated .layout {
    padding-right: 0;
  }
}
#page-header figure.branding {
  margin-right: auto;
}
@media (min-width: 1280px) {
  #page-header figure.branding {
    margin-bottom: -1px;
    margin-top: -1px;
  }
}
#page-header figure.branding a {
  display: block;
  text-decoration: none;
}
#page-header figure.branding a > span {
  height: 1px;
  left: -999em;
  opacity: 0.1;
  position: absolute;
  top: -999em;
  width: 1px;
}
#page-header figure.branding a:before {
  color: #d8c38a;
  display: block;
  font-size: 34.4px;
}
@media (min-width: 768px) {
  #page-header figure.branding a:before {
    font-size: 50.7px;
    transform: translateY(-2px);
  }
}
#page-header .account {
  margin: 0 16px;
}
@media (min-width: 768px) {
  #page-header .account {
    margin-bottom: -16px;
    margin-top: -16px;
  }
}
@media (min-width: 1280px) {
  #page-header .account {
    align-self: stretch;
    border-left: 2px solid hsla(44, 50%, 69%, 0.43);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }
}
#page-header .account button#user-profile {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #bca783;
  display: flex;
  flex-direction: row;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
  padding: 0;
  transition: all 0.1s ease-out;
}
@media (min-width: 1280px) {
  #page-header .account button#user-profile {
    background-color: hsla(44, 50%, 69%, 0.07);
    color: #d8c38a;
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    height: 100%;
    padding: 16px 32px;
  }
}
@media (hover: hover) {
  #page-header .account button#user-profile:hover {
    background-color: hsla(44, 50%, 69%, 0.1);
  }
}
#page-header .account button#user-profile > span {
  display: none;
}
@media (min-width: 768px) {
  #page-header .account button#user-profile > span {
    display: block;
    font-family: Spectral SC, "Noto Serif", serif;
    font-weight: 700;
  }
}
#page-header .account button#user-profile:before {
  content: "\e900";
  font-size: 32px;
  transform-origin: center center;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  #page-header .account button#user-profile:before {
    font-size: 24px;
    margin-right: 8px;
    transform: translateY(-2px);
  }
}
#page-header .account button#user-profile:after {
  font-size: 24px;
  margin-left: 8px;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  #page-header .account button#user-profile:after {
    content: "\e90e";
  }
}
#page-header .account.open button#user-profile:after {
  transform: rotate(180deg);
}
#page-header .account .menu {
  display: none;
}
@media (min-width: 1280px) {
  #page-header .account .menu {
    align-items: stretch;
    background-color: #171009;
    border-radius: 0 0 3px 3px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 50%;
    max-height: 0;
    overflow-y: hidden;
    position: absolute;
    top: 100%;
    transform: translateX(-50%) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
  }
  #page-header .account .menu.open {
    max-height: 100vh;
    max-height: var(--app-height);
    transition-duration: 0.12s;
  }
}
#page-header .account .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-header .account .menu .ctas {
  border-top: 1px solid rgba(0, 255, 255, 0.25);
  display: block;
  margin: 0;
}
@media (min-width: 1280px) {
  #page-header .account .menu .ctas {
    border: none;
  }
  #page-header .account .menu .ctas a {
    align-items: center;
    justify-content: flex-start;
    padding: 8px 16px;
    text-transform: none;
  }
  #page-header .account .menu .ctas.logged-in .decorated {
    display: none;
  }
}
#page-header .account .menu .ctas a,
#page-header .account .menu ul a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #page-header .account .menu .ctas a,
  #page-header .account .menu ul a {
    padding: 8px 16px;
  }
}
#page-header .account .menu .ctas a,
#page-header .account .menu ul a {
  color: #fafffe;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
#page-header .account .menu .ctas a:hover,
#page-header .account .menu ul a:hover {
  color: #d8c38a;
}
@media (min-width: 1280px) {
  #page-header .account .menu .ctas a,
  #page-header .account .menu ul a {
    font-size: 16px;
  }
}
#page-header button.toggle {
  background-color: transparent;
  border: none;
  height: 40px;
  padding: 0;
  position: relative;
  width: 40px;
}
@media (min-width: 768px) {
  #page-header button.toggle {
    margin-left: 24px;
    margin-right: 4px;
  }
}
@media (min-width: 1480px) {
  #page-header button.toggle {
    display: none;
  }
}
#page-header button.toggle > span {
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
}
#page-header button.toggle > span,
#page-header button.toggle > span:after,
#page-header button.toggle > span:before {
  background-color: #bca783;
  height: 3px;
  left: 50%;
  margin: 0;
  position: absolute;
  text-indent: -999em;
  transform-origin: center center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 27px;
}
#page-header button.toggle > span:after,
#page-header button.toggle > span:before {
  content: "";
  top: 50%;
}
#page-header button.toggle > span:before {
  transform: translate(-50%, calc(-50% - 9px)) rotate(0);
}
#page-header button.toggle > span:after {
  transform: translate(-50%, calc(-50% + 9px)) rotate(0);
}
#page-header button.toggle.open > span {
  background-color: transparent;
}
#page-header button.toggle.open > span:after,
#page-header button.toggle.open > span:before {
  width: 28px;
}
#page-header button.toggle.open > span:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-header button.toggle.open > span:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
#page-header .ctas {
  display: none;
  margin-bottom: 0;
  margin-top: 0;
}
#page-header .ctas.logged-in {
  margin-left: 8px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  #page-header .ctas.logged-in {
    display: none;
  }
}
@media (min-width: 1280px) {
  #page-header .ctas.logged-in {
    display: flex;
    margin-left: 0;
    margin-right: 40px;
  }
}
#page-header .ctas.logged-in a {
  width: auto;
}
@media (min-width: 768px) {
  #page-header .ctas {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start;
  }
}
#page-header .ctas a.decorated {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
#page-header .ctas a.decorated > span:after,
#page-header .ctas a.decorated > span:before {
  display: inline-block;
  position: relative;
}
#page-header .ctas a.decorated > span:before {
  margin-right: 8px;
}
#page-header .ctas a.decorated > span:after {
  margin-left: 8px;
}
#page-header .ctas a.decorated {
  background: radial-gradient(ellipse, #eae3d7 0, #ccbc8f 100%);
  border: 1px solid #291d16;
  box-shadow: none;
  color: #291d16;
  margin-left: var(--button-primary-ornament-width);
  margin-right: var(--button-primary-ornament-width);
}
#page-header .ctas a.decorated > span {
  z-index: 1;
}
#page-header .ctas a.decorated:after,
#page-header .ctas a.decorated:before {
  aspect-ratio: 46/55;
  background: 50% / contain no-repeat url(../images/svgs/button-primary-end-cap.svg);
  content: "";
  height: auto;
  position: absolute;
  top: 50%;
  width: var(--button-primary-ornament-width);
  z-index: 1;
}
#page-header .ctas a.decorated:before {
  right: calc(100% + 1px);
  transform: translateY(-50%);
}
#page-header .ctas a.decorated:after {
  left: calc(100% + 1px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  #page-header .ctas a.decorated:hover {
    background: radial-gradient(ellipse, #eae3d7 66%, #eae3d7 105%);
    box-shadow: none;
    color: #291d16;
  }
}
#page-header .ctas a[class*="log-"] {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
#page-header .ctas a[class*="log-"] > span:after,
#page-header .ctas a[class*="log-"] > span:before {
  display: inline-block;
  position: relative;
}
#page-header .ctas a[class*="log-"] > span:before {
  margin-right: 8px;
}
#page-header .ctas a[class*="log-"] > span:after {
  margin-left: 8px;
}
#page-header .ctas a[class*="log-"] {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 1px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #d8c38a;
}
@media (hover: hover) {
  #page-header .ctas a[class*="log-"]:hover {
    background-color: hsla(44, 50%, 69%, 0.1);
  }
}
#page-header .ctas a.log-in > span:before,
#page-header .ctas a.log-out > span:before {
  font-size: 1.3em;
  transform: translateY(0.1em);
}
#page-header .ctas a.sign-up {
  margin-left: 70px;
  margin-right: 46px;
}
#page-header .ctas a.download {
  margin-left: 46px;
  margin-right: 46px;
}
#page-header #account-nav .ctas a {
  text-align: left;
}
#page-header #account-nav .ctas a.download,
#page-header #account-nav .ctas a.log-out {
  background: none;
  border: none;
  border-radius: 0;
}
#page-header #account-nav .ctas a.download > span,
#page-header #account-nav .ctas a.log-out > span {
  justify-content: flex-start;
}
#page-header #account-nav .ctas a.button.primary:after,
#page-header #account-nav .ctas a.button.primary:before {
  content: normal;
}
#page-header #main-nav {
  display: none;
}
@media (min-width: 1480px) {
  #page-header #main-nav {
    display: flex;
    margin-right: 24px;
  }
  #page-header #main-nav nav > ul > li [data-component="drop-down"] {
    display: flex;
    flex-direction: column;
    height: var(--app-header-depth);
    justify-content: center;
  }
}
#page-header #main-nav [data-component="drop-down"] button,
#page-header #main-nav a {
  background: none;
  border: none;
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #page-header #main-nav [data-component="drop-down"] button,
  #page-header #main-nav a {
    padding: 8px 16px;
  }
}
#page-header #main-nav [data-component="drop-down"] button,
#page-header #main-nav [data-component="drop-down"] button *,
#page-header #main-nav a,
#page-header #main-nav a * {
  outline: none;
}
#page-header #main-nav [data-component="drop-down"] button,
#page-header #main-nav a {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  height: 100%;
  letter-spacing: 0.25em;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  #page-header #main-nav [data-component="drop-down"] button,
  #page-header #main-nav a {
    padding-bottom: 0;
    padding-top: 0;
    text-transform: uppercase;
  }
}
#page-header #main-nav [data-component="drop-down"] button span,
#page-header #main-nav a span {
  display: block;
  text-align: center;
}
#page-header #main-nav [data-component="drop-down"] button svg,
#page-header #main-nav a svg {
  fill: #d8c38a;
  display: block;
  height: 14px;
  margin: 0 auto;
  opacity: 0.43;
  transition: opacity 0.1s ease-out;
  width: auto;
}
#page-header #main-nav [data-component="drop-down"] button[aria-current],
#page-header #main-nav a[aria-current] {
  color: #bca783;
}
#page-header #main-nav [data-component="drop-down"] button[aria-current] svg,
#page-header #main-nav a[aria-current] svg {
  opacity: 1;
}
@media (hover: hover) {
  #page-header #main-nav [data-component="drop-down"] button:hover svg,
  #page-header #main-nav a:hover svg {
    opacity: 1;
  }
}
#page-header
  #main-nav
  [data-component="drop-down"]
  button[data-icon-right="new-tab"]
  > span:first-child:after,
#page-header #main-nav a[data-icon-right="new-tab"] > span:first-child:after {
  content: "\e91b";
  display: inline-block;
  transform: translateY(0.08em);
}
#page-header #main-nav [data-component="drop-down"].open svg {
  opacity: 1;
}
#page-header #main-nav ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1280px) {
  #page-header #main-nav ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
  }
  #page-header #main-nav ul li {
    margin: 0 2px;
  }
}
@media (min-width: 1440px) {
  #page-header #main-nav ul li {
    margin: 0 20px;
  }
}
#page-header #main-nav ul li:first-child {
  margin-left: 0;
}
#page-header #main-nav ul li:last-child {
  margin-right: 0;
}
#page-header #main-nav ul ul {
  outline: 2px solid rgba(102, 51, 153, 0.8);
}
@media (min-width: 1280px) {
  #page-header #main-nav ul ul,
  #page-header #main-nav ul ul li {
    display: block;
    margin: 0;
  }
}
#page-header #main-nav ul ul li a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #page-header #main-nav ul ul li a {
    padding: 8px 16px;
  }
}
#page-header #main-nav ul ul li a {
  color: #fafffe;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
}
#page-header #main-nav ul ul li a:hover {
  color: #d8c38a;
}
@media (min-width: 1280px) {
  #page-header #main-nav ul ul li a {
    font-size: 16px;
  }
}
#page-header #main-nav ul ul li a,
#page-header #main-nav ul ul li a span {
  text-align: left;
  text-transform: none;
}
#page-header #main-nav ul ul li a[data-icon-right] > span:after,
#page-header #main-nav ul ul li a[data-icon-right] > span:before,
#page-header #main-nav ul ul li a[data-icon] > span:after,
#page-header #main-nav ul ul li a[data-icon] > span:before {
  font-size: 16px;
  transform: translateY(0.15em);
}
#page-header .off-canvas {
  align-items: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  height: calc(var(--app-height) - var(--app-header-depth));
  height: calc(100svh - var(--app-header-depth));
  justify-content: flex-start;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: var(--app-header-depth);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100vw;
  z-index: 9;
}
@media (min-width: 768px) {
  #page-header .off-canvas {
    max-width: 380px;
    transition-duration: 375ms;
  }
}
@media (min-width: 1480px) {
  #page-header .off-canvas {
    background-color: transparent;
    transform: translateX(100%);
  }
}
#page-header .off-canvas.open {
	background-color: #1b1027;
    overflow-y: auto;
    transform: translateX(0);
    transition-duration: 0.25s;
}
@media (min-width: 768px) {
  #page-header .off-canvas.open {
    transition-duration: 285ms;
  }
}
@media (min-width: 1480px) {
  #page-header .off-canvas.open {
    background-color: transparent;
    overflow-y: inherit;
    transform: translateX(100%);
  }
}
#page-header .off-canvas.open + .scrim {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
@media (min-width: 1480px) {
  #page-header .off-canvas.open + .scrim {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
  }
}
#page-header .off-canvas nav ul {
  list-style: none;
  margin: 4px 0;
  padding: 0;
}
#page-header .off-canvas nav ul ul {
  margin-bottom: 14px;
  margin-left: 18px;
  margin-top: 0;
}
#page-header .off-canvas nav ul ul li a {
  padding-bottom: 14px;
  padding-top: 14px;
}
#page-header .off-canvas nav li {
  margin: 0;
}
#page-header .off-canvas nav [data-component="drop-down"] button,
#page-header .off-canvas nav a:not(.button) {
  color: #fff;
  display: block;
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding: 20px 40px;
  text-decoration: none;
}
@media (hover: hover) {
  #page-header .off-canvas nav [data-component="drop-down"] button:hover,
  #page-header .off-canvas nav a:not(.button):hover {
    color: #d8c38a;
  }
}
#page-header .off-canvas nav [data-component="drop-down"] button .glyphs,
#page-header .off-canvas nav a:not(.button) .glyphs {
  display: none;
}
#page-header
  .off-canvas
  nav
  [data-component="drop-down"]
  button[data-icon-right="new-tab"]
  > span:first-child:after,
#page-header
  .off-canvas
  nav
  a:not(.button)[data-icon-right="new-tab"]
  > span:first-child:after {
  content: "\e91b";
  display: inline-block;
  margin-left: 0.25em;
  transform: translateY(0.08em);
}
#page-header .off-canvas nav [data-component="drop-down"] button {
  background: none;
  border: none;
  color: #d8c38a;
  cursor: default;
  text-transform: none;
}
#page-header .off-canvas .ctas {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
  margin-top: auto;
}
@media (min-width: 768px) {
  #page-header .off-canvas .ctas {
    display: none;
  }
}
#page-header .off-canvas .ctas a.decorated {
  font-size: 16px;
  padding-left: 66px;
  padding-right: 66px;
}
#page-header .off-canvas .ctas a.log-in {
  font-size: 16px;
}
@media (min-width: 768px) {
  #page-header .off-canvas .ctas a.sign-up {
    display: none;
  }
}
@media (min-width: 1280px) {
  #page-header .off-canvas .ctas a.sign-up {
    display: unset;
  }
}
#page-header .off-canvas #main-nav-mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
#page-header .off-canvas #main-nav-mobile .ctas {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #page-header .off-canvas #main-nav-mobile .ctas {
    gap: 0;
  }
}
#page-header .off-canvas #main-nav-mobile .log-in,
#page-header .off-canvas #main-nav-mobile .sign-up {
  border-width: 1px 0 0;
  margin: 0;
  padding-bottom: 16px;
  padding-top: 16px;
}
@media (min-width: 1280px) {
  #page-header .off-canvas #main-nav-mobile .log-in,
  #page-header .off-canvas #main-nav-mobile .sign-up {
    border-width: 1px;
  }
}
#page-header .off-canvas #main-nav-mobile .log-in {
  grid-row: 2;
}
#page-header .off-canvas #main-nav-mobile .sign-up {
  grid-row: 1;
}
#page-header .off-canvas #account-nav-mobile {
  width: 100%;
}
#page-header .off-canvas #account-nav-mobile nav {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr min-content;
  height: 100%;
}
#page-header .off-canvas #account-nav-mobile ul {
  grid-column: 1/2;
  grid-row: 1/2;
}
#page-header .off-canvas #account-nav-mobile .ctas {
  grid-column: 1/2;
  grid-row: 2/3;
  margin: 0;
}
@media (min-width: 768px) {
  #page-header .off-canvas #account-nav-mobile .ctas {
    display: flex;
    gap: 0;
  }
}
#page-header .off-canvas #account-nav-mobile .ctas a {
  border-width: 1px 0 0;
  width: 100%;
}
@media (min-width: 1280px) {
  #page-header .off-canvas #account-nav-mobile .ctas a {
    border-width: 1px;
  }
}
#page-header .off-canvas #account-nav-mobile .ctas a.button {
  width: 100%;
}
#page-header .off-canvas #account-nav-mobile .ctas a.button.primary:after,
#page-header .off-canvas #account-nav-mobile .ctas a.button.primary:before {
  content: normal;
}
@media (min-width: 1280px) {
  #page-header .off-canvas #account-nav-mobile .ctas.logged-in {
    display: none;
  }
}
#page-header .off-canvas #account-nav-mobile .ctas a.button,
#page-header .off-canvas #main-nav-mobile .ctas a.button {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 990px) {
  #page-header .off-canvas #account-nav-mobile .ctas a.log-in,
  #page-header .off-canvas #main-nav-mobile .ctas a.log-in {
    display: none;
  }
}
#page-header .off-canvas-overlay {
  background-color: transparent;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: var(--app-header-depth);
  transition: 0.3s;
}
#page-header .off-canvas-overlay.open {
  background-color: rgba(1, 2, 1, 0.75);
  pointer-events: all;
  transition: 0.25s;
}
@media (min-width: 1280px) {
  #page-header .off-canvas-overlay.open {
    background-color: transparent;
  }
}
#dev-log-in {
  background-color: green;
  border: none;
  color: #fff;
  left: 0;
  margin: 10px;
  opacity: 0.7;
  padding: 10px 20px;
  position: fixed;
  top: var(--app-header-depth);
}
#legacy-page-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
#legacy-page-header .layout {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 58px;
  justify-content: flex-end;
  margin: 0;
  max-width: none;
  padding: 0 16px;
}
@media (min-width: 768px) {
  #legacy-page-header .layout {
    height: 87px;
  }
}
@media (min-width: 1280px) {
  #legacy-page-header .layout {
    padding-left: 0;
    padding-right: 67px;
  }
}
#legacy-page-header figure.branding {
  margin-right: auto;
  width: 56px;
}
@media (min-width: 768px) {
  #legacy-page-header figure.branding {
    width: 70px;
  }
}
@media (min-width: 1280px) {
  #legacy-page-header figure.branding {
    width: 300px;
  }
}
#legacy-page-header figure.branding img {
  border: none;
}
#legacy-page-header .message {
  display: none;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  #legacy-page-header .message {
    display: block;
  }
}
#legacy-page-header #main-nav {
  background-color: transparent;
}
#legacy-page-header #main-nav a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #legacy-page-header #main-nav a {
    padding: 8px 16px;
    text-transform: uppercase;
  }
}
#legacy-page-header #main-nav ul {
  display: none;
}
@media (min-width: 1280px) {
  #legacy-page-header #main-nav ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 8px;
    margin-right: 8px;
  }
  #legacy-page-header #main-nav ul li {
    margin-left: 8px;
    margin-right: 8px;
  }
}
#legacy-page-header #main-nav .ctas {
  display: block;
  margin-top: auto;
}
@media (min-width: 768px) {
  #legacy-page-header #main-nav .ctas {
    display: none;
  }
}
#legacy-page-header .account {
  margin: 0 16px;
}
@media (min-width: 1280px) {
  #legacy-page-header .account {
    background-color: hsla(44, 50%, 69%, 0.05);
    display: flex;
    flex-direction: column;
    height: 87px;
    height: var(--app-header-depth);
    justify-content: center;
    margin-right: 0;
    position: relative;
  }
}
#legacy-page-header .account button#user-profile {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-family: Noto Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#legacy-page-header .account button#user-profile:after {
  content: "\e90e";
  margin-left: 8px;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1280px) {
  #legacy-page-header .account button#user-profile {
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    padding: 16px 32px;
  }
}
#legacy-page-header .account.open button#user-profile:after {
  transform: rotate(180deg);
}
#legacy-page-header .account .menu {
  display: none;
}
@media (min-width: 1280px) {
  #legacy-page-header .account .menu {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 50%;
    max-height: 0;
    overflow-y: hidden;
    position: absolute;
    top: 100%;
    transform: translateX(-50%) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
  }
  #legacy-page-header .account .menu.open {
    max-height: 100vh;
    max-height: var(--app-height);
    transition-duration: 0.12s;
  }
}
#legacy-page-header .account .menu ul a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #legacy-page-header .account .menu ul a {
    padding: 8px 16px;
  }
}
#legacy-page-header .account .menu .ctas {
  display: block;
  margin-top: auto;
}
@media (min-width: 1280px) {
  #legacy-page-header .account .menu .ctas {
    border: none;
  }
  #legacy-page-header .account .menu .ctas a {
    justify-content: flex-start;
    padding: 8px 16px;
    text-transform: none;
  }
}
#legacy-page-header .account .menu .ctas.logged-in {
  border-top: 1px solid rgba(0, 255, 255, 0.25);
}
@media (min-width: 1280px) {
  #legacy-page-header .account .menu .ctas.logged-in .decorated {
    display: none;
  }
}
#legacy-page-header button.toggle {
  background-color: transparent;
  border: none;
  height: 40px;
  position: relative;
  width: 40px;
}
@media (min-width: 768px) {
  #legacy-page-header button.toggle {
    margin-left: 16px;
  }
}
@media (min-width: 1480px) {
  #legacy-page-header button.toggle {
    display: none;
  }
}
#legacy-page-header button.toggle > span {
  top: calc(50% - 1px);
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
}
#legacy-page-header button.toggle > span,
#legacy-page-header button.toggle > span:after,
#legacy-page-header button.toggle > span:before {
  height: 3px;
  left: 50%;
  position: absolute;
  text-indent: -999em;
  transform-origin: center center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
}
#legacy-page-header button.toggle > span:after,
#legacy-page-header button.toggle > span:before {
  content: "";
  top: 50%;
}
#legacy-page-header button.toggle > span:before {
  transform: translate(-50%, calc(-50% - 8px)) rotate(0);
}
#legacy-page-header button.toggle > span:after {
  transform: translate(-50%, calc(-50% + 8px)) rotate(0);
}
#legacy-page-header button.toggle.open > span {
  background-color: transparent;
}
#legacy-page-header button.toggle.open > span:after,
#legacy-page-header button.toggle.open > span:before {
  width: 25px;
}
#legacy-page-header button.toggle.open > span:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#legacy-page-header button.toggle.open > span:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
#legacy-page-header .ctas {
  display: none;
}
@media (min-width: 768px) {
  #legacy-page-header .ctas {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
}
#legacy-page-header .ctas a {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  justify-content: center;
  padding: 16px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#legacy-page-header .ctas a.log-in,
#legacy-page-header .ctas a.sign-up {
  padding-bottom: 16px;
  padding-top: 16px;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-clip-path 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  #legacy-page-header .ctas a.log-in,
  #legacy-page-header .ctas a.sign-up {
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
  }
}
@media (hover: hover) {
  #legacy-page-header .ctas a.sign-up span:hover,
  #legacy-page-header .ctas a.sign-up:hover {
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  #legacy-page-header .ctas a.sign-up {
    order: 1;
  }
}
@media (min-width: 1280px) {
  #legacy-page-header .ctas a.sign-up {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  #legacy-page-header .ctas a.log-in {
    order: 0;
  }
}
#legacy-page-header .ctas a.log-out {
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  #legacy-page-header .ctas a.log-out {
    text-align: left;
  }
}
#legacy-page-header a.download-game:after,
#legacy-page-header a.log-out:after {
  font-size: 1.125rem;
  margin-left: 0.5em;
}
#legacy-page-header a.download-game:after {
  content: "\e90c";
  font-size: 14px;
}
#legacy-page-header a.log-out:after {
  content: "\e919";
}
#legacy-page-header a.log-in:before {
  content: "\e918";
  font-size: 1.3em;
  margin-right: 0.5em;
}
#legacy-page-header .off-canvas {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 58px;
  transform: translateX(100%);
  transition: transform 375ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100vw;
  z-index: 9;
}
@media (min-width: 768px) {
  #legacy-page-header .off-canvas {
    max-width: 380px;
    transition-duration: 375ms;
  }
}
@media (min-width: 1280px) {
  #legacy-page-header .off-canvas {
    background-color: transparent;
    transform: translateX(100%);
  }
}
#legacy-page-header .off-canvas.open {
  overflow-y: auto;
  transform: translateX(0);
  transition-duration: 225ms;
}
@media (min-width: 768px) {
  #legacy-page-header .off-canvas.open {
    transition-duration: 285ms;
  }
}
@media (min-width: 1280px) {
  #legacy-page-header .off-canvas.open {
    background-color: transparent;
    overflow-y: inherit;
    transform: translateX(100%);
  }
}
#legacy-page-header .off-canvas.open + .scrim {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
@media (min-width: 1280px) {
  #legacy-page-header .off-canvas.open + .scrim {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
  }
}
#legacy-page-header .off-canvas a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  #legacy-page-header .off-canvas a {
    padding: 8px 16px;
  }
}
#legacy-page-header .off-canvas .ctas {
  display: block;
  margin-top: auto;
}
#legacy-page-header .off-canvas #account-nav-mobile,
#legacy-page-header .off-canvas #main-nav-mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
#legacy-page-header .scrim {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  height: var(--app-height);
  left: 0;
  mix-blend-mode: darken;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100vw;
  z-index: -1;
}
#legacy-page-header #main-nav-mobile .ctas {
  border: none;
}
@media (min-width: 768px) {
  #legacy-page-header #main-nav-mobile .ctas {
    display: none;
  }
}
#legacy-page-header #account-nav-mobile .menu {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#legacy-page-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.card .content > :first-child {
  margin-top: 0;
}
.card .content > :last-child {
  margin-bottom: 0;
}
[data-slug="home"] main {
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  [data-slug="home"] main {
    padding-bottom: 160px;
  }
}
[data-slug="home"] main :before {
  z-index: -1;
}
[data-slug="home"] main:has(#homepage-closing) {
  padding-bottom: 0;
}
[data-slug="home"] .layout header {
  max-width: 343px;
}
@media (min-width: 768px) {
  [data-slug="home"] .layout header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="home"] .layout header {
    max-width: 885px;
  }
}
[data-slug="home"] .layout header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="home"] .layout header > :first-child {
  margin-top: 0;
}
[data-slug="home"] .layout header > :last-child {
  margin-bottom: 0;
}
[data-slug="home"] .layout header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="home"] .layout header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="home"] .layout header h2 > span {
    max-width: unset;
  }
}
[data-slug="home"] .layout header h2 > span:after,
[data-slug="home"] .layout header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="home"] .layout header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="home"] .layout header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="home"] .layout header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 990px) {
  [data-slug="home"] main {
    margin-top: 0;
  }
}
@media (min-width: 1921px) {
  [data-slug="home"] main:before {
    -webkit-mask-image: linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.62) 66%
    );
    mask-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.62) 66%);
  }
}
[data-slug="home"] main > .wrapper {
  display: flex;
  flex-direction: column;
}
[data-slug="home"] main > .wrapper #masthead {
  order: 0;
}
[data-slug="home"] main > .wrapper #showcase-banner {
  order: 1;
}
[data-slug="home"] main > .wrapper #news-showcase {
  order: 2;
}
[data-slug="home"] main > .wrapper #devspot {
  order: 3;
}
[data-slug="home"] main > .wrapper #cta-display {
  order: 4;
}
[data-slug="home"] main > .wrapper #otaslogpifimaomm {
  order: 5;
}
[data-slug="home"] main > .wrapper #video-showcase {
  order: 6;
}
[data-slug="home"] main > .wrapper #homepage-closing {
  order: 7;
}
[data-slug="home"] main > .wrapper #signup {
  order: 8;
}
[data-slug="home"] main > .wrapper #signup-error {
  order: 9;
}
[data-slug="home"] main section {
  margin-top: 80px;
  scroll-margin: calc(var(--app-header-depth) + 40px);
}
@media (min-width: 768px) {
  [data-slug="home"] main section {
    margin-top: 160px;
  }
}
[data-slug="home"] #masthead {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content;
  justify-content: center;
  margin-top: 0;
  max-width: none;
  position: relative;
  z-index: 2;
}
@media (min-width: 990px) {
  [data-slug="home"] #masthead {
    margin-top: var(--app-header-depth);
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  [data-slug="home"] #masthead {
    padding-bottom: 0;
  }
}
[data-slug="home"] #masthead > figure.video {
  align-self: stretch;
  grid-column: 1/2;
  grid-row: 1/2;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (min-width: 1280px) {
  [data-slug="home"] #masthead > figure.video {
    min-height: 814px;
  }
}
[data-slug="home"] #masthead > figure.video picture img,
[data-slug="home"] #masthead > figure.video video {
  aspect-ratio: 1/1;
  display: block;
  height: 100%;
  left: 50%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  outline-offset: -3px;
  outline-width: 6px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
@media (min-width: 990px) {
  [data-slug="home"] #masthead > figure.video picture img,
  [data-slug="home"] #masthead > figure.video video {
    aspect-ratio: 1920/1080;
  }
}
[data-slug="home"] #masthead > figure.video picture {
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  z-index: 2;
}
[data-slug="home"] #masthead > figure.video picture.ready {
  opacity: 0;
}
[data-slug="home"] #masthead .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-slug="home"] #masthead .layout {
    align-self: center;
    display: flex;
    justify-content: flex-end;
  }
}
@media (min-width: 1920px) {
  [data-slug="home"] #masthead .layout {
    width: 100%;
  }
}
[data-slug="home"] #masthead .layout .card {
  background-color: rgba(1, 2, 1, 0.75);
  border-radius: 5px;
  margin-bottom: 80px;
  margin-top: 80px;
  padding: 32px 36px;
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="home"] #masthead .layout .card {
    margin-bottom: 160px;
    margin-top: 160px;
    max-width: 522px;
    padding: 56px;
  }
}
@media (min-width: 990px) {
  [data-slug="home"] #masthead .layout .card {
    max-width: 720px;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"] #masthead .layout .card {
    margin-bottom: 0;
    margin-top: 0;
  }
}
[data-slug="home"] #masthead .layout .card:before {
  border: 1px solid #292929;
  border-radius: 5px;
  bottom: 16px;
  content: "";
  left: 16px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 0;
}
[data-slug="home"] #masthead .layout .card .branding {
  margin: 0 auto 16px;
  max-width: 270px;
  position: relative;
}
[data-slug="home"] #masthead .layout .card .branding svg {
  fill: #d8c38a;
  display: block;
  height: auto;
  width: 100%;
}
@media (min-width: 990px) {
  [data-slug="home"] #masthead .layout .card .branding svg {
    filter: none;
    opacity: 1;
  }
}
[data-slug="home"] #masthead .layout .card .ctas {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 32px auto 0;
}
@media (min-width: 1280px) {
  [data-slug="home"] #masthead .layout .card .ctas {
    align-items: center;
    flex-direction: row;
  }
}
html[lang="ru"] #masthead .layout .card .ctas {
  align-items: stretch !important;
  flex-direction: column !important;
}
[data-slug="home"] #intro {
  position: relative;
}
[data-slug="home"] #intro .layout > header {
  max-width: 736px;
}
[data-slug="home"] #intro .layout > header h2 {
  text-align: center;
}
[data-slug="home"] #intro .layout .ctas {
  margin: 16px -8px -8px;
}
@media (min-width: 768px) {
  [data-slug="home"] #intro .layout .ctas {
    flex-direction: column;
  }
}
@media (min-width: 990px) {
  [data-slug="home"] #intro .layout .ctas {
    flex-direction: row;
    justify-content: center;
  }
}
[data-slug="home"] #intro .layout .ctas a.button {
  margin: 8px;
  min-width: 300px;
  text-align: center;
}
@media (min-width: 990px) {
  [data-slug="home"] #intro .layout .ctas a.button {
    max-width: 33.33%;
  }
}
[data-slug="home"] #news-showcase {
  position: relative;
}
[data-slug="home"] #news-showcase .layout > :first-child {
  margin-top: 0;
}
[data-slug="home"] #news-showcase .layout > :last-child {
  margin-bottom: 0;
}
[data-slug="home"] #news-showcase .layout .ctas {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-slug="home"] #news-showcase .layout .ctas {
    margin-top: 28px;
  }
}
[data-slug="home"] #otaslogpifimaomm {
  align-items: stretch;
  border: 2px solid #bca783;
  border-left: none;
  border-right: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content;
  justify-content: center;
  position: relative;
}
[data-slug="home"] #otaslogpifimaomm blockquote {
  background-color: rgba(1, 2, 1, 0.75);
  border-radius: 5px;
  margin: 60px auto;
  padding: 16px;
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="home"] #otaslogpifimaomm blockquote {
    margin-bottom: 54px;
    margin-left: 0;
    margin-top: 54px;
    max-width: 430px;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"] #otaslogpifimaomm blockquote {
    margin-bottom: 154px;
    margin-top: 154px;
    max-width: 720px;
  }
}
[data-slug="home"] #otaslogpifimaomm blockquote > .copy {
  border: 1px solid #292929;
  border-radius: 5px;
  padding: 40px;
}
[data-slug="home"] #otaslogpifimaomm blockquote p {
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.07;
  margin-top: 36px;
}
[data-slug="home"] #otaslogpifimaomm blockquote p:first-child {
  margin-top: 0;
}
[data-slug="home"] #otaslogpifimaomm blockquote p:last-child {
  margin-bottom: 0;
}
[data-slug="home"] #otaslogpifimaomm .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  z-index: 2;
}
@media (min-width: 1280px) {
  [data-slug="home"] #otaslogpifimaomm .layout {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 1758px;
    width: 100%;
  }
}
[data-slug="home"] #otaslogpifimaomm #envoy-poem {
  align-items: stretch;
  display: flex;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
[data-slug="home"] #otaslogpifimaomm #envoy-poem figure {
  width: 100%;
}
[data-slug="home"] #otaslogpifimaomm #envoy-poem figure > div {
  aspect-ratio: 1/1;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1760px) {
  [data-slug="home"] #otaslogpifimaomm #envoy-poem figure > div {
    aspect-ratio: 1440/647;
  }
}
[data-slug="home"] #otaslogpifimaomm #envoy-poem figure > div img {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
@media (min-width: 1760px) {
  [data-slug="home"] #otaslogpifimaomm #envoy-poem figure > div img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%;
  }
}
[data-slug="home"] #otaslogpifimaomm #envoy-poem canvas {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
[data-slug="home"] .modal {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
[data-slug="home"] .modal .modal-background {
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
[data-slug="home"] .modal .modal-content {
  background: #13120f;
  max-height: 75%;
  max-width: 75%;
  position: relative;
  text-align: center;
  width: 800px;
}
[data-slug="home"] .modal .modal-content h2 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  margin-top: 50px !important;
}
[data-slug="home"] .modal .modal-content h3 {
  font-size: 1.1rem;
}
[data-slug="home"] .modal .modal-content h3,
[data-slug="home"] .modal .modal-content p {
  margin-bottom: 12px !important;
  margin-top: 12px;
}
[data-slug="home"] .modal .modal-content h2,
[data-slug="home"] .modal .modal-content h3 {
  font-weight: 600;
  justify-content: center !important;
}
[data-slug="home"] .modal .modal-content h2 span,
[data-slug="home"] .modal .modal-content h3 span {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background: linear-gradient(90deg, #dcbc55, #d79a43);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: cover;
}
[data-slug="home"] .modal .modal-content:before {
  background-image: url(../images/nme-floral-pattern.png);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.08;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-slug="home"] .modal .modal-close-button {
  color: #ccc;
  font-family: Arial, sans-serif;
  position: absolute;
  right: 14px;
  text-decoration: none;
  top: 14px;
}
[data-slug="home"] .discord-options {
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  [data-slug="home"] .discord-options {
    flex-direction: row;
    margin-bottom: 12px;
  }
}
[data-slug="home"] .discord-options > div:first-child {
  border-bottom: 1px solid #d8c38a;
  margin-bottom: 0;
  margin-top: 0;
  padding: 24px 0;
}
@media (min-width: 990px) {
  [data-slug="home"] .discord-options > div:first-child {
    border-bottom: 0;
    border-right: 1px solid #d8c38a;
    margin: 0;
    padding: 24px;
  }
}
[data-slug="home"] .discord-options > div {
  flex: 1;
  margin: 24px;
}
[data-slug="home"] .discord-options .button,
[data-slug="home"] .discord-options .decorated {
  font-size: 0.8rem;
}
[data-slug="home"] .banner-announcement {
  background: linear-gradient(90deg, #1e1912 10%, #30281c);
  border-bottom: 2px solid #bca783;
  border-top: 2px solid #bca783;
  margin-top: 0;
  padding: 32px;
  position: relative;
}
[data-slug="home"] .banner-announcement:before {
  background-image: url(../images/nme-floral-pattern.png);
  background-position: top;
  background-repeat: repeat;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.02;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
[data-slug="home"] .banner-announcement .banner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  position: relative;
  z-index: 2;
}
[data-slug="home"] .banner-announcement .banner .content {
  display: grid;
  gap: 24px 80px;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
@media (min-width: 990px) {
  [data-slug="home"] .banner-announcement .banner .content {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) min-content;
  }
}
[data-slug="home"] .banner-announcement .banner .content h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-slug="home"] .banner-announcement .banner .content h2 + blockquote,
[data-slug="home"] .banner-announcement .banner .content h2 + dl,
[data-slug="home"] .banner-announcement .banner .content h2 + ol,
[data-slug="home"] .banner-announcement .banner .content h2 + p,
[data-slug="home"] .banner-announcement .banner .content h2 + ul {
  margin-top: 8px;
}
[data-slug="home"] .banner-announcement .banner .content h2 {
  color: #bca783;
  color: #d1cdbc;
  font-size: 24px;
  font-size: 28px;
  margin-top: 0;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-slug="home"] .banner-announcement .banner .content h2 {
    font-size: 28px;
  }
}
[data-slug="home"] .banner-announcement .banner .content .ctas .button,
[data-slug="home"] .banner-announcement .banner .content .ctas button {
  white-space: nowrap;
  width: calc(100% - 22px);
}
@media (min-width: 768px) {
  [data-slug="home"] .banner-announcement .banner .content .ctas .button,
  [data-slug="home"] .banner-announcement .banner .content .ctas button {
    width: auto;
  }
}
:not(html[lang="en"])
  [data-slug="home"]
  .banner-announcement
  .banner
  .content
  .ctas
  .button,
:not(html[lang="en"])
  [data-slug="home"]
  .banner-announcement
  .banner
  .content
  .ctas
  button {
  white-space: normal;
  width: 230px;
}
[data-slug="home"]
  .banner-announcement
  .banner
  .x.banner-announcement-description {
  max-width: 90%;
}
[data-slug="home"]
  .banner-announcement
  .banner
  .x.banner-announcement-description
  .ctas-tablet {
  display: none;
}
@media (min-width: 768px) {
  [data-slug="home"]
    .banner-announcement
    .banner
    .x.banner-announcement-description
    .ctas-tablet {
    display: block;
    padding-top: 24px;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"]
    .banner-announcement
    .banner
    .x.banner-announcement-description
    .ctas-tablet {
    display: none;
  }
}
@media (min-width: 768px) {
  [data-slug="home"]
    .banner-announcement
    .banner
    .x.banner-announcement-description {
    grid-column: 2;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"]
    .banner-announcement
    .banner
    .x.banner-announcement-description {
    max-width: 50%;
  }
}
[data-slug="home"] .banner-announcement .banner .x.ctas {
  display: block;
}
@media (min-width: 768px) {
  [data-slug="home"] .banner-announcement .banner .x.ctas {
    display: none;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"] .banner-announcement .banner .x.ctas {
    display: block;
  }
}
[data-slug="home"] .banner-announcement .banner .x.ctas .button.secondary {
  width: calc(100% - 22px);
}
[data-slug="home"]
  .banner-announcement
  + section#cta-display
  + section#devspot {
  margin-top: 0 !important;
}
[data-slug="home"]
  .banner-announcement
  + section#cta-display
  + section#devspot:before {
  content: normal;
}
[data-slug="home"] .cta-card-wrapper {
  background-image: url(/images/star-texture.png);
  display: flex;
  flex-direction: column;
  margin-bottom: -48px;
  margin-top: 0;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    rgba(0, 0, 0, 0.85) 3%,
    #000 5%,
    #000 95%,
    rgba(0, 0, 0, 0.85) 97%,
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    rgba(0, 0, 0, 0.85) 3%,
    #000 5%,
    #000 95%,
    rgba(0, 0, 0, 0.85) 97%,
    transparent
  );
  mix-blend-mode: screen;
  z-index: 2;
}
[data-slug="home"] .cta-card-wrapper:before {
  background-image: url(/images/star-texture.png);
  background-size: cover;
  content: "";
  opacity: 0.5;
}
@media (min-width: 990px) {
  [data-slug="home"] .cta-card-wrapper {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  [data-slug="home"] .cta-card-wrapper {
    margin-bottom: -64px;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"] .cta-card-wrapper {
    margin-bottom: -80px;
    margin-top: 0;
  }
}
@media (min-width: 990px) {
  [data-slug="home"] .cta-card-wrapper-authed .cta-card {
    width: calc(50% - 32px);
  }
}
[data-slug="home"] .cta-card-wrapper-authed .cta-card .layout,
[data-slug="home"] .cta-card-wrapper-guest .cta-card .layout {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
}
[data-slug="home"] .cta-card-wrapper-guest .cta-card .layout {
  padding-bottom: 60px;
}
@media (min-width: 990px) {
  [data-slug="home"] .cta-card-wrapper-guest .cta-card .layout {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    justify-content: center;
    text-align: left;
  }
  [data-slug="home"] .cta-card-wrapper-guest .cta-card .layout .content {
    margin-right: 60px;
  }
}
[data-slug="home"] .cta-divider-wrapper {
  align-items: center;
  display: flex;
  height: 64px;
  justify-content: center;
}
[data-slug="home"] .cta-divider-wrapper img {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
@media (min-width: 990px) {
  [data-slug="home"] .cta-divider-wrapper {
    display: block;
    height: auto;
    width: 64px;
  }
  [data-slug="home"] .cta-divider-wrapper img {
    transform: rotate(0);
  }
}
[data-slug="home"] .decorated {
  align-items: center;
  border: none;
  content: "\e90c";
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
[data-slug="home"] .decorated > span:after,
[data-slug="home"] .decorated > span:before {
  display: inline-block;
  position: relative;
}
[data-slug="home"] .decorated > span:before {
  margin-right: 8px;
}
[data-slug="home"] .decorated > span:after {
  margin-left: 8px;
}
[data-slug="home"] .decorated {
  background: radial-gradient(ellipse, #eae3d7 0, #ccbc8f 100%);
  border: 1px solid #291d16;
  box-shadow: none;
  color: #291d16;
  margin-left: var(--button-primary-ornament-width);
  margin-right: var(--button-primary-ornament-width);
}
[data-slug="home"] .decorated > span {
  z-index: 1;
}
[data-slug="home"] .decorated:after,
[data-slug="home"] .decorated:before {
  aspect-ratio: 46/55;
  background: 50% / contain no-repeat url(../images/svgs/button-primary-end-cap.svg);
  content: "";
  height: auto;
  position: absolute;
  top: 50%;
  width: var(--button-primary-ornament-width);
  z-index: 1;
}
[data-slug="home"] .decorated:before {
  right: calc(100% + 1px);
  transform: translateY(-50%);
}
[data-slug="home"] .decorated:after {
  left: calc(100% + 1px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  [data-slug="home"] .decorated:hover {
    background: radial-gradient(ellipse, #eae3d7 66%, #eae3d7 105%);
    box-shadow: none;
    color: #291d16;
  }
}
[data-slug="home"] #video-showcase {
  position: relative;
}
[data-slug="home"] #video-showcase .layout {
  position: relative;
  z-index: 1;
}
[data-slug="home"] #video-showcase .layout figure {
  margin: 0 auto;
  max-width: 1166px;
  position: relative;
}
[data-slug="home"] #video-showcase .layout figure iframe {
  aspect-ratio: 896/504;
  border-radius: 5px;
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
[data-slug="home"] #video-showcase .layout header {
  margin-bottom: 32px;
}
[data-slug="home"] #video-showcase:before {
  aspect-ratio: 750/908;
  background-image: url(/images/mobile-trailer-bg.png);
  background-size: cover;
  left: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -65%);
  width: 100%;
  z-index: -1;
}
@media (min-width: 768px) {
  [data-slug="home"] #video-showcase:before {
    opacity: 1;
  }
}
@media (min-width: 990px) {
  [data-slug="home"] #video-showcase:before {
    aspect-ratio: 1461/784;
    background-image: url(/images/star-texture.png);
  }
}
[data-slug="home"] #devspot {
  background-color: hsla(37, 21%, 54%, 0.1);
  padding-bottom: 80px;
  padding-top: 80px;
  position: relative;
}
[data-slug="home"] #devspot:after,
[data-slug="home"] #devspot:before {
  background-color: #bca783;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
[data-slug="home"] #devspot:before {
  top: 0;
}
[data-slug="home"] #devspot:after {
  bottom: 0;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 10%,
    #000 45%,
    #000 55%,
    transparent 90%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 10%,
    #000 45%,
    #000 55%,
    transparent 90%
  );
}
[data-slug="home"] #signup {
  margin-bottom: 0;
}
[data-slug="home"] #signup .layout header {
  position: relative;
  z-index: 1;
}
[data-slug="home"] #signup .layout header h2 {
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 30px;
  text-transform: none;
}
@media (min-width: 1280px) {
  [data-slug="home"] #signup .layout header h2 {
    font-size: 36px;
  }
}
[data-slug="home"] #signup .layout header h2 > span:after,
[data-slug="home"] #signup .layout header h2 > span:before {
  content: normal;
}
@media (min-width: 768px) {
  [data-slug="home"] #signup .form-wrapper {
    max-width: 868px;
  }
}
[data-slug="home"] #signup .form-wrapper form .note {
  margin-bottom: 0;
}
[data-slug="home"] #signup .form-wrapper form .disclaimer {
  margin-top: 0;
}
[data-slug="home"] #signup .suggestions {
  margin-top: 14px;
}
[data-slug="home"] #signup .suggestions p.label {
  margin-top: 0;
}
[data-slug="home"] #signup-error {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  [data-slug="home"] #signup-error {
    margin-bottom: 38px;
  }
}
@media (min-width: 1280px) {
  [data-slug="home"] #signup-error {
    margin-bottom: 78px;
  }
}
[data-slug="home"] #signup-error .layout > figure {
  margin: 90px auto 140px;
  max-width: 390px;
}
[data-slug="home"] #cta-display > .layout {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  [data-slug="home"] #cta-display > .layout {
    flex-direction: row;
    justify-content: center;
  }
}
[data-slug="home"] #cta-display .cta-card {
  background-color: rgb(34, 22, 52);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 868px;
  padding: 24px;
}
@media (min-width: 768px) {
  [data-slug="home"] #cta-display .cta-card {
    align-items: center;
    flex-direction: row;
    padding: 32px;
  }
}
[data-slug="home"] #cta-display .cta-card .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  [data-slug="home"] #cta-display .cta-card .content {
    order: 0;
  }
}
[data-slug="home"] #cta-display .cta-card .content > :first-child {
  margin-top: 0;
}
[data-slug="home"] #cta-display .cta-card .content > :last-child {
  margin-bottom: 0;
}
[data-slug="home"] #cta-display .cta-card .hover-card-image {
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="home"] #cta-display .cta-card .hover-card-image {
    flex-shrink: 0;
    order: 1;
    width: 265px;
  }
}
[data-slug="home"] #cta-display .cta-card .hover-card-image .hover-on {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
[data-slug="home"] #cta-display .cta-card h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #dd9f38;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 16px;
  font-size: 24px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  text-align: left;
  text-transform: capitalize;
}
[data-slug="home"] #cta-display .cta-card h2 + blockquote,
[data-slug="home"] #cta-display .cta-card h2 + dl,
[data-slug="home"] #cta-display .cta-card h2 + ol,
[data-slug="home"] #cta-display .cta-card h2 + p,
[data-slug="home"] #cta-display .cta-card h2 + ul {
  margin-top: 8px;
}
@media (min-width: 768px) {
  [data-slug="home"] #cta-display .cta-card h2 {
    font-size: 28px;
    text-align: center;
  }
}
[data-slug="home"] #cta-display .cta-card .ctas {
  margin-top: 24px;
}
[data-slug="home"] #cta-display .cta-card p + .ctas {
  margin-top: 8px;
}
[data-slug="home"] #cta-display .divider {
  aspect-ratio: 512/64;
  height: auto;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 10%,
    #000 90%,
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 10%,
    #000 90%,
    transparent
  );
  max-height: 64px;
  max-width: 512px;
  position: relative;
  width: 100%;
}
@media (min-width: 990px) {
  [data-slug="home"] #cta-display .divider {
    aspect-ratio: 512/64;
    height: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    max-height: 512px;
    max-width: 64px;
    width: auto;
  }
}
[data-slug="home"] #cta-display .divider img {
  display: block;
  left: 50%;
  outline-color: rgba(0, 255, 0, 0.8);
  position: absolute;
  top: 50%;
  transform: rotate(-90deg) translate(-50%, -50%);
  transform-origin: left top;
}
@media (min-width: 990px) {
  [data-slug="home"] #cta-display .divider img {
    left: auto;
    position: static;
    top: auto;
    transform: rotate(0) translate(0);
  }
}
[data-slug="home"] #cta-display.authed .cta-card {
  flex-direction: column;
}
@media (min-width: 768px) {
  [data-slug="home"] #cta-display.authed .cta-card .content {
    align-items: center;
    order: 1;
  }
  [data-slug="home"] #cta-display.authed .cta-card .hover-card-image {
    order: 0;
  }
}
#homepage-closing,
#sign-up-cta {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
@media (min-width: 1280px) {
  #homepage-closing,
  #sign-up-cta {
    border-top: 1px solid #bca783;
  }
}
#homepage-closing figure.background,
#sign-up-cta figure.background {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  z-index: 0;
}
#homepage-closing .layout,
#sign-up-cta .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  z-index: 1;
}
@media (min-width: 1920px) {
  #homepage-closing .layout,
  #sign-up-cta .layout {
    width: 100%;
  }
}
#homepage-closing .cta-card,
#sign-up-cta .cta-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  margin: 0 auto;
  max-width: 870px;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card,
  #sign-up-cta .cta-card {
    grid-template-columns: 379px 1fr;
  }
}
@media (min-width: 1280px) {
  #homepage-closing .cta-card,
  #sign-up-cta .cta-card {
    grid-template-columns: 450px 1fr;
  }
}
#homepage-closing .cta-card > figure,
#sign-up-cta .cta-card > figure {
  bottom: 0;
  position: absolute;
  right: 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > figure,
  #sign-up-cta .cta-card > figure {
    max-width: 61.4285714286%;
  }
}
@media (min-width: 1280px) {
  #homepage-closing .cta-card > figure,
  #sign-up-cta .cta-card > figure {
    max-width: none;
    right: 80px;
    width: 430px;
  }
}
#homepage-closing .cta-card > .content,
#sign-up-cta .cta-card > .content {
  grid-row: 1/2;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > .content,
  #sign-up-cta .cta-card > .content {
    grid-column: 1/2;
  }
}
#homepage-closing figure.background img,
#sign-up-cta figure.background img {
  aspect-ratio: 375/570;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  #homepage-closing figure.background img,
  #sign-up-cta figure.background img {
    aspect-ratio: 768/841;
  }
}
@media (min-width: 1280px) {
  #homepage-closing figure.background img,
  #sign-up-cta figure.background img {
    aspect-ratio: auto;
    max-height: 840px;
  }
}
#homepage-closing .cta-card,
#sign-up-cta .cta-card {
  background-color: rgba(1, 2, 1, 0.85);
  border-radius: 5px;
  padding: 16px;
  position: relative;
}
#homepage-closing .cta-card:before,
#sign-up-cta .cta-card:before {
  border: 1px solid #292929;
  border-radius: 5px;
  bottom: 0;
  content: "";
  left: 0;
  margin: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
#homepage-closing .cta-card > figure,
#sign-up-cta .cta-card > figure {
  display: none;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > figure,
  #sign-up-cta .cta-card > figure {
    display: block;
  }
}
#homepage-closing .cta-card > .content,
#sign-up-cta .cta-card > .content {
  padding: 40px;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > .content,
  #sign-up-cta .cta-card > .content {
    padding-right: 0;
  }
}
#homepage-closing .cta-card > .content > :first-child,
#sign-up-cta .cta-card > .content > :first-child {
  margin-top: 0;
}
#homepage-closing .cta-card > .content > :last-child,
#sign-up-cta .cta-card > .content > :last-child {
  margin-bottom: 0;
}
#homepage-closing .cta-card > .content .title,
#sign-up-cta .cta-card > .content .title {
  color: #d1cdbc;
  text-align: center;
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > .content .title,
  #sign-up-cta .cta-card > .content .title {
    text-align: unset;
  }
}
#homepage-closing .cta-card > .content .ctas,
#sign-up-cta .cta-card > .content .ctas {
  align-items: stretch;
  justify-content: stretch;
}
@media (min-width: 480px) {
  #homepage-closing .cta-card > .content .ctas,
  #sign-up-cta .cta-card > .content .ctas {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  #homepage-closing .cta-card > .content .ctas,
  #sign-up-cta .cta-card > .content .ctas {
    justify-content: flex-start;
  }
}
#homepage-closing .cta-card > .content .ctas .button,
#sign-up-cta .cta-card > .content .ctas .button {
  padding-left: 32px;
  padding-right: 32px;
}
[lang="ru"] #homepage-closing .cta-card .content .ctas .button,
[lang="uk"] #homepage-closing .cta-card .content .ctas .button {
  word-break: break-all;
}
[data-slug="news-index"] .layout header {
  margin-top: 48px;
  max-width: 343px;
}
@media (min-width: 768px) {
  [data-slug="news-index"] .layout header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="news-index"] .layout header {
    max-width: 885px;
  }
}
[data-slug="news-index"] .layout header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="news-index"] .layout header > :first-child {
  margin-top: 0;
}
[data-slug="news-index"] .layout header > :last-child {
  margin-bottom: 0;
}
[data-slug="news-index"] .layout header h1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="news-index"] .layout header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="news-index"] .layout header h1 > span {
    max-width: unset;
  }
}
[data-slug="news-index"] .layout header h1 > span:after,
[data-slug="news-index"] .layout header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="news-index"] .layout header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="news-index"] .layout header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="news-index"] .layout header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  [data-slug="news-index"] .layout header {
    margin-top: 64px;
  }
}
@media (min-width: 990px) {
  [data-slug="news-index"] .layout header {
    margin-top: 80px;
  }
}
[data-slug="news-index"] .layout header h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-slug="news-index"] .layout header h1 + blockquote,
[data-slug="news-index"] .layout header h1 + dl,
[data-slug="news-index"] .layout header h1 + ol,
[data-slug="news-index"] .layout header h1 + p,
[data-slug="news-index"] .layout header h1 + ul {
  margin-top: 8px;
}
[data-slug="news-index"] .layout header h1 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 36px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-slug="news-index"] .layout header h1 {
    font-size: 48px;
  }
}
[data-slug="news-index"] .layout header h1 > span:after,
[data-slug="news-index"] .layout header h1 > span:before {
  width: 38px;
}
[data-slug="news-index"] form[action*="news-search-results"] {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, min-content);
  margin: 24px auto 0;
  max-width: 1464px;
  padding: 16px 24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-slug="news-index"] form[action*="news-search-results"] {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, min-content);
  }
}
@media (min-width: 1280px) {
  [data-slug="news-index"] form[action*="news-search-results"] {
    grid-template-columns: 970px minmax(0, 1fr);
  }
}
[data-slug="news-index"] form[action*="news-search-results"] .form-control {
  align-items: center;
  border-bottom: 1px solid #68573b;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  grid-column: 1/3;
  grid-row: 1/2;
  position: relative;
}
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control:before {
  color: #9e9678;
  content: "\e920";
  font-size: 24px;
  margin-right: 0.5em;
}
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control
  label {
  height: 1px;
  left: -999em;
  opacity: 0.1;
  position: absolute;
  top: -999em;
  width: 1px;
}
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control
  input {
  background: none;
  border: none;
  box-shadow: none;
  color: #d1cdbc;
}
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control
  input::-moz-placeholder {
  color: #d1cdbc;
}
[data-slug="news-index"]
  form[action*="news-search-results"]
  .form-control
  input::placeholder {
  color: #d1cdbc;
}
[data-slug="news-index"] form[action*="news-search-results"] button {
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: start;
  margin-top: 24px;
  width: calc(100% - 26px);
}
@media (min-width: 768px) {
  [data-slug="news-index"] form[action*="news-search-results"] button {
    grid-column: 3/3;
    grid-row: 1/2;
    justify-self: auto;
    margin-top: 0;
  }
}
[data-slug="news-index"] form[action*="news-search-results"] .error-message {
  grid-column: 1/2;
  grid-row: 3/4;
  margin-top: 8px;
}
@media (min-width: 768px) {
  [data-slug="news-index"] form[action*="news-search-results"] .error-message {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
[data-slug="news-index"] .search-result h2 {
  color: #9e9678;
  font-family: "Noto Serif", serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 40px auto 80px;
  text-align: center;
  text-transform: none;
}
[data-slug="news-index"] .pagination,
[data-slug="news-index"] [data-component-pagination-ui] {
  margin-bottom: 70px;
}
[data-slug="news-detail"] main,
[data-slug="patch-notes-detail"] main {
  position: relative;
}
[data-slug="news-detail"] main:after,
[data-slug="patch-notes-detail"] main:after {
  background-image: url(../images/nme-repeatable-paper-texture.png);
  background-position: top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 0.99;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 1220px;
  z-index: 0;
}
[data-slug="components"] #patch-notes-details {
  overflow: hidden;
  padding-bottom: 100px;
  position: relative;
  scroll-margin: calc(var(--app-header-depth) + 40px);
}
[data-slug="components"] #patch-notes-details:after {
  background-image: url(../images/nme-repeatable-paper-texture.png);
  background-position: top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 0.99;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 1220px;
  z-index: -1;
}
[data-slug="components"] #news-details,
[data-slug="components"] #patch-notes-details,
[data-slug="news-detail"] #news-details,
[data-slug="news-detail"] #patch-notes-details,
[data-slug="patch-notes-detail"] #news-details,
[data-slug="patch-notes-detail"] #patch-notes-details {
  color: #000 !important;
  margin-bottom: 40px;
}
[data-slug="components"] #news-details #return,
[data-slug="components"] #patch-notes-details #return,
[data-slug="news-detail"] #news-details #return,
[data-slug="news-detail"] #patch-notes-details #return,
[data-slug="patch-notes-detail"] #news-details #return,
[data-slug="patch-notes-detail"] #patch-notes-details #return {
  margin: 27px 0 40px;
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details #return,
  [data-slug="components"] #patch-notes-details #return,
  [data-slug="news-detail"] #news-details #return,
  [data-slug="news-detail"] #patch-notes-details #return,
  [data-slug="patch-notes-detail"] #news-details #return,
  [data-slug="patch-notes-detail"] #patch-notes-details #return {
    margin: 24px 0 59px;
  }
}
@media (min-width: 990px) {
  [data-slug="components"] #news-details #return,
  [data-slug="components"] #patch-notes-details #return,
  [data-slug="news-detail"] #news-details #return,
  [data-slug="news-detail"] #patch-notes-details #return,
  [data-slug="patch-notes-detail"] #news-details #return,
  [data-slug="patch-notes-detail"] #patch-notes-details #return {
    left: 32px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: calc(var(--app-header-depth) + 20px);
  }
}
@media (min-width: 1550px) {
  [data-slug="components"] #news-details #return,
  [data-slug="components"] #patch-notes-details #return,
  [data-slug="news-detail"] #news-details #return,
  [data-slug="news-detail"] #patch-notes-details #return,
  [data-slug="patch-notes-detail"] #news-details #return,
  [data-slug="patch-notes-detail"] #patch-notes-details #return {
    left: calc(50% - 613.5px);
  }
  [data-slug="components"] #news-details #return .button.return,
  [data-slug="components"] #patch-notes-details #return .button.return,
  [data-slug="news-detail"] #news-details #return .button.return,
  [data-slug="news-detail"] #patch-notes-details #return .button.return,
  [data-slug="patch-notes-detail"] #news-details #return .button.return,
  [data-slug="patch-notes-detail"] #patch-notes-details #return .button.return {
    transform: translateX(-100%);
  }
}
[data-slug="components"] #news-details #return + .folio,
[data-slug="components"] #patch-notes-details #return + .folio,
[data-slug="news-detail"] #news-details #return + .folio,
[data-slug="news-detail"] #patch-notes-details #return + .folio,
[data-slug="patch-notes-detail"] #news-details #return + .folio,
[data-slug="patch-notes-detail"] #patch-notes-details #return + .folio {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details #return + .folio,
  [data-slug="components"] #patch-notes-details #return + .folio,
  [data-slug="news-detail"] #news-details #return + .folio,
  [data-slug="news-detail"] #patch-notes-details #return + .folio,
  [data-slug="patch-notes-detail"] #news-details #return + .folio,
  [data-slug="patch-notes-detail"] #patch-notes-details #return + .folio {
    margin-top: 24px;
  }
}
@media (min-width: 990px) {
  [data-slug="components"] #news-details #return + .folio,
  [data-slug="components"] #patch-notes-details #return + .folio,
  [data-slug="news-detail"] #news-details #return + .folio,
  [data-slug="news-detail"] #patch-notes-details #return + .folio,
  [data-slug="patch-notes-detail"] #news-details #return + .folio,
  [data-slug="patch-notes-detail"] #patch-notes-details #return + .folio {
    margin-top: 40px;
  }
}
[data-slug="components"] #news-details h1,
[data-slug="components"] #news-details h2,
[data-slug="components"] #patch-notes-details h1,
[data-slug="components"] #patch-notes-details h2,
[data-slug="news-detail"] #news-details h1,
[data-slug="news-detail"] #news-details h2,
[data-slug="news-detail"] #patch-notes-details h1,
[data-slug="news-detail"] #patch-notes-details h2,
[data-slug="patch-notes-detail"] #news-details h1,
[data-slug="patch-notes-detail"] #news-details h2,
[data-slug="patch-notes-detail"] #patch-notes-details h1,
[data-slug="patch-notes-detail"] #patch-notes-details h2 {
  color: #4b0505;
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 34.5px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details h1,
  [data-slug="components"] #news-details h2,
  [data-slug="components"] #patch-notes-details h1,
  [data-slug="components"] #patch-notes-details h2,
  [data-slug="news-detail"] #news-details h1,
  [data-slug="news-detail"] #news-details h2,
  [data-slug="news-detail"] #patch-notes-details h1,
  [data-slug="news-detail"] #patch-notes-details h2,
  [data-slug="patch-notes-detail"] #news-details h1,
  [data-slug="patch-notes-detail"] #news-details h2,
  [data-slug="patch-notes-detail"] #patch-notes-details h1,
  [data-slug="patch-notes-detail"] #patch-notes-details h2 {
    font-size: 36px;
    line-height: 41.4px;
  }
}
[data-slug="components"] #news-details h3,
[data-slug="components"] #patch-notes-details h3,
[data-slug="news-detail"] #news-details h3,
[data-slug="news-detail"] #patch-notes-details h3,
[data-slug="patch-notes-detail"] #news-details h3,
[data-slug="patch-notes-detail"] #patch-notes-details h3 {
  color: #000;
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.2px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details h3,
  [data-slug="components"] #patch-notes-details h3,
  [data-slug="news-detail"] #news-details h3,
  [data-slug="news-detail"] #patch-notes-details h3,
  [data-slug="patch-notes-detail"] #news-details h3,
  [data-slug="patch-notes-detail"] #patch-notes-details h3 {
    font-size: 28px;
    line-height: 36.4px;
  }
}
[data-slug="components"] #news-details h4,
[data-slug="components"] #patch-notes-details h4,
[data-slug="news-detail"] #news-details h4,
[data-slug="news-detail"] #patch-notes-details h4,
[data-slug="patch-notes-detail"] #news-details h4,
[data-slug="patch-notes-detail"] #patch-notes-details h4 {
  color: #4b0505;
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.4px;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details h4,
  [data-slug="components"] #patch-notes-details h4,
  [data-slug="news-detail"] #news-details h4,
  [data-slug="news-detail"] #patch-notes-details h4,
  [data-slug="patch-notes-detail"] #news-details h4,
  [data-slug="patch-notes-detail"] #patch-notes-details h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
}
[data-slug="components"] #news-details h5,
[data-slug="components"] #patch-notes-details h5,
[data-slug="news-detail"] #news-details h5,
[data-slug="news-detail"] #patch-notes-details h5,
[data-slug="patch-notes-detail"] #news-details h5,
[data-slug="patch-notes-detail"] #patch-notes-details h5 {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details h5,
  [data-slug="components"] #patch-notes-details h5,
  [data-slug="news-detail"] #news-details h5,
  [data-slug="news-detail"] #patch-notes-details h5,
  [data-slug="patch-notes-detail"] #news-details h5,
  [data-slug="patch-notes-detail"] #patch-notes-details h5 {
    font-size: 16px;
    line-height: 22.4px;
  }
}
[data-slug="components"] #news-details p,
[data-slug="components"] #patch-notes-details p,
[data-slug="news-detail"] #news-details p,
[data-slug="news-detail"] #patch-notes-details p,
[data-slug="patch-notes-detail"] #news-details p,
[data-slug="patch-notes-detail"] #patch-notes-details p {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 768px) {
  [data-slug="components"] #news-details p,
  [data-slug="components"] #patch-notes-details p,
  [data-slug="news-detail"] #news-details p,
  [data-slug="news-detail"] #patch-notes-details p,
  [data-slug="patch-notes-detail"] #news-details p,
  [data-slug="patch-notes-detail"] #patch-notes-details p {
    font-size: 16px;
    line-height: 24px;
  }
}
[data-slug="components"] #news-details ol,
[data-slug="components"] #news-details ul,
[data-slug="components"] #patch-notes-details ol,
[data-slug="components"] #patch-notes-details ul,
[data-slug="news-detail"] #news-details ol,
[data-slug="news-detail"] #news-details ul,
[data-slug="news-detail"] #patch-notes-details ol,
[data-slug="news-detail"] #patch-notes-details ul,
[data-slug="patch-notes-detail"] #news-details ol,
[data-slug="patch-notes-detail"] #news-details ul,
[data-slug="patch-notes-detail"] #patch-notes-details ol,
[data-slug="patch-notes-detail"] #patch-notes-details ul {
  color: #000;
}
@media (min-width: 1280px) {
  [data-slug="components"] #news-details .layout,
  [data-slug="components"] #patch-notes-details .layout,
  [data-slug="news-detail"] #news-details .layout,
  [data-slug="news-detail"] #patch-notes-details .layout,
  [data-slug="patch-notes-detail"] #news-details .layout,
  [data-slug="patch-notes-detail"] #patch-notes-details .layout {
    margin: auto;
    max-width: 1166px;
  }
}
@media (min-width: 990px) {
  [data-slug="components"] #news-details .layout > .content,
  [data-slug="components"] #patch-notes-details .layout > .content,
  [data-slug="news-detail"] #news-details .layout > .content,
  [data-slug="news-detail"] #patch-notes-details .layout > .content,
  [data-slug="patch-notes-detail"] #news-details .layout > .content,
  [data-slug="patch-notes-detail"] #patch-notes-details .layout > .content {
    padding-left: 150px;
    padding-right: 150px;
  }
}
[data-slug="components"] #news-details .layout > .content > :first-child,
[data-slug="components"] #patch-notes-details .layout > .content > :first-child,
[data-slug="news-detail"] #news-details .layout > .content > :first-child,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  > :first-child,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  > :first-child,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  > :first-child {
  margin-top: 0;
}
[data-slug="components"] #news-details .layout > .content > :last-child,
[data-slug="components"] #patch-notes-details .layout > .content > :last-child,
[data-slug="news-detail"] #news-details .layout > .content > :last-child,
[data-slug="news-detail"] #patch-notes-details .layout > .content > :last-child,
[data-slug="patch-notes-detail"] #news-details .layout > .content > :last-child,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  > :last-child {
  margin-bottom: 0;
}
[data-slug="components"] #news-details .layout > .content p:empty,
[data-slug="components"] #patch-notes-details .layout > .content p:empty,
[data-slug="news-detail"] #news-details .layout > .content p:empty,
[data-slug="news-detail"] #patch-notes-details .layout > .content p:empty,
[data-slug="patch-notes-detail"] #news-details .layout > .content p:empty,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  p:empty {
  display: none;
}
[data-slug="components"] #news-details .layout > .content p em,
[data-slug="components"] #patch-notes-details .layout > .content p em,
[data-slug="news-detail"] #news-details .layout > .content p em,
[data-slug="news-detail"] #patch-notes-details .layout > .content p em,
[data-slug="patch-notes-detail"] #news-details .layout > .content p em,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p em {
  font-style: normal;
  font-weight: 700;
}
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h1,
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h2,
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h3,
[data-slug="components"] #news-details .layout > .content ol + h1,
[data-slug="components"] #news-details .layout > .content ol + h2,
[data-slug="components"] #news-details .layout > .content ol + h3,
[data-slug="components"] #news-details .layout > .content p + h1,
[data-slug="components"] #news-details .layout > .content p + h2,
[data-slug="components"] #news-details .layout > .content p + h3,
[data-slug="components"] #news-details .layout > .content ul + h1,
[data-slug="components"] #news-details .layout > .content ul + h2,
[data-slug="components"] #news-details .layout > .content ul + h3,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h1,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h2,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h3,
[data-slug="components"] #patch-notes-details .layout > .content ol + h1,
[data-slug="components"] #patch-notes-details .layout > .content ol + h2,
[data-slug="components"] #patch-notes-details .layout > .content ol + h3,
[data-slug="components"] #patch-notes-details .layout > .content p + h1,
[data-slug="components"] #patch-notes-details .layout > .content p + h2,
[data-slug="components"] #patch-notes-details .layout > .content p + h3,
[data-slug="components"] #patch-notes-details .layout > .content ul + h1,
[data-slug="components"] #patch-notes-details .layout > .content ul + h2,
[data-slug="components"] #patch-notes-details .layout > .content ul + h3,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h1,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h2,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h3,
[data-slug="news-detail"] #news-details .layout > .content ol + h1,
[data-slug="news-detail"] #news-details .layout > .content ol + h2,
[data-slug="news-detail"] #news-details .layout > .content ol + h3,
[data-slug="news-detail"] #news-details .layout > .content p + h1,
[data-slug="news-detail"] #news-details .layout > .content p + h2,
[data-slug="news-detail"] #news-details .layout > .content p + h3,
[data-slug="news-detail"] #news-details .layout > .content ul + h1,
[data-slug="news-detail"] #news-details .layout > .content ul + h2,
[data-slug="news-detail"] #news-details .layout > .content ul + h3,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h1,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h2,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h3,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h1,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h2,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h3,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h1,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h2,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h3,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h1,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h2,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h3,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h1,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h2,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h3,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h1,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h2,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h3,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h1,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h2,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h3,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h1,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h2,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h3,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h1,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h2,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h3,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h1,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h2,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h3,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h1,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h2,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h3,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h1,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h2,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h3 {
  margin-top: 40px;
}
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h4,
[data-slug="components"] #news-details .layout > .content ol + h4,
[data-slug="components"] #news-details .layout > .content p + h4,
[data-slug="components"] #news-details .layout > .content ul + h4,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h4,
[data-slug="components"] #patch-notes-details .layout > .content ol + h4,
[data-slug="components"] #patch-notes-details .layout > .content p + h4,
[data-slug="components"] #patch-notes-details .layout > .content ul + h4,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h4,
[data-slug="news-detail"] #news-details .layout > .content ol + h4,
[data-slug="news-detail"] #news-details .layout > .content p + h4,
[data-slug="news-detail"] #news-details .layout > .content ul + h4,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h4,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h4,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h4,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h4,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h4,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h4,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h4,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h4,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h4,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h4,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h4,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h4 {
  margin-top: 24px;
}
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h5,
[data-slug="components"] #news-details .layout > .content .youtube-wrapper + h6,
[data-slug="components"] #news-details .layout > .content ol + h5,
[data-slug="components"] #news-details .layout > .content ol + h6,
[data-slug="components"] #news-details .layout > .content p + h5,
[data-slug="components"] #news-details .layout > .content p + h6,
[data-slug="components"] #news-details .layout > .content ul + h5,
[data-slug="components"] #news-details .layout > .content ul + h6,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h5,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h6,
[data-slug="components"] #patch-notes-details .layout > .content ol + h5,
[data-slug="components"] #patch-notes-details .layout > .content ol + h6,
[data-slug="components"] #patch-notes-details .layout > .content p + h5,
[data-slug="components"] #patch-notes-details .layout > .content p + h6,
[data-slug="components"] #patch-notes-details .layout > .content ul + h5,
[data-slug="components"] #patch-notes-details .layout > .content ul + h6,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h5,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h6,
[data-slug="news-detail"] #news-details .layout > .content ol + h5,
[data-slug="news-detail"] #news-details .layout > .content ol + h6,
[data-slug="news-detail"] #news-details .layout > .content p + h5,
[data-slug="news-detail"] #news-details .layout > .content p + h6,
[data-slug="news-detail"] #news-details .layout > .content ul + h5,
[data-slug="news-detail"] #news-details .layout > .content ul + h6,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h5,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h6,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h5,
[data-slug="news-detail"] #patch-notes-details .layout > .content ol + h6,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h5,
[data-slug="news-detail"] #patch-notes-details .layout > .content p + h6,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h5,
[data-slug="news-detail"] #patch-notes-details .layout > .content ul + h6,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h5,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  + h6,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h5,
[data-slug="patch-notes-detail"] #news-details .layout > .content ol + h6,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h5,
[data-slug="patch-notes-detail"] #news-details .layout > .content p + h6,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h5,
[data-slug="patch-notes-detail"] #news-details .layout > .content ul + h6,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h5,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  + h6,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h5,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ol
  + h6,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h5,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content p + h6,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h5,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  ul
  + h6 {
  margin-top: 16px;
}
[data-slug="components"] #news-details .layout > .content a,
[data-slug="components"] #patch-notes-details .layout > .content a,
[data-slug="news-detail"] #news-details .layout > .content a,
[data-slug="news-detail"] #patch-notes-details .layout > .content a,
[data-slug="patch-notes-detail"] #news-details .layout > .content a,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content a {
  color: #4b0505;
  font-weight: 700;
}
[data-slug="components"] #news-details .layout > .content a:hover,
[data-slug="components"] #patch-notes-details .layout > .content a:hover,
[data-slug="news-detail"] #news-details .layout > .content a:hover,
[data-slug="news-detail"] #patch-notes-details .layout > .content a:hover,
[data-slug="patch-notes-detail"] #news-details .layout > .content a:hover,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  a:hover {
  color: #840606;
}
[data-slug="components"] #news-details .layout > .content .youtube-wrapper,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="news-detail"] #news-details .layout > .content .youtube-wrapper,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper {
  aspect-ratio: 16/9;
  position: relative;
}
[data-slug="components"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  iframe,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  iframe,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  iframe,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  iframe,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper
  iframe,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper
  iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
[data-slug="components"] #news-details .layout > .content > a:has(button),
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  > a:has(button),
[data-slug="news-detail"] #news-details .layout > .content > a:has(button),
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  > a:has(button),
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  > a:has(button),
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  > a:has(button) {
  display: block;
  margin: 16px 0;
}
[data-slug="components"] #news-details .layout > .content .table-wrapper,
[data-slug="components"] #news-details .layout > .content .youtube-wrapper,
[data-slug="components"] #news-details .layout > .content img,
[data-slug="components"] #patch-notes-details .layout > .content .table-wrapper,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="components"] #patch-notes-details .layout > .content img,
[data-slug="news-detail"] #news-details .layout > .content .table-wrapper,
[data-slug="news-detail"] #news-details .layout > .content .youtube-wrapper,
[data-slug="news-detail"] #news-details .layout > .content img,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="news-detail"] #patch-notes-details .layout > .content img,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="patch-notes-detail"] #news-details .layout > .content img,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .youtube-wrapper,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content img {
  width: 100%;
}
[data-slug="components"] #news-details .layout > .content .table-wrapper,
[data-slug="components"] #patch-notes-details .layout > .content .table-wrapper,
[data-slug="news-detail"] #news-details .layout > .content .table-wrapper,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper {
  overflow: auto;
}
[data-slug="components"] #news-details .layout > .content .table-wrapper table,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table,
[data-slug="news-detail"] #news-details .layout > .content .table-wrapper table,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table {
  border-collapse: collapse;
  margin-top: 24px;
  overflow-x: scroll;
  width: 100%;
}
[data-slug="components"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  tr:first-child
  td {
  background-color: #ddd2be;
  border: 1px solid #261813;
  font-weight: 700;
  margin: 0;
  padding: 24px;
  text-align: left;
}
[data-slug="components"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  td,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  td,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  td,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  td,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  .table-wrapper
  table
  td,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  .table-wrapper
  table
  td {
  border: 1px solid #261813;
  padding: 24px;
  text-align: left;
}
[data-slug="components"] #news-details .layout > .content img,
[data-slug="components"] #patch-notes-details .layout > .content img,
[data-slug="news-detail"] #news-details .layout > .content img,
[data-slug="news-detail"] #patch-notes-details .layout > .content img,
[data-slug="patch-notes-detail"] #news-details .layout > .content img,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content img {
  max-width: 100%;
}
@media (min-width: 1280px) {
  [data-slug="components"] #news-details .layout > .content img,
  [data-slug="components"] #patch-notes-details .layout > .content img,
  [data-slug="news-detail"] #news-details .layout > .content img,
  [data-slug="news-detail"] #patch-notes-details .layout > .content img,
  [data-slug="patch-notes-detail"] #news-details .layout > .content img,
  [data-slug="patch-notes-detail"] #patch-notes-details .layout > .content img {
    max-width: none;
    width: 100%;
  }
}
[data-slug="components"] #news-details .layout > .content hr,
[data-slug="components"] #patch-notes-details .layout > .content hr,
[data-slug="news-detail"] #news-details .layout > .content hr,
[data-slug="news-detail"] #patch-notes-details .layout > .content hr,
[data-slug="patch-notes-detail"] #news-details .layout > .content hr,
[data-slug="patch-notes-detail"] #patch-notes-details .layout > .content hr {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin: 32px 0;
  overflow: visible;
  position: relative;
  width: auto;
}
[data-slug="components"] #news-details .layout > .content hr:after,
[data-slug="components"] #news-details .layout > .content hr:before,
[data-slug="components"] #patch-notes-details .layout > .content hr:after,
[data-slug="components"] #patch-notes-details .layout > .content hr:before,
[data-slug="news-detail"] #news-details .layout > .content hr:after,
[data-slug="news-detail"] #news-details .layout > .content hr:before,
[data-slug="news-detail"] #patch-notes-details .layout > .content hr:after,
[data-slug="news-detail"] #patch-notes-details .layout > .content hr:before,
[data-slug="patch-notes-detail"] #news-details .layout > .content hr:after,
[data-slug="patch-notes-detail"] #news-details .layout > .content hr:before,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:after,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
[data-slug="components"] #news-details .layout > .content hr:before,
[data-slug="components"] #patch-notes-details .layout > .content hr:before,
[data-slug="news-detail"] #news-details .layout > .content hr:before,
[data-slug="news-detail"] #patch-notes-details .layout > .content hr:before,
[data-slug="patch-notes-detail"] #news-details .layout > .content hr:before,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:before {
  content: normal;
}
[data-slug="components"] #news-details .layout > .content hr:after,
[data-slug="components"] #patch-notes-details .layout > .content hr:after,
[data-slug="news-detail"] #news-details .layout > .content hr:after,
[data-slug="news-detail"] #patch-notes-details .layout > .content hr:after,
[data-slug="patch-notes-detail"] #news-details .layout > .content hr:after,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:after {
  aspect-ratio: 133/50;
  background-image: url(../images/nme-leaf_top-right.png);
  height: auto;
  right: -10px;
  top: -7px;
  width: 117px;
}
[data-slug="components"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):before,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):before,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):before,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):before,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):before,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):before {
  aspect-ratio: 50/17;
  background-image: url(../images/nme-leaf_bottom-left.png);
  bottom: -10px;
  content: "";
  height: auto;
  left: -10px;
  width: 70px;
}
[data-slug="components"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):after,
[data-slug="components"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):after,
[data-slug="news-detail"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):after,
[data-slug="news-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):after,
[data-slug="patch-notes-detail"]
  #news-details
  .layout
  > .content
  hr:nth-of-type(2n):after,
[data-slug="patch-notes-detail"]
  #patch-notes-details
  .layout
  > .content
  hr:nth-of-type(2n):after {
  content: normal;
}
[data-slug="components"] .folio,
[data-slug="news-detail"] .folio,
[data-slug="patch-notes-detail"] .folio {
  margin-bottom: 39px;
  margin-top: 93px;
}
@media (min-width: 990px) {
  [data-slug="components"] .folio,
  [data-slug="news-detail"] .folio,
  [data-slug="patch-notes-detail"] .folio {
    margin-top: 61px;
    padding-left: 150px;
    padding-right: 150px;
  }
}
[data-slug="components"] .folio hr:first-child,
[data-slug="news-detail"] .folio hr:first-child,
[data-slug="patch-notes-detail"] .folio hr:first-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-bottom: 32px;
  margin-left: -16px;
  margin-right: -16px;
  overflow: visible;
  position: relative;
  width: auto;
}
[data-slug="components"] .folio hr:first-child:after,
[data-slug="components"] .folio hr:first-child:before,
[data-slug="news-detail"] .folio hr:first-child:after,
[data-slug="news-detail"] .folio hr:first-child:before,
[data-slug="patch-notes-detail"] .folio hr:first-child:after,
[data-slug="patch-notes-detail"] .folio hr:first-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
[data-slug="components"] .folio hr:first-child:before,
[data-slug="news-detail"] .folio hr:first-child:before,
[data-slug="patch-notes-detail"] .folio hr:first-child:before {
  aspect-ratio: 53/25;
  background-image: url(../images/nme-leaf_top-left.png);
  height: auto;
  left: -5px;
  top: -7px;
  width: 48px;
}
[data-slug="components"] .folio hr:first-child:after,
[data-slug="news-detail"] .folio hr:first-child:after,
[data-slug="patch-notes-detail"] .folio hr:first-child:after {
  aspect-ratio: 133/50;
  background-image: url(../images/nme-leaf_top-right.png);
  height: auto;
  right: -3px;
  top: -7px;
  width: 117px;
}
@media (min-width: 768px) {
  [data-slug="components"] .folio hr:first-child:before,
  [data-slug="news-detail"] .folio hr:first-child:before,
  [data-slug="patch-notes-detail"] .folio hr:first-child:before {
    left: -5px;
    top: -20px;
    width: 150px;
  }
  [data-slug="components"] .folio hr:first-child:after,
  [data-slug="news-detail"] .folio hr:first-child:after,
  [data-slug="patch-notes-detail"] .folio hr:first-child:after {
    right: -10px;
    top: -16px;
    width: 235px;
  }
}
[data-slug="components"] .folio hr:last-child,
[data-slug="news-detail"] .folio hr:last-child,
[data-slug="patch-notes-detail"] .folio hr:last-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 32px;
  overflow: visible;
  position: relative;
  width: auto;
}
[data-slug="components"] .folio hr:last-child:after,
[data-slug="components"] .folio hr:last-child:before,
[data-slug="news-detail"] .folio hr:last-child:after,
[data-slug="news-detail"] .folio hr:last-child:before,
[data-slug="patch-notes-detail"] .folio hr:last-child:after,
[data-slug="patch-notes-detail"] .folio hr:last-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
[data-slug="components"] .folio hr:last-child:before,
[data-slug="news-detail"] .folio hr:last-child:before,
[data-slug="patch-notes-detail"] .folio hr:last-child:before {
  aspect-ratio: 50/17;
  background-image: url(../images/nme-leaf_bottom-left.png);
  bottom: -5px;
  height: auto;
  left: 2px;
  width: 40px;
}
[data-slug="components"] .folio hr:last-child:after,
[data-slug="news-detail"] .folio hr:last-child:after,
[data-slug="patch-notes-detail"] .folio hr:last-child:after {
  aspect-ratio: 44/50;
  background-image: url(../images/nme-leaf_bottom-right.png);
  bottom: -5px;
  height: auto;
  right: -4px;
  width: 37px;
}
@media (min-width: 768px) {
  [data-slug="components"] .folio hr:last-child:before,
  [data-slug="news-detail"] .folio hr:last-child:before,
  [data-slug="patch-notes-detail"] .folio hr:last-child:before {
    bottom: -21px;
    left: 30px;
    width: 141px;
  }
  [data-slug="components"] .folio hr:last-child:after,
  [data-slug="news-detail"] .folio hr:last-child:after,
  [data-slug="patch-notes-detail"] .folio hr:last-child:after {
    bottom: -17px;
    width: 102px;
  }
  [data-slug="components"] .folio .title,
  [data-slug="news-detail"] .folio .title,
  [data-slug="patch-notes-detail"] .folio .title {
    margin-right: 50px;
  }
}
@media (min-width: 1280px) {
  [data-slug="components"] .folio .title,
  [data-slug="news-detail"] .folio .title,
  [data-slug="patch-notes-detail"] .folio .title {
    margin-right: auto;
  }
}
[data-slug="components"] .folio .subtitle,
[data-slug="news-detail"] .folio .subtitle,
[data-slug="patch-notes-detail"] .folio .subtitle {
  font-size: 28px;
  margin-top: 8px;
}
[data-slug="components"] .folio date,
[data-slug="news-detail"] .folio date,
[data-slug="patch-notes-detail"] .folio date {
  color: #000;
  line-height: 1.5;
}
[data-slug="components"] #sticky-return,
[data-slug="news-detail"] #sticky-return,
[data-slug="patch-notes-detail"] #sticky-return {
  margin: 0 auto;
  max-width: 1167px;
  opacity: 0.5;
  position: fixed;
  top: calc(var(--app-header-depth) + 20px);
  z-index: 3;
}
[data-slug="components"] #sticky-return button.return,
[data-slug="news-detail"] #sticky-return button.return,
[data-slug="patch-notes-detail"] #sticky-return button.return {
  position: absolute;
  top: 0;
}
.grid.abstract,
.grid.news,
[data-slug="home"] #intro .layout .abstract.ctas,
[data-slug="home"] #intro .layout .news.ctas {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  justify-content: center;
  justify-items: center;
  margin: 40px 0;
}
@media (min-width: 768px) {
  .grid.abstract,
  .grid.news,
  [data-slug="home"] #intro .layout .abstract.ctas,
  [data-slug="home"] #intro .layout .news.ctas {
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 990px) {
  .grid.abstract,
  .grid.news,
  [data-slug="home"] #intro .layout .abstract.ctas,
  [data-slug="home"] #intro .layout .news.ctas {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .grid.abstract,
  .grid.news,
  [data-slug="home"] #intro .layout .abstract.ctas,
  [data-slug="home"] #intro .layout .news.ctas {
    margin-left: auto;
    margin-right: auto;
    max-width: 1464px;
  }
}
.grid.abstract header,
.grid.news header,
[data-slug="home"] #intro .layout .abstract.ctas header,
[data-slug="home"] #intro .layout .news.ctas header {
  margin-bottom: 84px;
}
.grid.abstract header h2,
.grid.news header h2,
[data-slug="home"] #intro .layout .abstract.ctas header h2,
[data-slug="home"] #intro .layout .news.ctas header h2 {
  color: #a8a8a8;
  font-size: 24px;
}
.grid.abstract header:before,
.grid.news header:before,
[data-slug="home"] #intro .layout .abstract.ctas header:before,
[data-slug="home"] #intro .layout .news.ctas header:before {
  content: normal;
}
.grid.abstract .card,
.grid.news .card,
[data-slug="home"] #intro .layout .abstract.ctas .card,
[data-slug="home"] #intro .layout .news.ctas .card {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content 1fr;
  max-width: 340px;
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.grid.abstract .card:is(a),
.grid.news .card:is(a),
[data-slug="home"] #intro .layout .abstract.ctas .card:is(a),
[data-slug="home"] #intro .layout .news.ctas .card:is(a) {
  cursor: pointer !important;
}
@media (min-width: 768px) {
  .grid.abstract .card,
  .grid.news .card,
  [data-slug="home"] #intro .layout .abstract.ctas .card,
  [data-slug="home"] #intro .layout .news.ctas .card {
    max-width: 470px;
  }
}
@media (max-width: 767px) {
  .grid.abstract .card:first-child,
  .grid.news .card:first-child,
  [data-slug="home"] #intro .layout .abstract.ctas .card:first-child,
  [data-slug="home"] #intro .layout .news.ctas .card:first-child {
    margin-top: 0;
  }
  .grid.abstract .card:last-child,
  .grid.news .card:last-child,
  [data-slug="home"] #intro .layout .abstract.ctas .card:last-child,
  [data-slug="home"] #intro .layout .news.ctas .card:last-child {
    margin-bottom: 0;
  }
}
.grid.abstract .card figure,
.grid.news .card figure,
[data-slug="home"] #intro .layout .abstract.ctas .card figure,
[data-slug="home"] #intro .layout .news.ctas .card figure {
  overflow: hidden;
}
.grid.abstract .card figure img,
.grid.news .card figure img,
[data-slug="home"] #intro .layout .abstract.ctas .card figure img,
[data-slug="home"] #intro .layout .news.ctas .card figure img {
  aspect-ratio: 40/21;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
  width: 100%;
}
@media (hover: hover) {
  .grid.abstract .card:hover figure img,
  .grid.news .card:hover figure img,
  [data-slug="home"] #intro .layout .abstract.ctas .card:hover figure img,
  [data-slug="home"] #intro .layout .news.ctas .card:hover figure img {
    transform: scale(1.1);
  }
}
.grid.abstract .card .content,
.grid.news .card .content,
[data-slug="home"] #intro .layout .abstract.ctas .card .content,
[data-slug="home"] #intro .layout .news.ctas .card .content {
  align-items: stretch;
  background-image: url(../images/nme-parchment-background.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 8px 28px;
  position: relative;
}
.grid.abstract .card .content:before,
.grid.news .card .content:before,
[data-slug="home"] #intro .layout .abstract.ctas .card .content:before,
[data-slug="home"] #intro .layout .news.ctas .card .content:before {
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d3ca 0,
    #a39780 100%
  );
  background-position: bottom;
  background-size: 100% 150%;
  bottom: 0;
  content: "";
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.grid.abstract .card .content > *,
.grid.news .card .content > *,
[data-slug="home"] #intro .layout .abstract.ctas .card .content > *,
[data-slug="home"] #intro .layout .news.ctas .card .content > * {
  position: relative;
  z-index: 1;
}
.grid.abstract .card .content hr:first-child,
.grid.news .card .content hr:first-child,
[data-slug="home"] #intro .layout .abstract.ctas .card .content hr:first-child,
[data-slug="home"] #intro .layout .news.ctas .card .content hr:first-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  overflow: visible;
  position: relative;
  width: auto;
}
.grid.abstract .card .content hr:first-child:after,
.grid.abstract .card .content hr:first-child:before,
.grid.news .card .content hr:first-child:after,
.grid.news .card .content hr:first-child:before,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:first-child:after,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:first-child:before,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:first-child:after,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:first-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
.grid.abstract .card .content hr:first-child:before,
.grid.news .card .content hr:first-child:before,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:first-child:before,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:first-child:before {
  aspect-ratio: 53/25;
  background-image: url(../images/nme-leaf_top-left.png);
  height: auto;
  left: -5px;
  top: -7px;
  width: 48px;
}
.grid.abstract .card .content hr:first-child:after,
.grid.news .card .content hr:first-child:after,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:first-child:after,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:first-child:after {
  aspect-ratio: 133/50;
  background-image: url(../images/nme-leaf_top-right.png);
  height: auto;
  right: -3px;
  top: -7px;
  width: 117px;
}
.grid.abstract .card .content hr:last-child,
.grid.news .card .content hr:last-child,
[data-slug="home"] #intro .layout .abstract.ctas .card .content hr:last-child,
[data-slug="home"] #intro .layout .news.ctas .card .content hr:last-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 16px;
  overflow: visible;
  position: relative;
  width: auto;
}
.grid.abstract .card .content hr:last-child:after,
.grid.abstract .card .content hr:last-child:before,
.grid.news .card .content hr:last-child:after,
.grid.news .card .content hr:last-child:before,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:last-child:after,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:last-child:before,
[data-slug="home"] #intro .layout .news.ctas .card .content hr:last-child:after,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:last-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
.grid.abstract .card .content hr:last-child:before,
.grid.news .card .content hr:last-child:before,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:last-child:before,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:last-child:before {
  aspect-ratio: 50/17;
  background-image: url(../images/nme-leaf_bottom-left.png);
  bottom: -5px;
  height: auto;
  left: 2px;
  width: 40px;
}
.grid.abstract .card .content hr:last-child:after,
.grid.news .card .content hr:last-child:after,
[data-slug="home"]
  #intro
  .layout
  .abstract.ctas
  .card
  .content
  hr:last-child:after,
[data-slug="home"]
  #intro
  .layout
  .news.ctas
  .card
  .content
  hr:last-child:after {
  aspect-ratio: 44/50;
  background-image: url(../images/nme-leaf_bottom-right.png);
  bottom: -5px;
  height: auto;
  right: -4px;
  width: 37px;
}
.grid.abstract .card .content date,
.grid.news .card .content date,
[data-slug="home"] #intro .layout .abstract.ctas .card .content date,
[data-slug="home"] #intro .layout .news.ctas .card .content date {
  color: #4a4a4a;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 4px;
}
.grid.abstract .card .content .title,
.grid.news .card .content .title,
[data-slug="home"] #intro .layout .abstract.ctas .card .content .title,
[data-slug="home"] #intro .layout .news.ctas .card .content .title {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-transform: none;
}
.grid.abstract .card .content .subtitle,
.grid.news .card .content .subtitle,
[data-slug="home"] #intro .layout .abstract.ctas .card .content .subtitle,
[data-slug="home"] #intro .layout .news.ctas .card .content .subtitle {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  margin: 4px 0 16px;
}
.grid.abstract .card .platforms,
.grid.news .card .platforms,
[data-slug="home"] #intro .layout .abstract.ctas .card .platforms,
[data-slug="home"] #intro .layout .news.ctas .card .platforms {
  display: none;
  margin: 8px 0 0;
}
@media (min-width: 1280px) {
  .grid.abstract .card .platforms,
  .grid.news .card .platforms,
  [data-slug="home"] #intro .layout .abstract.ctas .card .platforms,
  [data-slug="home"] #intro .layout .news.ctas .card .platforms {
    display: flex;
  }
}
.grid.abstract .card .platforms .platform,
.grid.news .card .platforms .platform,
[data-slug="home"] #intro .layout .abstract.ctas .card .platforms .platform,
[data-slug="home"] #intro .layout .news.ctas .card .platforms .platform {
  background-color: #d5cbb6;
  color: #000;
}
.grid.abstract a.card,
.grid.news a.card,
[data-slug="home"] #intro .layout .abstract.ctas a.card,
[data-slug="home"] #intro .layout .news.ctas a.card {
  cursor: pointer !important;
  text-decoration: none !important;
}
#visibility-banner {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 10px 0;
  box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.5);
  font-family: monospace;
  left: 0;
  margin: 0;
  opacity: 0.2;
  padding: 24px;
  position: fixed;
  top: var(--app-header-depth);
  transform: translateX(-95%);
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  z-index: 3;
}
#visibility-banner:hover {
  opacity: 1;
  transform: translateX(0);
}
#visibility-banner :first-child {
  margin-top: 0;
}
#visibility-banner :last-child {
  margin-bottom: 0;
}
#visibility-banner a {
  color: #fff;
}
#visibility-banner.is-published {
  background-color: rgba(0, 128, 0, 0.9);
}
#visibility-banner.is-scheduled {
  background-color: rgba(255, 215, 0, 0.9);
}
#visibility-banner.is-scheduled a {
  color: #000;
}
#visibility-banner.is-draft {
  background-color: rgba(255, 0, 0, 0.9);
}
[data-slug="patch-notes-index"] main > section {
  position: relative;
  z-index: 2;
}
[data-slug="patch-notes-index"] .layout {
  max-width: 1165px;
}
@media (min-width: 1165px) {
  [data-slug="patch-notes-index"] .layout {
    margin-left: auto;
    margin-right: auto;
  }
}
[data-slug="patch-notes-index"] .layout > header {
  max-width: 343px;
}
@media (min-width: 768px) {
  [data-slug="patch-notes-index"] .layout > header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="patch-notes-index"] .layout > header {
    max-width: 885px;
  }
}
[data-slug="patch-notes-index"] .layout > header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="patch-notes-index"] .layout > header > :first-child {
  margin-top: 0;
}
[data-slug="patch-notes-index"] .layout > header > :last-child {
  margin-bottom: 0;
}
[data-slug="patch-notes-index"] .layout > header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="patch-notes-index"] .layout > header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="patch-notes-index"] .layout > header h2 > span {
    max-width: unset;
  }
}
[data-slug="patch-notes-index"] .layout > header h2 > span:after,
[data-slug="patch-notes-index"] .layout > header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="patch-notes-index"] .layout > header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="patch-notes-index"] .layout > header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="patch-notes-index"] .layout > header p {
  line-height: 1.5;
  text-align: center;
}
[data-slug="patch-notes-index"] .layout > header {
  margin-top: 64px;
}
@media (min-width: 768px) {
  [data-slug="patch-notes-index"] .layout > header {
    margin-top: 80px;
  }
}
[data-slug="patch-notes-index"] [data-component="featured-masthead"] + section {
  margin-bottom: 86px;
  margin-top: 80px;
}
[data-slug="patch-notes-index"] .directory {
  display: flex;
  flex-direction: column;
  gap: 128px;
  margin-bottom: 80px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-slug="patch-notes-index"] .directory {
    gap: 160px;
  }
}
[data-slug="patch-notes-index"] .directory .record {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="patch-notes-index"] .directory .record {
    grid-template-columns: 61.8025751073% minmax(0, 1fr);
    grid-template-rows: min-content;
  }
}
[data-slug="patch-notes-index"] .directory .record:before {
  background-color: #a28f70;
  content: "";
  height: 1px;
  left: 50%;
  -webkit-mask-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.05),
    #000 50%,
    #000 0,
    rgba(0, 0, 0, 0.05)
  );
  mask-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.05),
    #000 50%,
    #000 0,
    rgba(0, 0, 0, 0.05)
  );
  position: absolute;
  top: -64px;
  transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 768px) {
  [data-slug="patch-notes-index"] .directory .record:before {
    top: -80px;
  }
}
@media (min-width: 1280px) {
  [data-slug="patch-notes-index"] .directory .record:before {
    max-width: 1462px;
    width: 125.5%;
  }
}
[data-slug="patch-notes-index"] .directory .record:first-child:before {
  content: normal;
}
[data-slug="patch-notes-index"] .directory .card {
  border-radius: 5px;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content 1fr;
  overflow: hidden;
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
@media (max-width: 767px) {
  [data-slug="patch-notes-index"] .directory .card:first-child {
    margin-top: 0;
  }
  [data-slug="patch-notes-index"] .directory .card:last-child {
    margin-bottom: 0;
  }
}
[data-slug="patch-notes-index"] .directory .card figure {
  overflow: hidden;
}
[data-slug="patch-notes-index"] .directory .card figure img {
  aspect-ratio: 40/21;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
  width: 100%;
}
@media (hover: hover) {
  [data-slug="patch-notes-index"] .directory .card:hover figure img {
    transform: scale(1.1);
  }
}
[data-slug="patch-notes-index"] .directory .card .content {
  align-items: stretch;
  background-image: url(../images/nme-parchment-background.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 8px 28px;
  position: relative;
}
[data-slug="patch-notes-index"] .directory .card .content:before {
  background: radial-gradient(
    67.46% 67.46% at 50% 50%,
    #d8d3ca 0,
    #a39780 100%
  );
  background-position: bottom;
  background-size: 100% 150%;
  bottom: 0;
  content: "";
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
[data-slug="patch-notes-index"] .directory .card .content > * {
  position: relative;
  z-index: 1;
}
[data-slug="patch-notes-index"] .directory .card .content hr:first-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  overflow: visible;
  position: relative;
  width: auto;
}
[data-slug="patch-notes-index"] .directory .card .content hr:first-child:after,
[data-slug="patch-notes-index"]
  .directory
  .card
  .content
  hr:first-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
[data-slug="patch-notes-index"]
  .directory
  .card
  .content
  hr:first-child:before {
  aspect-ratio: 53/25;
  background-image: url(../images/nme-leaf_top-left.png);
  height: auto;
  left: -5px;
  top: -7px;
  width: 48px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:first-child:after {
  aspect-ratio: 133/50;
  background-image: url(../images/nme-leaf_top-right.png);
  height: auto;
  right: -3px;
  top: -7px;
  width: 117px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child {
  background-image: url(../images/nme-grunge-line-noise.png);
  background-repeat: repeat;
  border: none;
  height: 1px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 16px;
  overflow: visible;
  position: relative;
  width: auto;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:after,
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:before {
  background-size: cover;
  content: "";
  position: absolute;
  z-index: 1;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:before {
  aspect-ratio: 50/17;
  background-image: url(../images/nme-leaf_bottom-left.png);
  bottom: -5px;
  height: auto;
  left: 2px;
  width: 40px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:after {
  aspect-ratio: 44/50;
  background-image: url(../images/nme-leaf_bottom-right.png);
  bottom: -5px;
  height: auto;
  right: -4px;
  width: 37px;
}
[data-slug="patch-notes-index"] .directory .card .content date {
  color: #4a4a4a;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 4px;
}
[data-slug="patch-notes-index"] .directory .card .content .title {
  font-size: 18px;
  margin: 0;
  text-transform: none;
}
[data-slug="patch-notes-index"] .directory .card .content .subtitle {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  margin: 4px 0 16px;
}
[data-slug="patch-notes-index"] .directory .card:is(a) {
  cursor: pointer !important;
}
[data-slug="patch-notes-index"] .directory .card .content .title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-slug="patch-notes-index"] .directory .card .content .title + blockquote,
[data-slug="patch-notes-index"] .directory .card .content .title + dl,
[data-slug="patch-notes-index"] .directory .card .content .title + ol,
[data-slug="patch-notes-index"] .directory .card .content .title + p,
[data-slug="patch-notes-index"] .directory .card .content .title + ul {
  margin-top: 8px;
}
[data-slug="patch-notes-index"] .directory .card .content .title {
  color: #bca783;
  font-size: 24px;
}
@media (min-width: 768px) {
  [data-slug="patch-notes-index"] .directory .card .content .title {
    font-size: 28px;
  }
}
[data-slug="patch-notes-index"] .directory .card .content .title {
  color: #000;
  margin-bottom: 0;
}
[data-slug="patch-notes-index"]
  .directory
  .card
  .content
  hr:first-child:before {
  width: 66px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:first-child:after {
  width: 164px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:before {
  width: 62px;
}
[data-slug="patch-notes-index"] .directory .card .content hr:last-child:after {
  width: 54px;
}
[data-slug="patch-notes-index"] .directory .card .supplement {
  margin-top: 8px;
}
[data-slug="patch-notes-index"] .directory .card .tag {
  background-color: #bca783;
  border-radius: 5px;
  color: #000;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding: 4px 8px;
}
[data-slug="patch-notes-index"] .directory .resources {
  align-content: stretch;
  background: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  padding: 32px;
}
@media (min-width: 990px) {
  [data-slug="patch-notes-index"] .directory .resources {
    background-color: #30281c;
  }
}
@media (min-width: 1920px) {
  [data-slug="patch-notes-index"] .directory .resources {
    background-color: rgba(48, 40, 28, 0.5);
  }
}
[data-slug="patch-notes-index"] .directory .resources header {
  margin: 0;
  max-width: unset;
}
[data-slug="patch-notes-index"] .directory .resources header .title {
  color: #d1cdbc;
  margin: 0;
}
[data-slug="patch-notes-index"] .directory .resources .links {
  flex-grow: 1;
  overflow: auto;
  position: relative;
}
[data-slug="patch-notes-index"]
  .directory
  .resources
  .links
  .scrollable-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 120px;
  overflow-x: hidden;
}
@media (min-width: 990px) {
  [data-slug="patch-notes-index"]
    .directory
    .resources
    .links
    .scrollable-container {
    bottom: 0;
    left: 0;
    max-height: none;
    position: absolute;
    right: 0;
    top: 0;
  }
}
[data-slug="patch-notes-index"] .directory .resources .links a {
  color: #d1cdbc;
  display: block;
  margin-bottom: 24px;
}
[data-slug="patch-notes-index"] .directory .resources .links a:last-of-type {
  margin-bottom: 0;
}
[data-slug="patch-notes-index"] .directory .resources .links a.is-main {
  color: #d8c38a;
  font-weight: 700;
}
@media (hover: hover) {
  [data-slug="patch-notes-index"] .directory .resources .links a:hover {
    color: #d8c38a;
  }
}
[data-slug="privacy-policy"] #privacy-policy .layout {
  padding-bottom: 30px;
  padding-top: 30px;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy {
  margin-left: auto;
  margin-right: auto;
  max-width: 343px;
}
@media (min-width: 768px) {
  [data-slug="privacy-policy"] #privacy-policy .layout .privacy {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="privacy-policy"] #privacy-policy .layout .privacy {
    max-width: 885px;
  }
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy a {
  color: var(--text-link, #dd9f38);
  text-decoration: underline;
}
@media (hover: hover) {
  [data-slug="privacy-policy"] #privacy-policy .layout .privacy a:hover {
    color: #ffe9a4;
  }
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy .tableWrap {
  overflow: auto !important;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy table {
  background-color: #171009;
  border-collapse: collapse;
  margin-top: 24px;
  overflow-x: scroll;
  width: 100%;
}
[data-slug="privacy-policy"]
  #privacy-policy
  .layout
  .privacy
  tr:first-child
  td {
  background: var(--secondary-background, #201b13);
  border: 1px solid #616161;
  padding: 24px;
  text-align: left;
}
[data-slug="privacy-policy"]
  #privacy-policy
  .layout
  .privacy
  tr:first-child
  td
  p {
  margin: 0;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy td {
  border: 1px solid #616161;
  padding: 24px;
  text-align: left;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy td p {
  margin: 0;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy hr {
  border-color: hsla(0, 0%, 100%, 0.3);
  margin: 32px auto;
}
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h1,
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h2,
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h3,
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h4,
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h5,
[data-slug="privacy-policy"] #privacy-policy .layout .privacy h6 {
  line-height: 1.5 !important;
  margin-bottom: 8px;
}
[data-slug="wallpapers"] #page-wrapper {
  position: relative;
  z-index: 1;
}
[data-slug="wallpapers"] main > section {
  margin-bottom: 70px;
}
[data-slug="wallpapers"] .layout header {
  margin-top: 64px;
  max-width: 343px;
}
[data-slug="wallpapers"] .layout header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="wallpapers"] .layout header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="wallpapers"] .layout header h1 > span {
    max-width: unset;
  }
}
[data-slug="wallpapers"] .layout header h1 > span:after,
[data-slug="wallpapers"] .layout header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="wallpapers"] .layout header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="wallpapers"] .layout header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  [data-slug="wallpapers"] .layout header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="wallpapers"] .layout header {
    max-width: 885px;
  }
}
[data-slug="wallpapers"] .layout header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="wallpapers"] .layout header > :first-child {
  margin-top: 0;
}
[data-slug="wallpapers"] .layout header > :last-child {
  margin-bottom: 0;
}
[data-slug="wallpapers"] .layout header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="wallpapers"] .layout header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="wallpapers"] .layout header h2 > span {
    max-width: unset;
  }
}
[data-slug="wallpapers"] .layout header h2 > span:after,
[data-slug="wallpapers"] .layout header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="wallpapers"] .layout header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="wallpapers"] .layout header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="wallpapers"] .layout header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  [data-slug="wallpapers"] .layout header {
    margin-top: 86px;
  }
}
[data-slug="wallpapers"] .layout header h1,
[data-slug="wallpapers"] .layout header h2 {
  margin-top: 40px !important;
}
[data-slug="home"] #intro [data-slug="wallpapers"] .layout header + .ctas,
[data-slug="wallpapers"] .layout header + .grid,
[data-slug="wallpapers"] .layout header + figure.video-embed,
[data-slug="wallpapers"] [data-slug="home"] #intro .layout header + .ctas {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-slug="wallpapers"] .layout header + figure.video-embed {
    margin-top: 56px;
  }
}
[data-slug="wallpapers"] .layout header:before {
  aspect-ratio: 763/151;
  background-image: url(/images/form-background-deco.png);
  background-size: cover;
  content: normal;
  left: 50%;
  max-width: 560px;
  position: absolute;
  top: 0;
  transform: translate(-50%, calc(-50% + 20px));
  width: 90.6666666667vw;
  z-index: -1;
}
@media (min-width: 1280px) {
  [data-slug="wallpapers"] .layout header:before {
    max-width: 807px;
  }
}
[data-slug="wallpapers"] figure.video-embed iframe {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  width: 100%;
}
[data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas,
[data-slug="wallpapers"] .grid,
[data-slug="wallpapers"] [data-slug="home"] #intro .layout .ctas {
  justify-content: center;
  margin: 36px -12px -12px;
}
@media (min-width: 768px) {
  [data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas,
  [data-slug="wallpapers"] .grid,
  [data-slug="wallpapers"] [data-slug="home"] #intro .layout .ctas {
    flex-wrap: wrap;
  }
}
[data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas .card,
[data-slug="wallpapers"] .grid .card,
[data-slug="wallpapers"] [data-slug="home"] #intro .layout .ctas .card {
  border-radius: 3px;
  margin: 12px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas .card,
  [data-slug="wallpapers"] .grid .card,
  [data-slug="wallpapers"] [data-slug="home"] #intro .layout .ctas .card {
    width: calc(50% - 24px);
  }
}
[data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas .card > .inner,
[data-slug="wallpapers"] .grid .card > .inner,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  > .inner {
  position: relative;
}
[data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas .card figure,
[data-slug="wallpapers"] .grid .card figure,
[data-slug="wallpapers"] [data-slug="home"] #intro .layout .ctas .card figure {
  position: relative;
  z-index: 0;
}
[data-slug="home"]
  #intro
  .layout
  [data-slug="wallpapers"]
  .ctas
  .card
  figure
  img,
[data-slug="wallpapers"] .grid .card figure img,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  figure
  img {
  display: block;
  width: 100%;
}
[data-slug="home"] #intro .layout [data-slug="wallpapers"] .ctas .card .content,
[data-slug="wallpapers"] .grid .card .content,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  .content {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 20px 50px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  z-index: 1;
}
[data-slug="home"]
  #intro
  .layout
  [data-slug="wallpapers"]
  .ctas
  .card
  .content.visible,
[data-slug="wallpapers"] .grid .card .content.visible,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  .content.visible {
  opacity: 1;
  pointer-events: auto;
}
[data-slug="home"]
  #intro
  .layout
  [data-slug="wallpapers"]
  .ctas
  .card
  .content
  p,
[data-slug="wallpapers"] .grid .card .content p,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  .content
  p {
  margin-bottom: 0;
  text-transform: uppercase;
}
[data-slug="home"]
  #intro
  .layout
  [data-slug="wallpapers"]
  .ctas
  .card
  .content
  .ctas,
[data-slug="wallpapers"] .grid .card .content .ctas,
[data-slug="wallpapers"]
  [data-slug="home"]
  #intro
  .layout
  .ctas
  .card
  .content
  .ctas {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -8px;
  margin-top: 8px;
}
@media (min-width: 990px) {
  [data-slug="home"]
    #intro
    .layout
    [data-slug="wallpapers"]
    .ctas
    .card
    .content
    .ctas,
  [data-slug="wallpapers"] .grid .card .content .ctas,
  [data-slug="wallpapers"]
    [data-slug="home"]
    #intro
    .layout
    .ctas
    .card
    .content
    .ctas {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (hover: hover) {
  [data-slug="home"]
    #intro
    .layout
    [data-slug="wallpapers"]
    .ctas
    .card:hover
    .content,
  [data-slug="wallpapers"] .grid .card:hover .content,
  [data-slug="wallpapers"]
    [data-slug="home"]
    #intro
    .layout
    .ctas
    .card:hover
    .content {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 990px) {
  [data-slug="home"]
    #intro
    .layout
    [data-slug="wallpapers"]
    .ctas
    .card:nth-child(3n + 1),
  [data-slug="wallpapers"] .grid .card:nth-child(3n + 1),
  [data-slug="wallpapers"]
    [data-slug="home"]
    #intro
    .layout
    .ctas
    .card:nth-child(3n + 1) {
    width: 100%;
  }
}
.youtube-playlist {
  margin: 30px auto auto;
  max-width: 1166px;
}
.youtube-playlist > figure {
  border-radius: 5px;
  overflow: hidden;
}
.youtube-playlist .instruction {
  margin: 12px 0;
  text-align: center;
}
@media (min-width: 480px) {
  .youtube-playlist .instruction {
    display: none;
  }
}
.youtube-playlist > nav {
  margin-left: -35px;
  margin-right: -35px;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .youtube-playlist > nav {
    margin-left: 0;
    margin-right: 0;
    padding: 0 50px;
  }
}
.youtube-playlist > nav .swiper-slide > a {
  border: 1px solid transparent;
  border-radius: 3px;
  display: block;
  margin: 0;
  opacity: 0.7;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.youtube-playlist > nav .swiper-slide > a.active {
  border-color: #dd9f38;
  opacity: 1;
}
.youtube-playlist > nav .swiper-slide > a:after {
  background-color: #9e9678;
  background: linear-gradient(190deg, #dd9f38, #a7782e);
  border-radius: 50%;
  color: #1a170a;
  content: "\ea1e";
  font-size: 26px;
  height: 40px;
  left: 50%;
  line-height: 40px;
  opacity: 0.7;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  width: 40px;
}
@media (min-width: 768px) {
  .youtube-playlist > nav .swiper-slide > a:after {
    font-size: 34px;
    height: 60px;
    line-height: 60px;
    padding-left: 6px;
    width: 60px;
  }
}
.youtube-playlist > nav .swiper-slide > a:hover {
  opacity: 0.9;
}
.youtube-playlist > nav .swiper-slide > a:hover:after {
  opacity: 0.9;
  transform: translate(-50%, -50%) scale(1.1);
}
.youtube-playlist > nav .swiper-slide > a.active:after {
  opacity: 0.9;
}
.youtube-playlist > nav .swiper-slide > a.active:hover:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.youtube-playlist > nav.is-static {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.youtube-playlist > nav.is-static .swiper-wrapper {
  margin-left: -10px;
  margin-right: -10px;
}
.youtube-playlist > nav.is-static .swiper-slide {
  flex-shrink: 0;
  margin: 0 10px;
  width: calc(50% - 10px);
}
@media (min-width: 768px) {
  .youtube-playlist > nav.is-static .swiper-slide {
    width: calc(33% - 20px);
  }
}
@media (min-width: 990px) {
  .youtube-playlist > nav.is-static .swiper-slide {
    width: calc(20% - 20px);
  }
}
.youtube-playlist > nav [class^="swiper-button"] {
  background-color: hsla(47, 16%, 55%, 0.2);
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: none;
  height: 44px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
}
@media (min-width: 768px) {
  .youtube-playlist > nav [class^="swiper-button"] {
    display: block;
  }
}
.youtube-playlist > nav [class^="swiper-button"]:after {
  color: #9e9678;
  content: "\e922";
  font-size: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.youtube-playlist > nav [class^="swiper-button"][class*="-next"] {
  left: auto;
  right: 0;
}
.youtube-playlist > nav [class^="swiper-button"][class*="-next"]:after {
  content: "\e923";
}
.youtube-playlist > nav [class^="swiper-button"]:hover:after {
  color: #d8c38a;
}
.youtube-playlist > nav [class^="swiper-button"][disabled] {
  cursor: default;
  opacity: 0.5;
}
.youtube-playlist > nav [class^="swiper-button"][disabled]:hover:after {
  color: #9e9678;
}
.youtube-playlist .video-embed iframe {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}
.youtube-playlist .card {
  position: relative;
}
.youtube-playlist .card .content {
  display: none;
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
[data-slug="cookie-list"] #cookie-list .layout {
  padding: 30px 0;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy {
  margin-left: auto;
  margin-right: auto;
  max-width: 343px;
}
@media (min-width: 768px) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy {
    max-width: 885px;
  }
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h1 {
  font-size: 36px;
}
@media (min-width: 768px) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h1 {
    font-size: 48px;
  }
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h2 {
  font-size: 30px;
}
@media (min-width: 768px) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h2 {
    font-size: 30px;
  }
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h3 {
  font-size: 24px;
}
@media (min-width: 768px) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h3 {
    font-size: 23px;
  }
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h4 {
  font-size: 18px;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h5,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h6 {
  font-size: 16px;
  line-height: 1.5;
}
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #cookie-policy-description,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy p {
  color: #d1cdbc;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy a {
  background: none;
  color: var(--text-link, #dd9f38);
  text-decoration: underline;
}
@media (hover: hover) {
  [data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy a:hover {
    color: #ffe9a4;
  }
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy a:hover {
  background: none;
}
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  .table-wrapper {
  overflow: auto !important;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy table {
  background-color: #171009;
  border-collapse: collapse;
  border-radius: unset;
  color: #d1cdbc;
  margin-top: 24px;
  overflow-x: scroll;
  width: calc(100% - 2px);
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy thead th {
  background: var(--secondary-background, #201b13);
  border: 1px solid #616161;
  color: #d1cdbc;
  padding: 24px;
  text-align: left;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy thead th p {
  color: #d1cdbc;
  margin: 0;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy td {
  border: 1px solid #616161;
  color: #d1cdbc;
  padding: 24px;
  text-align: left;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy td p {
  margin: 0;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy td span {
  color: #d1cdbc;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h1,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h2,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h4,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h5,
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h6 {
  color: #dd9f38 !important;
  line-height: 1.5 !important;
  margin-bottom: 8px;
}
[data-slug="cookie-list"] #cookie-list .layout .cookie-list-policy h3 {
  color: #bca783 !important;
}
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  #cookie-policy-description,
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  .ot-sdk-cookie-policy-group-desc,
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  .ot-table-header,
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  a,
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  span,
[data-slug="cookie-list"]
  #cookie-list
  .layout
  .cookie-list-policy
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
  td {
  font-size: unset !important;
}
[data-slug="cookie-list"] #ot-sdk-cookie-policy-v2 {
  width: 100% !important;
}
[data-slug="email-confirm"] main .layout,
[data-slug="signup-confirm"] main .layout {
  padding-bottom: 100px;
  text-align: center;
}
[data-slug="email-confirm"] main .layout header,
[data-slug="signup-confirm"] main .layout header {
  margin-top: 64px;
  max-width: 343px;
}
[data-slug="email-confirm"] main .layout header h1,
[data-slug="signup-confirm"] main .layout header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="email-confirm"] main .layout header h1 > span,
[data-slug="signup-confirm"] main .layout header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="email-confirm"] main .layout header h1 > span,
  [data-slug="signup-confirm"] main .layout header h1 > span {
    max-width: unset;
  }
}
[data-slug="email-confirm"] main .layout header h1 > span:after,
[data-slug="email-confirm"] main .layout header h1 > span:before,
[data-slug="signup-confirm"] main .layout header h1 > span:after,
[data-slug="signup-confirm"] main .layout header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="email-confirm"] main .layout header h1 > span:before,
[data-slug="signup-confirm"] main .layout header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="email-confirm"] main .layout header h1 > span:after,
[data-slug="signup-confirm"] main .layout header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  [data-slug="email-confirm"] main .layout header,
  [data-slug="signup-confirm"] main .layout header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="email-confirm"] main .layout header,
  [data-slug="signup-confirm"] main .layout header {
    max-width: 885px;
  }
}
[data-slug="email-confirm"] main .layout header,
[data-slug="signup-confirm"] main .layout header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="email-confirm"] main .layout header > :first-child,
[data-slug="signup-confirm"] main .layout header > :first-child {
  margin-top: 0;
}
[data-slug="email-confirm"] main .layout header > :last-child,
[data-slug="signup-confirm"] main .layout header > :last-child {
  margin-bottom: 0;
}
[data-slug="email-confirm"] main .layout header h2,
[data-slug="signup-confirm"] main .layout header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="email-confirm"] main .layout header h2 > span,
[data-slug="signup-confirm"] main .layout header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="email-confirm"] main .layout header h2 > span,
  [data-slug="signup-confirm"] main .layout header h2 > span {
    max-width: unset;
  }
}
[data-slug="email-confirm"] main .layout header h2 > span:after,
[data-slug="email-confirm"] main .layout header h2 > span:before,
[data-slug="signup-confirm"] main .layout header h2 > span:after,
[data-slug="signup-confirm"] main .layout header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="email-confirm"] main .layout header h2 > span:before,
[data-slug="signup-confirm"] main .layout header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="email-confirm"] main .layout header h2 > span:after,
[data-slug="signup-confirm"] main .layout header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="email-confirm"] main .layout header p,
[data-slug="signup-confirm"] main .layout header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  [data-slug="email-confirm"] main .layout header,
  [data-slug="signup-confirm"] main .layout header {
    margin-top: 86px;
  }
}
[data-slug="email-confirm"] main .layout header p,
[data-slug="signup-confirm"] main .layout header p {
  margin: 16px 0;
}
[data-slug="email-confirm"] main .layout header .ctas,
[data-slug="signup-confirm"] main .layout header .ctas {
  margin-top: 16px;
}
[data-slug="email-confirm"] main .layout a,
[data-slug="signup-confirm"] main .layout a {
  color: #fff;
}
[data-slug="email-confirm"] main .layout .idol,
[data-slug="signup-confirm"] main .layout .idol {
  background: url(/images/signup-confirm/desktop-statue-off.png) no-repeat 50%;
  height: 352px;
  margin: 40px 0;
}
[data-slug="email-confirm"] #signup-confirm,
[data-slug="signup-confirm"] #signup-confirm {
  overflow: hidden;
}
[data-slug="email-confirm"] #signup-confirm .layout,
[data-slug="signup-confirm"] #signup-confirm .layout {
  padding-top: 100px;
}
[data-slug="email-confirm"] #signup-confirm header,
[data-slug="signup-confirm"] #signup-confirm header {
  text-align: center;
}
[data-slug="email-confirm"] #signup-confirm .idol,
[data-slug="signup-confirm"] #signup-confirm .idol {
  background: url(/images/signup-confirm/desktop-statue-off.png) no-repeat 50%;
  height: 352px;
  margin: 40px 0;
}
[data-slug="email-confirm"] #signup-confirm .idol.success,
[data-slug="signup-confirm"] #signup-confirm .idol.success {
  background-image: url(/images/signup-confirm/desktop-statue-on.png);
  height: 479px;
}
[data-slug="email-confirm"] #signup-confirm .container,
[data-slug="signup-confirm"] #signup-confirm .container {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  margin: auto;
  max-width: 868px;
  padding: 32px;
}
[data-slug="email-confirm"] #signup-confirm .container header,
[data-slug="signup-confirm"] #signup-confirm .container header {
  margin: 8px 0 32px;
}
[data-slug="email-confirm"] #signup-confirm .container header h3,
[data-slug="signup-confirm"] #signup-confirm .container header h3 {
  color: #d1cdbc;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}
[data-slug="email-confirm"] #signup-confirm .container header p,
[data-slug="signup-confirm"] #signup-confirm .container header p {
  text-align: center;
}
[data-slug="email-confirm"] #signup-confirm .container p,
[data-slug="signup-confirm"] #signup-confirm .container p {
  text-align: left;
}
[data-slug="email-confirm"] #signup-confirm .container .account-info,
[data-slug="signup-confirm"] #signup-confirm .container .account-info {
  align-items: center;
  background-color: rgba(94, 117, 87, 0.28);
  border-radius: 5px;
  color: #d1cdbc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  margin: 0 auto 32px;
  max-width: 804px;
  padding: 16px 24px;
  text-align: left;
}
[data-slug="email-confirm"] #signup-confirm .container .account-info:before,
[data-slug="signup-confirm"] #signup-confirm .container .account-info:before {
  background: #5e7557;
  border-radius: 17px;
  content: "\e903";
  flex-shrink: 0;
  font-size: 24px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 34px;
}
[data-slug="email-confirm"] #signup-confirm .container .account-info h4,
[data-slug="signup-confirm"] #signup-confirm .container .account-info h4 {
  color: #d1cdbc;
  margin: 0;
}
[data-slug="email-confirm"] #signup-confirm .container .account-info p,
[data-slug="signup-confirm"] #signup-confirm .container .account-info p {
  margin: 0;
  text-align: left;
}
[data-slug="email-confirm"] #signup-confirm .container .help-info,
[data-slug="signup-confirm"] #signup-confirm .container .help-info {
  margin-top: 32px;
}
[data-slug="email-confirm"] #signup-confirm .container .help-info p,
[data-slug="signup-confirm"] #signup-confirm .container .help-info p {
  text-align: left;
}
[data-slug="email-confirm"] #signup-confirm .container .help-info h3,
[data-slug="signup-confirm"] #signup-confirm .container .help-info h3 {
  color: #d1cdbc;
  margin: 0;
  text-align: left;
}
[data-slug="email-confirm"] #signup-confirm .container .help-info ul,
[data-slug="signup-confirm"] #signup-confirm .container .help-info ul {
  text-align: left;
}
[data-slug="page-error"] main .layout {
  padding-bottom: 100px;
  text-align: center;
}
[data-slug="page-error"] main .layout header {
  margin-top: 64px;
  max-width: 343px;
}
[data-slug="page-error"] main .layout header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="page-error"] main .layout header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="page-error"] main .layout header h1 > span {
    max-width: unset;
  }
}
[data-slug="page-error"] main .layout header h1 > span:after,
[data-slug="page-error"] main .layout header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="page-error"] main .layout header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="page-error"] main .layout header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  [data-slug="page-error"] main .layout header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-slug="page-error"] main .layout header {
    max-width: 885px;
  }
}
[data-slug="page-error"] main .layout header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
[data-slug="page-error"] main .layout header > :first-child {
  margin-top: 0;
}
[data-slug="page-error"] main .layout header > :last-child {
  margin-bottom: 0;
}
[data-slug="page-error"] main .layout header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
[data-slug="page-error"] main .layout header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  [data-slug="page-error"] main .layout header h2 > span {
    max-width: unset;
  }
}
[data-slug="page-error"] main .layout header h2 > span:after,
[data-slug="page-error"] main .layout header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
[data-slug="page-error"] main .layout header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
[data-slug="page-error"] main .layout header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
[data-slug="page-error"] main .layout header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  [data-slug="page-error"] main .layout header {
    margin-top: 86px;
  }
}
[data-slug="page-error"] main .layout header p {
  margin: 16px 0;
}
[data-slug="page-error"] main .layout header .ctas {
  margin-top: 16px;
}
[data-slug="page-error"] main .layout a {
  color: #fff;
}
[data-slug="page-error"] main .layout .idol {
  background: url(/images/signup-confirm/desktop-statue-off.png) no-repeat 50%;
  height: 352px;
  margin: 40px 0;
}
[data-slug="download"] #system-requirements {
  margin-bottom: 58px;
  margin-top: 80px;
}
@media (min-width: 768px) {
  [data-slug="download"] #system-requirements {
    margin-bottom: 120px;
  }
}
@media (min-width: 1280px) {
  [data-slug="download"] #system-requirements {
    margin-bottom: 184px;
  }
}
[data-slug="download"] #system-requirements > .layout > header {
  margin-top: 0 !important;
}
[data-slug="download"] #discord-banner {
  margin-bottom: 80px;
  margin-top: 80px;
}
[data-slug="download"] #discord-banner .discord-banner-content {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  margin: auto;
  max-width: 868px;
  padding: 40px 32px;
}
[data-slug="download"] #discord-banner .discord-options {
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  [data-slug="download"] #discord-banner .discord-options {
    flex-direction: row;
    margin-bottom: 12px;
  }
}
[data-slug="download"] #discord-banner .discord-options .private-discord {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  [data-slug="download"] #discord-banner .discord-options .private-discord {
    margin-bottom: 0;
  }
}
[data-slug="download"] #discord-banner .discord-options .private-discord img {
  max-width: 156px;
}
[data-slug="download"] #discord-banner .discord-options .private-discord h3 {
  color: #d8c38a;
  margin-bottom: 4px;
  margin-top: 0;
}
[data-slug="download"] #discord-banner .discord-options .private-discord p {
  margin-bottom: 24px;
  margin-top: 0;
}
[data-slug="download"]
  #discord-banner
  .discord-options
  .private-discord
  .button {
  margin-bottom: 40px;
}
@media (min-width: 990px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    .private-discord
    .button {
    margin-bottom: 0;
  }
}
[data-slug="download"]
  #discord-banner
  .discord-options
  .private-discord
  .hover-card-image {
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    .private-discord
    .hover-card-image {
    flex-shrink: 0;
    order: 1;
    width: 156px;
  }
}
[data-slug="download"]
  #discord-banner
  .discord-options
  .private-discord
  .hover-card-image
  .hover-on {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    .private-discord
    .hover-card-image {
    order: 0;
  }
}
[data-slug="download"] #discord-banner .discord-options .public-discord {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  [data-slug="download"] #discord-banner .discord-options .public-discord {
    margin-top: 0;
  }
}
[data-slug="download"] #discord-banner .discord-options .public-discord img {
  margin-top: 40px;
  max-width: 156px;
}
@media (min-width: 990px) {
  [data-slug="download"] #discord-banner .discord-options .public-discord img {
    margin-top: 0;
  }
}
[data-slug="download"] #discord-banner .discord-options .public-discord h3 {
  color: #d1cdbc;
  margin-bottom: 4px;
  margin-top: 0;
}
[data-slug="download"] #discord-banner .discord-options .public-discord p {
  margin-bottom: 24px;
  margin-top: 0;
}
[data-slug="download"]
  #discord-banner
  .discord-options
  .public-discord
  .hover-card-image {
  position: relative;
}
@media (min-width: 768px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    .public-discord
    .hover-card-image {
    flex-shrink: 0;
    order: 1;
    width: 156px;
  }
}
[data-slug="download"]
  #discord-banner
  .discord-options
  .public-discord
  .hover-card-image
  .hover-on {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    .public-discord
    .hover-card-image {
    order: 0;
  }
}
[data-slug="download"] #discord-banner .discord-options > div:first-child {
  position: relative;
}
[data-slug="download"]
  #discord-banner
  .discord-options
  > div:first-child:after {
  background: linear-gradient(
    270deg,
    hsla(38, 30%, 63%, 0),
    hsla(38, 30%, 63%, 0.5),
    hsla(38, 30%, 63%, 0)
  );
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
}
@media (min-width: 990px) {
  [data-slug="download"]
    #discord-banner
    .discord-options
    > div:first-child:after {
    background: linear-gradient(
      180deg,
      hsla(38, 30%, 63%, 0),
      hsla(38, 30%, 63%, 0.5),
      hsla(38, 30%, 63%, 0)
    );
    bottom: 0;
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
  }
}
[data-slug="download"] #discord-banner .discord-options > div {
  flex: 1;
}
[data-slug="download"] #discord-banner .discord-options .button,
[data-slug="download"] #discord-banner .discord-options .decorated {
  font-size: 0.8rem;
}
section#download {
  align-content: stretch;
  align-items: center;
  background-color: #140e0b;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  height: 75vh;
  justify-content: stretch;
  max-height: 544px;
  max-width: unset;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  section#download {
    max-height: 710px;
  }
}
section#download > figure.video {
  align-self: stretch;
  display: block;
  grid-column: 1/2;
  grid-row: 1/2;
  margin: 0;
  opacity: 0.15;
  position: relative;
  width: 100%;
  z-index: 0;
}
section#download > figure.video picture img,
section#download > figure.video video {
  aspect-ratio: 1/1;
  display: block;
  height: 100%;
  left: 50%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  outline-offset: -3px !important;
  outline-width: 6px !important;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
@media (min-width: 990px) {
  section#download > figure.video picture img,
  section#download > figure.video video {
    aspect-ratio: 1920/1080;
  }
}
section#download > figure.video picture {
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  z-index: 2;
}
section#download > figure.video picture.ready {
  opacity: 0;
}
section#download > .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  margin: 0 auto;
  max-width: calc(100% - 32px);
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  section#download > .layout {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  section#download > .layout {
    max-width: 868px;
  }
}
section#download > .layout > header {
  margin-top: 64px;
  margin-top: 0 !important;
  max-width: 343px;
}
section#download > .layout > header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
section#download > .layout > header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  section#download > .layout > header h1 > span {
    max-width: unset;
  }
}
section#download > .layout > header h1 > span:after,
section#download > .layout > header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
section#download > .layout > header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
section#download > .layout > header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  section#download > .layout > header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  section#download > .layout > header {
    max-width: 885px;
  }
}
section#download > .layout > header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
section#download > .layout > header > :first-child {
  margin-top: 0;
}
section#download > .layout > header > :last-child {
  margin-bottom: 0;
}
section#download > .layout > header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
section#download > .layout > header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  section#download > .layout > header h2 > span {
    max-width: unset;
  }
}
section#download > .layout > header h2 > span:after,
section#download > .layout > header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
section#download > .layout > header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
section#download > .layout > header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
section#download > .layout > header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  section#download > .layout > header {
    margin-top: 86px;
  }
}
section#download > .layout > header h1,
section#download > .layout > header h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
section#download > .layout > header h1 + blockquote,
section#download > .layout > header h1 + dl,
section#download > .layout > header h1 + ol,
section#download > .layout > header h1 + p,
section#download > .layout > header h1 + ul,
section#download > .layout > header h2 + blockquote,
section#download > .layout > header h2 + dl,
section#download > .layout > header h2 + ol,
section#download > .layout > header h2 + p,
section#download > .layout > header h2 + ul {
  margin-top: 8px;
}
section#download > .layout > header h1,
section#download > .layout > header h2 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 36px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  section#download > .layout > header h1,
  section#download > .layout > header h2 {
    font-size: 48px;
  }
}
section#download > .layout > header h1 > span:after,
section#download > .layout > header h1 > span:before,
section#download > .layout > header h2 > span:after,
section#download > .layout > header h2 > span:before {
  width: 38px;
}
section#download > .layout .ctas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 32px;
}
[data-slug="system-requirements"] #system-requirements > .layout {
  margin-bottom: 64px;
}
@media (min-width: 768px) {
  [data-slug="system-requirements"] #system-requirements > .layout {
    margin-bottom: 170px;
  }
}
@media (min-width: 1280px) {
  [data-slug="system-requirements"] #system-requirements > .layout {
    margin-bottom: 278px;
  }
}
[data-slug="system-requirements"] #system-requirements > .layout > header {
  margin-top: 64px;
}
@media (min-width: 768px) {
  [data-slug="system-requirements"] #system-requirements > .layout > header {
    margin-top: 170px;
  }
}
@media (min-width: 1280px) {
  [data-slug="system-requirements"] #system-requirements > .layout > header {
    margin-top: 278px;
  }
}
#system-requirements {
  max-width: 1166px;
}
#system-requirements > .layout {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
}
@media (min-width: 768px) {
  #system-requirements > .layout {
    gap: 40px;
  }
}
#system-requirements > .layout > header {
  margin-top: 64px;
  max-width: 343px;
}
#system-requirements > .layout > header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
#system-requirements > .layout > header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  #system-requirements > .layout > header h1 > span {
    max-width: unset;
  }
}
#system-requirements > .layout > header h1 > span:after,
#system-requirements > .layout > header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
#system-requirements > .layout > header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
#system-requirements > .layout > header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  #system-requirements > .layout > header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  #system-requirements > .layout > header {
    max-width: 885px;
  }
}
#system-requirements > .layout > header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#system-requirements > .layout > header > :first-child {
  margin-top: 0;
}
#system-requirements > .layout > header > :last-child {
  margin-bottom: 0;
}
#system-requirements > .layout > header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
#system-requirements > .layout > header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  #system-requirements > .layout > header h2 > span {
    max-width: unset;
  }
}
#system-requirements > .layout > header h2 > span:after,
#system-requirements > .layout > header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
#system-requirements > .layout > header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
#system-requirements > .layout > header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
#system-requirements > .layout > header p {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  #system-requirements > .layout > header {
    margin-top: 86px;
  }
}
#system-requirements > .layout > header h1,
#system-requirements > .layout > header h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  text-align: center;
}
#system-requirements > .layout > header h1 + blockquote,
#system-requirements > .layout > header h1 + dl,
#system-requirements > .layout > header h1 + ol,
#system-requirements > .layout > header h1 + p,
#system-requirements > .layout > header h1 + ul,
#system-requirements > .layout > header h2 + blockquote,
#system-requirements > .layout > header h2 + dl,
#system-requirements > .layout > header h2 + ol,
#system-requirements > .layout > header h2 + p,
#system-requirements > .layout > header h2 + ul {
  margin-top: 8px;
}
#system-requirements > .layout > header h1,
#system-requirements > .layout > header h2 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  #system-requirements > .layout > header h1,
  #system-requirements > .layout > header h2 {
    font-size: 36px;
  }
}
#system-requirements > .layout > header h1 > span,
#system-requirements > .layout > header h2 > span {
  max-width: calc(100% - 96px);
}
@media (min-width: 990px) {
  #system-requirements > .layout > header h1 > span,
  #system-requirements > .layout > header h2 > span {
    max-width: unset;
  }
}
#system-requirements .boxes {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  #system-requirements .boxes {
    gap: 16px 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#system-requirements .boxes .box {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  margin: 0;
  padding: 24px;
}
@media (min-width: 768px) {
  #system-requirements .boxes .box {
    padding: 32px;
  }
}
#system-requirements .boxes dl {
  text-align: center;
}
#system-requirements .boxes dl dt {
  font-size: 18px;
  font-weight: 700;
}
#system-requirements .boxes dl dd {
  margin: 16px 0 0;
}
#account-management.form-module {
  margin-top: 80px;
}
#account-management .layout > header {
  max-width: 343px;
}
#account-management .layout > header h1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
#account-management .layout > header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  #account-management .layout > header h1 > span {
    max-width: unset;
  }
}
#account-management .layout > header h1 > span:after,
#account-management .layout > header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
#account-management .layout > header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
#account-management .layout > header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  #account-management .layout > header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  #account-management .layout > header {
    max-width: 885px;
  }
}
#account-management .layout > header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#account-management .layout > header > :first-child {
  margin-top: 0;
}
#account-management .layout > header > :last-child {
  margin-bottom: 0;
}
#account-management .layout > header h2 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
#account-management .layout > header h2 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  #account-management .layout > header h2 > span {
    max-width: unset;
  }
}
#account-management .layout > header h2 > span:after,
#account-management .layout > header h2 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
#account-management .layout > header h2 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
#account-management .layout > header h2 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
#account-management .layout > header p {
  line-height: 1.5;
  text-align: center;
}
#account-management .layout > header h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
#account-management .layout > header h1 + blockquote,
#account-management .layout > header h1 + dl,
#account-management .layout > header h1 + ol,
#account-management .layout > header h1 + p,
#account-management .layout > header h1 + ul {
  margin-top: 8px;
}
#account-management .layout > header h1 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  #account-management .layout > header h1 {
    font-size: 36px;
  }
}
.account-management-panel-ui {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  margin-top: 40px;
}
@media (min-width: 990px) {
  .account-management-panel-ui.enable-account {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto;
    justify-items: center;
  }
}
.account-management-panel-ui .control,
.account-management-panel-ui .display {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  padding: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .account-management-panel-ui .control,
  .account-management-panel-ui .display {
    max-width: 50%;
    padding: 32px;
  }
}
.account-management-panel-ui .control > .label,
.account-management-panel-ui .display > .label {
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .account-management-panel-ui .control > .label,
  .account-management-panel-ui .display > .label {
    font-size: 28px;
  }
}
.account-management-panel-ui .control h4,
.account-management-panel-ui .display h4 {
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
}
.account-management-panel-ui .control form,
.account-management-panel-ui .display form {
  margin-top: 24px;
}
.account-management-panel-ui.enable-account .control,
.account-management-panel-ui.enable-account .display {
  max-width: unset;
}
.account-management-panel-ui .display #data-permissions,
.account-management-panel-ui
  .display
  #data-permissions
  .detail
  .copy
  > :first-child {
  margin-top: 0;
}
.account-management-panel-ui
  .display
  #data-permissions
  .detail
  .copy
  > :last-child {
  margin-bottom: 0;
}
.account-management-panel-ui .display #data-permissions form > .content {
  gap: 16px;
}
.account-management-panel-ui .display #data-permissions form > .content > div {
  margin: 0;
}
.account-management-panel-ui
  .display
  #data-permissions
  form
  > .content
  > div
  > :first-child {
  margin-top: 0;
}
.account-management-panel-ui
  .display
  #data-permissions
  form
  > .content
  > div
  > :last-child {
  margin-bottom: 0;
}
.account-management-panel-ui .panels .panel {
  overflow: hidden;
}
.account-management-panel-ui .panels .panel > :first-child {
  margin-top: 0;
}
.account-management-panel-ui .panels .panel > :last-child {
  margin-bottom: 0;
}
.account-management-panel-ui .panels .panel header h1,
.account-management-panel-ui .panels .panel header h2,
.account-management-panel-ui .panels .panel header h3,
.account-management-panel-ui .panels .panel header h4,
.account-management-panel-ui .panels .panel header h5,
.account-management-panel-ui .panels .panel header h6 {
  margin-top: 0;
}
.account-management-panel-ui .panels .panel .ctas {
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .account-management-panel-ui .panels .panel .ctas {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.account-management-panel-ui .panels .panel .ctas .button,
.account-management-panel-ui .panels .panel .ctas button {
  width: 100%;
}
@media (min-width: 768px) {
  .account-management-panel-ui .panels .panel .ctas .button,
  .account-management-panel-ui .panels .panel .ctas button {
    width: auto;
  }
}
.account-management-panel-ui
  .panels
  .panel
  .ctas
  .button[wire\:click\.prevent="resendCode"],
.account-management-panel-ui
  .panels
  .panel
  .ctas
  button[wire\:click\.prevent="resendCode"] {
  margin-left: calc(var(--button-secondary-ornament-width) + 32px);
  margin-right: calc(var(--button-secondary-ornament-width) + 32px);
}
@media (min-width: 768px) {
  .account-management-panel-ui
    .panels
    .panel
    .ctas
    .button[wire\:click\.prevent="resendCode"],
  .account-management-panel-ui
    .panels
    .panel
    .ctas
    button[wire\:click\.prevent="resendCode"] {
    margin-left: var(--button-secondary-ornament-width);
    margin-right: var(--button-secondary-ornament-width);
  }
}
.account-management-panel-ui .user-details {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .account-management-panel-ui .user-details {
    gap: 32px;
  }
}
.account-management-panel-ui .user-details h4 {
  margin: 0;
  text-transform: unset;
}
.account-management-panel-ui .user-details p {
  margin: 0;
  overflow-wrap: break-word;
}
.account-management-panel-ui .user-details .detail .copy h4 {
  color: #d1cdbc;
  margin-bottom: 8px;
}
.account-management-panel-ui .detail {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .account-management-panel-ui .detail {
    align-items: center;
    gap: 24px;
    grid-template-columns: 3fr 1fr;
    justify-content: space-between;
  }
}
.account-management-panel-ui .detail .copy {
  overflow: hidden;
  width: 100%;
}
.account-management-panel-ui #change-display-name nav,
.account-management-panel-ui #change-email nav,
.account-management-panel-ui #change-password nav {
  margin-bottom: 24px;
}
.account-management-panel-ui #change-display-name header h1,
.account-management-panel-ui #change-display-name header h2,
.account-management-panel-ui #change-email header h1,
.account-management-panel-ui #change-email header h2,
.account-management-panel-ui #change-password header h1,
.account-management-panel-ui #change-password header h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-size: 24px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-top: 0;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .account-management-panel-ui #change-display-name header h1,
  .account-management-panel-ui #change-display-name header h2,
  .account-management-panel-ui #change-email header h1,
  .account-management-panel-ui #change-email header h2,
  .account-management-panel-ui #change-password header h1,
  .account-management-panel-ui #change-password header h2 {
    color: #d1cdbc;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
  }
}
.account-management-panel-ui #change-display-name .intro,
.account-management-panel-ui #change-email .intro,
.account-management-panel-ui #change-password .intro {
  margin-bottom: 0;
  margin-top: 0;
}
.account-management-panel-ui #change-display-name .recaptchaHolder,
.account-management-panel-ui #change-email .recaptchaHolder,
.account-management-panel-ui #change-password .recaptchaHolder {
  text-align: left;
}
.account-management-panel-ui #change-display-name .ctas,
.account-management-panel-ui #change-email .ctas,
.account-management-panel-ui #change-password .ctas {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: flex-start;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .account-management-panel-ui #change-display-name .ctas,
  .account-management-panel-ui #change-email .ctas,
  .account-management-panel-ui #change-password .ctas {
    gap: 16px;
  }
}
.account-management-panel-ui #change-display-name .codeField,
.account-management-panel-ui #change-email .codeField,
.account-management-panel-ui #change-password .codeField {
  width: 100%;
}
@media (min-width: 768px) {
  .account-management-panel-ui #change-display-name .codeField,
  .account-management-panel-ui #change-email .codeField,
  .account-management-panel-ui #change-password .codeField {
    width: 30%;
  }
}
#data-permissions label.form-control {
  grid-template-columns: auto 32px;
}
#data-permissions label.form-control p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#data-permissions label.form-control input {
  align-self: start;
  justify-self: end;
  margin-top: 0;
}
#data-permissions form {
  background-color: #342b1e;
  border-radius: 5px;
  padding: 24px;
}
#data-permissions form > :first-child {
  margin-top: 0;
}
#data-permissions form > :last-child {
  margin-bottom: 0;
}
#data-permissions form a {
  color: #d1cdbc;
}
#data-permissions form .error-banner,
#data-permissions form .form-row {
  margin-top: 16px;
}
#data-permissions form .form-row > :first-child {
  margin-top: 0;
}
#data-permissions form .form-row > :last-child {
  margin-bottom: 0;
}
#data-permissions form .form-row h5.description {
  color: #d1cdbc;
  margin-bottom: 4px;
}
#data-permissions .recaptchaHolder {
  margin-top: 24px;
  text-align: left;
}
[data-template="pages/cms-page"] #page-wrapper .content {
  margin: 0 auto;
  max-width: 343px;
  min-height: 400px;
}
@media (min-width: 768px) {
  [data-template="pages/cms-page"] #page-wrapper .content {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  [data-template="pages/cms-page"] #page-wrapper .content {
    max-width: 885px;
  }
}
[data-template="pages/cms-page"] #page-wrapper .content h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h1 + blockquote,
[data-template="pages/cms-page"] #page-wrapper .content h1 + dl,
[data-template="pages/cms-page"] #page-wrapper .content h1 + ol,
[data-template="pages/cms-page"] #page-wrapper .content h1 + p,
[data-template="pages/cms-page"] #page-wrapper .content h1 + ul {
  margin-top: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h1 {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-template="pages/cms-page"] #page-wrapper .content h1 {
    font-size: 36px;
  }
}
[data-template="pages/cms-page"] #page-wrapper .content h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h2 + blockquote,
[data-template="pages/cms-page"] #page-wrapper .content h2 + dl,
[data-template="pages/cms-page"] #page-wrapper .content h2 + ol,
[data-template="pages/cms-page"] #page-wrapper .content h2 + p,
[data-template="pages/cms-page"] #page-wrapper .content h2 + ul {
  margin-top: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h2 {
  color: #bca783;
  font-size: 24px;
}
@media (min-width: 768px) {
  [data-template="pages/cms-page"] #page-wrapper .content h2 {
    font-size: 28px;
  }
}
[data-template="pages/cms-page"] #page-wrapper .content h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h3 + blockquote,
[data-template="pages/cms-page"] #page-wrapper .content h3 + dl,
[data-template="pages/cms-page"] #page-wrapper .content h3 + ol,
[data-template="pages/cms-page"] #page-wrapper .content h3 + p,
[data-template="pages/cms-page"] #page-wrapper .content h3 + ul {
  margin-top: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h3 {
  font-size: 18px;
}
[data-template="pages/cms-page"] #page-wrapper .content h4 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content h4 + blockquote,
[data-template="pages/cms-page"] #page-wrapper .content h4 + dl,
[data-template="pages/cms-page"] #page-wrapper .content h4 + ol,
[data-template="pages/cms-page"] #page-wrapper .content h4 + p,
[data-template="pages/cms-page"] #page-wrapper .content h4 + ul {
  margin-top: 8px;
}
[data-template="pages/cms-page"] #page-wrapper .content a {
  color: var(--text-link, #dcbc55);
  text-decoration: underline;
}
@media (hover: hover) {
  [data-template="pages/cms-page"] #page-wrapper .content a:hover {
    color: #ffe9a4;
  }
}
[data-template="pages/cms-page"] #page-wrapper .content .tableWrap {
  overflow: auto !important;
}
[data-template="pages/cms-page"] #page-wrapper .content table {
  background-color: #171509;
  border-collapse: collapse;
  margin-top: 24px;
  overflow-x: scroll;
  width: 100%;
}
[data-template="pages/cms-page"] #page-wrapper .content tr:first-child td {
  background: var(--secondary-background, #302e19);
  border: 1px solid #616161;
  padding: 24px;
  text-align: left;
}
[data-template="pages/cms-page"] #page-wrapper .content tr:first-child td p {
  margin: 0;
}
[data-template="pages/cms-page"] #page-wrapper .content td {
  background: var(--teritary-background, #171509);
  border: 1px solid #616161;
  padding: 24px;
  text-align: left;
}
[data-template="pages/cms-page"] #page-wrapper .content td p {
  margin: 0;
}
[data-template="pages/cms-page"] #page-wrapper .content img {
  max-width: 100%;
}
[data-slug="promo-codes"] #promo-codes {
  border-bottom: 1px solid #bca783;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr;
  max-width: none;
  overflow: hidden;
  width: 100%;
}
[data-slug="promo-codes"] #promo-codes > .layout,
[data-slug="promo-codes"] #promo-codes > figure {
  position: relative;
}
[data-slug="promo-codes"] #promo-codes > figure {
  align-self: stretch;
  aspect-ratio: 375/957;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: stretch;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  [data-slug="promo-codes"] #promo-codes > figure {
    aspect-ratio: 768/839;
  }
}
@media (min-width: 1280px) {
  [data-slug="promo-codes"] #promo-codes > figure {
    aspect-ratio: 1920/946;
  }
}
@media (min-width: 1920px) {
  [data-slug="promo-codes"] #promo-codes > figure {
    aspect-ratio: 2560/946;
  }
}
[data-slug="promo-codes"] #promo-codes > figure img,
[data-slug="promo-codes"] #promo-codes > figure video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-slug="promo-codes"] #promo-codes > .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: hidden;
  padding-bottom: 68px;
  padding-top: 64px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-slug="promo-codes"] #promo-codes > .layout {
    padding-top: 80px;
  }
}
[data-slug="promo-codes"] #promo-codes .card {
  background: rgba(48, 40, 28, 0.85);
  border-radius: 5px;
  margin: 0 auto;
  max-width: 522px;
  overflow: hidden;
}
@media (min-width: 1280px) {
  [data-slug="promo-codes"] #promo-codes .card {
    max-width: 506px;
  }
}
[data-slug="promo-codes"] #promo-codes .card > .content {
  color: #d1cdbc;
  margin: 32px;
}
[data-slug="promo-codes"] #promo-codes .card > .content .title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #dd9f38;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  text-align: center;
}
[data-slug="promo-codes"] #promo-codes .card > .content .title + blockquote,
[data-slug="promo-codes"] #promo-codes .card > .content .title + dl,
[data-slug="promo-codes"] #promo-codes .card > .content .title + ol,
[data-slug="promo-codes"] #promo-codes .card > .content .title + p,
[data-slug="promo-codes"] #promo-codes .card > .content .title + ul {
  margin-top: 8px;
}
[data-slug="promo-codes"] #promo-codes .card > .content .title {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-slug="promo-codes"] #promo-codes .card > .content .title {
    font-size: 36px;
  }
}
[data-slug="promo-codes"] #promo-codes .card > .content .ctas {
  align-items: center;
  margin-top: 32px;
}
[data-slug="promo-codes"] #promo-codes .card > .content p + .form-row {
  margin-top: 32px;
}
[data-slug="promo-codes"] #faq {
  padding-bottom: 55px;
  padding-top: 64px;
}
@media (min-width: 768px) {
  [data-slug="promo-codes"] #faq {
    padding-bottom: 74px;
    padding-top: 80px;
  }
}
@media (min-width: 1280px) {
  [data-slug="promo-codes"] #faq {
    padding-bottom: 68px;
  }
}
[data-slug="promo-codes"] #faq [data-component="ornate-header"] {
  margin-bottom: 40px;
}
[data-slug="style-guide"] main > section {
  border-bottom: 1px solid #595959;
  padding: 60px 0;
}
[data-slug="style-guide"] table {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-collapse: collapse;
}
[data-slug="style-guide"] table td,
[data-slug="style-guide"] table th {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  padding: 4px 6px;
  text-align: left;
}
[data-slug="style-guide"] pre {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: lime;
  padding: 20px;
  position: relative;
}
[data-slug="style-guide"] pre:after {
  background: rgba(0, 255, 0, 0.1);
  content: "example code";
  font-family: monospace;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
[data-slug="style-guide"] .form-control {
  outline: 2px dashed rgba(0, 255, 0, 0.3);
  position: relative;
}
[data-slug="style-guide"] .form-control:after {
  background: rgba(0, 255, 0, 0.1);
  border: 2px dashed rgba(0, 255, 0, 0.2);
  border-right: none;
  border-top: none;
  content: ".form-control";
  font-family: monospace;
  font-size: 11px;
  padding: 4px 8px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
[data-slug="style-guide"] [data-display-controls] {
  background-color: rgba(0, 0, 0, 0.8);
  color: lime;
  font-family: monospace, monospace;
  margin: 20px 0;
  outline: 2px dashed rgba(0, 255, 0, 0.3);
  padding: 20px;
}
[data-slug="style-guide"] [data-display-controls] p {
  color: lime;
  font-family: monospace, monospace;
}
[data-slug="style-guide"] [data-display-controls] p:first-child {
  margin-top: 0;
}
[data-slug="style-guide"] [data-display-controls] .controls {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
[data-slug="style-guide"] [data-display-controls] button {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid lime;
  border-radius: 0;
  color: lime;
  font-family: monospace, monospace;
  padding: 10px;
  text-decoration: underline;
}
@media (hover: hover) {
  [data-slug="style-guide"] [data-display-controls] button:hover {
    color: #fff;
  }
}
[data-slug="style-guide"] [data-display-controls] button.active {
  background-color: lime;
  color: #000;
}
[data-component="alternating-content-row"] {
  margin: 48px 0;
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"] {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    margin: 16px 0;
  }
}
@media (min-width: 1280px) {
  [data-component="alternating-content-row"] {
    gap: 60px;
    grid-template-columns: minmax(0, 1fr) 59%;
  }
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"] > .content {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-left: 32px;
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  [data-component="alternating-content-row"] > .content {
    margin-left: 0;
  }
}
[data-component="alternating-content-row"] > .content > :first-child {
  margin-top: 0;
}
[data-component="alternating-content-row"] > .content > :last-child {
  margin-bottom: 0;
}
[data-component="alternating-content-row"] > .feature {
  border-radius: 5px;
  margin-top: 40px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"] > .feature {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0 32px;
  }
}
@media (min-width: 1280px) {
  [data-component="alternating-content-row"] > .feature {
    margin-left: 0;
    margin-right: 0;
  }
  [data-component="alternating-content-row"]:nth-child(odd) {
    grid-template-columns: 59% minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"]:nth-child(odd) > .content {
    grid-column: 2/3;
    margin-left: 0;
    margin-right: 32px;
  }
}
@media (min-width: 1280px) {
  [data-component="alternating-content-row"]:nth-child(odd) > .content {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"]:nth-child(odd) > .feature {
    grid-column: 1/2;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  [data-component="alternating-content-row"]:nth-child(odd) > .feature {
    margin-left: 0;
    margin-right: 0;
  }
}
[data-component="alternating-content-row"] > .content .title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
}
[data-component="alternating-content-row"] > .content .title + blockquote,
[data-component="alternating-content-row"] > .content .title + dl,
[data-component="alternating-content-row"] > .content .title + ol,
[data-component="alternating-content-row"] > .content .title + p,
[data-component="alternating-content-row"] > .content .title + ul {
  margin-top: 8px;
}
[data-component="alternating-content-row"] > .content .title {
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 30px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  [data-component="alternating-content-row"] > .content .title {
    font-size: 36px;
  }
}
[data-component="alternating-content-row"] > .content .subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  color: #bca783;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-top: 8px;
}
[data-component="alternating-content-row"] > .content .subtitle + blockquote,
[data-component="alternating-content-row"] > .content .subtitle + dl,
[data-component="alternating-content-row"] > .content .subtitle + ol,
[data-component="alternating-content-row"] > .content .subtitle + p,
[data-component="alternating-content-row"] > .content .subtitle + ul {
  margin-top: 8px;
}
[data-component="alternating-content-row"] > .content .subtitle {
  font-size: 18px;
}
[data-component="alternating-content-row"] > .content .ctas {
  justify-content: flex-start;
  margin-top: 24px;
}
html {
  --button-primary-ornament-width: 46px;
  --button-secondary-ornament-width: 13px;
}
.button,
button,
button.button {
  cursor: pointer;
}
.button.primary,
button.button.primary,
button.primary {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.primary > span:after,
.button.primary > span:before,
button.button.primary > span:after,
button.button.primary > span:before,
button.primary > span:after,
button.primary > span:before {
  display: inline-block;
  position: relative;
}
.button.primary > span:before,
button.button.primary > span:before,
button.primary > span:before {
  margin-right: 8px;
}
.button.primary > span:after,
button.button.primary > span:after,
button.primary > span:after {
  margin-left: 8px;
}
.button.primary,
button.button.primary,
button.primary {
	background: radial-gradient(ellipse, #191027 0, #5f428d 100%);
    border: 1px solid #291d16;
    box-shadow: none;
    color: #c0a288;
    margin-left: var(--button-primary-ornament-width);
    margin-right: var(--button-primary-ornament-width);
}
.button.primary > span,
button.button.primary > span,
button.primary > span {
  z-index: 1;
}
.button.primary:after,
.button.primary:before,
button.button.primary:after,
button.button.primary:before,
button.primary:after,
button.primary:before {
  aspect-ratio: 46/55;
  background: 50% / contain no-repeat url(../images/svgs/button-primary-end-cap.svg);
  content: "";
  height: auto;
  position: absolute;
  top: 50%;
  width: var(--button-primary-ornament-width);
  z-index: 1;
}
.button.primary:before,
button.button.primary:before,
button.primary:before {
  right: calc(100% + 1px);
  transform: translateY(-50%);
}
.button.primary:after,
button.button.primary:after,
button.primary:after {
  left: calc(100% + 1px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  .button.primary:hover,
  button.button.primary:hover,
  button.primary:hover {
    background: radial-gradient(ellipse, #dcd3e7 66%, #dcd3eb 105%);
    box-shadow: none;
    color: #291d16;
  }
}
.button.primary.disabled,
.button.primary[disabled],
button.button.primary.disabled,
button.button.primary[disabled],
button.primary.disabled,
button.primary[disabled] {
  align-items: center;
  background: #9a9689;
  border: none;
  color: #000;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  pointer-events: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.primary.disabled > span:after,
.button.primary.disabled > span:before,
.button.primary[disabled] > span:after,
.button.primary[disabled] > span:before,
button.button.primary.disabled > span:after,
button.button.primary.disabled > span:before,
button.button.primary[disabled] > span:after,
button.button.primary[disabled] > span:before,
button.primary.disabled > span:after,
button.primary.disabled > span:before,
button.primary[disabled] > span:after,
button.primary[disabled] > span:before {
  display: inline-block;
  position: relative;
}
.button.primary.disabled > span:before,
.button.primary[disabled] > span:before,
button.button.primary.disabled > span:before,
button.button.primary[disabled] > span:before,
button.primary.disabled > span:before,
button.primary[disabled] > span:before {
  margin-right: 8px;
}
.button.primary.disabled > span:after,
.button.primary[disabled] > span:after,
button.button.primary.disabled > span:after,
button.button.primary[disabled] > span:after,
button.primary.disabled > span:after,
button.primary[disabled] > span:after {
  margin-left: 8px;
}
.button.primary.disabled,
.button.primary[disabled],
button.button.primary.disabled,
button.button.primary[disabled],
button.primary.disabled,
button.primary[disabled] {
  background: radial-gradient(ellipse, #eae3d7 0, #ccbc8f 100%);
  border: 1px solid #291d16;
  box-shadow: none;
  color: #291d16;
  margin-left: var(--button-primary-ornament-width);
  margin-right: var(--button-primary-ornament-width);
}
.button.primary.disabled > span,
.button.primary[disabled] > span,
button.button.primary.disabled > span,
button.button.primary[disabled] > span,
button.primary.disabled > span,
button.primary[disabled] > span {
  z-index: 1;
}
.button.primary.disabled:after,
.button.primary.disabled:before,
.button.primary[disabled]:after,
.button.primary[disabled]:before,
button.button.primary.disabled:after,
button.button.primary.disabled:before,
button.button.primary[disabled]:after,
button.button.primary[disabled]:before,
button.primary.disabled:after,
button.primary.disabled:before,
button.primary[disabled]:after,
button.primary[disabled]:before {
  aspect-ratio: 46/55;
  background: 50% / contain no-repeat url(../images/svgs/button-primary-end-cap.svg);
  content: "";
  height: auto;
  position: absolute;
  top: 50%;
  width: var(--button-primary-ornament-width);
  z-index: 1;
}
.button.primary.disabled:before,
.button.primary[disabled]:before,
button.button.primary.disabled:before,
button.button.primary[disabled]:before,
button.primary.disabled:before,
button.primary[disabled]:before {
  right: calc(100% + 1px);
  transform: translateY(-50%);
}
.button.primary.disabled:after,
.button.primary[disabled]:after,
button.button.primary.disabled:after,
button.button.primary[disabled]:after,
button.primary.disabled:after,
button.primary[disabled]:after {
  left: calc(100% + 1px);
  transform: translateY(-50%) rotate(180deg);
}
.button.primary.disabled:after,
.button.primary.disabled:before,
.button.primary[disabled]:after,
.button.primary[disabled]:before,
button.button.primary.disabled:after,
button.button.primary.disabled:before,
button.button.primary[disabled]:after,
button.button.primary[disabled]:before,
button.primary.disabled:after,
button.primary.disabled:before,
button.primary[disabled]:after,
button.primary[disabled]:before {
  filter: saturate(0);
}
.button.secondary,
button.button.secondary,
button.secondary {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.secondary > span:after,
.button.secondary > span:before,
button.button.secondary > span:after,
button.button.secondary > span:before,
button.secondary > span:after,
button.secondary > span:before {
  display: inline-block;
  position: relative;
}
.button.secondary > span:before,
button.button.secondary > span:before,
button.secondary > span:before {
  margin-right: 8px;
}
.button.secondary > span:after,
button.button.secondary > span:after,
button.secondary > span:after {
  margin-left: 8px;
}
.button.secondary,
button.button.secondary,
button.secondary {
  background-color: #261813;
  background-image: radial-gradient(50% 68.18% at 50% 50%, #191027 0, #281b2f 100%);
  border-color: #a39071;
  border-style: solid;
  border-width: 1px 4px;
  color: #cfc099;
  margin-left: var(--button-secondary-ornament-width);
  margin-right: var(--button-secondary-ornament-width);
  padding-bottom: 10px;
  padding-top: 10px;
}
.button.secondary:after,
.button.secondary:before,
button.button.secondary:after,
button.button.secondary:before,
button.secondary:after,
button.secondary:before {
  aspect-ratio: 13/52;
  background: 50% / contain no-repeat url(../images/svgs/button-secondary-end-cap.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: var(--button-secondary-ornament-width);
  z-index: 1;
}
.button.secondary:before,
button.button.secondary:before,
button.secondary:before {
  right: calc(100% + 4px);
  transform: translateY(-50%);
}
.button.secondary:after,
button.button.secondary:after,
button.secondary:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  .button.secondary:hover,
  button.button.secondary:hover,
  button.secondary:hover {
    background-image: radial-gradient(50% 68.18% at 50% 50%, #403159 0, #1a1128 100%);
    box-shadow: none;
    color: #d9d0af;
  }
}
.button.secondary.disabled,
.button.secondary[disabled],
button.button.secondary.disabled,
button.button.secondary[disabled],
button.secondary.disabled,
button.secondary[disabled] {
  align-items: center;
  background-color: #555;
  background-image: radial-gradient(50% 68.18% at 50% 50%, #555 0, #555 100%);
  border: #9a9689;
  color: #9a9689;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  pointer-events: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.secondary.disabled > span:after,
.button.secondary.disabled > span:before,
.button.secondary[disabled] > span:after,
.button.secondary[disabled] > span:before,
button.button.secondary.disabled > span:after,
button.button.secondary.disabled > span:before,
button.button.secondary[disabled] > span:after,
button.button.secondary[disabled] > span:before,
button.secondary.disabled > span:after,
button.secondary.disabled > span:before,
button.secondary[disabled] > span:after,
button.secondary[disabled] > span:before {
  display: inline-block;
  position: relative;
}
.button.secondary.disabled > span:before,
.button.secondary[disabled] > span:before,
button.button.secondary.disabled > span:before,
button.button.secondary[disabled] > span:before,
button.secondary.disabled > span:before,
button.secondary[disabled] > span:before {
  margin-right: 8px;
}
.button.secondary.disabled > span:after,
.button.secondary[disabled] > span:after,
button.button.secondary.disabled > span:after,
button.button.secondary[disabled] > span:after,
button.secondary.disabled > span:after,
button.secondary[disabled] > span:after {
  margin-left: 8px;
}
.button.secondary.disabled,
.button.secondary[disabled],
button.button.secondary.disabled,
button.button.secondary[disabled],
button.secondary.disabled,
button.secondary[disabled] {
  background-color: #261813;
  background-image: radial-gradient(
    50% 68.18% at 50% 50%,
    #261813 0,
    #261813 100%
  );
  border-color: #a39071;
  border-style: solid;
  border-width: 1px 4px;
  color: #cfc099;
  margin-left: var(--button-secondary-ornament-width);
  margin-right: var(--button-secondary-ornament-width);
  padding-bottom: 10px;
  padding-top: 10px;
}
.button.secondary.disabled:after,
.button.secondary.disabled:before,
.button.secondary[disabled]:after,
.button.secondary[disabled]:before,
button.button.secondary.disabled:after,
button.button.secondary.disabled:before,
button.button.secondary[disabled]:after,
button.button.secondary[disabled]:before,
button.secondary.disabled:after,
button.secondary.disabled:before,
button.secondary[disabled]:after,
button.secondary[disabled]:before {
  aspect-ratio: 13/52;
  background: 50% / contain no-repeat url(../images/svgs/button-secondary-end-cap.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: var(--button-secondary-ornament-width);
  z-index: 1;
}
.button.secondary.disabled:before,
.button.secondary[disabled]:before,
button.button.secondary.disabled:before,
button.button.secondary[disabled]:before,
button.secondary.disabled:before,
button.secondary[disabled]:before {
  right: calc(100% + 4px);
  transform: translateY(-50%);
}
.button.secondary.disabled:after,
.button.secondary[disabled]:after,
button.button.secondary.disabled:after,
button.button.secondary[disabled]:after,
button.secondary.disabled:after,
button.secondary[disabled]:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(180deg);
}
.button.secondary.disabled:after,
.button.secondary.disabled:before,
.button.secondary[disabled]:after,
.button.secondary[disabled]:before,
button.button.secondary.disabled:after,
button.button.secondary.disabled:before,
button.button.secondary[disabled]:after,
button.button.secondary[disabled]:before,
button.secondary.disabled:after,
button.secondary.disabled:before,
button.secondary[disabled]:after,
button.secondary[disabled]:before {
  filter: saturate(0);
}
.button,
.button.custom-plain,
.button.default,
button,
button.button,
button.button.custom-plain,
button.button.default,
button.custom-plain,
button.default {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.custom-plain > span:after,
.button.custom-plain > span:before,
.button.default > span:after,
.button.default > span:before,
.button > span:after,
.button > span:before,
button.button.custom-plain > span:after,
button.button.custom-plain > span:before,
button.button.default > span:after,
button.button.default > span:before,
button.button > span:after,
button.button > span:before,
button.custom-plain > span:after,
button.custom-plain > span:before,
button.default > span:after,
button.default > span:before,
button > span:after,
button > span:before {
  display: inline-block;
  position: relative;
}
.button.custom-plain > span:before,
.button.default > span:before,
.button > span:before,
button.button.custom-plain > span:before,
button.button.default > span:before,
button.button > span:before,
button.custom-plain > span:before,
button.default > span:before,
button > span:before {
  margin-right: 8px;
}
.button.custom-plain > span:after,
.button.default > span:after,
.button > span:after,
button.button.custom-plain > span:after,
button.button.default > span:after,
button.button > span:after,
button.custom-plain > span:after,
button.default > span:after,
button > span:after {
  margin-left: 8px;
}
.button,
.button.custom-plain,
.button.default,
button,
button.button,
button.button.custom-plain,
button.button.default,
button.custom-plain,
button.default {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 1px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #d8c38a;
}
@media (hover: hover) {
  .button.custom-plain:hover,
  .button.default:hover,
  .button:hover,
  button.button.custom-plain:hover,
  button.button.default:hover,
  button.button:hover,
  button.custom-plain:hover,
  button.default:hover,
  button:hover {
    background-color: hsla(44, 50%, 69%, 0.1);
  }
}
.button.custom-plain.disabled,
.button.custom-plain[disabled],
.button.default.disabled,
.button.default[disabled],
.button.disabled,
.button[disabled],
button.button.custom-plain.disabled,
button.button.custom-plain[disabled],
button.button.default.disabled,
button.button.default[disabled],
button.button.disabled,
button.button[disabled],
button.custom-plain.disabled,
button.custom-plain[disabled],
button.default.disabled,
button.default[disabled],
button.disabled,
button[disabled] {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.custom-plain.disabled > span:after,
.button.custom-plain.disabled > span:before,
.button.custom-plain[disabled] > span:after,
.button.custom-plain[disabled] > span:before,
.button.default.disabled > span:after,
.button.default.disabled > span:before,
.button.default[disabled] > span:after,
.button.default[disabled] > span:before,
.button.disabled > span:after,
.button.disabled > span:before,
.button[disabled] > span:after,
.button[disabled] > span:before,
button.button.custom-plain.disabled > span:after,
button.button.custom-plain.disabled > span:before,
button.button.custom-plain[disabled] > span:after,
button.button.custom-plain[disabled] > span:before,
button.button.default.disabled > span:after,
button.button.default.disabled > span:before,
button.button.default[disabled] > span:after,
button.button.default[disabled] > span:before,
button.button.disabled > span:after,
button.button.disabled > span:before,
button.button[disabled] > span:after,
button.button[disabled] > span:before,
button.custom-plain.disabled > span:after,
button.custom-plain.disabled > span:before,
button.custom-plain[disabled] > span:after,
button.custom-plain[disabled] > span:before,
button.default.disabled > span:after,
button.default.disabled > span:before,
button.default[disabled] > span:after,
button.default[disabled] > span:before,
button.disabled > span:after,
button.disabled > span:before,
button[disabled] > span:after,
button[disabled] > span:before {
  display: inline-block;
  position: relative;
}
.button.custom-plain.disabled > span:before,
.button.custom-plain[disabled] > span:before,
.button.default.disabled > span:before,
.button.default[disabled] > span:before,
.button.disabled > span:before,
.button[disabled] > span:before,
button.button.custom-plain.disabled > span:before,
button.button.custom-plain[disabled] > span:before,
button.button.default.disabled > span:before,
button.button.default[disabled] > span:before,
button.button.disabled > span:before,
button.button[disabled] > span:before,
button.custom-plain.disabled > span:before,
button.custom-plain[disabled] > span:before,
button.default.disabled > span:before,
button.default[disabled] > span:before,
button.disabled > span:before,
button[disabled] > span:before {
  margin-right: 8px;
}
.button.custom-plain.disabled > span:after,
.button.custom-plain[disabled] > span:after,
.button.default.disabled > span:after,
.button.default[disabled] > span:after,
.button.disabled > span:after,
.button[disabled] > span:after,
button.button.custom-plain.disabled > span:after,
button.button.custom-plain[disabled] > span:after,
button.button.default.disabled > span:after,
button.button.default[disabled] > span:after,
button.button.disabled > span:after,
button.button[disabled] > span:after,
button.custom-plain.disabled > span:after,
button.custom-plain[disabled] > span:after,
button.default.disabled > span:after,
button.default[disabled] > span:after,
button.disabled > span:after,
button[disabled] > span:after {
  margin-left: 8px;
}
.button.custom-plain.disabled,
.button.custom-plain[disabled],
.button.default.disabled,
.button.default[disabled],
.button.disabled,
.button[disabled],
button.button.custom-plain.disabled,
button.button.custom-plain[disabled],
button.button.default.disabled,
button.button.default[disabled],
button.button.disabled,
button.button[disabled],
button.custom-plain.disabled,
button.custom-plain[disabled],
button.default.disabled,
button.default[disabled],
button.disabled,
button[disabled] {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 1px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #d8c38a;
}
.button.custom,
button.button.custom,
button.custom {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.custom > span:after,
.button.custom > span:before,
button.button.custom > span:after,
button.button.custom > span:before,
button.custom > span:after,
button.custom > span:before {
  display: inline-block;
  position: relative;
}
.button.custom > span:before,
button.button.custom > span:before,
button.custom > span:before {
  margin-right: 8px;
}
.button.custom > span:after,
button.button.custom > span:after,
button.custom > span:after {
  margin-left: 8px;
}
.button.custom,
button.button.custom,
button.custom {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 1px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #d8c38a;
}
@media (hover: hover) {
  .button.custom:hover,
  button.button.custom:hover,
  button.custom:hover {
    background-color: hsla(44, 50%, 69%, 0.1);
  }
}
.button.custom.disabled,
.button.custom[disabled],
button.button.custom.disabled,
button.button.custom[disabled],
button.custom.disabled,
button.custom[disabled] {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.custom.disabled > span:after,
.button.custom.disabled > span:before,
.button.custom[disabled] > span:after,
.button.custom[disabled] > span:before,
button.button.custom.disabled > span:after,
button.button.custom.disabled > span:before,
button.button.custom[disabled] > span:after,
button.button.custom[disabled] > span:before,
button.custom.disabled > span:after,
button.custom.disabled > span:before,
button.custom[disabled] > span:after,
button.custom[disabled] > span:before {
  display: inline-block;
  position: relative;
}
.button.custom.disabled > span:before,
.button.custom[disabled] > span:before,
button.button.custom.disabled > span:before,
button.button.custom[disabled] > span:before,
button.custom.disabled > span:before,
button.custom[disabled] > span:before {
  margin-right: 8px;
}
.button.custom.disabled > span:after,
.button.custom[disabled] > span:after,
button.button.custom.disabled > span:after,
button.button.custom[disabled] > span:after,
button.custom.disabled > span:after,
button.custom[disabled] > span:after {
  margin-left: 8px;
}
.button.custom.disabled,
.button.custom[disabled],
button.button.custom.disabled,
button.button.custom[disabled],
button.custom.disabled,
button.custom[disabled] {
  background-color: hsla(44, 50%, 69%, 0.07);
  border: 1px solid hsla(44, 50%, 69%, 0.43);
  border-radius: 2px;
  color: #d8c38a;
}
.button.custom.return,
button.button.custom.return,
button.custom.return {
  background-color: #31271c;
  border: none;
  border-radius: 3px;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 8px 16px;
  text-transform: capitalize;
  transition: background-color 0.1s ease-out;
}
@media (hover: hover) {
  .button.custom.return:hover,
  button.button.custom.return:hover,
  button.custom.return:hover {
    background-color: #433728;
    color: #d1cdbc;
  }
}
.button.link,
button.button.link,
button.link {
  background: none;
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
}
.button.disabled,
.button[disabled],
button.button.disabled,
button.button[disabled],
button.disabled,
button[disabled] {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button.disabled > span:after,
.button.disabled > span:before,
.button[disabled] > span:after,
.button[disabled] > span:before,
button.button.disabled > span:after,
button.button.disabled > span:before,
button.button[disabled] > span:after,
button.button[disabled] > span:before,
button.disabled > span:after,
button.disabled > span:before,
button[disabled] > span:after,
button[disabled] > span:before {
  display: inline-block;
  position: relative;
}
.button.disabled > span:before,
.button[disabled] > span:before,
button.button.disabled > span:before,
button.button[disabled] > span:before,
button.disabled > span:before,
button[disabled] > span:before {
  margin-right: 8px;
}
.button.disabled > span:after,
.button[disabled] > span:after,
button.button.disabled > span:after,
button.button[disabled] > span:after,
button.disabled > span:after,
button[disabled] > span:after {
  margin-left: 8px;
}
.button.disabled,
.button[disabled],
button.button.disabled,
button.button[disabled],
button.disabled,
button[disabled] {
  background: #9a9689;
  color: #000;
  cursor: default;
  pointer-events: none;
}
.button[data-icon-left] > span,
.button[data-icon-right] > span,
.button[data-icon] > span,
button.button[data-icon-left] > span,
button.button[data-icon-right] > span,
button.button[data-icon] > span,
button[data-icon-left] > span,
button[data-icon-right] > span,
button[data-icon] > span {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.button[data-icon-left] > span:after,
.button[data-icon-left] > span:before,
.button[data-icon-right] > span:after,
.button[data-icon-right] > span:before,
.button[data-icon] > span:after,
.button[data-icon] > span:before,
button.button[data-icon-left] > span:after,
button.button[data-icon-left] > span:before,
button.button[data-icon-right] > span:after,
button.button[data-icon-right] > span:before,
button.button[data-icon] > span:after,
button.button[data-icon] > span:before,
button[data-icon-left] > span:after,
button[data-icon-left] > span:before,
button[data-icon-right] > span:after,
button[data-icon-right] > span:before,
button[data-icon] > span:after,
button[data-icon] > span:before {
  font-size: 1.3em;
}
.button[data-icon-left="sign"] > span:before,
.button[data-icon-right="sign"] > span:after,
.button[data-icon="sign"] > span:before,
button.button[data-icon-left="sign"] > span:before,
button.button[data-icon-right="sign"] > span:after,
button.button[data-icon="sign"] > span:before,
button[data-icon-left="sign"] > span:before,
button[data-icon-right="sign"] > span:after,
button[data-icon="sign"] > span:before {
  content: "\e930";
}
.button[data-icon-left="x"] > span:before,
.button[data-icon-right="x"] > span:after,
.button[data-icon="x"] > span:before,
button.button[data-icon-left="x"] > span:before,
button.button[data-icon-right="x"] > span:after,
button.button[data-icon="x"] > span:before,
button[data-icon-left="x"] > span:before,
button[data-icon-right="x"] > span:after,
button[data-icon="x"] > span:before {
  content: "\e912";
}
.button[data-icon-left="checkmark-thick"] > span:before,
.button[data-icon-right="checkmark-thick"] > span:after,
.button[data-icon="checkmark-thick"] > span:before,
button.button[data-icon-left="checkmark-thick"] > span:before,
button.button[data-icon-right="checkmark-thick"] > span:after,
button.button[data-icon="checkmark-thick"] > span:before,
button[data-icon-left="checkmark-thick"] > span:before,
button[data-icon-right="checkmark-thick"] > span:after,
button[data-icon="checkmark-thick"] > span:before {
  content: "\e907";
}
.button[data-icon-left="busy"] > span:before,
.button[data-icon-left="loading-wheel"] > span:before,
.button[data-icon-left="loading"] > span:before,
.button[data-icon-left="spinner"] > span:before,
.button[data-icon-left="wait"] > span:before,
.button[data-icon-right="busy"] > span:after,
.button[data-icon-right="loading-wheel"] > span:after,
.button[data-icon-right="loading"] > span:after,
.button[data-icon-right="spinner"] > span:after,
.button[data-icon-right="wait"] > span:after,
.button[data-icon="busy"] > span:before,
.button[data-icon="loading-wheel"] > span:before,
.button[data-icon="loading"] > span:before,
.button[data-icon="spinner"] > span:before,
.button[data-icon="wait"] > span:before,
button.button[data-icon-left="busy"] > span:before,
button.button[data-icon-left="loading-wheel"] > span:before,
button.button[data-icon-left="loading"] > span:before,
button.button[data-icon-left="spinner"] > span:before,
button.button[data-icon-left="wait"] > span:before,
button.button[data-icon-right="busy"] > span:after,
button.button[data-icon-right="loading-wheel"] > span:after,
button.button[data-icon-right="loading"] > span:after,
button.button[data-icon-right="spinner"] > span:after,
button.button[data-icon-right="wait"] > span:after,
button.button[data-icon="busy"] > span:before,
button.button[data-icon="loading-wheel"] > span:before,
button.button[data-icon="loading"] > span:before,
button.button[data-icon="spinner"] > span:before,
button.button[data-icon="wait"] > span:before,
button[data-icon-left="busy"] > span:before,
button[data-icon-left="loading-wheel"] > span:before,
button[data-icon-left="loading"] > span:before,
button[data-icon-left="spinner"] > span:before,
button[data-icon-left="wait"] > span:before,
button[data-icon-right="busy"] > span:after,
button[data-icon-right="loading-wheel"] > span:after,
button[data-icon-right="loading"] > span:after,
button[data-icon-right="spinner"] > span:after,
button[data-icon-right="wait"] > span:after,
button[data-icon="busy"] > span:before,
button[data-icon="loading-wheel"] > span:before,
button[data-icon="loading"] > span:before,
button[data-icon="spinner"] > span:before,
button[data-icon="wait"] > span:before {
  content: "\e906";
}
.button[data-icon-left="warning"] > span:before,
.button[data-icon-right="warning"] > span:after,
.button[data-icon="warning"] > span:before,
button.button[data-icon-left="warning"] > span:before,
button.button[data-icon-right="warning"] > span:after,
button.button[data-icon="warning"] > span:before,
button[data-icon-left="warning"] > span:before,
button[data-icon-right="warning"] > span:after,
button[data-icon="warning"] > span:before {
  content: "\e90a";
}
.button[data-icon-left="play"] > span:before,
.button[data-icon-right="play"] > span:after,
.button[data-icon="play"] > span:before,
button.button[data-icon-left="play"] > span:before,
button.button[data-icon-right="play"] > span:after,
button.button[data-icon="play"] > span:before,
button[data-icon-left="play"] > span:before,
button[data-icon-right="play"] > span:after,
button[data-icon="play"] > span:before {
  content: "\ea1e";
}
.button[data-icon-left="pause"] > span:before,
.button[data-icon-right="pause"] > span:after,
.button[data-icon="pause"] > span:before,
button.button[data-icon-left="pause"] > span:before,
button.button[data-icon-right="pause"] > span:after,
button.button[data-icon="pause"] > span:before,
button[data-icon-left="pause"] > span:before,
button[data-icon-right="pause"] > span:after,
button[data-icon="pause"] > span:before {
  content: "\ea1f";
}
.button[data-icon-left="bullet-large"] > span:before,
.button[data-icon-right="bullet-large"] > span:after,
.button[data-icon="bullet-large"] > span:before,
button.button[data-icon-left="bullet-large"] > span:before,
button.button[data-icon-right="bullet-large"] > span:after,
button.button[data-icon="bullet-large"] > span:before,
button[data-icon-left="bullet-large"] > span:before,
button[data-icon-right="bullet-large"] > span:after,
button[data-icon="bullet-large"] > span:before {
  content: "\e92f";
}
.button[data-icon-left="leaf-colophon"] > span:before,
.button[data-icon-right="leaf-colophon"] > span:after,
.button[data-icon="leaf-colophon"] > span:before,
button.button[data-icon-left="leaf-colophon"] > span:before,
button.button[data-icon-right="leaf-colophon"] > span:after,
button.button[data-icon="leaf-colophon"] > span:before,
button[data-icon-left="leaf-colophon"] > span:before,
button[data-icon-right="leaf-colophon"] > span:after,
button[data-icon="leaf-colophon"] > span:before {
  content: "\e905";
}
.button[data-icon-left="globe"] > span:before,
.button[data-icon-left="language"] > span:before,
.button[data-icon-right="globe"] > span:after,
.button[data-icon-right="language"] > span:after,
.button[data-icon="globe"] > span:before,
.button[data-icon="language"] > span:before,
button.button[data-icon-left="globe"] > span:before,
button.button[data-icon-left="language"] > span:before,
button.button[data-icon-right="globe"] > span:after,
button.button[data-icon-right="language"] > span:after,
button.button[data-icon="globe"] > span:before,
button.button[data-icon="language"] > span:before,
button[data-icon-left="globe"] > span:before,
button[data-icon-left="language"] > span:before,
button[data-icon-right="globe"] > span:after,
button[data-icon-right="language"] > span:after,
button[data-icon="globe"] > span:before,
button[data-icon="language"] > span:before {
  content: "\e92e";
}
.button[data-icon-left="discordia-logo"] > span:before,
.button[data-icon-right="discordia-logo"] > span:after,
.button[data-icon="discordia-logo"] > span:before,
button.button[data-icon-left="discordia-logo"] > span:before,
button.button[data-icon-right="discordia-logo"] > span:after,
button.button[data-icon="discordia-logo"] > span:before,
button[data-icon-left="discordia-logo"] > span:before,
button[data-icon-right="discordia-logo"] > span:after,
button[data-icon="discordia-logo"] > span:before {
  content: "\e92c";
}
.button[data-icon-left="discordia-icon"] > span:before,
.button[data-icon-right="discordia-icon"] > span:after,
.button[data-icon="discordia-icon"] > span:before,
button.button[data-icon-left="discordia-icon"] > span:before,
button.button[data-icon-right="discordia-icon"] > span:after,
button.button[data-icon="discordia-icon"] > span:before,
button[data-icon-left="discordia-icon"] > span:before,
button[data-icon-right="discordia-icon"] > span:after,
button[data-icon="discordia-icon"] > span:before {
  content: "\e92d";
}
.button[data-icon-left="volume-off"] > span:before,
.button[data-icon-right="volume-off"] > span:after,
.button[data-icon="volume-off"] > span:before,
button.button[data-icon-left="volume-off"] > span:before,
button.button[data-icon-right="volume-off"] > span:after,
button.button[data-icon="volume-off"] > span:before,
button[data-icon-left="volume-off"] > span:before,
button[data-icon-right="volume-off"] > span:after,
button[data-icon="volume-off"] > span:before {
  content: "\e908";
}
.button[data-icon-left="volume-on"] > span:before,
.button[data-icon-right="volume-on"] > span:after,
.button[data-icon="volume-on"] > span:before,
button.button[data-icon-left="volume-on"] > span:before,
button.button[data-icon-right="volume-on"] > span:after,
button.button[data-icon="volume-on"] > span:before,
button[data-icon-left="volume-on"] > span:before,
button[data-icon-right="volume-on"] > span:after,
button[data-icon="volume-on"] > span:before {
  content: "\e909";
}
.button[data-icon-left="alias"] > span:before,
.button[data-icon-right="alias"] > span:after,
.button[data-icon="alias"] > span:before,
button.button[data-icon-left="alias"] > span:before,
button.button[data-icon-right="alias"] > span:after,
button.button[data-icon="alias"] > span:before,
button[data-icon-left="alias"] > span:before,
button[data-icon-right="alias"] > span:after,
button[data-icon="alias"] > span:before {
  content: "\e900";
}
.button[data-icon-left="back"] > span:before,
.button[data-icon-right="back"] > span:after,
.button[data-icon="back"] > span:before,
button.button[data-icon-left="back"] > span:before,
button.button[data-icon-right="back"] > span:after,
button.button[data-icon="back"] > span:before,
button[data-icon-left="back"] > span:before,
button[data-icon-right="back"] > span:after,
button[data-icon="back"] > span:before {
  content: "\e901";
}
.button[data-icon-left="calendar"] > span:before,
.button[data-icon-right="calendar"] > span:after,
.button[data-icon="calendar"] > span:before,
button.button[data-icon-left="calendar"] > span:before,
button.button[data-icon-right="calendar"] > span:after,
button.button[data-icon="calendar"] > span:before,
button[data-icon-left="calendar"] > span:before,
button[data-icon-right="calendar"] > span:after,
button[data-icon="calendar"] > span:before {
  content: "\e902";
}
.button[data-icon-left="checkmark"] > span:before,
.button[data-icon-right="checkmark"] > span:after,
.button[data-icon="checkmark"] > span:before,
button.button[data-icon-left="checkmark"] > span:before,
button.button[data-icon-right="checkmark"] > span:after,
button.button[data-icon="checkmark"] > span:before,
button[data-icon-left="checkmark"] > span:before,
button[data-icon-right="checkmark"] > span:after,
button[data-icon="checkmark"] > span:before {
  content: "\e903";
}
.button[data-icon-left="close"] > span:before,
.button[data-icon-right="close"] > span:after,
.button[data-icon="close"] > span:before,
button.button[data-icon-left="close"] > span:before,
button.button[data-icon-right="close"] > span:after,
button.button[data-icon="close"] > span:before,
button[data-icon-left="close"] > span:before,
button[data-icon-right="close"] > span:after,
button[data-icon="close"] > span:before {
  content: "\e904";
}
.button[data-icon-left="discord"] > span:before,
.button[data-icon-right="discord"] > span:after,
.button[data-icon="discord"] > span:before,
button.button[data-icon-left="discord"] > span:before,
button.button[data-icon-right="discord"] > span:after,
button.button[data-icon="discord"] > span:before,
button[data-icon-left="discord"] > span:before,
button[data-icon-right="discord"] > span:after,
button[data-icon="discord"] > span:before {
  content: "\e90b";
}
.button[data-icon-left="download"] > span:before,
.button[data-icon-right="download"] > span:after,
.button[data-icon="download"] > span:before,
button.button[data-icon-left="download"] > span:before,
button.button[data-icon-right="download"] > span:after,
button.button[data-icon="download"] > span:before,
button[data-icon-left="download"] > span:before,
button[data-icon-right="download"] > span:after,
button[data-icon="download"] > span:before {
  content: "\e90c";
}
.button[data-icon-left="dropdown-menu-show-less"] > span:before,
.button[data-icon-right="dropdown-menu-show-less"] > span:after,
.button[data-icon="dropdown-menu-show-less"] > span:before,
button.button[data-icon-left="dropdown-menu-show-less"] > span:before,
button.button[data-icon-right="dropdown-menu-show-less"] > span:after,
button.button[data-icon="dropdown-menu-show-less"] > span:before,
button[data-icon-left="dropdown-menu-show-less"] > span:before,
button[data-icon-right="dropdown-menu-show-less"] > span:after,
button[data-icon="dropdown-menu-show-less"] > span:before {
  content: "\e90d";
}
.button[data-icon-left="dropdown-menu-show-more"] > span:before,
.button[data-icon-right="dropdown-menu-show-more"] > span:after,
.button[data-icon="dropdown-menu-show-more"] > span:before,
button.button[data-icon-left="dropdown-menu-show-more"] > span:before,
button.button[data-icon-right="dropdown-menu-show-more"] > span:after,
button.button[data-icon="dropdown-menu-show-more"] > span:before,
button[data-icon-left="dropdown-menu-show-more"] > span:before,
button[data-icon-right="dropdown-menu-show-more"] > span:after,
button[data-icon="dropdown-menu-show-more"] > span:before {
  content: "\e90e";
}
.button[data-icon-left="edit"] > span:before,
.button[data-icon-right="edit"] > span:after,
.button[data-icon="edit"] > span:before,
button.button[data-icon-left="edit"] > span:before,
button.button[data-icon-right="edit"] > span:after,
button.button[data-icon="edit"] > span:before,
button[data-icon-left="edit"] > span:before,
button[data-icon-right="edit"] > span:after,
button[data-icon="edit"] > span:before {
  content: "\e90f";
}
.button[data-icon-left="email"] > span:before,
.button[data-icon-right="email"] > span:after,
.button[data-icon="email"] > span:before,
button.button[data-icon-left="email"] > span:before,
button.button[data-icon-right="email"] > span:after,
button.button[data-icon="email"] > span:before,
button[data-icon-left="email"] > span:before,
button[data-icon-right="email"] > span:after,
button[data-icon="email"] > span:before {
  content: "\e910";
}
.button[data-icon-left="expand-image"] > span:before,
.button[data-icon-right="expand-image"] > span:after,
.button[data-icon="expand-image"] > span:before,
button.button[data-icon-left="expand-image"] > span:before,
button.button[data-icon-right="expand-image"] > span:after,
button.button[data-icon="expand-image"] > span:before,
button[data-icon-left="expand-image"] > span:before,
button[data-icon-right="expand-image"] > span:after,
button[data-icon="expand-image"] > span:before {
  content: "\e911";
}
.button[data-icon-left="facebook"] > span:before,
.button[data-icon-right="facebook"] > span:after,
.button[data-icon="facebook"] > span:before,
button.button[data-icon-left="facebook"] > span:before,
button.button[data-icon-right="facebook"] > span:after,
button.button[data-icon="facebook"] > span:before,
button[data-icon-left="facebook"] > span:before,
button[data-icon-right="facebook"] > span:after,
button[data-icon="facebook"] > span:before {
  content: "\e913";
}
.button[data-icon-left="hamburger-menu"] > span:before,
.button[data-icon-right="hamburger-menu"] > span:after,
.button[data-icon="hamburger-menu"] > span:before,
button.button[data-icon-left="hamburger-menu"] > span:before,
button.button[data-icon-right="hamburger-menu"] > span:after,
button.button[data-icon="hamburger-menu"] > span:before,
button[data-icon-left="hamburger-menu"] > span:before,
button[data-icon-right="hamburger-menu"] > span:after,
button[data-icon="hamburger-menu"] > span:before {
  content: "\e914";
}
.button[data-icon-left="hide-password"] > span:before,
.button[data-icon-right="hide-password"] > span:after,
.button[data-icon="hide-password"] > span:before,
button.button[data-icon-left="hide-password"] > span:before,
button.button[data-icon-right="hide-password"] > span:after,
button.button[data-icon="hide-password"] > span:before,
button[data-icon-left="hide-password"] > span:before,
button[data-icon-right="hide-password"] > span:after,
button[data-icon="hide-password"] > span:before {
  content: "\e915";
}
.button[data-icon-left="instagram"] > span:before,
.button[data-icon-right="instagram"] > span:after,
.button[data-icon="instagram"] > span:before,
button.button[data-icon-left="instagram"] > span:before,
button.button[data-icon-right="instagram"] > span:after,
button.button[data-icon="instagram"] > span:before,
button[data-icon-left="instagram"] > span:before,
button[data-icon-right="instagram"] > span:after,
button[data-icon="instagram"] > span:before {
  content: "\e916";
}
.button[data-icon-left="locked"] > span:before,
.button[data-icon-right="locked"] > span:after,
.button[data-icon="locked"] > span:before,
button.button[data-icon-left="locked"] > span:before,
button.button[data-icon-right="locked"] > span:after,
button.button[data-icon="locked"] > span:before,
button[data-icon-left="locked"] > span:before,
button[data-icon-right="locked"] > span:after,
button[data-icon="locked"] > span:before {
  content: "\e917";
}
.button[data-icon-left="login"] > span:before,
.button[data-icon-right="login"] > span:after,
.button[data-icon="login"] > span:before,
button.button[data-icon-left="login"] > span:before,
button.button[data-icon-right="login"] > span:after,
button.button[data-icon="login"] > span:before,
button[data-icon-left="login"] > span:before,
button[data-icon-right="login"] > span:after,
button[data-icon="login"] > span:before {
  content: "\e918";
}
.button[data-icon-left="logout"] > span:before,
.button[data-icon-right="logout"] > span:after,
.button[data-icon="logout"] > span:before,
button.button[data-icon-left="logout"] > span:before,
button.button[data-icon-right="logout"] > span:after,
button.button[data-icon="logout"] > span:before,
button[data-icon-left="logout"] > span:before,
button[data-icon-right="logout"] > span:after,
button[data-icon="logout"] > span:before {
  content: "\e919";
}
.button[data-icon-left="more-info"] > span:before,
.button[data-icon-right="more-info"] > span:after,
.button[data-icon="more-info"] > span:before,
button.button[data-icon-left="more-info"] > span:before,
button.button[data-icon-right="more-info"] > span:after,
button.button[data-icon="more-info"] > span:before,
button[data-icon-left="more-info"] > span:before,
button[data-icon-right="more-info"] > span:after,
button[data-icon="more-info"] > span:before {
  content: "\e91a";
}
.button[data-icon-left="new-tab"] > span:before,
.button[data-icon-right="new-tab"] > span:after,
.button[data-icon="new-tab"] > span:before,
button.button[data-icon-left="new-tab"] > span:before,
button.button[data-icon-right="new-tab"] > span:after,
button.button[data-icon="new-tab"] > span:before,
button[data-icon-left="new-tab"] > span:before,
button[data-icon-right="new-tab"] > span:after,
button[data-icon="new-tab"] > span:before {
  content: "\e91b";
}
.button[data-icon-left="password"] > span:before,
.button[data-icon-right="password"] > span:after,
.button[data-icon="password"] > span:before,
button.button[data-icon-left="password"] > span:before,
button.button[data-icon-right="password"] > span:after,
button.button[data-icon="password"] > span:before,
button[data-icon-left="password"] > span:before,
button[data-icon-right="password"] > span:after,
button[data-icon="password"] > span:before {
  content: "\e91c";
}
.button[data-icon-left="prime-gaming"] > span:before,
.button[data-icon-right="prime-gaming"] > span:after,
.button[data-icon="prime-gaming"] > span:before,
button.button[data-icon-left="prime-gaming"] > span:before,
button.button[data-icon-right="prime-gaming"] > span:after,
button.button[data-icon="prime-gaming"] > span:before,
button[data-icon-left="prime-gaming"] > span:before,
button[data-icon-right="prime-gaming"] > span:after,
button[data-icon="prime-gaming"] > span:before {
  content: "\e91d";
}
.button[data-icon-left="reddit"] > span:before,
.button[data-icon-right="reddit"] > span:after,
.button[data-icon="reddit"] > span:before,
button.button[data-icon-left="reddit"] > span:before,
button.button[data-icon-right="reddit"] > span:after,
button.button[data-icon="reddit"] > span:before,
button[data-icon-left="reddit"] > span:before,
button[data-icon-right="reddit"] > span:after,
button[data-icon="reddit"] > span:before {
  content: "\e91e";
}
.button[data-icon-left="sale"] > span:before,
.button[data-icon-right="sale"] > span:after,
.button[data-icon="sale"] > span:before,
button.button[data-icon-left="sale"] > span:before,
button.button[data-icon-right="sale"] > span:after,
button.button[data-icon="sale"] > span:before,
button[data-icon-left="sale"] > span:before,
button[data-icon-right="sale"] > span:after,
button[data-icon="sale"] > span:before {
  content: "\e91f";
}
.button[data-icon-left="search"] > span:before,
.button[data-icon-right="search"] > span:after,
.button[data-icon="search"] > span:before,
button.button[data-icon-left="search"] > span:before,
button.button[data-icon-right="search"] > span:after,
button.button[data-icon="search"] > span:before,
button[data-icon-left="search"] > span:before,
button[data-icon-right="search"] > span:after,
button[data-icon="search"] > span:before {
  content: "\e920";
}
.button[data-icon-left="show-password"] > span:before,
.button[data-icon-right="show-password"] > span:after,
.button[data-icon="show-password"] > span:before,
button.button[data-icon-left="show-password"] > span:before,
button.button[data-icon-right="show-password"] > span:after,
button.button[data-icon="show-password"] > span:before,
button[data-icon-left="show-password"] > span:before,
button[data-icon-right="show-password"] > span:after,
button[data-icon="show-password"] > span:before {
  content: "\e921";
}
.button[data-icon-left="slider-arrow-left"] > span:before,
.button[data-icon-right="slider-arrow-left"] > span:after,
.button[data-icon="slider-arrow-left"] > span:before,
button.button[data-icon-left="slider-arrow-left"] > span:before,
button.button[data-icon-right="slider-arrow-left"] > span:after,
button.button[data-icon="slider-arrow-left"] > span:before,
button[data-icon-left="slider-arrow-left"] > span:before,
button[data-icon-right="slider-arrow-left"] > span:after,
button[data-icon="slider-arrow-left"] > span:before {
  content: "\e922";
}
.button[data-icon-left="slider-arrow-right"] > span:before,
.button[data-icon-right="slider-arrow-right"] > span:after,
.button[data-icon="slider-arrow-right"] > span:before,
button.button[data-icon-left="slider-arrow-right"] > span:before,
button.button[data-icon-right="slider-arrow-right"] > span:after,
button.button[data-icon="slider-arrow-right"] > span:before,
button[data-icon-left="slider-arrow-right"] > span:before,
button[data-icon-right="slider-arrow-right"] > span:after,
button[data-icon="slider-arrow-right"] > span:before {
  content: "\e923";
}
.button[data-icon-left="tiktok"] > span:before,
.button[data-icon-right="tiktok"] > span:after,
.button[data-icon="tiktok"] > span:before,
button.button[data-icon-left="tiktok"] > span:before,
button.button[data-icon-right="tiktok"] > span:after,
button.button[data-icon="tiktok"] > span:before,
button[data-icon-left="tiktok"] > span:before,
button[data-icon-right="tiktok"] > span:after,
button[data-icon="tiktok"] > span:before {
  content: "\e924";
}
.button[data-icon-left="time-sensitive"] > span:before,
.button[data-icon-right="time-sensitive"] > span:after,
.button[data-icon="time-sensitive"] > span:before,
button.button[data-icon-left="time-sensitive"] > span:before,
button.button[data-icon-right="time-sensitive"] > span:after,
button.button[data-icon="time-sensitive"] > span:before,
button[data-icon-left="time-sensitive"] > span:before,
button[data-icon-right="time-sensitive"] > span:after,
button[data-icon="time-sensitive"] > span:before {
  content: "\e925";
}
.button[data-icon-left="twitch"] > span:before,
.button[data-icon-right="twitch"] > span:after,
.button[data-icon="twitch"] > span:before,
button.button[data-icon-left="twitch"] > span:before,
button.button[data-icon-right="twitch"] > span:after,
button.button[data-icon="twitch"] > span:before,
button[data-icon-left="twitch"] > span:before,
button[data-icon-right="twitch"] > span:after,
button[data-icon="twitch"] > span:before {
  content: "\e926";
}
.button[data-icon-left="twitter1"] > span:before,
.button[data-icon-right="twitter1"] > span:after,
.button[data-icon="twitter1"] > span:before,
button.button[data-icon-left="twitter1"] > span:before,
button.button[data-icon-right="twitter1"] > span:after,
button.button[data-icon="twitter1"] > span:before,
button[data-icon-left="twitter1"] > span:before,
button[data-icon-right="twitter1"] > span:after,
button[data-icon="twitter1"] > span:before {
  content: "\e927";
}
.button[data-icon-left="unlocked"] > span:before,
.button[data-icon-right="unlocked"] > span:after,
.button[data-icon="unlocked"] > span:before,
button.button[data-icon-left="unlocked"] > span:before,
button.button[data-icon-right="unlocked"] > span:after,
button.button[data-icon="unlocked"] > span:before,
button[data-icon-left="unlocked"] > span:before,
button[data-icon-right="unlocked"] > span:after,
button[data-icon="unlocked"] > span:before {
  content: "\e928";
}
.button[data-icon-left="upload"] > span:before,
.button[data-icon-right="upload"] > span:after,
.button[data-icon="upload"] > span:before,
button.button[data-icon-left="upload"] > span:before,
button.button[data-icon-right="upload"] > span:after,
button.button[data-icon="upload"] > span:before,
button[data-icon-left="upload"] > span:before,
button[data-icon-right="upload"] > span:after,
button[data-icon="upload"] > span:before {
  content: "\e929";
}
.button[data-icon-left="vkontakte"] > span:before,
.button[data-icon-right="vkontakte"] > span:after,
.button[data-icon="vkontakte"] > span:before,
button.button[data-icon-left="vkontakte"] > span:before,
button.button[data-icon-right="vkontakte"] > span:after,
button.button[data-icon="vkontakte"] > span:before,
button[data-icon-left="vkontakte"] > span:before,
button[data-icon-right="vkontakte"] > span:after,
button[data-icon="vkontakte"] > span:before {
  content: "\e92a";
}
.button[data-icon-left="youtube"] > span:before,
.button[data-icon-right="youtube"] > span:after,
.button[data-icon="youtube"] > span:before,
button.button[data-icon-left="youtube"] > span:before,
button.button[data-icon-right="youtube"] > span:after,
button.button[data-icon="youtube"] > span:before,
button[data-icon-left="youtube"] > span:before,
button[data-icon-right="youtube"] > span:after,
button[data-icon="youtube"] > span:before {
  content: "\e92b";
}
.button[data-icon-left="exclamation"] > span:before,
.button[data-icon-right="exclamation"] > span:after,
.button[data-icon="exclamation"] > span:before,
button.button[data-icon-left="exclamation"] > span:before,
button.button[data-icon-right="exclamation"] > span:after,
button.button[data-icon="exclamation"] > span:before,
button[data-icon-left="exclamation"] > span:before,
button[data-icon-right="exclamation"] > span:after,
button[data-icon="exclamation"] > span:before {
  content: "\e90a";
}
.button[data-icon-left="exclamation-alert"] > span:before,
.button[data-icon-right="exclamation-alert"] > span:after,
.button[data-icon="exclamation-alert"] > span:before,
button.button[data-icon-left="exclamation-alert"] > span:before,
button.button[data-icon-right="exclamation-alert"] > span:after,
button.button[data-icon="exclamation-alert"] > span:before,
button[data-icon-left="exclamation-alert"] > span:before,
button[data-icon-right="exclamation-alert"] > span:after,
button[data-icon="exclamation-alert"] > span:before {
  content: "\e930";
}
.button[data-icon-left="twitter"] > span:before,
.button[data-icon-right="twitter"] > span:after,
.button[data-icon="twitter"] > span:before,
button.button[data-icon-left="twitter"] > span:before,
button.button[data-icon-right="twitter"] > span:after,
button.button[data-icon="twitter"] > span:before,
button[data-icon-left="twitter"] > span:before,
button[data-icon-right="twitter"] > span:after,
button[data-icon="twitter"] > span:before {
  content: "\e912";
}
#grecaptcha-trigger,
button[data-component="button"],
button[data-component="loading-button"] {
  position: relative;
}
#grecaptcha-trigger .label,
#grecaptcha-trigger .loader,
button[data-component="button"] .label,
button[data-component="button"] .loader,
button[data-component="loading-button"] .label,
button[data-component="loading-button"] .loader {
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
#grecaptcha-trigger .label,
button[data-component="button"] .label,
button[data-component="loading-button"] .label {
  opacity: 1;
}
#grecaptcha-trigger .loader,
button[data-component="button"] .loader,
button[data-component="loading-button"] .loader {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#grecaptcha-trigger[disabled] .label,
button[data-component="button"][disabled] .label,
button[data-component="loading-button"][disabled] .label {
  opacity: 0;
}
#grecaptcha-trigger[disabled] .loader,
button[data-component="button"][disabled] .loader,
button[data-component="loading-button"][disabled] .loader {
  opacity: 1;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:before {
  display: inline-block;
  position: relative;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:before {
  margin-right: 8px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings > span:after {
  margin-left: 8px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings {
  background-color: #261813;
  background-image: radial-gradient(
    50% 68.18% at 50% 50%,
    #261813 0,
    #261813 100%
  );
  border-color: #a39071;
  border-style: solid;
  border-width: 1px 4px;
  color: #cfc099;
  margin-left: var(--button-secondary-ornament-width);
  margin-right: var(--button-secondary-ornament-width);
  padding-bottom: 10px;
  padding-top: 10px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings:before {
  aspect-ratio: 13/52;
  background: 50% / contain no-repeat url(../images/svgs/button-secondary-end-cap.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: var(--button-secondary-ornament-width);
  z-index: 1;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings:before {
  right: calc(100% + 4px);
  transform: translateY(-50%);
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  #data-permissions button#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-image: radial-gradient(
      50% 68.18% at 50% 50%,
      #54352a 0,
      #261813 100%
    );
    box-shadow: none;
    color: #d9d0af;
  }
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled] {
  align-items: center;
  background-color: #555;
  background-image: radial-gradient(50% 68.18% at 50% 50%, #555 0, #555 100%);
  border: #9a9689;
  color: #9a9689;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  pointer-events: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled] > span:after,
#data-permissions
  button#ot-sdk-btn.ot-sdk-show-settings[disabled]
  > span:before {
  display: inline-block;
  position: relative;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:before,
#data-permissions
  button#ot-sdk-btn.ot-sdk-show-settings[disabled]
  > span:before {
  margin-right: 8px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled > span:after,
#data-permissions
  button#ot-sdk-btn.ot-sdk-show-settings[disabled]
  > span:after {
  margin-left: 8px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled] {
  background-color: #261813;
  background-image: radial-gradient(
    50% 68.18% at 50% 50%,
    #261813 0,
    #261813 100%
  );
  border-color: #a39071;
  border-style: solid;
  border-width: 1px 4px;
  color: #cfc099;
  margin-left: var(--button-secondary-ornament-width);
  margin-right: var(--button-secondary-ornament-width);
  padding-bottom: 10px;
  padding-top: 10px;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:before {
  aspect-ratio: 13/52;
  background: 50% / contain no-repeat url(../images/svgs/button-secondary-end-cap.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: var(--button-secondary-ornament-width);
  z-index: 1;
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:before {
  right: calc(100% + 4px);
  transform: translateY(-50%);
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(180deg);
}
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings.disabled:before,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:after,
#data-permissions button#ot-sdk-btn.ot-sdk-show-settings[disabled]:before {
  filter: saturate(0);
}
[data-component="confirmation-block-ui"] {
  background-color: rgba(116, 106, 63, 0.28);
  border: 1px solid #bca783;
  border-radius: 5px;
  color: #d1cdbc;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  margin: 16px 0;
  padding: 16px 24px;
}
@media (min-width: 990px) {
  [data-component="confirmation-block-ui"] {
    align-content: center;
    align-items: center;
    gap: 16px;
    grid-template-columns: min-content 1fr min-content;
    justify-content: space-between;
  }
}
[data-component="confirmation-block-ui"] i[data-icon] {
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: center;
  position: relative;
  text-align: center;
}
@media (min-width: 990px) {
  [data-component="confirmation-block-ui"] i[data-icon] {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
[data-component="confirmation-block-ui"] i[data-icon],
[data-component="confirmation-block-ui"] i[data-icon]:before {
  aspect-ratio: 1/1;
  width: 34px;
}
[data-component="confirmation-block-ui"] i[data-icon]:before {
  left: 50%;
  line-height: 34px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component="confirmation-block-ui"]
  i[data-icon][data-icon="checkmark"]:before,
[data-component="confirmation-block-ui"]
  i[data-icon][data-icon="close"]:before {
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
}
[data-component="confirmation-block-ui"]
  i[data-icon][data-icon="close"]:before {
  background-color: #883436;
  content: "\e904";
}
[data-component="confirmation-block-ui"]
  i[data-icon][data-icon="more-info"]:before {
  content: "\e91a";
  font-size: 34px;
}
[data-component="confirmation-block-ui"]
  i[data-icon][data-icon="checkmark"]:before {
  background-color: #5e7557;
  content: "\e903";
}
[data-component="confirmation-block-ui"] .content {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-top: 8px;
}
@media (min-width: 990px) {
  [data-component="confirmation-block-ui"] .content {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 0;
  }
}
[data-component="confirmation-block-ui"] .content > :first-child {
  margin-top: 0;
}
[data-component="confirmation-block-ui"] .content > :last-child {
  margin-bottom: 0;
}
[data-component="confirmation-block-ui"] .content .h1,
[data-component="confirmation-block-ui"] .content .h2,
[data-component="confirmation-block-ui"] .content .h3,
[data-component="confirmation-block-ui"] .content .h4,
[data-component="confirmation-block-ui"] .content .h5,
[data-component="confirmation-block-ui"] .content .h6,
[data-component="confirmation-block-ui"] .content h1,
[data-component="confirmation-block-ui"] .content h2,
[data-component="confirmation-block-ui"] .content h3,
[data-component="confirmation-block-ui"] .content h4,
[data-component="confirmation-block-ui"] .content h5,
[data-component="confirmation-block-ui"] .content h6,
[data-component="confirmation-block-ui"] .content p {
  color: #d1cdbc;
  text-align: center !important;
}
@media (min-width: 990px) {
  [data-component="confirmation-block-ui"] .content .h1,
  [data-component="confirmation-block-ui"] .content .h2,
  [data-component="confirmation-block-ui"] .content .h3,
  [data-component="confirmation-block-ui"] .content .h4,
  [data-component="confirmation-block-ui"] .content .h5,
  [data-component="confirmation-block-ui"] .content .h6,
  [data-component="confirmation-block-ui"] .content h1,
  [data-component="confirmation-block-ui"] .content h2,
  [data-component="confirmation-block-ui"] .content h3,
  [data-component="confirmation-block-ui"] .content h4,
  [data-component="confirmation-block-ui"] .content h5,
  [data-component="confirmation-block-ui"] .content h6,
  [data-component="confirmation-block-ui"] .content p {
    text-align: left !important;
  }
}
[data-component="confirmation-block-ui"] button.close {
  align-self: start;
  background: none;
  border: none;
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: end;
  padding: 0;
  transition: color 0.1s ease-out;
  z-index: 2;
}
@media (min-width: 990px) {
  [data-component="confirmation-block-ui"] button.close {
    align-self: unset;
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: unset;
  }
}
[data-component="confirmation-block-ui"] button.close > span {
  height: 1px;
  left: -999em;
  opacity: 0.1;
  position: absolute;
  top: -999em;
  width: 1px;
}
[data-component="confirmation-block-ui"] button.close:before {
  color: #d1cdbc;
  content: "\e904";
  display: inline-block;
  font-size: 24px;
}
@media (hover: hover) {
  [data-component="confirmation-block-ui"] button.close:hover:before {
    color: #fff;
  }
}
[data-component="confirmation-block-ui"].error {
  background-color: rgba(136, 52, 54, 0.28);
  border-color: #883436;
}
[data-component="confirmation-block-ui"].success {
  background-color: rgba(94, 117, 87, 0.28);
  border-color: #5e7557;
}
[data-component="drop-down"] {
  position: relative;
}
@media (min-width: 1280px) {
  [data-component="drop-down"] > .menu {
    align-items: stretch;
    background-color: #24182d;
    border-radius: 0 0 3px 3px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    max-height: 0;
    min-width: 160px;
    overflow-y: hidden;
    position: absolute;
    top: 100%;
    transform: translateX(0) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
  }
  [data-component="drop-down"] > .menu.open {
    max-height: 100vh;
    max-height: var(--app-height);
    transition-duration: 0.12s;
  }
}
[data-component="drop-down"] > .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-component="drop-down"] > .menu ul a {
  color: #bca783;
  display: block;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  padding: 16px 32px;
  text-decoration: none;
  transition: color 0.1s ease-out;
}
@media (min-width: 1280px) {
  [data-component="drop-down"] > .menu ul a {
    padding: 8px 16px;
  }
}
[data-component="drop-down"] > .menu ul a {
  color: #fafffe;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
[data-component="drop-down"] > .menu ul a:hover {
  color: #d8c38a;
}
@media (min-width: 1280px) {
  [data-component="drop-down"] > .menu ul a {
    font-size: 16px;
  }
}
[data-component="faq-list"] {
  margin: 0 auto;
  max-width: 1166px;
}
[data-component="faq-list"] .set {
  background-color: #201b13;
  border-radius: 5px;
  color: #d1cdbc;
  margin: 24px 0;
  overflow: hidden;
}
[data-component="faq-list"] .question {
  background-color: #31271c;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  padding: 16px 24px 16px 52px;
  position: relative;
}
[data-component="faq-list"] .question:before {
  content: "+";
  font-size: 36px;
  left: 16px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 0.05em));
}
[data-component="faq-list"] .question[aria-expanded="true"]:before {
  content: "–";
  transform: translateY(calc(-50% - 0.15em));
}
[data-component="faq-list"] .question[aria-expanded="true"] + .answer {
  grid-template-rows: 1fr;
  opacity: 1;
}
[data-component="faq-list"] .question[aria-expanded="true"] + .answer > span {
  padding-bottom: 16px;
  padding-top: 16px;
}
[data-component="faq-list"] .answer {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0.2;
  transition: grid-template-rows 0.5s;
}
[data-component="faq-list"] .answer > span {
  overflow: hidden;
  padding: 0 24px;
  transition: padding 0.5s;
}
[data-component="faq-list"] .answer > span > :first-child {
  margin-top: 0;
}
[data-component="faq-list"] .answer > span > :last-child {
  margin-bottom: 0;
}
section[data-component="featured-masthead"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr;
  max-width: none;
  overflow: hidden;
}
section[data-component="featured-masthead"] > .layout,
section[data-component="featured-masthead"] > figure {
  position: relative;
}
section[data-component="featured-masthead"] > figure {
  align-self: stretch;
  background: #000;
  filter: blur(10px);
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: stretch;
  position: relative;
  z-index: 0;
}
section[data-component="featured-masthead"] > figure img,
section[data-component="featured-masthead"] > figure video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
section[data-component="featured-masthead"] > .layout {
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: hidden;
  padding-bottom: 68px;
  padding-top: 68px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
@media (min-width: 1280px) {
  section[data-component="featured-masthead"] > .layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
section[data-component="featured-masthead"] > .layout > figure {
  position: relative;
}
@media (min-width: 990px) {
  section[data-component="featured-masthead"] > .layout > figure {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (min-width: 1280px) {
  section[data-component="featured-masthead"] > .layout > figure {
    align-self: center;
  }
}
section[data-component="featured-masthead"] > .layout > figure img,
section[data-component="featured-masthead"] > .layout > figure video {
  display: block;
  height: auto;
  width: 100%;
}
section[data-component="featured-masthead"] > .layout > .block-anchor {
  bottom: 0;
  cursor: pointer;
  left: 0;
  pointer-events: all;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 1280px) {
  section[data-component="featured-masthead"] > .layout > .block-anchor {
    bottom: auto;
    grid-column: 1/3;
    grid-row: 1/2;
    left: auto;
    position: static;
    right: auto;
    top: auto;
  }
}
section[data-component="featured-masthead"] .card {
  align-items: stretch;
  background: rgba(1, 2, 1, 0.75);
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-items: stretch;
  overflow: hidden;
}
@media (min-width: 990px) {
  section[data-component="featured-masthead"] .card {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (min-width: 1280px) {
  section[data-component="featured-masthead"] .card {
    align-self: stretch;
  }
}
section[data-component="featured-masthead"] .card .content {
  border: 1px solid #292929;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin: 24px;
  padding: 96px 32px;
}
@media (min-width: 768px) {
  section[data-component="featured-masthead"] .card .content {
    padding-bottom: 132px;
    padding-top: 132px;
  }
}
@media (min-width: 1280px) {
  section[data-component="featured-masthead"] .card .content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
section[data-component="featured-masthead"] .title {
  font-size: 16px;
  font-size: 24px;
  font-weight: 400;
  font-weight: 700;
  margin: 0;
}
section[data-component="featured-masthead"] .title,
section[data-component="featured-masthead"] date {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  letter-spacing: normal;
  line-height: 1.5;
}
section[data-component="featured-masthead"] date {
  font-size: 16px;
  font-weight: 400;
}
.form-module {
  margin-bottom: 100px;
  margin-top: 72px;
}
@media (min-width: 768px) {
  .form-module {
    margin-top: 98px;
  }
}
@media (min-width: 1280px) {
  .form-module {
    margin-top: 114px;
  }
}
.form-module .form-wrapper {
    background-color: rgb(37 28 48 / 50%);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
}
@media (min-width: 768px) {
  .form-module .form-wrapper {
    max-width: 570px;
  }
}
.form-module .form-wrapper header {
  justify-content: flex-start;
  margin-bottom: 24px;
  max-width: 343px;
}
@media (min-width: 768px) {
  .form-module .form-wrapper header {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  .form-module .form-wrapper header {
    max-width: 885px;
  }
}
.form-module .form-wrapper header {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.form-module .form-wrapper header > :first-child {
  margin-top: 0;
}
.form-module .form-wrapper header > :last-child {
  margin-bottom: 0;
}
.form-module .form-wrapper header h1 {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
.form-module .form-wrapper header h1 > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  .form-module .form-wrapper header h1 > span {
    max-width: unset;
  }
}
.form-module .form-wrapper header h1 > span:after,
.form-module .form-wrapper header h1 > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
.form-module .form-wrapper header h1 > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
.form-module .form-wrapper header h1 > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
.form-module .form-wrapper header p {
  line-height: 1.5;
  text-align: center;
}
.form-module .form-wrapper header :first-child {
  margin-top: 0;
}
.form-module .form-wrapper header :last-child {
  margin-bottom: 0;
}
.form-module .form-wrapper header > p {
  text-align: left !important;
}
.form-module .form-wrapper header h1,
.form-module .form-wrapper header h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  color: #d1cdbc !important;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  text-transform: none;
}
.form-module .form-wrapper header h1 + blockquote,
.form-module .form-wrapper header h1 + dl,
.form-module .form-wrapper header h1 + ol,
.form-module .form-wrapper header h1 + p,
.form-module .form-wrapper header h1 + ul,
.form-module .form-wrapper header h2 + blockquote,
.form-module .form-wrapper header h2 + dl,
.form-module .form-wrapper header h2 + ol,
.form-module .form-wrapper header h2 + p,
.form-module .form-wrapper header h2 + ul {
  margin-top: 8px;
}
.form-module .form-wrapper header h1,
.form-module .form-wrapper header h2 {
  color: #bca783;
  font-size: 24px;
}
@media (min-width: 768px) {
  .form-module .form-wrapper header h1,
  .form-module .form-wrapper header h2 {
    font-size: 28px;
  }
}
.form-module .form-wrapper header h1 > span:after,
.form-module .form-wrapper header h1 > span:before,
.form-module .form-wrapper header h2 > span:after,
.form-module .form-wrapper header h2 > span:before {
  content: normal;
}
.form-module .form-wrapper header h1 > span,
.form-module .form-wrapper header h2 > span {
  display: inline-block;
}
.form-module .form-wrapper .intro {
  border: 1px solid hsla(47, 16%, 55%, 0.2);
  font-size: 18px;
  padding: 24px;
}
.form-module .form-wrapper .text-link,
.form-module .form-wrapper a {
  color: #d1cdbc;
}
@media (hover: hover) {
  .form-module .form-wrapper .text-link:hover,
  .form-module .form-wrapper a:hover {
    color: #dd9f38;
  }
}
@media (min-width: 768px) {
  .form-module .signIn {
    max-width: 570px;
  }
}
.form-module form {
  margin-top: 32px;
}
.form-module form .error-banner {
  align-items: center;
  background-color: rgba(136, 52, 54, 0.28);
  border: 1px solid #883436;
  border-radius: 5px;
  color: #d1cdbc;
  display: flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  justify-content: flex-start;
  padding: 16px 24px;
  z-index: 1;
}
.form-module form .error-banner:before {
  background: rgba(111, 42, 44, 0.9);
  border-radius: 17px;
  color: #fff;
  content: "\e904";
  flex-shrink: 0;
  font-size: 22px;
  height: 34px;
  line-height: 34px;
  margin-right: 16px;
  text-align: center;
  width: 34px;
}
.form-module form .recaptchaHolder {
  text-align: center;
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"] {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:after,
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:before {
  display: inline-block;
  position: relative;
}
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:before {
  margin-right: 8px;
}
.form-module
  form
  .recaptchaHolder
  button[data-layer-trigger="signup"]
  > span:after {
  margin-left: 8px;
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"] {
  background: radial-gradient(ellipse, #eae3d7 0, #ccbc8f 100%);
  border: 1px solid #291d16;
  box-shadow: none;
  color: #291d16;
  margin-left: var(--button-primary-ornament-width);
  margin-right: var(--button-primary-ornament-width);
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"] > span {
  z-index: 1;
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"]:after,
.form-module form .recaptchaHolder button[data-layer-trigger="signup"]:before {
  aspect-ratio: 46/55;
  background: 50% / contain no-repeat url(../images/svgs/button-primary-end-cap.svg);
  content: "";
  height: auto;
  position: absolute;
  top: 50%;
  width: var(--button-primary-ornament-width);
  z-index: 1;
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"]:before {
  right: calc(100% + 1px);
  transform: translateY(-50%);
}
.form-module form .recaptchaHolder button[data-layer-trigger="signup"]:after {
  left: calc(100% + 1px);
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) {
  .form-module form .recaptchaHolder button[data-layer-trigger="signup"]:hover {
    background: radial-gradient(ellipse, #eae3d7 66%, #eae3d7 105%);
    box-shadow: none;
    color: #291d16;
  }
}
.form-module .marketing-opt-in p {
  margin: 0;
}
.form-module .dob-controls {
  display: flex;
  flex-direction: row;
  margin: 0 -8px;
}
.form-module .dob-controls > .form-control-wrapper {
  flex-basis: calc(20% - 16px);
  flex-grow: 1;
  margin: 0 8px;
}
.form-module .dob-controls > .form-control-wrapper.year {
  flex-grow: 2;
}
.form-module .dob-controls > .form-control-wrapper label {
  display: block;
  font-size: 0.8rem;
  text-align: left;
}
.form-module .dob-controls > .form-control-wrapper input::-moz-placeholder {
  color: #000;
}
.form-module .dob-controls > .form-control-wrapper input::placeholder {
  color: #000;
}
.form-module .dob-controls > .form-control-wrapper .form-control {
  margin-bottom: 4px;
  margin-top: 4px;
}
.form-module .dob-controls + .description {
  margin-top: 4px;
}
.form-module .leaf-svg {
  text-align: center;
}
@media (min-width: 768px) {
  .signin {
    max-width: 570px !important;
  }
}
.card.interlocking-feature {
  align-content: start;
  align-items: start;
  background: transparent;
  border: none;
  display: grid;
  gap: 48px 40px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  justify-items: start;
  margin: 0 auto;
  max-width: 1470px;
}
@media (min-width: 768px) {
  .card.interlocking-feature {
    align-content: center;
    align-items: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: min-content;
    justify-content: center;
    row-gap: 0;
  }
}
@media (min-width: 1280px) {
  .card.interlocking-feature {
    -moz-column-gap: 56px;
    column-gap: 56px;
    grid-template-columns: minmax(0, 1fr) 59.0476190476%;
  }
}
.card.interlocking-feature,
.card.interlocking-feature * {
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.card.interlocking-feature header {
  margin: 0;
  max-width: unset;
}
@media (min-width: 768px) {
  .card.interlocking-feature header {
    align-self: end;
    margin: 0;
  }
}
.card.interlocking-feature header h2 {
  text-transform: capitalize;
}
.card.interlocking-feature header .intro {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  color: #d1cdbc;
  color: #dd9f38;
  color: #bca783;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 8px;
}
.card.interlocking-feature header .intro + blockquote,
.card.interlocking-feature header .intro + dl,
.card.interlocking-feature header .intro + ol,
.card.interlocking-feature header .intro + p,
.card.interlocking-feature header .intro + ul {
  margin-top: 8px;
}
.card.interlocking-feature header .intro {
  font-size: 18px;
}
.card.interlocking-feature figure {
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.card.interlocking-feature figure img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .card.interlocking-feature figure {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: stretch;
    margin: 0;
  }
  .card.interlocking-feature .content {
    align-self: start;
    margin-top: 14px;
  }
}
.card.interlocking-feature .ctas {
  justify-content: flex-start;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .card.interlocking-feature .content,
  .card.interlocking-feature header {
    grid-column: 1/2;
  }
}
.card.interlocking-feature .content h2,
.card.interlocking-feature header h2 {
  justify-content: left;
}
.card.interlocking-feature .content h2,
.card.interlocking-feature .content p,
.card.interlocking-feature header h2,
.card.interlocking-feature header p {
  text-align: left;
}
.card.interlocking-feature .yt-player-wrapper {
  aspect-ratio: 560/315;
  border-radius: 5px;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.card.interlocking-feature .yt-player-wrapper > iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[data-component="modal-ui"] dialog {
  background-color: #342b1e;
  border: none;
  border-radius: 5px;
  color: #d1cdbc;
  padding: 0;
}
@media (min-width: 990px) {
  [data-component="modal-ui"] dialog {
    max-width: 868px;
  }
}
[data-component="modal-ui"] dialog::backdrop {
  background-color: rgba(20, 14, 11, 0.75);
}
[data-component="modal-ui"] dialog > .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content;
  grid-template-rows: auto min-content;
  padding: 32px;
}
[data-component="modal-ui"] dialog > .inner .title {
  align-self: end;
  grid-column: 1/2;
  grid-row: 1/2;
}
[data-component="modal-ui"] dialog > .inner .content {
  grid-column: 1/3;
  grid-row: 2/3;
}
[data-component="modal-ui"] dialog > .inner button.close {
  align-self: start;
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: end;
}
[data-component="modal-ui"] dialog h2.title {
  color: #d1cdbc;
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-component="modal-ui"] dialog h2.title {
    font-size: 28px;
    line-height: 1.5;
  }
}
[data-component="modal-ui"] dialog button.close {
  background: none;
  border: none;
  color: #d1cdbc;
  padding: 0;
  transform: translate(14px, -13px);
  transition: color 0.1s ease-out;
  z-index: 2;
}
[data-component="modal-ui"] dialog button.close > span {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}
[data-component="modal-ui"] dialog button.close:after {
  color: #d1cdbc;
  content: "\e904";
  display: inline-block;
  font-size: 25px;
  margin-left: 5px;
}
@media (hover: hover) {
  [data-component="modal-ui"] dialog button.close:hover,
  [data-component="modal-ui"] dialog button.close:hover:after {
    color: #fff;
  }
}
[data-component="modal-ui"] dialog .content {
  margin: 8px 0 0;
}
[data-component="modal-ui"] dialog .content > :first-child {
  margin-top: 0;
}
[data-component="modal-ui"] dialog .content > :last-child {
  margin-bottom: 0;
}
header[data-component="ornate-header"] {
  max-width: 343px;
}
@media (min-width: 768px) {
  header[data-component="ornate-header"] {
    max-width: 709px;
  }
}
@media (min-width: 990px) {
  header[data-component="ornate-header"] {
    max-width: 885px;
  }
}
header[data-component="ornate-header"] {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
header[data-component="ornate-header"] > :first-child {
  margin-top: 0;
}
header[data-component="ornate-header"] > :last-child {
  margin-bottom: 0;
}
header[data-component="ornate-header"] .section-title {
  color: #dd9f38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  text-transform: none;
}
header[data-component="ornate-header"] .section-title > span {
  display: inline-block;
  max-width: calc(100% - 96px);
  position: relative;
}
@media (min-width: 990px) {
  header[data-component="ornate-header"] .section-title > span {
    max-width: unset;
  }
}
header[data-component="ornate-header"] .section-title > span:after,
header[data-component="ornate-header"] .section-title > span:before {
  aspect-ratio: 1/1;
  background: 50% / contain no-repeat url(../images/svgs/title-leaf.svg);
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 1;
}
header[data-component="ornate-header"] .section-title > span:before {
  margin-right: 16px;
  right: 100%;
  transform: translateY(-50%);
}
header[data-component="ornate-header"] .section-title > span:after {
  left: 100%;
  margin-left: 16px;
  transform: translateY(-50%) scaleX(-1);
}
header[data-component="ornate-header"] p {
  line-height: 1.5;
  text-align: center;
}
.pagination ul,
[data-component-pagination-ui] ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  margin: 0 -24px;
  padding: 0;
}
.pagination ul li,
[data-component-pagination-ui] ul li {
  flex-grow: 0;
  margin: 0 24px;
}
.pagination ul li:first-child a,
.pagination ul li:last-child a,
[data-component-pagination-ui] ul li:first-child a,
[data-component-pagination-ui] ul li:last-child a {
  font-size: 24px;
}
.pagination a,
[data-component-pagination-ui] a {
  color: #dd9f38;
  display: block;
  font-family: "Noto Serif", serif;
  font-size: 16px;
  position: relative;
  text-decoration: none;
}
.pagination a[href],
[data-component-pagination-ui] a[href] {
  color: #bca783;
  cursor: pointer;
}
@media (hover: hover) {
  .pagination a[href]:hover,
  [data-component-pagination-ui] a[href]:hover {
    color: #dd9f38;
  }
}
.pagination a.current,
[data-component-pagination-ui] a.current {
  color: #dd9f38;
  font-weight: 700;
}
.pagination a[class*="pagination-"],
[data-component-pagination-ui] a[class*="pagination-"] {
  color: #bca783;
  cursor: default;
  opacity: 0.5;
}
.pagination a[class*="pagination-"]:before,
[data-component-pagination-ui] a[class*="pagination-"]:before {
  font-size: 1.25rem;
}
.pagination a[class*="pagination-"] span,
[data-component-pagination-ui] a[class*="pagination-"] span {
  height: 1px;
  left: -999em;
  opacity: 0.1;
  position: absolute;
  top: -999em;
  width: 1px;
}
.pagination a[class*="pagination-"][href],
[data-component-pagination-ui] a[class*="pagination-"][href] {
  cursor: pointer;
  opacity: 1;
}
.pagination a.pagination-previous:before,
[data-component-pagination-ui] a.pagination-previous:before {
  content: "\e922";
}
.pagination a.pagination-next:before,
[data-component-pagination-ui] a.pagination-next:before {
  content: "\e923";
}
.pagination .register,
[data-component-pagination-ui] .register {
  color: #bca783;
  margin-bottom: 0;
  margin-top: 24px;
  text-align: center;
}
section[data-component="standalone-video"] .layout > figure {
  border-radius: 5px;
  margin-top: 32px;
  overflow: hidden;
  position: relative;
}
section[data-component="standalone-video"] .layout > figure .custom.play {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
section[data-component="standalone-video"] iframe[src*="youtu.be"],
section[data-component="standalone-video"] iframe[src*="youtube.com"] {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  width: 100%;
}
[data-component^="tabbed-ui"] .tabs [role="tablist"] {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  border-bottom: 1px solid #a5a49c;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  overflow-x: auto;
  padding: 0;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 1280px) {
  [data-component^="tabbed-ui"] .tabs [role="tablist"] {
    justify-content: space-between;
  }
}
[data-component^="tabbed-ui"] .tabs [role="tablist"]::-webkit-scrollbar {
  display: none;
}
[data-component^="tabbed-ui"] .tabs [data-tab-id] {
  background: none;
  border: none;
  color: #a5a49c;
  display: block;
  font-family: Spectral SC, "Noto Serif", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  padding: 24px;
  position: relative;
  text-transform: capitalize;
}
[data-component^="tabbed-ui"] .tabs [data-tab-id]:after {
  border-top: 4px solid transparent;
  bottom: -2px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
[data-component^="tabbed-ui"] .tabs [data-tab-id].active {
  color: #d8c38a;
}
[data-component^="tabbed-ui"] .tabs [data-tab-id].active:after {
  border-color: #d8c38a;
}
[data-component^="tabbed-ui"] .tab-content [data-content-id] {
  display: none;
}
[data-component^="tabbed-ui"] .tab-content [data-content-id].active {
  display: block;
}
.tag,
[data-component-tag] {
  background-color: #bca783;
  border-radius: 5px;
  color: #000;
  display: block;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  padding: 4px 8px;
  text-align: center;
}
.tag.small,
[data-component-tag].small {
  background-color: #2d2d2d;
  border-radius: 5px;
  color: #d1cdbc;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
[data-component-title-text-box] {
  background-color: rgba(48, 40, 28, 0.5);
  border-radius: 5px;
  margin: 16px auto;
  padding: 32px;
}
[data-component-title-text-box] .h1,
[data-component-title-text-box] .h2,
[data-component-title-text-box] .h3,
[data-component-title-text-box] .h4,
[data-component-title-text-box] .h5,
[data-component-title-text-box] .h6,
[data-component-title-text-box] h1,
[data-component-title-text-box] h2,
[data-component-title-text-box] h3,
[data-component-title-text-box] h4,
[data-component-title-text-box] h5,
[data-component-title-text-box] h6 {
  margin-bottom: 0;
}
[data-component-title-text-box] .h1 + *,
[data-component-title-text-box] .h2 + *,
[data-component-title-text-box] .h3 + *,
[data-component-title-text-box] .h4 + *,
[data-component-title-text-box] .h5 + *,
[data-component-title-text-box] .h6 + *,
[data-component-title-text-box] h1 + *,
[data-component-title-text-box] h2 + *,
[data-component-title-text-box] h3 + *,
[data-component-title-text-box] h4 + *,
[data-component-title-text-box] h5 + *,
[data-component-title-text-box] h6 + * {
  margin-top: 16px;
}
[data-component-title-text-box],
[data-component-title-text-box] .h1,
[data-component-title-text-box] .h2,
[data-component-title-text-box] .h3,
[data-component-title-text-box] .h4,
[data-component-title-text-box] .h5,
[data-component-title-text-box] .h6,
[data-component-title-text-box] h1,
[data-component-title-text-box] h2,
[data-component-title-text-box] h3,
[data-component-title-text-box] h4,
[data-component-title-text-box] h5,
[data-component-title-text-box] h6,
[data-component-title-text-box] p {
  color: #d1cdbc;
}
[data-component-title-text-box] > :first-child {
  margin-top: 0;
}
[data-component-title-text-box] > :last-child {
  margin-bottom: 0;
}

.logo-big-welcome {
    background-image: url(../images/logo_big.png);
    height: 100px;
    width: 270px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 16px;
    max-width: 270px;
    position: relative;
}

.logo-big-navbar {
	background-image: url(../images/logo_big.png);
    height: 100px;
    width: 270px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 16px;
    max-width: 270px;
    position: relative;
    margin-top: 20px;
}

.nme-panel-ranking {
    height: 815px;
    width: 100%;
    box-shadow: 0 0 black;
    border-radius: 20px;
    text-align: center;
    padding: 30px;
    color: #7a7a7a;
    font-size: 15px;
    min-height: 500px;
}

.ranking-new {
	max-width: 1920px !important;
}

.outcast {color:#FF0000;}
.blight {color:#E30000;}
.reckless {color:#EB5300;}
.misfit {color:#CF7500;}
.neutral {color:#FFFFFF;}
.protector {color:#9B9BFF;}
.guardian {color:#5C6EFF;}
.disciple {color:#0090FF;}
.knight {color:#00CCFF;}

@media (min-width: 720px) {
    .CharacterHeader-logoArea {
        display: block;
    }
}

.CharacterHeader-logoArea {
    vertical-align: middle;
    height: 100%;

}

.CharacterHeader-logo.Logo--alliance, .CharacterHeader-logo.Logo--horde {
    margin-right: 20px;
}

.Logo--horde.Logo--smaller {
    position: relative;
    width: 100px;
}
.Logo--horde {
    position: relative;
    width: 232.5px;
}
.Logo {
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.Logo--horde.Logo--smaller::before {
    content: '';
    display: block;
    padding-top: 50.032258%;
}

.Logo--horde::before {
    content: '';
    display: block;
    padding-top: 50.032258%;
}

.CharacterHeader-nameArea {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

@media (min-width: 540px) {
    .CharacterHeader .CharacterHeader-nameTitle {
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.CharacterHeader--WARRIOR .CharacterHeader-name {
    color: #c69b6d;
}

.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 720px) {
    .CharacterHeader-name {
		font-size: 1.35rem;
    }
}
.CharacterHeader-name {
    font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.5;
    line-height: 1em;
}
.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}

.CharacterHeader-info {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.padding-top-medium {
    padding-top: 0px !important;
}

.padding-bottom-small {
    padding-bottom: 10px !important;
}

@media (min-width: 540px) {
    .CharacterHeader {
        display: table;
        position: relative;
    }
}
.padding-bottom-small {
    padding-bottom: 10px !important;
}

@media (min-width: 720px) {
    .CharacterHeader-links {
        font-size: 1.4688rem;
    }
}
.CharacterHeader-links {
    display: table;
    position: relative;
    font-size: 1.296rem;
    line-height: 1.5;
    color: #f8b700;
    margin: -10px;
}

.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}
.CharacterHeader-links > * {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 10px;
}
.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}

.CharacterHeader-media {
    text-transform: uppercase;
}
.Media {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.CharacterHeader-media .Media-image {
    padding-right: 4px;
}
.Media--tiny .Media-image, .Media--tiny .Media-icon, .Media--tiny .Icon-svg {
    width: 16px;
    height: 16px;
}
.Media-image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}

.Media--flush .Media-text {
    padding: 0;
}
.Media-text {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}

.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}

.CharacterHeader-links > * {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 10px;
}
.hover-white {
    transition: 0.25s all 0scubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width: 720px) {
    .CharacterHeader-details {
        font-size: 1.02rem;
    }
}

.CharacterHeader-details {
    font-size: 1rem;
    line-height: 1.5;
}

.CharacterHeader-detail {
    display: inline-block;
}

.margin-right-xSmall {
    margin-right: 5px !important;
}
.margin-right-xSmall {
    margin-right: 5px !important;
}

.CharacterHeader-logo.Logo--alliance, .CharacterHeader-logo.Logo--horde {
    margin-right: 20px;
}
.Logo--horde {
    position: relative;
    width: 232.5px;
}
.Logo {
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.jinno-armory {
	background-image: url(../images/flag_jinno.png);
}
.shinsoo-armory {
	background-image: url(../images/flag_shinsoo.png);
}



main.trailer-armory:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 65%;
    width: 361px;
    height: 525px;
    background: url(../images/bg-render-trailer-armory.png) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.193_map {
	color: #fff;
}
.41_map {
	color: #fff;
}
.43_map {
	color: #fff;
}

.any_other_map {
	color: #fff;
}

.Divider--opaque {
    background: rgba(255, 255, 255, 0.25);
}

.Divider--thin {
    height: 1px;
}

.Divider {
    height: 4px;
    width: 100%;
    background-color: rgb(0, 0, 0);
    position: relative;
    pointer-events: none;
    margin: 0px auto;
}

.Grid--gutters {
    margin: -10px;
}

.Grid {
    box-sizing: border-box;
}

.Grid::before, .Grid::after {
    content: "";
    display: table;
    clear: both;
}

.Grid-1of2 {
    clear: none;
    float: left;
    width: 50%;
}

.Grid > *, .Grid-col, .Grid-full {
    width: 100%;
    clear: both;
    position: relative;
}

.CharacterStat {
    display: flex;
}

.ControlledModalToggle {
    cursor: pointer;
}

.color-stat-HEALTH {
    color: #27cc4e;
}

.Media-image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}

.Icon {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
}

.Media-icon {
    display: inline-block;
}

.Media {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.Icon-svg:not(.Icon--color) {
    fill: currentcolor;
}

svg:not(:root) {
    overflow: hidden;
}

.Icon-svg {
    position: relative;
    display: inline-block;
    top: -1px;
    vertical-align: middle;
    width: 64px;
    height: 64px;
}

.Media-text {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 10px;
}

.CharacterStat-name {
	font-size: 1rem;
    line-height: 1.5;
    color: #c0a288;
    text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
    font-weight: 700;
    text-transform: uppercase;
}

.profile{
    background-position: top center;
    background-repeat: no-repeat;
    width: 280px;
    height: 450px;
    background-size: contain;
    display: inline-block;
}

.profile_warrior_m{ background-image: url(../images/profile/warrior_m.png);}

.profile_warrior_w{ background-image: url(../images/profile/warrior_w.png);}

.profile_ninja_m{ background-image: url(../images/profile/ninja_m.png);}

.profile_ninja_w{ background-image: url(../images/profile/ninja_w.png);}

.profile_sura_m{ background-image: url(../images/profile/sura_m.png);}

.profile_sura_w{ background-image: url(../images/profile/sura_w.png);}

.profile_shaman_m{ background-image: url(../images/profile/shaman_m.png);}

.profile_shaman_w{ background-image: url(../images/profile/shaman_w.png);}

.profile_wolfman{ background-image: url(../images/profile/wolfman.png);}

.nme-panel-armory {
    text-align: center;
    padding: 30px;
}

.nme-21 {
	color: #a8a8a8;
	margin-top: 5px;
}

/* Web Admin Messages */
.well-admin {
    background-color: rgb(37 28 48 / 50%);
    border-left: 4px solid blue;
    padding: 10px;
    border-color: #1d1327;
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 15px;
    border-left-style: solid;
    border-left-color: mediumpurple;
    border-left-width: 5px;
}

/* Regular User Messages */
.well-user {
	background-color: rgb(37 28 48 / 50%);
    border-left: 4px solid blue;
    padding: 10px;
    border-color: #1d1327;
	border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 15px;
}

/* Aligns message sender and timestamp properly */
.well p {
    margin-bottom: 5px;
    font-size: 14px;
}

/* Styling for the sender name */
.well strong {
	font-size: 16px;
    color: #d1cdad;
    text-transform: capitalize;
}

.well-admin strong {
	font-size: 16px;
    color: mediumpurple;
    text-transform: capitalize;
}

/* Styling for the timestamp */
.well span {
    font-size: 12px;
    color: gray;
}

.ticket-return {
	text-decoration: none !important;
    margin-bottom: 10px;
    margin-left: 20px;
}

.ticket-return:hover {
    text-decoration: none !important;
}

.payment-nme {
	background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 108px;
	margin-right: 20px;
}

.paypal {background-image: url(../images/paypal.png);}

.dedipass {background-image: url(../images/dedipass.png);}
/*# sourceMappingURL=styles.css.map*/