a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ol {
  color: unset;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  text-align: inherit;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 50%;
}

body {
  background: #fff;
  color: #19171c;
  line-height: 2rem;
}

/* .tw-root--theme-dark body,
body {
  font-family: Amazon Ember, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
}

.tw-root--theme-dark body {
  background: #201c2b;
  color: #dad8de;
}

.tw-root--theme-light body {
  background: #fff;
  color: #19171c;
  font-family: Amazon Ember, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
} */

.ZhrIYDpnh body {
  background: #0b0418;
  color: #c2bcd3;
  font-family: Amazon Ember, Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
}

img {
  border: none;
  max-width: 100%;
  vertical-align: top;
}

a {
  color: #6441a4;
  text-decoration: none;
}

/* .tw-root--theme-dark a {
  color: #b19dd8;
}

.tw-root--theme-light a {
  color: #6441a4;
} */

.ZhrIYDpnh a {
  color: #42aaff;
}

a:hover {
  color: #6441a4;
  /* text-decoration: underline; */
}

/* .tw-root--theme-dark a:hover {
  color: #b19dd8;
}

.tw-root--theme-light a:hover {
  color: #6441a4;
} */

.ZhrIYDpnh a:hover {
  color: #42aaff;
}

li {
  list-style-position: inside;
}

.tw-root--theme-dark strong,
.ZhrIYDpnh strong,
.tw-root--theme-light strong,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

button {
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font: inherit;
}

button:hover {
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="text"]::-ms-clear {
  display: none;
}

hr {
  border: none;
}

body,
html {
  line-height: 1.5;
}

h1 {
  line-height: 1.2;
}

.tw-root--theme-dark h1,
.tw-root--theme-light h1,
h1 {
  font-size: 5rem;
}

.ZhrIYDpnh h1 {
  font-size: 4.25rem;
}

h2 {
  line-height: 1.2;
}

.tw-root--theme-dark h2,
.ZhrIYDpnh h2,
.tw-root--theme-light h2,
h2 {
  font-size: 3.5rem;
}

h3 {
  line-height: 1.2;
}

.tw-root--theme-dark h3,
.tw-root--theme-light h3,
h3 {
  font-size: 3rem;
}

.ZhrIYDpnh h3 {
  font-size: 2.75rem;
}

h4 {
  line-height: 1.5;
}

.tw-root--theme-dark h4,
.tw-root--theme-light h4,
h4 {
  font-size: 2rem;
}

.ZhrIYDpnh h4 {
  font-size: 2.25rem;
}

h5 {
  line-height: 1.5;
}

.tw-root--theme-dark h5,
.tw-root--theme-light h5,
h5 {
  font-size: 1.75rem;
}

.ZhrIYDpnh h5 {
  font-size: 2rem;
}

h6 {
  line-height: 1.5;
}

.tw-root--theme-dark h6,
.tw-root--theme-light h6,
h6 {
  font-size: 1.5rem;
}

.ZhrIYDpnh h6 {
  font-size: 1.75rem;
}

p {
  line-height: 1.5;
}

.tw-root--theme-dark p,
.tw-root--theme-light p,
p {
  font-size: 1.5rem;
}

.ZhrIYDpnh p {
  font-size: 1.75rem;
}

.AakFfKUX {
  border-bottom: var(--sm-border-width) solid var(--sm-color-border) !important;
}

.hhwGfVjm {
  margin: 0 auto;
}

.JZPNV img {
  max-height: 100%;
}

.JZPNV a {
  color: #6441a4;
  margin-bottom: -0.5rem;
}

.tw-root--theme-dark .JZPNV a {
  color: #fff;
}

.tw-root--theme-light .JZPNV a {
  color: #6441a4;
}

.aAhgxdjq {
  min-height: 7rem;
}

.twitch-prime-top-nav__breadcrumb figure {
  margin-top: 0.55rem;
}

.wjaRov {
  margin-bottom: -8rem;
  max-width: 100%;
}

.nlnaMtQMR {
  max-width: 200rem;
}

.nZNQAO {
  margin-bottom: 0;
}

.ZhrIYDpnh .carousel-shoveler__container .carousel-shoveler-pagination-bullet {
  background-color: #c2bcd3;
}

.ZhrIYDpnh
  .carousel-shoveler__container
  .carousel-shoveler-pagination-bullet-active {
  background-color: #fff;
}

.carousel-shoveler__item--filler {
  opacity: 0;
  visibility: hidden;
}

.item-card-badges svg {
  padding-top: 0.35rem;
}

.item-card-badges .sm-badge--free-game {
  background-color: #004b7d;
}

.item-card-details {
  min-height: 18.25rem;
}

.item-card-details__increased-min-height {
  min-height: 20rem !important;
}

.Ednite {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer {
  background: #17141f;
  color: #afacb7 !important;
  width: 100vw;
}

.OPCOVDB {
  border-radius: var(--sm-border-radius-medium) !important;
}

.XQurouWb {
  border-radius: var(--sm-border-radius-extra-extra-large) !important;
}

.PgOqdg {
  border-top-left-radius: var(--sm-border-radius-extra-extra-large) !important;
}

.JzrfhOX {
  border-top-right-radius: var(--sm-border-radius-extra-extra-large) !important;
}

.ZMEEGWo {
  border-bottom-right-radius: var(
    --sm-border-radius-extra-extra-large
  ) !important;
}

.Eeqr {
  border-bottom-left-radius: var(
    --sm-border-radius-extra-extra-large
  ) !important;
}

.zCLXQ {
  border-radius: var(--sm-border-radius-pill) !important;
}

.QhMwXqWU {
  background-color: var(--sm-color-background-base) !important;
}

.uDoZFnVa {
  color: var(--sm-color-text-base) !important;
}

.ZxDoLNCM {
  color: var(--sm-color-text-alt-2) !important;
}

.fLocupVp {
  color: var(--sm-color-text-white) !important;
}

.OYXgCLI {
  color: var(--sm-color-text-overlay) !important;
}

.zSaOMqdOlW {
  background-color: var(--sm-color-background-free-game) !important;
}

.MmSNOlELdQ {
  position: relative !important;
}

.aDTPJwwXGk {
  position: absolute !important;
}

.hdGisyn {
  top: 0 !important;
}

.pdsFaVL {
  right: 0 !important;
}

.uNopynrV {
  bottom: 0 !important;
}

.ZeKUfSeLrh {
  left: 0 !important;
}

.tnjhsgqmx {
  z-index: 10 !important;
}

.wJDFaX {
  z-index: 1 !important;
}

.tHvKY {
  padding-top: 1rem !important;
}

.BmaYltWxpo {
  padding-right: 1rem !important;
}

.kRZnzSWI {
  padding-bottom: 2rem !important;
}

.QYIKSXI {
  padding-bottom: 3rem !important;
}

.PAwq {
  padding-left: 6rem !important;
}

.lphsGP {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.GaVFqkn {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.jYPIDWc {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.LAtY {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.gnIi {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.pwKgTchSBI {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.NOgE {
  margin-top: 1rem !important;
}

.pVtPsdACA {
  margin-top: 2rem !important;
}

.qLZwMiG {
  margin-top: 4rem !important;
}

.uifdcBRUWU {
  margin-right: 0.5rem !important;
}

.fcQUiabdw {
  margin-bottom: 1rem !important;
}

.VjamuqUs {
  margin-bottom: 2rem !important;
}

.jnMkXNh {
  margin-bottom: 3rem !important;
}

.SkSma {
  margin-bottom: 4rem !important;
}

.AlXZrJNtm {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

.KDAXZiyRc {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.TMdLnHNNiQ {
  margin-left: auto !important;
  margin-right: auto !important;
}

.duasnZTV {
  font-family: Amazon Ember, Helvetica, Arial, sans-serif !important;
}

.QLMdgG,
.tw-root--theme-dark .QLMdgG,
.tw-root--theme-light .QLMdgG {
  font-size: 3rem !important;
}

.ZhrIYDpnh .QLMdgG {
  font-size: 2.75rem !important;
}

.tMsqkg,
.tw-root--theme-dark .tMsqkg,
.tw-root--theme-light .tMsqkg {
  font-size: 2rem !important;
}

.ZhrIYDpnh .tMsqkg {
  font-size: 2.25rem !important;
}

.uJtlrGb,
.tw-root--theme-dark .uJtlrGb,
.tw-root--theme-light .uJtlrGb {
  font-size: 1.75rem !important;
}

.ZhrIYDpnh .uJtlrGb {
  font-size: 2rem !important;
}

.iKENZk,
.tw-root--theme-dark .iKENZk,
.tw-root--theme-light .iKENZk {
  font-size: 1.5rem !important;
}

.ZhrIYDpnh .iKENZk {
  font-size: 1.75rem !important;
}

.uJaigRdQ,
.tw-root--theme-dark .uJaigRdQ,
.tw-root--theme-light .uJaigRdQ {
  font-size: 1.375rem !important;
}

.ZhrIYDpnh .uJaigRdQ {
  font-size: 1.5rem !important;
}

.lqcufyD {
  padding-left: 3rem !important;
}

.LWqVGV {
  text-align: center !important;
}

.WwAWuOlQ {
  font-weight: 400 !important;
}

.YZgyMKTyg {
  font-weight: 500 !important;
}

.ptdA {
  font-weight: 600 !important;
}

.rxNq {
  white-space: nowrap !important;
}

.SjSmg {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.XbFI {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.lJiHkbdHtX {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.lJiHkbdHtX,
.tw-flex-row {
  -webkit-box-direction: normal !important;
}

.mZPfl {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.pcOeEjGaFK {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.CvcN {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.LTsazVj {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.nyamXtuERO {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.UeZLhWv {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.nPEeJj {
  display: inline-block !important;
}

.mgmTleyWUt {
  display: block !important;
}

.kKCnrVpamW {
  overflow: hidden !important;
}

.tLvj {
  overflow: auto !important;
}

.gGaZXhp {
  width: 100% !important;
}
.gGaZXhps {
  width: 100%;
  height: 100%;
}

.YfexTd {
  /* height: 100% !important; */
}
.YfexTds {
  height: 100% !important;
}

.jixYCOuL {
  clip: rect(0 0 0 0);
  border: none;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}

.muHgGyrvl {
  background-color: #faf9fa;
  color: #19171c;
}

.tw-root--theme-dark .muHgGyrvl {
  background-color: #17141f;
  color: #dad8de;
}

.tw-root--theme-light .muHgGyrvl {
  background-color: #faf9fa;
  color: #19171c;
}

.ZhrIYDpnh .muHgGyrvl {
  background-color: #9146ff;
  color: #c2bcd3;
}

.muHgGyrvl .yvPkkJ {
  min-height: calc(100vh - 16.5rem);
}

.muHgGyrvl .prime-main--less-footer {
  min-height: calc(100vh - 13.5rem);
}

.muHgGyrvl .main-scrollable {
  max-height: 100vh;
}

.muHgGyrvl .main-scrollable .yvPkkJ {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.OEEIsmp {
  width: 100vw;
}

.ULHyGDCbB {
  background-color: rgba(33, 26, 44, 0.5);
}

.RpgpdsuDgW {
  z-index: 30;
}

@media screen and (min-width: 768px) {
  .HKqWsTiAny {
    padding-top: 2rem !important;
  }

  .qMWpgktl {
    padding-left: 2rem !important;
  }

  .TOPQh {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .LPnLv {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }

  .nglV {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .yRUVPx {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .yRUVPxss {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .HYpjuihcFY {
    margin-top: 0 !important;
  }

  .tnvhXxNG {
    margin-right: 1rem !important;
  }

  .VJkf {
    margin-bottom: 0 !important;
  }

  .kjBeKXuZIH {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .tw-root--theme-dark .BrxoMaKdEC,
  .ZhrIYDpnh .BrxoMaKdEC,
  .tw-root--theme-light .BrxoMaKdEC,
  .BrxoMaKdEC {
    font-size: 3.5rem !important;
  }
  .tw-root--theme-dark .DtQsi,
  .tw-root--theme-light .DtQsi,
  .DtQsi {
    font-size: 3rem !important;
  }
  .ZhrIYDpnh .DtQsi {
    font-size: 2.75rem !important;
  }
  .tw-root--theme-dark .JiZNzaWMTX,
  .tw-root--theme-light .JiZNzaWMTX,
  .JiZNzaWMTX {
    font-size: 1.75rem !important;
  }
  .ZhrIYDpnh .JiZNzaWMTX {
    font-size: 2rem !important;
  }
}

@media screen and (min-width: 1024px) {
  .wkhKjsdU {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .Khex {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .BlAvmQcL {
    margin-top: 2rem !important;
  }
  .CQnyLRMdt {
    margin-right: 2rem !important;
  }

  .xjIrxqv {
    margin-bottom: 0 !important;
  }

  .iJixk {
    margin-bottom: 4rem !important;
  }

  .JGoKlLH {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .aOVRjUvg,
  .tw-root--theme-dark .aOVRjUvg,
  .tw-root--theme-light .aOVRjUvg {
    font-size: 5rem !important;
  }
  .ZhrIYDpnh .aOVRjUvg {
    font-size: 4.25rem !important;
  }
  .qsotdFMA,
  .tw-root--theme-dark .qsotdFMA,
  .ZhrIYDpnh .qsotdFMA,
  .tw-root--theme-light .qsotdFMA {
    font-size: 3.5rem !important;
  }

  .xOktpQgG,
  .tw-root--theme-dark .xOktpQgG,
  .tw-root--theme-light .xOktpQgG {
    font-size: 2rem !important;
  }
  .ZhrIYDpnh .xOktpQgG {
    font-size: 2.25rem !important;
  }
  .VhZSKeVYOy,
  .tw-root--theme-dark .VhZSKeVYOy,
  .tw-root--theme-light .VhZSKeVYOy {
    font-size: 1.75rem !important;
  }
  .ZhrIYDpnh .VhZSKeVYOy {
    font-size: 2rem !important;
  }

  .LPDHqIn {
    display: block !important;
  }
}

@media screen and (min-width: 1200px) {
  .UsRWif {
    position: relative !important;
  }
  .giQyTbrzNz {
    position: absolute !important;
  }

  .rILJ {
    padding-bottom: 2rem !important;
  }

  .ybaKxAOuxh {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 1440px) {
  .UaYaJ {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1600px) {
  .XnUdsvYxvN {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .yRUVPxss {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
}

:root {
  --sm-color-background-body: #faf9fa;
  --sm-color-background-base: #fff;
  --sm-color-background-alt: #faf9fa;
  --sm-color-background-rebrand-alt: #faf9fa;
  --sm-color-background-alt-2: #efeef1;
  --sm-color-background-accent: #6441a4;
  --sm-color-background-accent-alt: #7d5bbe;
  --sm-color-background-accent-alt-2: #392e5c;
  --sm-color-background-elevation-1: transparent;
  --sm-color-background-elevation-2: transparent;
  --sm-color-background-elevation-3: transparent;
  --sm-color-background-nav: #262037;
  --sm-color-background-placeholder: rgba(0, 0, 0, 0.05);
  --sm-color-background-overlay-placeholder: hsla(0, 0%, 100%, 0.15);
  --sm-color-background-live: #ec1313;
  --sm-color-background-prime: #00a8e0;
  --sm-color-background-free-game: #071936;
  --sm-color-background-amazon: #f90;
  --sm-color-background-amazon-light: #f4c276;
  --sm-color-background-aga: #f1c555;
  --sm-color-background-badge: #382f48;
  --sm-color-background-badge-prime: #1a98ff;
  --sm-color-background-badge-error: #ff3d3d;
  --sm-color-background-badge-warning: #ffca63;
  --sm-color-background-badge-success: #6ac020;
  --sm-color-background-badge-ends-soon: #b40878;
  --sm-color-background-badge-new: #c05516;
  --sm-color-background-badge-coming-soon: #00818a;
  --sm-color-background-badge-free-game: #071936;
  --sm-color-background-faq: #392e5c;
  --sm-color-background-faq-open: #7d5bbe;
  --sm-color-background-button: #6441a4;
  --sm-color-background-button-opacity: opacity(60%);
  --sm-color-background-button-hover: #7d5bbe;
  --sm-color-background-button-focus: #7d5bbe;
  --sm-color-background-button-active: #6441a4;
  --sm-color-background-button-disabled: rgba(0, 0, 0, 0.05);
  --sm-color-background-button-prime: #00a8e0;
  --sm-color-background-button-prime-hover: #1bb9ee;
  --sm-color-background-button-prime-focus: #1bb9ee;
  --sm-color-background-button-prime-active: #00a8e0;
  --sm-color-background-button-twitch: #00a8e0;
  --sm-color-background-button-twitch-hover: #1bb9ee;
  --sm-color-background-button-twitch-focus: #1bb9ee;
  --sm-color-background-button-twitch-active: #00a8e0;
  --sm-color-background-button-amazon: linear-gradient(
    180deg,
    #f7dfa5,
    #f0c14b
  );
  --sm-color-background-button-amazon-hover: linear-gradient(
    180deg,
    #f5d78e,
    #eeb933
  );
  --sm-color-background-button-amazon-focus: linear-gradient(
    180deg,
    #f7dfa5,
    #f0c14b
  );
  --sm-color-background-button-amazon-active: #f0c14b;
  --sm-color-background-button-amazon-disabled: linear-gradient(
    180deg,
    scale(#f7dfa5, -40%),
    scale(#f0c14b, -40%)
  );
  --sm-color-background-button-aga: #f1c555;
  --sm-color-background-button-aga-hover: #f4ca76;
  --sm-color-background-button-aga-focus: #f4ca76;
  --sm-color-background-button-aga-active: #f1c555;
  --sm-color-background-button-hollow: transparent;
  --sm-color-background-button-hollow-hover: rgba(100, 65, 164, 0.05);
  --sm-color-background-button-hollow-focus: rgba(100, 65, 164, 0.05);
  --sm-color-background-button-hollow-active: transparent;
  --sm-color-background-button-hollow-alert: transparent;
  --sm-color-background-button-hollow-alert-hover: transparent;
  --sm-color-background-button-hollow-alert-focus: transparent;
  --sm-color-background-button-hollow-alert-active: transparent;
  --sm-color-background-button-hollow-warning: transparent;
  --sm-color-background-button-hollow-warning-hover: transparent;
  --sm-color-background-button-hollow-warning-focus: transparent;
  --sm-color-background-button-hollow-warning-active: transparent;
  --sm-color-background-button-success: #14b866;
  --sm-color-background-button-success-hover: #12a159;
  --sm-color-background-button-success-focus: #12a159;
  --sm-color-background-button-success-active: #14b866;
  --sm-color-background-button-alert: #ec1313;
  --sm-color-background-button-alert-hover: #bd0f0f;
  --sm-color-background-button-alert-focus: #bd0f0f;
  --sm-color-background-button-alert-active: #ec1313;
  --sm-color-background-button-overlay: transparent;
  --sm-color-background-button-overlay-hover: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-button-overlay-focus: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-button-overlay-active: hsla(0, 0%, 100%, 0.1);
  --sm-color-background-interactable: transparent;
  --sm-color-background-interactable-hover: #7d5bbe;
  --sm-color-background-interactable-active: #6441a4;
  --sm-color-background-interactable-selected: #d7cceb;
  --sm-color-background-input: #fff;
  --sm-color-background-input-checked: #7d5bbe;
  --sm-color-background-toggle: #b8b5c0;
  --sm-color-background-toggle-handle: #fff;
  --sm-color-background-toggle-hover: #a49fad;
  --sm-color-background-toggle-focus: #b19dd8;
  --sm-color-background-toggle-checked: #14b866;
  --sm-color-background-tooltip: #0e0c13;
  --sm-color-background-overlay: rgba(0, 0, 0, 0.6);
  --sm-color-background-progress: #dad8de;
  --sm-color-background-progress-status: #7d5bbe;
  --sm-color-background-progress-status-error: #ec1313;
  --sm-color-background-progress-status-caution: #ffb300;
  --sm-color-background-progress-status-success: #14b866;
  --sm-color-background-pill: #6e6779;
  --sm-color-background-pill-notification: #ec1313;
  --sm-color-background-modal-overlay: rgba(23, 20, 31, 0.6);
  --sm-color-rating-star: #ffa724;
  --sm-color-hover-rating-star: #ffd392;
  --sm-color-hover-focus-stroke-rating-star: rgba(255, 167, 36, 0.5);
  --sm-color-press-rating-star: #b37519;
  --sm-color-gradient-body: #faf9fa;
  --sm-color-gradient-none: transparent;
  --sm-color-gradient-base: #fff;
  --sm-color-shadow-button-amazon: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-hover: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-focus: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-active: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  --sm-color-text-base: #19171c;
  --sm-color-text-alt: #322f37;
  --sm-color-text-alt-2: #6e6779;
  --sm-color-text-accent-alt-2: #392e5c;
  --sm-color-text-link: #6441a4;
  --sm-color-text-link-hover: #6441a4;
  --sm-color-text-link-active: #6441a4;
  --sm-color-text-link-focus: #6441a4;
  --sm-color-text-link-visited: #6441a4;
  --sm-color-text-live: #ec1313;
  --sm-color-text-alert: #ec1313;
  --sm-color-text-alert-success: #3d9b17;
  --sm-color-text-prime: #00a8e0;
  --sm-color-text-inverted: #000;
  --sm-color-text-amazon: #f90;
  --sm-color-text-aga: #f1c555;
  --sm-color-text-white: #fff;
  --sm-color-text-black: #000;
  --sm-color-text-inherit: inherit;
  --sm-color-text-tab: #6441a4;
  --sm-color-text-tab-active: #0f0e11;
  --sm-color-text-button: #fff;
  --sm-color-text-button-hover: #fff;
  --sm-color-text-button-focus: #fff;
  --sm-color-text-button-active: #fff;
  --sm-color-text-button-disabled: #6e6779;
  --sm-color-text-button-twitch: #fff;
  --sm-color-text-button-twitch-hover: #fff;
  --sm-color-text-button-twitch-focus: #fff;
  --sm-color-text-button-twitch-active: #fff;
  --sm-color-text-button-twitch-disabled: #6e6779;
  --sm-color-text-button-prime: #fff;
  --sm-color-text-button-prime-hover: #fff;
  --sm-color-text-button-prime-focus: #fff;
  --sm-color-text-button-prime-active: #fff;
  --sm-color-text-button-prime-disabled: #6e6779;
  --sm-color-text-button-amazon: #000;
  --sm-color-text-button-amazon-hover: #000;
  --sm-color-text-button-amazon-focus: #000;
  --sm-color-text-button-amazon-active: #000;
  --sm-color-text-button-amazon-disabled: #6e6779;
  --sm-color-text-button-aga: #000;
  --sm-color-text-button-aga-hover: #000;
  --sm-color-text-button-aga-focus: #000;
  --sm-color-text-button-aga-active: #000;
  --sm-color-text-button-aga-disabled: #898395;
  --sm-color-text-button-secondary: #6e6779;
  --sm-color-text-button-secondary-hover: #a49fad;
  --sm-color-text-button-secondary-focus: #a49fad;
  --sm-color-text-button-secondary-active: #a49fad;
  --sm-color-text-button-hollow: #6441a4;
  --sm-color-text-button-hollow-hover: #2c2541;
  --sm-color-text-button-hollow-focus: #2c2541;
  --sm-color-text-button-hollow-active: #2c2541;
  --sm-color-text-button-hollow-alert: #ec1313;
  --sm-color-text-button-hollow-alert-hover: #a50d0d;
  --sm-color-text-button-hollow-alert-focus: #a50d0d;
  --sm-color-text-button-hollow-alert-active: #ec1313;
  --sm-color-text-button-hollow-warning: #ffb300;
  --sm-color-text-button-hollow-warning-hover: #b37d00;
  --sm-color-text-button-hollow-warning-focus: #b37d00;
  --sm-color-text-button-hollow-warning-active: #ffb300;
  --sm-color-text-button-success: #fff;
  --sm-color-text-button-success-hover: #fff;
  --sm-color-text-button-success-focus: #fff;
  --sm-color-text-button-success-active: #fff;
  --sm-color-text-button-alert: #fff;
  --sm-color-text-button-alert-hover: #fff;
  --sm-color-text-button-alert-focus: #fff;
  --sm-color-text-button-alert-active: #fff;
  --sm-color-text-button-overlay: #fff;
  --sm-color-text-button-overlay-hover: #fff;
  --sm-color-text-button-overlay-focus: #fff;
  --sm-color-text-button-overlay-active: #fff;
  --sm-color-text-button-overlay-disabled: hsla(0, 0%, 100%, 0.5);
  --sm-color-text-interactable: currentColor;
  --sm-color-text-interactable-hover: #fff;
  --sm-color-text-interactable-active: #fff;
  --sm-color-text-interactable-selected: currentColor;
  --sm-color-text-input: #433f4a;
  --sm-color-text-input-placeholder: #a49fad;
  --sm-color-text-input-checked-icon: #fff;
  --sm-color-text-input-search-cancel: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23433f4a%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");
  --sm-color-text-label: #19171c;
  --sm-color-text-label-optional: #6e6779;
  --sm-color-text-hint: #6e6779;
  --sm-color-text-toggle-checked-icon: #fff;
  --sm-color-text-error: #ec1313;
  --sm-color-text-tooltip: #fff;
  --sm-color-text-overlay: #faf9fa;
  --sm-color-text-overlay-alt: #dad8de;
  --sm-color-text-overlay-link: #b19dd8;
  --sm-color-text-overlay-link-hover: #b19dd8;
  --sm-color-text-overlay-link-active: #b19dd8;
  --sm-color-text-overlay-link-focus: #b19dd8;
  --sm-color-text-overlay-link-visited: #b19dd8;
  --sm-color-text-pill: #19171c;
  --sm-color-border: #dad8de;
  --sm-color-border-overlay: hsla(0, 0%, 100%, 0.25);
  --sm-color-border-brand: #6441a4;
  --sm-color-border-alert: #ec1313;
  --sm-color-border-error: #ec1313;
  --sm-color-border-tab: #dad8de;
  --sm-color-border-tab-hover: #6441a4;
  --sm-color-border-tab-focus: #6441a4;
  --sm-color-border-tab-active: #6441a4;
  --sm-color-border-button: #6441a4;
  --sm-color-border-button-hover: #7d5bbe;
  --sm-color-border-button-focus: #9a7fcc;
  --sm-color-border-button-active: #7d5bbe;
  --sm-color-border-button-disabled: rgba(0, 0, 0, 0.05);
  --sm-color-border-button-prime: #00a8e0;
  --sm-color-border-button-prime-hover: #1bb9ee;
  --sm-color-border-button-prime-focus: #46c2ec;
  --sm-color-border-button-prime-active: #1bb9ee;
  --sm-color-border-button-prime-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-border-button-twitch: #00a8e0;
  --sm-color-border-button-twitch-hover: #1bb9ee;
  --sm-color-border-button-twitch-focus: #46c2ec;
  --sm-color-border-button-twitch-active: #1bb9ee;
  --sm-color-border-button-twitch-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-border-button-amazon: #a88734 #9c7e31 #846a29;
  --sm-color-border-button-amazon-hover: #a88734 #9c7e31 #846a29;
  --sm-color-border-button-amazon-focus: #e77600;
  --sm-color-border-button-amazon-active: #a88734 #9c7e31 #9c7e31;
  --sm-color-border-button-amazon-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-border-button-aga: #f1c555;
  --sm-color-border-button-aga-hover: #f4ca76;
  --sm-color-border-button-aga-focus: #f7d092;
  --sm-color-border-button-aga-active: #f4ca76;
  --sm-color-border-button-aga-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-border-button-hollow: #b19dd8;
  --sm-color-border-button-hollow-hover: rgba(100, 65, 164, 0.5);
  --sm-color-border-button-hollow-focus: rgba(100, 65, 164, 0.5);
  --sm-color-border-button-hollow-active: rgba(100, 65, 164, 0.6);
  --sm-color-border-button-hollow-alert: #ec1313;
  --sm-color-border-button-hollow-alert-hover: #a50d0d;
  --sm-color-border-button-hollow-alert-focus: #a50d0d;
  --sm-color-border-button-hollow-alert-active: #ec1313;
  --sm-color-border-button-hollow-warning: #ffb300;
  --sm-color-border-button-hollow-warning-hover: #b37d00;
  --sm-color-border-button-hollow-warning-focus: #b37d00;
  --sm-color-border-button-hollow-warning-active: #ffb300;
  --sm-color-shadow-toggle: transparent;
  --sm-color-border-button-success: #14b866;
  --sm-color-border-button-success-hover: #14b866;
  --sm-color-border-button-success-focus: #14b866;
  --sm-color-border-button-success-active: #14b866;
  --sm-color-border-button-alert: #ec1313;
  --sm-color-border-button-alert-hover: #bd0f0f;
  --sm-color-border-button-alert-focus: #bd0f0f;
  --sm-color-border-button-alert-active: #ec1313;
  --sm-color-border-button-overlay: transparent;
  --sm-color-border-button-overlay-hover: transparent;
  --sm-color-border-button-overlay-focus: hsla(0, 0%, 100%, 0.3);
  --sm-color-border-button-overlay-active: hsla(0, 0%, 100%, 0.6);
  --sm-color-border-button-overlay-bordered: #fff;
  --sm-color-border-button-overlay-hollow: #fff;
  --sm-color-border-button-overlay-hollow-disabled: hsla(0, 0%, 100%, 0.5);
  --sm-color-border-input: #dad8de;
  --sm-color-border-input-focus: #7d5bbe;
  --sm-color-border-input-checked: #7d5bbe;
  --sm-color-border-input-error: #ec1313;
  --sm-color-border-interactable-selected: #6441a4;
  --sm-color-border-toggle: transparent;
  --sm-color-border-toggle-focus: #7d5bbe;
  --sm-color-border-spinner: rgba(0, 0, 0, 0.15);
  --sm-color-border-spinner-fill: #19171c;
  --sm-color-icon-input-checked: #fff;
  --sm-color-fill: #19171c;
  --sm-color-fill-current: currentColor;
  --sm-color-fill-alt: #322f37;
  --sm-color-fill-alt-2: #6e6779;
  --sm-color-fill-brand: #6441a4;
  --sm-color-fill-offline: #a49fad;
  --sm-color-fill-hosting: #ffea00;
  --sm-color-fill-live: #ec1313;
  --sm-color-fill-warn: #ffb300;
  --sm-color-fill-alert: #e00700;
  --sm-color-fill-success: #3d9b17;
  --sm-color-fill-info: #007ab8;
  --sm-color-fill-prime: #00a8e0;
  --sm-color-fill-twitch: #00a8e0;
  --sm-color-fill-amazon: #f90;
  --sm-color-fill-aga: #f1c555;
  --sm-color-fill-badge: hsla(0, 0%, 100%, 0.12);
  --sm-shadow-elevation-umbra: 0.1;
  --sm-shadow-elevation-penumbra: 0.02;
  --sm-shadow-elevation-ambient: 0.04;
  --sm-shadow-button-focus: 0 0 6px 0 #7d5bbe;
  --sm-shadow-button-active: 0 0 6px 0 #7d5bbe;
  --sm-shadow-button-disabled: none;
  --sm-shadow-button-overlay-focus: 0 0 6px 0 hsla(0, 0%, 100%, 0.3);
  --sm-shadow-button-overlay-active: 0 0 6px 0 hsla(0, 0%, 100%, 0.3);
  --sm-shadow-input: inset 0 0 0 1px #dad8de;
  --sm-shadow-input-error: 0 0 0 1px #ec1313;
  --sm-shadow-input-focus: 0 0 6px -2px #7d5bbe;
  --sm-shadow-input-error-focus: 0 0 6px -2px #ec1313;
  --sm-shadow-link-focus: none;
  --sm-shadow-tab-focus: 0 4px 6px -4px #7d5bbe;
  --sm-shadow-bubble: 0 1px 1px rgba(0, 0, 0, 0.25);
  --sm-shadow-interactable-focus: 0 0 6px 1px #7d5bbe;
  --sm-shadow-picker: 0 2px 6px rgba(0, 0, 0, 0.2);
  --sm-shadow-scrollbar: 0 0 1px 1px hsla(0, 0%, 100%, 0.25);
  --sm-border-link-focus: none;
  --sm-border-width: 1px;
  --sm-border-width-marked: 3px;
  --sm-border-width-spinner: 2px;
  --sm-border-radius-none: 0;
  --sm-border-radius-small: 2px;
  --sm-border-radius-medium: 4px;
  --sm-border-radius-large: 6px;
  --sm-border-radius-extra-large: 8px;
  --sm-border-radius-extra-extra-large: 10px;
  --sm-border-radius-toggle: 4px;
  --sm-border-radius-bubble: 25px;
  --sm-border-radius-pill: 29px;
  --sm-border-radius-rounded: 50%;
  --sm-font-family-default: Amazon Ember, Helvetica, Arial, sans-serif;
  --sm-toggle-width-offset: 2rem;
  --sm-toggle-dimension-offset: 0.1rem;
}

:root .ZhrIYDpnh,
:root.ZhrIYDpnh {
  --sm-color-background-body: #9146ff;
  --sm-color-background-base: #0b0418;
  --sm-color-background-alt: #211a2c;
  --sm-color-background-rebrand-alt: #232f3e;
  --sm-color-background-alt-2: #382f48;
  --sm-color-background-accent: hsla(0, 0%, 100%, 0.04);
  --sm-color-background-accent-alt: hsla(0, 0%, 100%, 0.08);
  --sm-color-background-accent-alt-2: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-elevation-1: hsla(0, 0%, 100%, 0.04);
  --sm-color-background-elevation-2: hsla(0, 0%, 100%, 0.08);
  --sm-color-background-elevation-3: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-prime-event-banner: #232f3e;
  --sm-color-background-prime-event-start: #2194fb;
  --sm-color-background-prime-event-end: #96c97a;
  --sm-color-background-divider: #c2bcd3;
  --sm-color-background-nav: #211a2c;
  --sm-color-background-placeholder: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-overlay-placeholder: #42aaff;
  --sm-color-background-live: #ec1313;
  --sm-color-background-prime: #1a98ff;
  --sm-color-background-free-game: #071936;
  --sm-color-background-amazon: #f90;
  --sm-color-background-amazon-light: #f4c276;
  --sm-color-background-aga: #f1c555;
  --sm-color-background-badge: #382f48;
  --sm-color-background-badge-prime: #1a98ff;
  --sm-color-background-badge-error: #ff3d3d;
  --sm-color-background-badge-warning: #ffca63;
  --sm-color-background-badge-success: #6ac020;
  --sm-color-background-badge-ends-soon: #b40878;
  --sm-color-background-badge-new: #c05516;
  --sm-color-background-badge-coming-soon: #00818a;
  --sm-color-background-badge-free-game: #071936;
  --sm-color-background-faq: #1f182a;
  --sm-color-background-faq-open: #282234;
  --sm-color-background-button: #1a98ff;
  --sm-color-background-button-hover: #42aaff;
  --sm-color-background-button-focus: #1a98ff;
  --sm-color-background-button-active: #1474c2;
  --sm-color-background-button-opacity: opacity(30%);
  --sm-color-background-button-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-button-hollow: transparent;
  --sm-color-background-button-hollow-hover: #423b50;
  --sm-color-background-button-hollow-focus: transparent;
  --sm-color-background-button-hollow-active: #080311;
  --sm-color-background-button-hollow-disabled: transparent;
  --sm-color-background-button-hollow-alert: transparent;
  --sm-color-background-button-hollow-alert-hover: transparent;
  --sm-color-background-button-hollow-alert-focus: transparent;
  --sm-color-background-button-hollow-alert-active: transparent;
  --sm-color-background-button-hollow-warning: transparent;
  --sm-color-background-button-hollow-warning-hover: transparent;
  --sm-color-background-button-hollow-warning-focus: transparent;
  --sm-color-background-button-hollow-warning-active: transparent;
  --sm-color-background-button-prime: #1a98ff;
  --sm-color-background-button-prime-hover: #5fb7ff;
  --sm-color-background-button-prime-focus: #1a98ff;
  --sm-color-background-button-prime-active: #126ab3;
  --sm-color-background-button-prime-disabled: #1a98ff;
  --sm-color-background-button-twitch: #9146ff;
  --sm-color-background-button-twitch-hover: #b27eff;
  --sm-color-background-button-twitch-focus: #9146ff;
  --sm-color-background-button-twitch-active: #6631b3;
  --sm-color-background-button-twitch-disabled: #9146ff;
  --sm-color-background-button-amazon: linear-gradient(
    180deg,
    #f7dfa5,
    #f0c14b
  );
  --sm-color-background-button-amazon-hover: linear-gradient(
    180deg,
    #f5d78e,
    #eeb933
  );
  --sm-color-background-button-amazon-focus: linear-gradient(
    180deg,
    #f7dfa5,
    #f0c14b
  );
  --sm-color-background-button-amazon-active: #f0c14b;
  --sm-color-background-button-amazon-disabled: linear-gradient(
    180deg,
    scale(#f7dfa5, -40%),
    scale(#f0c14b, -40%)
  );
  --sm-color-background-button-aga: #f1c555;
  --sm-color-background-button-aga-hover: #f4ca76;
  --sm-color-background-button-aga-focus: #f4ca76;
  --sm-color-background-button-aga-active: #f1c555;
  --sm-color-background-button-success: #6ac020;
  --sm-color-background-button-success-hover: #5eaa1c;
  --sm-color-background-button-success-focus: #5eaa1c;
  --sm-color-background-button-success-active: #6ac020;
  --sm-color-background-button-alert: #ff3d3d;
  --sm-color-background-button-alert-hover: #f00000;
  --sm-color-background-button-alert-focus: #f00000;
  --sm-color-background-button-alert-active: #ff3d3d;
  --sm-color-background-button-overlay: transparent;
  --sm-color-background-button-overlay-hover: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-button-overlay-focus: hsla(0, 0%, 100%, 0.05);
  --sm-color-background-button-overlay-active: transparent;
  --sm-color-background-interactable: transparent;
  --sm-color-background-interactable-hover: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-interactable-active: hsla(0, 0%, 100%, 0.08);
  --sm-color-background-interactable-selected: hsla(0, 0%, 100%, 0.08);
  --sm-color-background-input: transparent;
  --sm-color-background-input-focus: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-input-checked: #9146ff;
  --sm-color-background-toggle: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-toggle-handle: #fff;
  --sm-color-background-toggle-hover: hsla(0, 0%, 100%, 0.12);
  --sm-color-background-toggle-focus: hsla(0, 0%, 100%, 0.08);
  --sm-color-background-toggle-checked: #1a98ff;
  --sm-color-background-tooltip: #fff;
  --sm-color-background-overlay: rgba(0, 0, 0, 0.6);
  --sm-color-background-progress: #382f48;
  --sm-color-background-progress-status: #9146ff;
  --sm-color-background-progress-status-error: #ff3d3d;
  --sm-color-background-progress-status-caution: #ffca63;
  --sm-color-background-progress-status-success: #6ac020;
  --sm-color-background-pill: #211a2c;
  --sm-color-background-pill-notification: #ff3d3d;
  --sm-color-background-modal-overlay: transparent;
  --sm-color-rating-star: #ffa724;
  --sm-color-hover-rating-star: #ffd392;
  --sm-color-hover-focus-stroke-rating-star: rgba(255, 167, 36, 0.5);
  --sm-color-press-rating-star: #b37519;
  --sm-color-gradient-body: #c2bcd3;
  --sm-color-gradient-none: transparent;
  --sm-color-gradient-base: #0b0418;
  --sm-color-shadow-button-amazon: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-hover: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-focus: 0 1px 0 hsla(0, 0%, 100%, 0.4) inset;
  --sm-color-shadow-button-amazon-active: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  --sm-color-shadow-toggle: hsla(0, 0%, 100%, 0.75);
  --sm-color-text-base: #c2bcd3;
  --sm-color-text-alt: #232f3e;
  --sm-color-text-alt-2: #c2bcd3;
  --sm-color-text-accent-alt-2: #c2bcd3;
  --sm-color-text-link: #42aaff;
  --sm-color-text-link-hover: #42aaff;
  --sm-color-text-link-active: #fff;
  --sm-color-text-link-focus: #42aaff;
  --sm-color-text-link-visited: #addaff;
  --sm-color-text-live: #ff3d3d;
  --sm-color-text-alert: #ff3d3d;
  --sm-color-text-alert-success: #6ac020;
  --sm-color-text-prime: #1a98ff;
  --sm-color-text-inverted: #fff;
  --sm-color-text-amazon: #f90;
  --sm-color-text-aga: #f1c555;
  --sm-color-text-inherit: inherit;
  --sm-color-text-white: #fff;
  --sm-color-text-black: #000;
  --sm-color-text-tab: transparent;
  --sm-color-text-tab-active: transparent;
  --sm-color-text-button: #232f3e;
  --sm-color-text-button-hover: #232f3e;
  --sm-color-text-button-focus: #232f3e;
  --sm-color-text-button-active: #232f3e;
  --sm-color-text-button-disabled: #232f3e;
  --sm-color-text-button-twitch: #fff;
  --sm-color-text-button-twitch-hover: #fff;
  --sm-color-text-button-twitch-focus: #fff;
  --sm-color-text-button-twitch-active: #fff;
  --sm-color-text-button-twitch-disabled: #fff;
  --sm-color-text-button-prime: #232f3e;
  --sm-color-text-button-prime-hover: #232f3e;
  --sm-color-text-button-prime-focus: #232f3e;
  --sm-color-text-button-prime-active: #232f3e;
  --sm-color-text-button-prime-disabled: #232f3e;
  --sm-color-text-button-amazon: #000;
  --sm-color-text-button-amazon-hover: #000;
  --sm-color-text-button-amazon-focus: #000;
  --sm-color-text-button-amazon-active: #000;
  --sm-color-text-button-amazon-disabled: #898395;
  --sm-color-text-button-aga: #000;
  --sm-color-text-button-aga-hover: #000;
  --sm-color-text-button-aga-focus: #000;
  --sm-color-text-button-aga-active: #000;
  --sm-color-text-button-aga-disabled: #898395;
  --sm-color-text-button-secondary: #fff;
  --sm-color-text-button-secondary-hover: #fff;
  --sm-color-text-button-secondary-focus: #fff;
  --sm-color-text-button-secondary-active: #fff;
  --sm-color-text-button-hollow: #fff;
  --sm-color-text-button-hollow-hover: #fff;
  --sm-color-text-button-hollow-focus: #fff;
  --sm-color-text-button-hollow-active: #fff;
  --sm-color-text-button-hollow-alert: #ff3d3d;
  --sm-color-text-button-hollow-alert-hover: #f00000;
  --sm-color-text-button-hollow-alert-focus: #f00000;
  --sm-color-text-button-hollow-alert-active: #ff3d3d;
  --sm-color-text-button-hollow-warning: #ffca63;
  --sm-color-text-button-hollow-warning-hover: #ffc14a;
  --sm-color-text-button-hollow-warning-focus: #ffc14a;
  --sm-color-text-button-hollow-warning-active: #ffca63;
  --sm-color-text-button-success: #fff;
  --sm-color-text-button-success-hover: #fff;
  --sm-color-text-button-success-focus: #fff;
  --sm-color-text-button-success-active: #fff;
  --sm-color-text-button-alert: #fff;
  --sm-color-text-button-alert-hover: #fff;
  --sm-color-text-button-alert-focus: #fff;
  --sm-color-text-button-alert-active: #fff;
  --sm-color-text-button-overlay: #fff;
  --sm-color-text-button-overlay-hover: #fff;
  --sm-color-text-button-overlay-focus: #fff;
  --sm-color-text-button-overlay-active: #fff;
  --sm-color-text-button-overlay-disabled: hsla(0, 0%, 100%, 0.5);
  --sm-color-text-interactable: currentColor;
  --sm-color-text-interactable-hover: #fff;
  --sm-color-text-interactable-active: #fff;
  --sm-color-text-interactable-selected: #fff;
  --sm-color-text-input: #c2bcd3;
  --sm-color-text-input-placeholder: #898395;
  --sm-color-text-input-checked-icon: #fff;
  --sm-color-text-input-search-cancel: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23c2bcd3%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");
  --sm-color-text-label: #faf9fa;
  --sm-color-text-label-optional: #898395;
  --sm-color-text-hint: #898395;
  --sm-color-text-toggle-checked-icon: #232f3e;
  --sm-color-text-error: #ff3d3d;
  --sm-color-text-tooltip: #000;
  --sm-color-text-overlay: #faf9fa;
  --sm-color-text-overlay-alt: #dad8de;
  --sm-color-text-overlay-link: #42aaff;
  --sm-color-text-overlay-link-hover: #42aaff;
  --sm-color-text-overlay-link-active: #fff;
  --sm-color-text-overlay-link-focus: #42aaff;
  --sm-color-text-overlay-link-visited: #42aaff;
  --sm-color-text-pill: #19171c;
  --sm-color-border: #c2bcd3;
  --sm-color-border-overlay: hsla(0, 0%, 100%, 0.25);
  --sm-color-border-brand: #9146ff;
  --sm-color-border-alert: #ff3d3d;
  --sm-color-border-error: #ff3d3d;
  --sm-color-border-tab: hsla(0, 0%, 100%, 0.04);
  --sm-color-border-tab-hover: #9146ff;
  --sm-color-border-tab-focus: #9146ff;
  --sm-color-border-tab-active: #9146ff;
  --sm-color-border-button: #9146ff;
  --sm-color-border-button-hover: transparent;
  --sm-color-border-button-focus: transparent;
  --sm-color-border-button-active: transparent;
  --sm-color-border-button-disabled: hsla(0, 0%, 100%, 0.04);
  --sm-color-border-button-prime: #1a98ff;
  --sm-color-border-button-prime-hover: #239cff;
  --sm-color-border-button-prime-focus: #2ca0ff;
  --sm-color-border-button-prime-active: #239cff;
  --sm-color-border-button-prime-disabled: hsla(0, 0%, 100%, 0.04);
  --sm-color-border-button-twitch: #9146ff;
  --sm-color-border-button-twitch-hover: #b27eff;
  --sm-color-border-button-twitch-focus: #9146ff;
  --sm-color-border-button-twitch-active: #6631b3;
  --sm-color-border-button-twitch-disabled: #9146ff;
  --sm-color-border-button-amazon: #a88734 #9c7e31 #846a29;
  --sm-color-border-button-amazon-hover: #a88734 #9c7e31 #846a29;
  --sm-color-border-button-amazon-focus: #e77600;
  --sm-color-border-button-amazon-active: #a88734 #9c7e31 #9c7e31;
  --sm-color-border-button-amazon-disabled: hsla(0, 0%, 100%, 0.05);
  --sm-color-border-button-aga: #f1c555;
  --sm-color-border-button-aga-hover: #f4ca76;
  --sm-color-border-button-aga-focus: #f7d092;
  --sm-color-border-button-aga-active: #f4ca76;
  --sm-color-border-button-aga-disabled: hsla(0, 0%, 100%, 0.04);
  --sm-color-border-button-hollow: #c2bcd3;
  --sm-color-border-button-hollow-hover: #c2bcd3;
  --sm-color-border-button-hollow-focus: #c2bcd3;
  --sm-color-border-button-hollow-active: #c2bcd3;
  --sm-color-border-button-hollow-alert: #ff3d3d;
  --sm-color-border-button-hollow-alert-hover: #f00000;
  --sm-color-border-button-hollow-alert-focus: #f00000;
  --sm-color-border-button-hollow-alert-active: #ff3d3d;
  --sm-color-border-button-hollow-warning: #ffca63;
  --sm-color-border-button-hollow-warning-hover: #ffc14a;
  --sm-color-border-button-hollow-warning-focus: #ffc14a;
  --sm-color-border-button-hollow-warning-active: #ffca63;
  --sm-color-border-button-success: #6ac020;
  --sm-color-border-button-success-hover: #6ac020;
  --sm-color-border-button-success-focus: #6ac020;
  --sm-color-border-button-success-active: #6ac020;
  --sm-color-border-button-alert: #ff3d3d;
  --sm-color-border-button-alert-hover: #f00000;
  --sm-color-border-button-alert-focus: #f00000;
  --sm-color-border-button-alert-active: #ff3d3d;
  --sm-color-border-button-overlay: transparent;
  --sm-color-border-button-overlay-hover: transparent;
  --sm-color-border-button-overlay-focus: hsla(0, 0%, 100%, 0.3);
  --sm-color-border-button-overlay-active: hsla(0, 0%, 100%, 0.6);
  --sm-color-border-button-overlay-bordered: #fff;
  --sm-color-border-button-overlay-hollow: #fff;
  --sm-color-border-button-overlay-hollow-disabled: hsla(0, 0%, 100%, 0.5);
  --sm-color-border-input: #fff;
  --sm-color-border-input-focus: #fff;
  --sm-color-border-input-checked: #fff;
  --sm-color-border-input-error: #ff3d3d;
  --sm-color-border-interactable-selected: hsla(0, 0%, 100%, 0.12);
  --sm-color-border-toggle: transparent;
  --sm-color-border-toggle-focus: #1a98ff;
  --sm-color-border-spinner: hsla(0, 0%, 100%, 0.15);
  --sm-color-border-spinner-fill: #faf9fa;
  --sm-color-icon-input-checked: #fff;
  --sm-color-fill: #c2bcd3;
  --sm-color-fill-current: currentColor;
  --sm-color-fill-alt: #cbc8d0;
  --sm-color-fill-alt-2: #898395;
  --sm-color-fill-brand: #1a98ff;
  --sm-color-fill-offline: #6e6779;
  --sm-color-fill-hosting: #ffea00;
  --sm-color-fill-live: #ec1313;
  --sm-color-fill-warn: #ffca63;
  --sm-color-fill-alert: #ff3d3d;
  --sm-color-fill-success: #6ac020;
  --sm-color-fill-info: transparent;
  --sm-color-fill-prime: #1a98ff;
  --sm-color-fill-twitch: #9146ff;
  --sm-color-fill-amazon: #f90;
  --sm-color-fill-aga: #f1c555;
  --sm-color-fill-badge: hsla(0, 0%, 100%, 0.12);
  --sm-shadow-elevation-umbra: 0.34;
  --sm-shadow-elevation-penumbra: 0.26;
  --sm-shadow-elevation-ambient: 0.28;
  --sm-shadow-button-focus: 0 0 4px currentColor;
  --sm-shadow-button-active: 0 0 6px 0 transparent;
  --sm-shadow-button-disabled: none;
  --sm-shadow-button-overlay-focus: 0 0 4px currentColor;
  --sm-shadow-button-overlay-active: 0 0 6px 0 transparent;
  --sm-shadow-input: inset 0 0 0 1px #211a2c;
  --sm-shadow-input-error: 0 0 0 1px #ff3d3d;
  --sm-shadow-input-focus: 0 0 6px -2px #c2bcd3;
  --sm-shadow-input-error-focus: 0 0 6px -2px #ff3d3d;
  --sm-shadow-link-focus: 0 0 4px #c2bcd3;
  --sm-shadow-tab-focus: 0 4px 6px -4px transparent;
  --sm-shadow-bubble: 0 1px 1px transparent;
  --sm-shadow-interactable-focus: 0 0 6px 0 hsla(0, 0%, 100%, 0.12);
  --sm-shadow-picker: 0 2px 6px hsla(0, 0%, 100%, 0.12);
  --sm-shadow-scrollbar: 0 0 1px 1px transparent;
  --sm-border-link-focus: 1px solid #c2bcd3;
  --sm-border-width: 1.5px;
  --sm-border-width-marked: 3px;
  --sm-border-width-spinner: 2px;
  --sm-border-radius-none: 0;
  --sm-border-radius-small: 2px;
  --sm-border-radius-medium: 4px;
  --sm-border-radius-large: 6px;
  --sm-border-radius-extra-large: 8px;
  --sm-border-radius-extra-extra-large: 10px;
  --sm-border-radius-toggle: 15px;
  --sm-border-radius-bubble: 25px;
  --sm-border-radius-pill: 29px;
  --sm-border-radius-rounded: 50%;
  --sm-elevation-overlay-opacity-1: 4%;
  --sm-elevation-overlay-opacity-2: 8%;
  --sm-elevation-overlay-opacity-3: 12%;
  --sm-elevation-overlay-opacity-4: 16%;
  --sm-elevation-overlay-opacity-5: 20%;
  --sm-font-size-1: 4.25rem;
  --sm-font-size-2: 3.5rem;
  --sm-font-size-3: 2.75rem;
  --sm-font-size-4: 2.25rem;
  --sm-font-size-5: 2rem;
  --sm-font-size-6: 1.75rem;
  --sm-font-size-7: 1.5rem;
  --sm-font-size-8: 1.375rem;
  --sm-font-size-base: 1.75rem;
  --sm-font-family-default: Amazon Ember, Helvetica, Arial, sans-serif;
  --sm-toggle-width-offset: 1.9rem;
  --sm-toggle-dimension-offset: 0rem;
}

#root,
body,
html {
  height: 100%;
  min-height: 100vh;
}

#root {
  background-color: #201c2b;
  overflow-x: hidden;
}

/* header----------------------------------------- */

.logo h1 {
  color: aliceblue;
  font-size: 20px;
  line-height: 1.5;
}

/* search---------------------------------------------- */

.OSBP {
  margin: 0 auto;
  max-width: 200rem;
  min-height: 32rem;
}
.OSBPs {
  margin: 0 auto;
  max-width: 200rem;
  min-height: 23rem;
}

.ODCWjuE {
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(2, minmax(1rem, 1fr));
  row-gap: 1.5rem;
}

.OSBP .tower-carousel__wrapped-child {
  margin-bottom: -2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.OSBP:after {
  bottom: 0;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
}

.offer-list__content__carousel-tower {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -2rem;
}

.OSBP .tw-tower__placeholder {
  display: none;
}

.EaJJYkinG {
  border-bottom-color: rgba(194, 188, 211, 0.2) !important;
}

@media (min-width: 568px) and (max-width: 768px) {
  .ODCWjuE {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    grid-template-columns: repeat(3, minmax(1rem, 1fr));
    row-gap: 2rem;
  }
  .OSBP .tw-tower__placeholder {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .ODCWjuE {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    grid-template-columns: repeat(4, minmax(1rem, 1fr));
    row-gap: 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .ODCWjuE {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    grid-template-columns: repeat(6, minmax(1rem, 1fr));
    row-gap: 2rem;
  }
}

@media only screen {
  .OSBP .tower-carousel__wrapped-child {
    margin-bottom: -3rem;
  }
}

.GYfie {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.GYfie::-webkit-scrollbar {
  display: none;
}

@supports (
  (-webkit-mask-image: linear-gradient(to right, black 95%, transparent 100%))
    or (mask-image: linear-gradient(to right, black 95%, transparent 100%))
) {
  .hBLxbgMATK {
    -webkit-mask-image: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(95%, #000),
      to(transparent)
    );
    -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent);
    mask-image: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(95%, #000),
      to(transparent)
    );
    mask-image: linear-gradient(90deg, #000 95%, transparent);
  }
}

@supports (
  (-webkit-mask-image: linear-gradient(to left, black 95%, transparent 100%)) or
    (mask-image: linear-gradient(to left, black 95%, transparent 100%))
) {
  .offer-filters__gradient-left {
    -webkit-mask-image: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(95%, #000),
      to(transparent)
    );
    -webkit-mask-image: linear-gradient(270deg, #000 95%, transparent);
    mask-image: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(95%, #000),
      to(transparent)
    );
    mask-image: linear-gradient(270deg, #000 95%, transparent);
  }
}

.gkmGShRJ {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem;
}

.gkmGShRJ:after {
  content: attr(title);
  font-family: Amazon Ember, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  visibility: hidden;
}

@media speech {
  .gkmGShRJ:after {
    display: none;
  }
}

.qIMrlOvEP {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .qIMrlOvEP {
    max-width: 45rem;
  }
}

@media only screen and (min-width: 1200px) {
  .qIMrlOvEP {
    max-width: 52.5rem;
  }
}

.nQxEa {
  max-width: 200rem;
}

/* game----------------------------------------------- */
.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jlQSyVKAO {
  background-color: #6441a4;
}
.ZhrIYDpnh .jlQSyVKAO {
  background-color: #1a98ff;
}

.BLDu {
  aspect-ratio: 16/9;
  margin: 0 auto;
  max-height: 100rem;
  max-width: 200rem;
}

@media only screen and (min-width: 1200px) {
  .buy-box {
    background-color: hsla(300, 9%, 98%, 0.75);
    max-width: 53rem;
    right: 5%;
    top: 11rem;
  }
  .buy-box,
  .tw-root--theme-dark .buy-box {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
  }
  .tw-root--theme-dark .buy-box {
    background-color: rgba(23, 20, 31, 0.75);
  }
  .tw-root--theme-light .buy-box {
    background-color: hsla(300, 9%, 98%, 0.75);
  }
  .ZhrIYDpnh .buy-box,
  .tw-root--theme-light .buy-box {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
  }
  .ZhrIYDpnh .buy-box {
    background-color: rgba(33, 26, 44, 0.75);
  }
}
@media only screen and (min-width: 1440px) {
  .buy-box {
    right: 7.5%;
  }
  .section {
    max-width: 85%;
  }
}
@media only screen and (min-width: 1600px) {
  .buy-box {
    right: calc(90% * 7.5%);
  }
}
.buy-box,
.GGrqMUB {
  margin-top: -1rem;
}
.buy-box .sm-badge,
.GGrqMUB .sm-badge {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cGDkDxsYh {
  max-width: 200rem;
}
.cGDkDxsYhs {
  max-width: 200rem;
}

@media only screen and (min-width: 1200px) {
  .cGDkDxsYh {
    position: relative;
  }
  .buy-box,
  .GGrqMUB {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
    background-color: hsla(300, 9%, 98%, 0.75);
    max-width: 53rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
  .tw-root--theme-dark .buy-box,
  .tw-root--theme-dark .GGrqMUB {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
    background-color: rgba(23, 20, 31, 0.75);
  }
  .tw-root--theme-light .buy-box,
  .tw-root--theme-light .GGrqMUB {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
    background-color: hsla(300, 9%, 98%, 0.75);
  }
  .ZhrIYDpnh .buy-box,
  .ZhrIYDpnh .GGrqMUB {
    -webkit-backdrop-filter: saturate(180%) blur(2.5rem);
    backdrop-filter: saturate(180%) blur(2.5rem);
    background-color: rgba(33, 26, 44, 0.75);
  }
}
@media only screen and (min-width: 1440px) {
  .cGDkDxsYh {
    position: relative;
  }
  .buy-box,
  .GGrqMUB {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
}
@media only screen and (min-width: 1600px) {
  .cGDkDxsYh {
    position: relative;
  }
  .buy-box,
  .GGrqMUB {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
}
.img-gradient {
  position: relative;
  display: inline-block;
}

.img-gradient img {
  display: block;
}

.img-gradient::before,
.img-gradient::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 2;
}

.img-gradient::before {
  top: 0;
  height: 20%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.img-gradient::after {
  bottom: 0;
  height: 20%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* footer------------------------------------------------- */
.aboutUs {
  margin: 0 auto;
  color: #dad8de;
  /* background-color: #1e182a; */
}
.aboutUs-cent {
  padding: 30px 0;
}
.aboutUs-cent h2 {
  font-size: 3.8rem;
  text-align: center;
  margin: 20px 0;
}

.aboutUs-cent h3 {
  font-size: 2.8rem;
  margin: 15px 0;
}

.aboutUs-cent p {
  font-size: 1.8rem;
  line-height: 27px;
  margin-top: 8px;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #fff;
}

.footer .footer-left {
  margin-right: 50px;
}

/* policy------------------------------------------------- */
.policy {
  margin: 0 auto;
  padding: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #dad8de;
}
.policy h2 {
  font-size: 24px;
  margin: 50px 0 20px;
  text-align: center;
}
.policy h3 {
  font-size: 20px;
  margin: 30px 0 10px;
}
/* style-------------------------------------------------------- */

.gXUb {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.GGdXt {
  fill: #19171c;
}

.tw-root--theme-dark .GGdXt {
  fill: #faf9fa;
}

.tw-root--theme-light .GGdXt {
  fill: #19171c;
}

.ZhrIYDpnh .GGdXt {
  fill: #c2bcd3;
}

.tw-root--theme-dark .MFpWUuj,
.ZhrIYDpnh .MFpWUuj,
.tw-root--theme-light .MFpWUuj,
.MFpWUuj {
  fill: currentColor;
}

.ZhrIYDpnh .tw-svg__asset--alt {
  fill: #cbc8d0;
}

.ZhrIYDpnh .tw-svg__asset--alt-2 {
  fill: #898395;
}

.ZhrIYDpnh .tw-svg__asset--brand {
  fill: #1a98ff;
}

.tw-button__succcess-icon,
.TdBDsSA {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.VEXFBkVND {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  line-height: 2rem;
  outline: none;
  position: relative;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.VEXFBkVND:disabled {
  cursor: not-allowed;
}

.ZhrIYDpnh .VEXFBkVND {
  background: #1a98ff;
  border: 1.5px solid transparent;
  border-radius: 4px;
  color: #232f3e;
  font-size: 1.75rem;
}

.TdBDsSA {
  padding: 0.4rem 0.8rem;
  position: relative;
  text-align: center;
}
.tw-button__icon,
.tw-button__loading-spinner,
.tw-button__num-block,
.tw-button__succcess-icon,
.TdBDsSA {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.tw-button--dropmenu .TdBDsSA {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}

.tOax {
  width: 100%;
}

.vkPYPyG {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fObO {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.HzlwVCzPqi.heiZLfRZEl {
  -webkit-animation-name: tw-animation--fade-in;
  animation-name: tw-animation--fade-in;
}

@-webkit-keyframes tw-animation--fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tw-animation--fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media screen and (prefers-reduced-motion) {
  .HzlwVCzPqi.tw-accessible {
    -webkit-animation-name: none;
    animation-name: none;
  }
}

.tw-placeholder-wrapper {
  height: 100%;
  width: 100%;
}

.tw-placeholder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  min-height: 1.7em;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.tw-placeholder:before {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  content: "";
  display: block;
  max-width: 100%;
  min-height: 1em;
  width: 100%;
}

.tw-root--theme-dark .tw-placeholder:before {
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 2px;
}

.tw-root--theme-light .tw-placeholder:before {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.ZhrIYDpnh .tw-placeholder:before {
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 2px;
}

.tw-placeholder--custom-height,
.tw-placeholder--custom-height:before {
  min-height: 0;
}

.tw-placeholder--overlay:before,
.tw-root--theme-dark .tw-placeholder--overlay:before,
.tw-root--theme-light .tw-placeholder--overlay:before {
  background: hsla(0, 0%, 100%, 0.15);
}

.ZhrIYDpnh .tw-placeholder--overlay:before {
  background: #42aaff;
}

.tw-placeholder--fill,
.tw-placeholder--fill:before {
  height: 100%;
}

.tw-placeholder:not(:first-of-type) {
  margin-top: -0.1em;
}

@-webkit-keyframes load {
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}

@keyframes load {
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}

.mAjJd {
  color: inherit;
  text-decoration: none;
}

.tw-root--theme-dark .mAjJd,
.ZhrIYDpnh .mAjJd,
.tw-root--theme-light .mAjJd {
  color: inherit;
}

.mAjJd--hover,
.TJIq .tw-interactable:hover {
  text-decoration: none;
}

.mAjJd:active,
.tw-root--theme-dark .mAjJd:active,
.tw-root--theme-light .mAjJd:active {
  background: #6441a4;
}

.ZhrIYDpnh .mAjJd:active {
  background: hsla(0, 0%, 100%, 0.08);
}

.vtyhJIysZ,
.mAjJd:focus {
  position: relative;
}

.mAjJd--disabled,
.tw-interactable:disabled {
  background: rgba(0, 0, 0, 0.05);
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

.tw-root--theme-dark .mAjJd--disabled,
.tw-root--theme-dark .tw-interactable:disabled {
  background: hsla(0, 0%, 100%, 0.05);
}

.tw-root--theme-light .mAjJd--disabled,
.tw-root--theme-light .tw-interactable:disabled {
  background: rgba(0, 0, 0, 0.05);
}

.ZhrIYDpnh .mAjJd--disabled,
.ZhrIYDpnh .tw-interactable:disabled {
  background: hsla(0, 0%, 100%, 0.05);
}

.TJIq .xjAsInmAyk:hover {
  background: #7d5bbe;
  color: #fff;
}

.tw-root--theme-dark.TJIq .xjAsInmAyk:hover {
  background: #4b367c;
  color: #fff;
}

.tw-root--theme-light.TJIq .xjAsInmAyk:hover {
  background: #7d5bbe;
  color: #fff;
}

.ZhrIYDpnh.TJIq .xjAsInmAyk:hover {
  background: hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.TJIq .xjAsInmAyk:hover:active,
.tw-root--theme-dark.TJIq .xjAsInmAyk:hover:active,
.tw-root--theme-light.TJIq .xjAsInmAyk:hover:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh.TJIq .xjAsInmAyk:hover:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.xjAsInmAyk.tw-interactable--hover {
  background: #7d5bbe;
  color: #fff;
}

.tw-root--theme-dark .xjAsInmAyk.tw-interactable--hover {
  background: #4b367c;
  color: #fff;
}

.tw-root--theme-light .xjAsInmAyk.tw-interactable--hover {
  background: #7d5bbe;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk.tw-interactable--hover {
  background: hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.xjAsInmAyk.tw-interactable--hover:active,
.tw-root--theme-dark .xjAsInmAyk.tw-interactable--hover:active,
.tw-root--theme-light .xjAsInmAyk.tw-interactable--hover:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk.tw-interactable--hover:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.xjAsInmAyk:active,
.tw-root--theme-dark .xjAsInmAyk:active,
.tw-root--theme-light .xjAsInmAyk:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.xjAsInmAyk.vtyhJIysZ {
  background: #d7cceb;
  color: currentColor;
}

.tw-root--theme-dark .xjAsInmAyk.vtyhJIysZ {
  background: #392e5c;
  color: currentColor;
}

.tw-root--theme-light .xjAsInmAyk.vtyhJIysZ {
  background: #d7cceb;
  color: currentColor;
}

.ZhrIYDpnh .xjAsInmAyk.vtyhJIysZ {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.TJIq .xjAsInmAyk.vtyhJIysZ:hover {
  background: #7d5bbe;
  color: #fff;
}

.tw-root--theme-dark.TJIq .xjAsInmAyk.vtyhJIysZ:hover {
  background: #4b367c;
  color: #fff;
}

.tw-root--theme-light.TJIq .xjAsInmAyk.vtyhJIysZ:hover {
  background: #7d5bbe;
  color: #fff;
}

.ZhrIYDpnh.TJIq .xjAsInmAyk.vtyhJIysZ:hover {
  background: hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.TJIq .xjAsInmAyk.vtyhJIysZ:active,
.tw-root--theme-dark.TJIq .xjAsInmAyk.vtyhJIysZ:active,
.tw-root--theme-light.TJIq .xjAsInmAyk.vtyhJIysZ:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh.TJIq .xjAsInmAyk.vtyhJIysZ:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.xjAsInmAyk.vtyhJIysZ.tw-interactable--hover {
  background: #7d5bbe;
  color: #fff;
}

.tw-root--theme-dark .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover {
  background: #4b367c;
  color: #fff;
}

.tw-root--theme-light .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover {
  background: #7d5bbe;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover {
  background: hsla(0, 0%, 100%, 0.12);
  color: #fff;
}

.xjAsInmAyk.vtyhJIysZ.tw-interactable--hover:active,
.tw-root--theme-dark .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover:active,
.tw-root--theme-light .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk.vtyhJIysZ.tw-interactable--hover:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.xjAsInmAyk.vtyhJIysZ:active,
.tw-root--theme-dark .xjAsInmAyk.vtyhJIysZ:active,
.tw-root--theme-light .xjAsInmAyk.vtyhJIysZ:active {
  background: #6441a4;
  color: #fff;
}

.ZhrIYDpnh .xjAsInmAyk.vtyhJIysZ:active {
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}

.TJIq .KcUeYP:hover {
  background-color: rgba(125, 91, 190, 0.14);
  color: inherit;
}

.KcUeYP {
  background-color: #3c3646;
  color: inherit;
}

.tw-root--theme-dark.TJIq .KcUeYP:hover {
  background-color: rgba(75, 54, 124, 0.14);
}

.tw-root--theme-light.TJIq .KcUeYP:hover {
  background-color: rgba(125, 91, 190, 0.14);
}

.ZhrIYDpnh.TJIq .KcUeYP:hover {
  background-color: hsla(0, 0%, 100%, 0);
}

.ZhrIYDpnh.TJIq .KcUeYP:hover,
.tw-root--theme-dark.TJIq .KcUeYP:hover,
.tw-root--theme-light.TJIq .KcUeYP:hover {
  color: inherit;
}

.KcUeYP.tw-interactable--hover,
.KcUeYP:focus {
  background-color: rgba(125, 91, 190, 0.14);
  color: inherit;
}

.tw-root--theme-dark .KcUeYP.tw-interactable--hover,
.tw-root--theme-dark .KcUeYP:focus {
  background-color: rgba(75, 54, 124, 0.14);
}

.tw-root--theme-light .KcUeYP.tw-interactable--hover,
.tw-root--theme-light .KcUeYP:focus {
  background-color: rgba(125, 91, 190, 0.14);
}

.ZhrIYDpnh .KcUeYP.tw-interactable--hover,
.ZhrIYDpnh .KcUeYP:focus {
  background-color: hsla(0, 0%, 100%, 0);
}

.tw-root--theme-dark .KcUeYP.tw-interactable--hover,
.tw-root--theme-dark .KcUeYP:focus,
.ZhrIYDpnh .KcUeYP.tw-interactable--hover,
.ZhrIYDpnh .KcUeYP:focus,
.tw-root--theme-light .KcUeYP.tw-interactable--hover,
.tw-root--theme-light .KcUeYP:focus {
  color: inherit;
}

.KcUeYP:active {
  background-color: rgba(125, 91, 190, 0.18);
  color: inherit;
}

.tw-root--theme-dark .KcUeYP:active {
  background-color: rgba(75, 54, 124, 0.18);
}

.tw-root--theme-light .KcUeYP:active {
  background-color: rgba(125, 91, 190, 0.18);
}

.ZhrIYDpnh .KcUeYP:active {
  background-color: hsla(0, 0%, 100%, 0);
}

.tw-root--theme-dark .KcUeYP:active,
.ZhrIYDpnh .KcUeYP:active,
.tw-root--theme-light .KcUeYP:active {
  color: inherit;
}

.KcUeYP.vtyhJIysZ {
  background: rgba(215, 204, 235, 0.2);
  color: inherit;
}

.tw-root--theme-dark .KcUeYP.vtyhJIysZ {
  background: rgba(57, 46, 92, 0.2);
  color: inherit;
}

.tw-root--theme-light .KcUeYP.vtyhJIysZ {
  background: rgba(215, 204, 235, 0.2);
  color: inherit;
}

.ZhrIYDpnh .KcUeYP.vtyhJIysZ {
  background: hsla(0, 0%, 100%, 0.2);
  color: inherit;
}

.TJIq .KcUeYP.vtyhJIysZ:hover {
  background: rgba(125, 91, 190, 0.2);
}

.tw-root--theme-dark.TJIq .KcUeYP.vtyhJIysZ:hover {
  background: rgba(75, 54, 124, 0.2);
}

.tw-root--theme-light.TJIq .KcUeYP.vtyhJIysZ:hover {
  background: rgba(125, 91, 190, 0.2);
}

.ZhrIYDpnh.TJIq .KcUeYP.vtyhJIysZ:hover {
  background: hsla(0, 0%, 100%, 0.2);
}

.KcUeYP.vtyhJIysZ.tw-interactable--hover,
.KcUeYP.vtyhJIysZ:focus {
  background: rgba(125, 91, 190, 0.2);
}

.tw-root--theme-dark .KcUeYP.vtyhJIysZ.tw-interactable--hover,
.tw-root--theme-dark .KcUeYP.vtyhJIysZ:focus {
  background: rgba(75, 54, 124, 0.2);
}

.tw-root--theme-light .KcUeYP.vtyhJIysZ.tw-interactable--hover,
.tw-root--theme-light .KcUeYP.vtyhJIysZ:focus {
  background: rgba(125, 91, 190, 0.2);
}

.ZhrIYDpnh .KcUeYP.vtyhJIysZ.tw-interactable--hover,
.ZhrIYDpnh .KcUeYP.vtyhJIysZ:focus {
  background: hsla(0, 0%, 100%, 0.2);
}

.KcUeYP.vtyhJIysZ:active,
.tw-root--theme-dark .KcUeYP.vtyhJIysZ:active,
.tw-root--theme-light .KcUeYP.vtyhJIysZ:active {
  background: rgba(100, 65, 164, 0.2);
}

.ZhrIYDpnh .KcUeYP.vtyhJIysZ:active {
  background: hsla(0, 0%, 100%, 0.2);
}

.TQfFEYvK {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.TQfFEYvK:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.TQfFEYvK > * {
  left: 0;
  min-height: 100%;
  position: absolute;
  width: 100%;
}

.TQfFEYvK > picture > img {
  width: 100%;
}

.Upcg > * {
  top: 0;
}

.ARTE:before {
  /* padding-bottom: 56.25% */
}

.FxzRMFu {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.YdISKsBDGj {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #dad8de;
  color: #433f4a;
  font-family: inherit;
  line-height: 1.5;
  outline: 0;
  -webkit-transition: border 0.12s ease-in, -webkit-box-shadow 0.12s ease-in;
  transition: border 0.12s ease-in, -webkit-box-shadow 0.12s ease-in;
  transition: box-shadow 0.12s ease-in, border 0.12s ease-in;
  transition: box-shadow 0.12s ease-in, border 0.12s ease-in,
    -webkit-box-shadow 0.12s ease-in;
}

.tw-root--theme-dark .YdISKsBDGj {
  background: #0e0c13;
  border: 1px solid #392e5c;
  color: #faf9fa;
}

.tw-root--theme-light .YdISKsBDGj {
  background: #fff;
  border: 1px solid #dad8de;
  color: #433f4a;
}

.ZhrIYDpnh .YdISKsBDGj {
  background: transparent;
  border: 1.5px solid #fff;
  color: #c2bcd3;
}

.YdISKsBDGj::-webkit-input-placeholder {
  color: #a49fad;
}

.YdISKsBDGj::-moz-placeholder {
  color: #a49fad;
}

.YdISKsBDGj::-ms-input-placeholder {
  color: #a49fad;
}

.YdISKsBDGj::placeholder {
  color: #a49fad;
}
.ZhrIYDpnh .YdISKsBDGj::-webkit-input-placeholder {
  color: #898395;
}

.ZhrIYDpnh .YdISKsBDGj::-moz-placeholder {
  color: #898395;
}

.ZhrIYDpnh .YdISKsBDGj::-ms-input-placeholder {
  color: #898395;
}

.ZhrIYDpnh .YdISKsBDGj::placeholder {
  color: #898395;
}

.YdISKsBDGj::-ms-clear {
  display: none;
}

.YdISKsBDGj:-moz-focus-inner {
  border: none;
  padding: 0;
}

.YdISKsBDGj:focus,
.tw-root--theme-dark .YdISKsBDGj:focus,
.tw-root--theme-light .YdISKsBDGj:focus {
  background: unset;
  border-color: #7d5bbe;
  -webkit-box-shadow: 0 0 6px -2px #7d5bbe;
  box-shadow: 0 0 6px -2px #7d5bbe;
}

.ZhrIYDpnh .YdISKsBDGj:focus {
  background: hsla(0, 0%, 100%, 0.12);
  border-color: #fff;
  -webkit-box-shadow: 0 0 6px -2px #c2bcd3;
  box-shadow: 0 0 6px -2px #c2bcd3;
}

.YdISKsBDGj:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.xVmSCLEJQ {
  min-width: 3rem;
}

.QoSaFEUtWE {
  pointer-events: none;
}

.YiAaJBo picture {
  display: block;
  position: relative;
}

.QJLizjDDv [type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--sm-color-text-input-search-cancel);
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
}

.item-card__action img {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.item-card__action:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.Ednite .ellipsiss {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-carousel__container {
  max-width: 1400px;
  position: relative;
}

.grid-carousel__scroll-el {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  scrollbar-width: none;
}

.grid-carousel__scroll-el::-webkit-scrollbar {
  display: none;
}

.grid-carousel__slide {
  flex: 0 0 20%;
  box-sizing: border-box;
  padding: 10px;
}

@media (max-width: 1199.98px) and (min-width: 768px) {
  .grid-carousel__slide {
    flex: 0 0 33.3333%;
  }
}

@media (max-width: 767.98px) {
  .grid-carousel__slide {
    flex: 0 0 50%;
  }

  /* .grid-carousel__page-picker-container{
            display: none
        } */
}

.grid-carousel__slide > div {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .grid-carousel__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
  }
}

[data-a-target="grid-carousel-prev-arrow-container"] {
  left: -35px;
}

[data-a-target="grid-carousel-next-arrow-container"] {
  right: -35px;
}

.grid-carousel__page-picker-container {
  text-align: center;
  margin-top: 16px;
}

.grid-carousel__page-picker {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 50%;
  margin: 0 4px;
  transition: background 0.2s;
  border: 1px solid #ccc;
}

.grid-carousel__page-picker--active {
  background: #333;
  border: 1px solid #333;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}