@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=dce2cd3c-2b49-496c-8fe8-f7eedea7aa2b);
@font-face {
  font-family: "FF Mark W05";
  src: url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.662fbc7901e31d6bee9c91d5f2cf42a1.woff2) format("woff2"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.ef7af500d9837d3d390db15c32e93167.woff) format("woff"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.e857052c6a4c940090ac8470ecdaf9be.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.8e5368c00aa72d1e1b19d7b437c375f4.woff2) format("woff2"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.c3b94209b88cdd5dd4831d6e6db1d723.woff) format("woff"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.376df397fa3385ce08264528d21520a2.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.1de8fa6eb6e45628ebb3edd635462180.woff2) format("woff2"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.00ba90c112c9a1241e19f78688edbd98.woff) format("woff"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.db74b2aba5f0dbdca5c076d4a32318c2.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.f4c089710fab9b5bf7a12703bed83b8a.woff2) format("woff2"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.720bdcb352f14de2f474315da59a20c5.woff) format("woff"), url(https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.91a91bc3cd2163aae787cc4d4f955c7f.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}


p {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
button,
input,
select {
  font: inherit;
}
.theme-lol .text__web-h1,
.theme-lol .text__web-h2,
.theme-lol .text__web-h3,
.theme-lol .text__web-h4,
.theme-lol .text__web-h5 {
  color: ;
}
.theme-lol .text__web-subtitle,
.theme-lol .text__web-body1,
.theme-lol .text__web-body2,
.theme-lol .text--center,
.theme-lol .text__web-link,
.theme-lol .text__web-caption {
  color: ;
}
.theme-lol a {
  color: ;
}
.theme-lor .text__web-h1,
.theme-lor .text__web-h2,
.theme-lor .text__web-h3,
.theme-lor .text__web-h4,
.theme-lor .text__web-h5 {
  color: ;
}
.theme-lor .text__web-subtitle,
.theme-lor .text__web-body1,
.theme-lor .text__web-body2,
.theme-lor .text--center,
.theme-lor .text__web-link,
.theme-lor .text__web-caption {
  color: ;
}
.theme-lor a {
  color: ;
}
.theme-riot .text__web-h1,
.theme-riot .text__web-h2,
.theme-riot .text__web-h3,
.theme-riot .text__web-h4,
.theme-riot .text__web-h5 {
  color: ;
}
.theme-riot .text__web-subtitle,
.theme-riot .text__web-body1,
.theme-riot .text__web-body2,
.theme-riot .text--center,
.theme-riot .text__web-link,
.theme-riot .text__web-caption {
  color: ;
}
.theme-riot a {
  color: ;
}
.theme-valorant .text__web-h1,
.theme-valorant .text__web-h2,
.theme-valorant .text__web-h3,
.theme-valorant .text__web-h4,
.theme-valorant .text__web-h5 {
  color: ;
}
.theme-valorant .text__web-subtitle,
.theme-valorant .text__web-body1,
.theme-valorant .text__web-body2,
.theme-valorant .text--center,
.theme-valorant .text__web-link,
.theme-valorant .text__web-caption {
  color: ;
}
.theme-valorant a {
  color: ;
}
.theme-vng .text__web-h1,
.theme-vng .text__web-h2,
.theme-vng .text__web-h3,
.theme-vng .text__web-h4,
.theme-vng .text__web-h5 {
  color: ;
}
.theme-vng .text__web-subtitle,
.theme-vng .text__web-body1,
.theme-vng .text__web-body2,
.theme-vng .text--center,
.theme-vng .text__web-link,
.theme-vng .text__web-caption {
  color: ;
}
.theme-vng a {
  color: ;
}
.theme-wildrift .text__web-h1,
.theme-wildrift .text__web-h2,
.theme-wildrift .text__web-h3,
.theme-wildrift .text__web-h4,
.theme-wildrift .text__web-h5 {
  color: ;
}
.theme-wildrift .text__web-subtitle,
.theme-wildrift .text__web-body1,
.theme-wildrift .text__web-body2,
.theme-wildrift .text--center,
.theme-wildrift .text__web-link,
.theme-wildrift .text__web-caption {
  color: ;
}
.theme-wildrift a {
  color: ;
}
.theme-arcane .text__web-h1,
.theme-arcane .text__web-h2,
.theme-arcane .text__web-h3,
.theme-arcane .text__web-h4,
.theme-arcane .text__web-h5 {
  color: ;
}
.theme-arcane .text__web-subtitle,
.theme-arcane .text__web-body1,
.theme-arcane .text__web-body2,
.theme-arcane .text--center,
.theme-arcane .text__web-link,
.theme-arcane .text__web-caption {
  color: ;
}
.theme-arcane a {
  color: ;
}
.theme-arcane2 .text__web-h1,
.theme-arcane2 .text__web-h2,
.theme-arcane2 .text__web-h3,
.theme-arcane2 .text__web-h4,
.theme-arcane2 .text__web-h5 {
  color: #f5f5f5;
}
.theme-arcane2 .text__web-subtitle,
.theme-arcane2 .text__web-body1,
.theme-arcane2 .text__web-body2,
.theme-arcane2 .text--center,
.theme-arcane2 .text__web-link,
.theme-arcane2 .text__web-caption {
  color: #94a3cd;
}
.theme-arcane2 a {
  color: #7184bd;
}
.theme-xbox .text__web-h1,
.theme-xbox .text__web-h2,
.theme-xbox .text__web-h3,
.theme-xbox .text__web-h4,
.theme-xbox .text__web-h5 {
  color: ;
}
.theme-xbox .text__web-subtitle,
.theme-xbox .text__web-body1,
.theme-xbox .text__web-body2,
.theme-xbox .text--center,
.theme-xbox .text__web-link,
.theme-xbox .text__web-caption {
  color: ;
}
.theme-xbox a {
  color: ;
}
.text--center {
  text-align: center;
}
.text__web-h1 {
  font-size: 9.718689211431993rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h1 {
    font-size: 9.290363609157565rem;
  }
}
.text__web-h2 {
  font-size: 8.637587909621429rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h2 {
    font-size: 7.432415581824531rem;
  }
}
.text__web-code {
  font-size: 6.82515337423313rem;
  font-weight: 800;
  letter-spacing: 0.4em;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-code {
    font-size: 2.435283555289541rem;
  }
}
.text__web-h3 {
  font-size: 6.067634295974862rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h3 {
    font-size: 3.805676093570752rem;
  }
}
.text__web-h3:lang(th),
.text__web-h3:lang(ko),
.text__web-h3:lang(ja),
.text__web-h3:lang(el),
.text__web-h3:lang(vi),
.text__web-h3:lang(ru),
.text__web-h3:lang(zh),
.text__web-h3:lang(pt),
.text__web-h3:lang(tr),
.text__web-h3:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .text__web-h3 {
    line-height: 100% !important;
  }
}
.text__web-h4 {
  font-size: 5.392413586712554rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h4 {
    font-size: 3.043792707865729rem;
  }
}
.text__web-h5 {
  font-size: 4.793879994014665rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h5 {
    font-size: 1.558681230984089rem;
  }
}
.text__web-h5:lang(th),
.text__web-h5:lang(ko),
.text__web-h5:lang(ja),
.text__web-h5:lang(el),
.text__web-h5:lang(vi),
.text__web-h5:lang(ru),
.text__web-h5:lang(zh),
.text__web-h5:lang(pt),
.text__web-h5:lang(tr),
.text__web-h5:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .text__web-h5 {
    line-height: 110% !important;
  }
}
.text__web-body1 {
  font-size: 3.366751458925633rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-body1 {
    font-size: 0.997555987829817rem;
  }
}
.text__web-body2 {
  font-size: 2.65973365255125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-body2 {
    font-size: 0.798044790263854rem;
  }
}
.text__web-body2:lang(th) {
  line-height: 140%;
}
.text__web-subtitle {
  font-size: 4.025138410893312rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-subtitle {
    font-size: 1.246944984787271rem;
  }
}
.text__web-subtitle:lang(th),
.text__web-subtitle:lang(ko),
.text__web-subtitle:lang(ja),
.text__web-subtitle:lang(el),
.text__web-subtitle:lang(vi),
.text__web-subtitle:lang(ru),
.text__web-subtitle:lang(zh),
.text__web-subtitle:lang(pt),
.text__web-subtitle:lang(tr),
.text__web-subtitle:lang(cz) {
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .text__web-subtitle {
    line-height: 120% !important;
  }
}
.text__web-link {
  font-size: 2.364207691156667rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-link {
    font-size: 0.638435832211083rem;
  }
}
.text__web-caption {
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 130%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-caption {
    font-size: 0.510623971270388rem;
  }
}
.text__web-caption:lang(th) {
  line-height: 150%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-caption {
    font-size: 8.19px;
  }
}
.text__web-button1 {
  font-size: 3.366751458925633rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button1 {
    font-size: 1.246944984787271rem;
  }
}
.text__web-button2 {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button2 {
    font-size: 0.997555987829817rem;
  }
}
.text__web-button3 {
  font-size: 2.65973365255125rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button3 {
    font-size: 0.798044790263854rem;
  }
}
.text__web-input-label-inactive {
  font-size: 2.364207691156667rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-input-label-inactive {
    font-size: 0.638435832211083rem;
  }
}
.text__web-toast {
  font-size: 2.476432739787521rem;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-toast {
    font-size: 0.638435832211083rem;
  }
}
.text__web-error {
  color: #be29cc;
  margin: 0 0 4.489001945234176rem;
  text-align: center;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-error {
    margin-bottom: 1.496333981744725rem;
  }
}
.text__web-error a {
  color: #7e3584;
  text-decoration: none;
}
.text__web-error a:hover {
  color: #6a2d70;
}
.text__web-success {
  color: #39ccaf;
  margin: 0 0 4.489001945234176rem;
  text-align: center;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-success {
    margin-bottom: 1.496333981744725rem;
  }
}
.text__web-success a {
  color: #568f84;
  text-decoration: none;
}
.text__web-success a:hover {
  color: #4e7a72;
}
body {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: inherit;
}
html {
  font-family: 'FF Mark W05', sans-serif;
  font-size: 1.310392156862745vw;
}
@media (min-aspect-ratio: 10/8) {
  html {
    font-size: 0.835375vw;
  }
}
@media (min-aspect-ratio: 712/375) {
  html.mobile-embed {
    font-size: 0.704335784313725vw;
  }
}
@media screen and (min-width: 960px) {
  html:not(.mobile-embed) {
    font-size: 1.17935294117647vw;
  }
}
@media screen and (min-width: 2040px) {
  html:not(.mobile-embed) {
    font-size: 24.0588px;
  }
}
html[lang="ko"] p {
  word-break: keep-all;
}
@font-face {
  font-family: 'Tazugane Gothic';
  src: url(assets/TazuganeGothicStdN-Medium.349851a92fdb9fcf8ba8b181772aee8c.badbaea2311ec171c06074fb0e7e903e.ja_JP.woff2) format("woff2"), url(assets/TazuganeGothicStdN-Medium.349851a92fdb9fcf8ba8b181772aee8c.696a958fcacf62f47b09c98e1a391ca6.ja_JP.woff) format("woff"), url(assets/TazuganeGothicStdN-Medium.349851a92fdb9fcf8ba8b181772aee8c.84db358fa1e72fbb5a70945be37fcb76.ja_JP.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Tazugane Gothic';
  src: url(assets/TazuganeGothicStdN-Bold.89aeebab9ca7d839dff509a8881ce3d3.9e4009c8f593495c76d9e7ed60c1f5a1.ja_JP.woff2) format("woff2"), url(assets/TazuganeGothicStdN-Bold.89aeebab9ca7d839dff509a8881ce3d3.bdc5092561d2b17fb6f7e1c42023ba18.ja_JP.woff) format("woff"), url(assets/TazuganeGothicStdN-Bold.89aeebab9ca7d839dff509a8881ce3d3.de7e41e46eb76d38ddfd94af2a5f39b0.ja_JP.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Tazugane Gothic';
  src: url(assets/TazuganeGothicStdN-Heavy.1313a7effe6a3a05697c7587d310ac34.c20d4ad6b2b8cd19680436b248f9f72e.ja_JP.woff2) format("woff2"), url(assets/TazuganeGothicStdN-Heavy.1313a7effe6a3a05697c7587d310ac34.d46d7748dd4542dfb6b29bcab963a26c.ja_JP.woff) format("woff"), url(assets/TazuganeGothicStdN-Heavy.1313a7effe6a3a05697c7587d310ac34.8d026af2aec7509e624fb8d72a4baf27.ja_JP.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Tazugane Gothic';
  src: url(assets/TazuganeGothicStdN-XBlack.54b6942709efc479b4ea5c418cbdab39.cfad314cec0c485bd5ea87de11f92869.ja_JP.woff2) format("woff2"), url(assets/TazuganeGothicStdN-XBlack.54b6942709efc479b4ea5c418cbdab39.7ced8bc5747b47ed56daa4ce77ca99fb.ja_JP.woff) format("woff"), url(assets/TazuganeGothicStdN-XBlack.54b6942709efc479b4ea5c418cbdab39.b834d9b1604aa3657e806f5cb6042082.ja_JP.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Seol Sans';
  src: url(assets/SeolSans-Medium.db9a6d80c6dc5a0a9d7c98214c8a3143.d2b591dd8419f383ff7331f81450a6ef.ko_KR.woff2) format("woff2"), url(assets/SeolSans-Medium.db9a6d80c6dc5a0a9d7c98214c8a3143.d7c0f46ac34a9d2479eb6bfd9ba364e9.ko_KR.woff) format("woff"), url(assets/SeolSans-Medium.db9a6d80c6dc5a0a9d7c98214c8a3143.4aa504fda72bdee721b3a4317cdf43f2.ko_KR.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Seol Sans';
  src: url(assets/SeolSans-Bold.999abc022154bfecf988f2be77c447df.147ca771fdf6390bc1057bb5ae119e4a.ko_KR.woff2) format("woff2"), url(assets/SeolSans-Bold.999abc022154bfecf988f2be77c447df.d8ed4f2ec0b3866eadb5519fdd974ddd.ko_KR.woff) format("woff"), url(assets/SeolSans-Bold.999abc022154bfecf988f2be77c447df.1c758ffe1208951d4b9bc736bbeeca57.ko_KR.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Seol Sans';
  src: url(assets/SeolSans-Heavy.0db9d53fc7b791bc6391911b59091afd.9e84e23aace0c2cc3f4a6c10f42f8fbb.ko_KR.woff2) format("woff2"), url(assets/SeolSans-Heavy.0db9d53fc7b791bc6391911b59091afd.39a7b02238f6291bf97bb429282bfe2e.ko_KR.woff) format("woff"), url(assets/SeolSans-Heavy.0db9d53fc7b791bc6391911b59091afd.14f769fd518de01ad4e12ac31e8db96a.ko_KR.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Seol Sans';
  src: url(assets/SeolSans-XBlack.d34e7f99c036f9aee5a8697b74273c4f.e0a83b4196b8e1726bc4c130fe58fbb8.ko_KR.woff2) format("woff2"), url(assets/SeolSans-XBlack.d34e7f99c036f9aee5a8697b74273c4f.81c094e874211f9e2b335a0d00affb7a.ko_KR.woff) format("woff"), url(assets/SeolSans-XBlack.d34e7f99c036f9aee5a8697b74273c4f.e8e12250742c0b390e9ba0d19d6f431c.ko_KR.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Neue Frutiger World el';
  src: url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.7c2b0148cc1c2961bf6395b2ad68101c.el_GR.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.ad08cee2fa5ee4acb524e4edb3945c7e.el_GR.woff) format("woff"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.29ad098fd7387cb37dd9d951dc532b0d.el_GR.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Neue Frutiger World el';
  src: url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.81271a4e5006c041bf2eda1fd6851d99.el_GR.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.42b9fa0299787a0e1ef66c253f64a3ce.el_GR.woff) format("woff"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.c5a35cf0897f775077561bbf19b97146.el_GR.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Neue Frutiger World el';
  src: url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.a67113ebb158708698e9ab14c68c3da2.el_GR.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.e2141c557ee8f0dd3fbb4c23bb9282b8.el_GR.woff) format("woff"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.0767045feea3acc89339e371f2dd194d.el_GR.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Neue Frutiger World el';
  src: url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.79bf2d397dfb0265aa6929db17b74cbc.el_GR.woff2) format("woff2"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.11374ede06ed635b9c1af99f7450700c.el_GR.woff) format("woff"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.323fe5faa04dd551664cfb303e4a8ddc.el_GR.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Neue Frutiger World ru';
  src: url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.a7a627daa4fe5b23a9f9c5ad8d53b31f.ru_RU.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.38d1a9bdf6d78cb930e457f6e9f8562f.ru_RU.woff) format("woff"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.1cf213bb40110c2ee345775073282f64.ru_RU.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Neue Frutiger World ru';
  src: url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.c00e602d3cbb288bc904866a81925de0.ru_RU.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.a7f335fc6f32dd66b6d821a60a3beab6.ru_RU.woff) format("woff"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.e3792c4dd8deeed446844174adeab2b4.ru_RU.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Neue Frutiger World ru';
  src: url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.e2d63fc125c43c9098e24a7bbed26f78.ru_RU.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.637a00950edd7621a9479b5179eb1d69.ru_RU.woff) format("woff"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.7b03e7327ae504deb886b127cc26f130.ru_RU.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Neue Frutiger World ru';
  src: url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.ee5b2ea59ec0c2474566df961b6c451b.ru_RU.woff2) format("woff2"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.669b1fe1403d1086e4f9c99807d8bf83.ru_RU.woff) format("woff"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.3fdbc35ac299b84c65e874c652eada9e.ru_RU.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Neue Frutiger World vi';
  src: url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.7c03d207c2d57de7b31e225b8dd516a1.vi_VN.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.89fb5d7fefebba37d492b6ae67e4b9f4.vi_VN.woff) format("woff"), url(assets/NeueFrutigerWorld-Medium.837625a0b5251ead93e10ed3988e5174.f5f030e34f2e4fca287b285bf9bc843d.vi_VN.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Neue Frutiger World vi';
  src: url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.5bd69eb4f18dd4f3559ed19fbb592d05.vi_VN.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.1a04ad07e022db79711c35c1ba89a51e.vi_VN.woff) format("woff"), url(assets/NeueFrutigerWorld-Bold.3ee2d20bd45bb49dcb833404f05fe837.e6aed82bea08291a0258aee99bfd99c4.vi_VN.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Neue Frutiger World vi';
  src: url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.ec9e2c56e6d8af3a6b2fb98c0489ae53.vi_VN.woff2) format("woff2"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.dd2536d3691b5b2caa4cd0ece7bf48ad.vi_VN.woff) format("woff"), url(assets/NeueFrutigerWorld-Heavy.66f4aacbb47cb39abf0763039543afe1.f54d0caf2b901163e4612480adcb2d65.vi_VN.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Neue Frutiger World vi';
  src: url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.fc7a9875ec8e51cb174eadefa0463d27.vi_VN.woff2) format("woff2"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.091bb16e2c2e70bb5690ca78888baf9d.vi_VN.woff) format("woff"), url(assets/NeueFrutigerWorld-XBlack.469470df39a7b42990dda6f546ab3e97.80f8a5371dcc0c656270f5f86fa6df40.vi_VN.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'MXiangHeHeiSCPro';
  src: url(assets/MXiangHeHeiSCPro-Medium.53f8ba3ed6076b04efc4ff26a5e9f949.baa1970a9a47ce4162b9e54245f9b706.zh_MY.woff2) format("woff2"), url(assets/MXiangHeHeiSCPro-Medium.53f8ba3ed6076b04efc4ff26a5e9f949.8a7538890cc621110e72695af8ac4685.zh_MY.woff) format("woff"), url(assets/MXiangHeHeiSCPro-Medium.53f8ba3ed6076b04efc4ff26a5e9f949.8c74a521b7e302716e4001e25f52a16b.zh_MY.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'MXiangHeHeiSCPro';
  src: url(assets/MXiangHeHeiSCPro-Bold.4a31bfa4dbc082ca870c1ef9bcdd839c.1c844d09eee9b85ca7d2620695fbbc3c.zh_MY.woff2) format("woff2"), url(assets/MXiangHeHeiSCPro-Bold.4a31bfa4dbc082ca870c1ef9bcdd839c.eda22e5f211f7f30d4a70a4033a70301.zh_MY.woff) format("woff"), url(assets/MXiangHeHeiSCPro-Bold.4a31bfa4dbc082ca870c1ef9bcdd839c.0ad2627b9c9ec143c9c0438571317fd7.zh_MY.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'MXiangHeHeiSCPro';
  src: url(assets/MXiangHeHeiSCPro-Heavy.7aac8ed4844ad60b2f93b5e12dc76a4a.e938a09c2004b6c15053761c6bc60f84.zh_MY.woff2) format("woff2"), url(assets/MXiangHeHeiSCPro-Heavy.7aac8ed4844ad60b2f93b5e12dc76a4a.07d56d0f6f5463d25cf6a1b0a1896d77.zh_MY.woff) format("woff"), url(assets/MXiangHeHeiSCPro-Heavy.7aac8ed4844ad60b2f93b5e12dc76a4a.cd91e13c166904d0ea3ce1a82a84de07.zh_MY.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'MXiangHeHeiSCPro';
  src: url(assets/MXiangHeHeiSCPro-XBlack.8117ca94b1278bf182ddb313c5bea7a6.a6a2b570cf94dbe078c304c025444107.zh_MY.woff2) format("woff2"), url(assets/MXiangHeHeiSCPro-XBlack.8117ca94b1278bf182ddb313c5bea7a6.3475ac417fd60b7b41372401ba6282b2.zh_MY.woff) format("woff"), url(assets/MXiangHeHeiSCPro-XBlack.8117ca94b1278bf182ddb313c5bea7a6.3cc831ac8cad57baa071048a2b089b88.zh_MY.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'MXiangHeHeiTC';
  src: url(assets/MXiangHeHeiTC-Medium.0011bd79bc34265bbe0368b6271018a5.934628864ee4c2f0a56c00a07ae410fc.zh_TW.woff2) format("woff2"), url(assets/MXiangHeHeiTC-Medium.0011bd79bc34265bbe0368b6271018a5.9708d34026383f2a7d27391a92fa3e9b.zh_TW.woff) format("woff"), url(assets/MXiangHeHeiTC-Medium.0011bd79bc34265bbe0368b6271018a5.f21f53afca14c7609d9d636fbe94a1c9.zh_TW.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'MXiangHeHeiTC';
  src: url(assets/MXiangHeHeiTC-Bold.e06a37e633f1af92e649155efb3e271e.7a0579a68c979775287041e60cfdf730.zh_TW.woff2) format("woff2"), url(assets/MXiangHeHeiTC-Bold.e06a37e633f1af92e649155efb3e271e.a9d73f17ed03cb0aece886135fc627df.zh_TW.woff) format("woff"), url(assets/MXiangHeHeiTC-Bold.e06a37e633f1af92e649155efb3e271e.42f730efc344522cdbec76be79bdeeb1.zh_TW.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'MXiangHeHeiTC';
  src: url(assets/MXiangHeHeiTC-Heavy.257a36e726489ece49de8384397331a8.a71b1645fd3f0c7a06f0c67e8dbd6e6a.zh_TW.woff2) format("woff2"), url(assets/MXiangHeHeiTC-Heavy.257a36e726489ece49de8384397331a8.dd8c14b36ce27bedc08a96aa3f0e80b1.zh_TW.woff) format("woff"), url(assets/MXiangHeHeiTC-Heavy.257a36e726489ece49de8384397331a8.610eb4ff54e3687a28a9a066262185a6.zh_TW.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'MXiangHeHeiTC';
  src: url(assets/MXiangHeHeiTC-XBlack.915f777704cc37a6f52ccce719c40c0d.e00312fdfe188fd4dcc2b878983e855c.zh_TW.woff2) format("woff2"), url(assets/MXiangHeHeiTC-XBlack.915f777704cc37a6f52ccce719c40c0d.d0911fe6674e35c14f6394ba7c0af150.zh_TW.woff) format("woff"), url(assets/MXiangHeHeiTC-XBlack.915f777704cc37a6f52ccce719c40c0d.52ab7b225cc412dc6326f8b40fce8971.zh_TW.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
:lang(ja) {
  font-family: 'Tazugane Gothic', sans-serif;
}
.text__ignore-subset:lang(ja) {
  font-family: sans-serif;
}
:lang(ko) {
  font-family: 'Seol Sans', sans-serif;
}
.text__ignore-subset:lang(ko) {
  font-family: sans-serif;
}
:lang(el) {
  font-family: 'Neue Frutiger World el', sans-serif;
}
.text__ignore-subset:lang(el) {
  font-family: sans-serif;
}
:lang(ru) {
  font-family: 'Neue Frutiger World ru', sans-serif;
}
.text__ignore-subset:lang(ru) {
  font-family: sans-serif;
}
:lang(vi) {
  font-family: 'Neue Frutiger World vi', sans-serif;
}
.text__ignore-subset:lang(vi) {
  font-family: sans-serif;
}
:lang(zh-Hans) {
  font-family: 'MXiangHeHeiSCPro', sans-serif;
}
.text__ignore-subset:lang(zh-Hans) {
  font-family: sans-serif;
}
:lang(zh-Hant) {
  font-family: 'MXiangHeHeiTC', sans-serif;
}
.text__ignore-subset:lang(zh-Hant) {
  font-family: sans-serif;
}
:lang(en) {
  font-family: 'FF Mark W05', sans-serif;
}
body {
  background-color: #333;
}
.osano-cm-widget {
  display: none;
}
.theme__display-touch.theme-vng .grid-page-mobile__pagination,
.theme__display-touch.theme-vng .pagination-wrapper {
  display: none;
}

.grid-panel {
  flex-grow: 1;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-panel {
    flex-grow: 0;
  }
}
.grid-panel__links a {
  color: #666;
  text-decoration: none;
  text-align: center;
  flex-grow: 1;
}
.grid-panel__links a:last-child {
  margin-bottom: 0;
}
.grid-panel__subtitle {
  padding: 0;
  margin: 0;
  margin-top: 2.992667963489451rem;
  text-align: center;
  color: #7a7a7a;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-panel__subtitle {
    margin-top: 0.997555987829817rem;
  }
}
.grid-panel__subtitle a {
  color: #6b1c1d;
  text-decoration: none;
}
.grid-panel__subtitle a:hover {
  color: #571618;
}
.grid-panel__subtitle strong {
  color: #999;
}
.grid-panel__content {
  flex-grow: 1;
  max-width: 100%;
}
.grid-panel-error .grid-panel__subtitle {
  color: #be29cc;
}

.grid {
  display: flex;
}
.grid-mobile-size-1 {
  width: 1.496333981744725rem;
}
.grid-mobile-size-2 {
  width: 2.992667963489451rem;
}
.grid-mobile-size-3 {
  width: 4.489001945234176rem;
}
.grid-mobile-size-4 {
  width: 5.985335926978902rem;
}
.grid-mobile-size-5 {
  width: 7.481669908723627rem;
}
.grid-mobile-size-6 {
  width: 8.978003890468353rem;
}
.grid-mobile-size-7 {
  width: 10.474337872213077rem;
}
.grid-mobile-size-8 {
  width: 11.970671853957803rem;
}
.grid-mobile-size-9 {
  width: 13.467005835702528rem;
}
.grid-mobile-size-10 {
  width: 14.963339817447254rem;
}
.grid-mobile-size-11 {
  width: 16.45967379919198rem;
}
.grid-mobile-size-12 {
  width: 17.956007780936705rem;
}
.grid-mobile-size-13 {
  width: 19.45234176268143rem;
}
.grid-mobile-size-14 {
  width: 20.948675744426154rem;
}
.grid-mobile-size-15 {
  width: 22.44500972617088rem;
}
.grid-mobile-size-16 {
  width: 23.941343707915607rem;
}
.grid-mobile-size-17 {
  width: 25.437677689660333rem;
}
.grid-mobile-size-18 {
  width: 26.934011671405056rem;
}
.grid-mobile-size-19 {
  width: 28.430345653149782rem;
}
.grid-mobile-size-20 {
  width: 29.92667963489451rem;
}
.grid-mobile-size-21 {
  width: 31.423013616639235rem;
}
.grid-mobile-size-22 {
  width: 32.91934759838396rem;
}
.grid-mobile-size-23 {
  width: 34.415681580128684rem;
}
.grid-mobile-size-24 {
  width: 35.91201556187341rem;
}
.grid-mobile-size-25 {
  width: 37.40834954361814rem;
}
.grid-mobile-size-26 {
  width: 38.90468352536286rem;
}
.grid-mobile-size-27 {
  width: 40.40101750710759rem;
}
.grid-mobile-size-28 {
  width: 41.89735148885231rem;
}
.grid-mobile-size-29 {
  width: 43.393685470597035rem;
}
.grid-mobile-size-30 {
  width: 44.89001945234176rem;
}
.grid-mobile-size-31 {
  width: 46.38635343408649rem;
}
.grid-mobile-size-32 {
  width: 47.882687415831214rem;
}
.grid-mobile-size-33 {
  width: 49.37902139757594rem;
}
.grid-mobile-size-34 {
  width: 50.875355379320666rem;
}
.grid-mobile-size-35 {
  width: 52.37168936106539rem;
}
.grid-mobile-size-36 {
  width: 53.86802334281011rem;
}
.grid-mobile-size-37 {
  width: 55.36435732455484rem;
}
.grid-mobile-size-38 {
  width: 56.860691306299564rem;
}
.grid-mobile-size-39 {
  width: 58.35702528804429rem;
}
.grid-mobile-size-40 {
  width: 59.85335926978902rem;
}
.grid-mobile-size-41 {
  width: 61.34969325153374rem;
}
.grid-mobile-size-42 {
  width: 62.84602723327847rem;
}
.grid-mobile-size-43 {
  width: 64.34236121502319rem;
}
.grid-mobile-size-44 {
  width: 65.83869519676792rem;
}
.grid-mobile-size-45 {
  width: 67.33502917851264rem;
}
.grid-mobile-size-46 {
  width: 68.83136316025737rem;
}
.grid-mobile-size-47 {
  width: 70.3276971420021rem;
}
.grid-mobile-size-48 {
  width: 71.82403112374682rem;
}
.grid-mobile-size-49 {
  width: 73.32036510549155rem;
}
.grid-mobile-size-50 {
  width: 74.81669908723627rem;
}
.grid-mobile-size-51 {
  width: 76.313033068981rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-size-1 {
    width: 1.496333981744725rem;
  }
  .grid-page-web .grid-size-2 {
    width: 2.992667963489451rem;
  }
  .grid-page-web .grid-size-3 {
    width: 4.489001945234176rem;
  }
  .grid-page-web .grid-size-4 {
    width: 5.985335926978902rem;
  }
  .grid-page-web .grid-size-5 {
    width: 7.481669908723627rem;
  }
  .grid-page-web .grid-size-6 {
    width: 8.978003890468353rem;
  }
  .grid-page-web .grid-size-7 {
    width: 10.474337872213077rem;
  }
  .grid-page-web .grid-size-8 {
    width: 11.970671853957803rem;
  }
  .grid-page-web .grid-size-9 {
    width: 13.467005835702528rem;
  }
  .grid-page-web .grid-size-10 {
    width: 14.963339817447254rem;
  }
  .grid-page-web .grid-size-11 {
    width: 16.45967379919198rem;
  }
  .grid-page-web .grid-size-12 {
    width: 17.956007780936705rem;
  }
  .grid-page-web .grid-size-13 {
    width: 19.45234176268143rem;
  }
  .grid-page-web .grid-size-14 {
    width: 20.948675744426154rem;
  }
  .grid-page-web .grid-size-15 {
    width: 22.44500972617088rem;
  }
  .grid-page-web .grid-size-16 {
    width: 23.941343707915607rem;
  }
  .grid-page-web .grid-size-17 {
    width: 25.437677689660333rem;
  }
  .grid-page-web .grid-size-18 {
    width: 26.934011671405056rem;
  }
  .grid-page-web .grid-size-19 {
    width: 28.430345653149782rem;
  }
  .grid-page-web .grid-size-20 {
    width: 29.92667963489451rem;
  }
  .grid-page-web .grid-size-21 {
    width: 31.423013616639235rem;
  }
  .grid-page-web .grid-size-22 {
    width: 32.91934759838396rem;
  }
  .grid-page-web .grid-size-23 {
    width: 34.415681580128684rem;
  }
  .grid-page-web .grid-size-24 {
    width: 35.91201556187341rem;
  }
  .grid-page-web .grid-size-25 {
    width: 37.40834954361814rem;
  }
  .grid-page-web .grid-size-26 {
    width: 38.90468352536286rem;
  }
  .grid-page-web .grid-size-27 {
    width: 40.40101750710759rem;
  }
  .grid-page-web .grid-size-28 {
    width: 41.89735148885231rem;
  }
  .grid-page-web .grid-size-29 {
    width: 43.393685470597035rem;
  }
  .grid-page-web .grid-size-30 {
    width: 44.89001945234176rem;
  }
  .grid-page-web .grid-size-31 {
    width: 46.38635343408649rem;
  }
  .grid-page-web .grid-size-32 {
    width: 47.882687415831214rem;
  }
  .grid-page-web .grid-size-33 {
    width: 49.37902139757594rem;
  }
  .grid-page-web .grid-size-34 {
    width: 50.875355379320666rem;
  }
  .grid-page-web .grid-size-35 {
    width: 52.37168936106539rem;
  }
  .grid-page-web .grid-size-36 {
    width: 53.86802334281011rem;
  }
  .grid-page-web .grid-size-37 {
    width: 55.36435732455484rem;
  }
  .grid-page-web .grid-size-38 {
    width: 56.860691306299564rem;
  }
  .grid-page-web .grid-size-39 {
    width: 58.35702528804429rem;
  }
  .grid-page-web .grid-size-40 {
    width: 59.85335926978902rem;
  }
  .grid-page-web .grid-size-41 {
    width: 61.34969325153374rem;
  }
  .grid-page-web .grid-size-42 {
    width: 62.84602723327847rem;
  }
  .grid-page-web .grid-size-43 {
    width: 64.34236121502319rem;
  }
  .grid-page-web .grid-size-44 {
    width: 65.83869519676792rem;
  }
  .grid-page-web .grid-size-45 {
    width: 67.33502917851264rem;
  }
  .grid-page-web .grid-size-46 {
    width: 68.83136316025737rem;
  }
  .grid-page-web .grid-size-47 {
    width: 70.3276971420021rem;
  }
  .grid-page-web .grid-size-48 {
    width: 71.82403112374682rem;
  }
  .grid-page-web .grid-size-49 {
    width: 73.32036510549155rem;
  }
  .grid-page-web .grid-size-50 {
    width: 74.81669908723627rem;
  }
  .grid-page-web .grid-size-51 {
    width: 76.313033068981rem;
  }
}
.grid-direction__column {
  flex-direction: column;
}
.grid-direction__row {
  flex-direction: row;
  width: 100%;
}
.grid-fill {
  width: 100%;
  flex-grow: 1;
}
.grid-align-start {
  align-items: flex-start;
}
.grid-align-end {
  align-items: flex-end;
}
.grid-align-center {
  align-items: center;
}
.grid-justify-space-between {
  justify-content: space-between;
}
.grid-justify-start {
  justify-content: flex-start;
}
.grid-justify-end {
  justify-content: flex-end;
}
.grid-justify-center {
  justify-content: center;
}

.grid-button-group .mobile-button,
.grid-button-group .login-button {
  text-align: center;
  border-radius: 1.122250486308544rem;
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 1.496333981744725rem;
  max-width: 100%;
  height: 10.474337872213077rem;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-button-group .mobile-button,
  .grid-page-web .grid-button-group .login-button {
    font-size: 0.997555987829817rem;
  }
}
.grid-button-group .mobile-button:not(:last-child),
.grid-button-group .login-button:not(:last-child) {
  margin-bottom: 2.244500972617088rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-button-group .mobile-button,
  .grid-page-web .grid-button-group .login-button {
    max-width: 100%;
    height: 2.992667963489451rem;
    padding: 0 1.496333981744725rem;
    border-radius: 0.374083495436181rem;
  }
  .grid-page-web .grid-button-group .mobile-button:not(:last-child),
  .grid-page-web .grid-button-group .login-button:not(:last-child) {
    margin-bottom: 0.748166990872363rem;
  }
}
.grid-button-group-mobile {
  padding: 0 16.085590303755797rem;
  padding-bottom: 7.481669908723627rem;
}
.grid-button-group-mobile .mobile-button,
.grid-button-group-mobile .login-button {
  min-height: 12.718838844830167rem;
  height: auto;
  padding: 0 4.114918449797995rem;
}
@media (min-aspect-ratio: 10/8) {
  .grid-button-group-mobile {
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .grid-button-group-mobile .mobile-button,
  .grid-button-group-mobile .login-button {
    flex-grow: 1;
    flex-basis: 0;
  }
  .grid-button-group-mobile .mobile-button:not(:last-child),
  .grid-button-group-mobile .login-button:not(:last-child) {
    margin-right: 2.244500972617088rem;
    margin-bottom: 0;
  }
}
.grid-button-group-compact {
  margin-top: 2.992667963489451rem;
  margin-bottom: 1.496333981744725rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-button-group-compact {
    margin-top: 0.748166990872363rem;
  }
}
.grid-button-group-compact .mobile-button,
.grid-button-group-compact .login-button {
  height: 10.474337872213077rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-button-group-compact .mobile-button,
  .grid-page-web .grid-button-group-compact .login-button {
    background-size: 1.122250486308544rem;
    height: 2.244500972617088rem;
  }
}
.grid-button-group-compact .mobile-button:not(:last-child),
.grid-button-group-compact .login-button:not(:last-child) {
  margin-right: 2.244500972617088rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-button-group-compact .mobile-button:not(:last-child),
  .grid-page-web .grid-button-group-compact .login-button:not(:last-child) {
    margin-right: 0.748166990872363rem;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.account-detail {
  display: flex;
  flex-direction: column;
  background-color: rgba(186,186,186,0.2);
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  margin: 2.5rem 0;
}
@media screen and (min-width: 960px) {
  .account-detail {
    margin: 0.5rem 0;
  }
}
@media screen and (min-width: 960px) {
  .account-detail {
    padding: 0.25rem 0.5rem;
    border-radius: 0.083333333333333rem;
  }
}
.account-detail__identity-block {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.account-detail__identity-text {
  margin: 0 2rem;
}
@media screen and (min-width: 960px) {
  .account-detail__identity-text {
    margin: 0 0.5rem;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-button--XL,
.ds-button--L,
.ds-button--M,
.ds-button--S,
.ds-button--XS {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1,
.ds-button--XL,
.ds-button--L {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1,
  .ds-button--XL,
  .ds-button--L {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1,
  .ds-button--XL,
  .ds-button--L {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1,
  .ds-button--XL,
  .ds-button--L {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.ds-button--M {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .ds-button--M {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .ds-button--M {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .ds-button--M {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3,
.ds-button--S,
.ds-button--XS {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3,
  .ds-button--S,
  .ds-button--XS {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3,
  .ds-button--S,
  .ds-button--XS {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3,
  .ds-button--S,
  .ds-button--XS {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-spinner {
  display: flex;
  justify-content: center;
  width: 0.625rem !important;
  height: 0.625rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ds-button {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ds-button--XL {
  height: 11rem;
  padding: 0 3rem;
}
@media screen and (min-width: 960px) {
  .ds-button--XL {
    height: 3rem;
    padding: 0 1rem;
  }
}
.ds-button--L {
  height: 10rem;
  padding: 0 3rem;
}
@media screen and (min-width: 960px) {
  .ds-button--L {
    height: 2.666666666666667rem;
    padding: 0 1rem;
  }
}
.ds-button--M {
  height: 8rem;
  padding: 0 2rem;
}
@media screen and (min-width: 960px) {
  .ds-button--M {
    height: 2rem;
    padding: 0 2rem;
  }
}
.ds-button--S {
  height: 6rem;
  padding: 0 1.5rem;
}
@media screen and (min-width: 960px) {
  .ds-button--S {
    height: 1.333333333333333rem;
    padding: 0 0.5rem;
  }
}
.ds-button--XS {
  height: 5rem;
  padding: 0 1.5rem;
}
@media screen and (min-width: 960px) {
  .ds-button--XS {
    height: 1rem;
    padding: 0 0.5rem;
  }
}
.ds-button--XL,
.ds-button--L {
  border-radius: 0.75rem;
}
@media screen and (min-width: 960px) {
  .ds-button--XL,
  .ds-button--L {
    border-radius: 0.25rem;
  }
}
.ds-button--XL.ds-button--forward,
.ds-button--L.ds-button--forward,
.ds-button--XL.ds-button--back,
.ds-button--L.ds-button--back,
.ds-button--XL.ds-button--close,
.ds-button--L.ds-button--close {
  border-radius: 2.5rem;
  height: 11rem;
  width: 11rem;
}
@media screen and (min-width: 960px) {
  .ds-button--XL.ds-button--forward,
  .ds-button--L.ds-button--forward,
  .ds-button--XL.ds-button--back,
  .ds-button--L.ds-button--back,
  .ds-button--XL.ds-button--close,
  .ds-button--L.ds-button--close {
    border-radius: 0.833333333333333rem;
    height: 3rem;
    width: 3rem;
  }
}
.ds-button--M.ds-button--forward,
.ds-button--S.ds-button--forward,
.ds-button--M.ds-button--back,
.ds-button--S.ds-button--back,
.ds-button--M.ds-button--close,
.ds-button--S.ds-button--close {
  border-radius: 2.5rem;
  height: 11rem;
  width: 11rem;
}
@media screen and (min-width: 960px) {
  .ds-button--M.ds-button--forward,
  .ds-button--S.ds-button--forward,
  .ds-button--M.ds-button--back,
  .ds-button--S.ds-button--back,
  .ds-button--M.ds-button--close,
  .ds-button--S.ds-button--close {
    border-radius: 0.833333333333333rem;
    height: 3rem;
    width: 3rem;
  }
}
.ds-button--M,
.ds-button--S,
.ds-button--XS {
  border-radius: 0.5rem;
}
@media screen and (min-width: 960px) {
  .ds-button--M,
  .ds-button--S,
  .ds-button--XS {
    border-radius: 0.166666666666667rem;
  }
}
.ds-button--submit {
  width: 11.5rem;
  position: relative;
  display: block;
  color: transparent;
  border-radius: 27.173913043478258%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yNzI3IDEwTDAuNSAxMFY4TDE0LjI3MjUgOEw4LjUxMzQ1IDEuNzI0OTZMOS44NjU3OSAwLjI1MTQ2NUwxNy4yMTg5IDguMjYzMzNDMTcuNTkyMyA4LjY3MDIyIDE3LjU5MjMgOS4zMjk5MyAxNy4yMTg5IDkuNzM2ODJMOS44NjU3OSAxNy43NDg3TDguNTEzNDUgMTYuMjc1MkwxNC4yNzI3IDEwWiIgZmlsbD0iI0Y5RjlGOSIvPgo8L3N2Zz4K);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 960px) {
  .ds-button--submit {
    width: 3rem;
    border-radius: 27.77777777777778%;
    background-size: 1.05rem;
  }
}
.ds-button--submit[disabled],
.ds-button--submit--disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yNzI3IDEwTDAuNSAxMEwwLjUgOEwxNC4yNzI1IDhMOC41MTM0NSAxLjcyNDk2TDkuODY1NzkgMC4yNTE0NjVMMTcuMjE4OSA4LjI2MzMzQzE3LjU5MjMgOC42NzAyMiAxNy41OTIzIDkuMzI5OTMgMTcuMjE4OSA5LjczNjgyTDkuODY1NzkgMTcuNzQ4N0w4LjUxMzQ1IDE2LjI3NTJMMTQuMjcyNyAxMFoiIGZpbGw9IiNFOEU4RTgiLz4KPC9zdmc+Cg==);
}
.ds-button--close {
  padding: 0;
  width: 3rem;
  height: 3rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMDAwMTIgMTAuNDE0MkwxNS43OTMgMTcuMjA3MUwxNy4yMDcyIDE1Ljc5MjhMMTAuNDE0MyA5TDE3LjIwNzIgMi4yMDcxNEwxNS43OTMgMC43OTI5MjJMOS4wMDAxMiA3LjU4NTc4TDIuMjA3MTggMC43OTI4NDdMMC43OTI5NjkgMi4yMDcwNkw3LjU4NTkxIDlMMC43OTI5ODMgMTUuNzkyOUwyLjIwNzIgMTcuMjA3MUw5LjAwMDEyIDEwLjQxNDJaIiBmaWxsPSIjMjkyOTI5Ii8+Cjwvc3ZnPgoK);
  background-repeat: no-repeat;
  background-size: 41.666666666666664%;
  background-position: center;
  background-color: rgba(122,122,122,0.1);
}
.ds-button--close:hover {
  background-color: rgba(122,122,122,0.15);
}
.ds-button--close:active {
  background-color: rgba(122,122,122,0.2);
}
.ds-button--close[disabled],
.ds-button--close--disabled {
  display: none;
}
.ds-button--back {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOS42NjQwNiAxLjU5OTYxTDIuMzI4MzggOC45MzUyOUw5LjY2NDA2IDE2LjI3MSIgc3Ryb2tlPSIjMjkyOTI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 65% center;
  background-color: transparent;
  background-size: 1.75rem;
}
.ds-button--checked {
  display: block;
  background-color: #40e5c4;
}
.theme__color-light .ds-button .spin {
  zoom: 4;
}
@media screen and (min-width: 960px) {
  .theme__color-light .ds-button .spin {
    zoom: 1;
  }
}
.theme__color-light .ds-button--primary {
  background-color: #d13639;
  color: #f0f0f0;
}
.theme__color-light .ds-button--primary:hover {
  background-color: #c73033;
}
.theme__color-light .ds-button--primary:active {
  background-color: #bd2a2c;
}
.theme__color-light .ds-button--primary .spin__stop_start {
  stop-color: #f0f0f0;
}
.theme__color-light .ds-button--primary .spin__stop_mid {
  stop-color: rgba(240,240,240,0.5);
}
.theme__color-light .ds-button--primary .spin__stop_end {
  stop-color: rgba(240,240,240,0);
}
.theme__color-light .ds-button--primaryAlt {
  background-color: #292727;
  color: #f0f0f0;
}
.theme__color-light .ds-button--primaryAlt:hover {
  background-color: #211e1f;
}
.theme__color-light .ds-button--primaryAlt:active {
  background-color: #141212;
}
.theme__color-light .ds-button--primaryAlt .spin__stop_start {
  stop-color: #f0f0f0;
}
.theme__color-light .ds-button--primaryAlt .spin__stop_mid {
  stop-color: rgba(240,240,240,0.5);
}
.theme__color-light .ds-button--primaryAlt .spin__stop_end {
  stop-color: rgba(240,240,240,0);
}
.theme__color-light .ds-button--primaryAlt .spin__stop_start,
.theme__color-light .ds-button--disabled .spin__stop_start {
  stop-color: #adadad;
}
.theme__color-light .ds-button--primaryAlt .spin__stop_mid,
.theme__color-light .ds-button--disabled .spin__stop_mid {
  stop-color: rgba(173,173,173,0.5);
}
.theme__color-light .ds-button--primaryAlt .spin__stop_end,
.theme__color-light .ds-button--disabled .spin__stop_end {
  stop-color: rgba(173,173,173,0);
}
.theme__color-light .ds-button--secondary {
  background-color: rgba(138,138,138,0.1);
  color: #211f1e;
}
.theme__color-light .ds-button--secondary:hover {
  background-color: rgba(138,138,138,0.15);
}
.theme__color-light .ds-button--secondary:active {
  background-color: ;
}
.theme__color-light .ds-button--secondary .spin__stop_start {
  stop-color: #211f1e;
}
.theme__color-light .ds-button--secondary .spin__stop_mid {
  stop-color: rgba(33,31,30,0.5);
}
.theme__color-light .ds-button--secondary .spin__stop_end {
  stop-color: rgba(33,31,30,0);
}
.theme__color-light .ds-button--forward {
  background-color: #d13639;
  background-repeat: no-repeat;
  background-position: center;
}
.theme__color-light .ds-button--forward.ds-button--L {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi44MDExIDE0Ljc1TDE0LjIyMzQgNi43MDk3MUwxNi4wNDc0IDVMMjYuODY5NSAxNS4xNDQxQzI3LjM3MzIgMTUuNjE2MyAyNy4zNzMyIDE2LjM4MTcgMjYuODY5NSAxNi44NTM4TDE2LjA0NzQgMjYuOTk4TDE0LjIyMzQgMjUuMjg4M0wyMi43OTg5IDE3LjI1SDQuNzVWMTQuNzVIMjIuODAxMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.theme__color-light .ds-button--forward.ds-button--M {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4yNzI3IDEzTDMuNSAxM1YxMUwxNy4yNzI1IDExTDExLjUxMzUgNC43MjQ5NkwxMi44NjU4IDMuMjUxNDZMMjAuMjE4OSAxMS4yNjMzQzIwLjU5MjMgMTEuNjcwMiAyMC41OTIzIDEyLjMyOTkgMjAuMjE4OSAxMi43MzY4TDEyLjg2NTggMjAuNzQ4N0wxMS41MTM1IDE5LjI3NTJMMTcuMjcyNyAxM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.theme__color-light .ds-button--forward.ds-button--S {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi44MDExIDE0Ljc1TDE0LjIyMzQgNi43MDk3MUwxNi4wNDc0IDVMMjYuODY5NSAxNS4xNDQxQzI3LjM3MzIgMTUuNjE2MyAyNy4zNzMyIDE2LjM4MTcgMjYuODY5NSAxNi44NTM4TDE2LjA0NzQgMjYuOTk4TDE0LjIyMzQgMjUuMjg4M0wyMi43OTg5IDE3LjI1SDQuNzVWMTQuNzVIMjIuODAxMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.theme__color-light .ds-button--primary[disabled],
.theme__color-light .ds-button--primaryAlt[disabled],
.theme__color-light .ds-button--secondary[disabled],
.theme__color-light .ds-button--forward[disabled],
.theme__color-light .ds-button--primary--disabled,
.theme__color-light .ds-button--primaryAlt--disabled,
.theme__color-light .ds-button--secondary--disabled,
.theme__color-light .ds-button--forward--disabled {
  border: 2px solid rgba(138,138,138,0.1);
  background-color: transparent;
  color: #adadad;
}
.theme__color-light .ds-button--primary--checked,
.theme__color-light .ds-button--primaryAlt--checked,
.theme__color-light .ds-button--secondary--checked,
.theme__color-light .ds-button--primary--checked:focus,
.theme__color-light .ds-button--primaryAlt--checked:focus,
.theme__color-light .ds-button--secondary--checked:focus,
.theme__color-light .ds-button--primary--checked:hover,
.theme__color-light .ds-button--primaryAlt--checked:hover,
.theme__color-light .ds-button--secondary--checked:hover,
.theme__color-light .ds-button--primary--checked:active,
.theme__color-light .ds-button--primaryAlt--checked:active,
.theme__color-light .ds-button--secondary--checked:active {
  background-color: #40e5c4;
  background-repeat: no-repeat;
  background-position: center;
}
.theme__color-light .ds-button--primary--checked.ds-button--M,
.theme__color-light .ds-button--primaryAlt--checked.ds-button--M,
.theme__color-light .ds-button--secondary--checked.ds-button--M,
.theme__color-light .ds-button--primary--checked:focus.ds-button--M,
.theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--M,
.theme__color-light .ds-button--secondary--checked:focus.ds-button--M,
.theme__color-light .ds-button--primary--checked:hover.ds-button--M,
.theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--M,
.theme__color-light .ds-button--secondary--checked:hover.ds-button--M,
.theme__color-light .ds-button--primary--checked:active.ds-button--M,
.theme__color-light .ds-button--primaryAlt--checked:active.ds-button--M,
.theme__color-light .ds-button--secondary--checked:active.ds-button--M,
.theme__color-light .ds-button--primary--checked.ds-button--S,
.theme__color-light .ds-button--primaryAlt--checked.ds-button--S,
.theme__color-light .ds-button--secondary--checked.ds-button--S,
.theme__color-light .ds-button--primary--checked:focus.ds-button--S,
.theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--S,
.theme__color-light .ds-button--secondary--checked:focus.ds-button--S,
.theme__color-light .ds-button--primary--checked:hover.ds-button--S,
.theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--S,
.theme__color-light .ds-button--secondary--checked:hover.ds-button--S,
.theme__color-light .ds-button--primary--checked:active.ds-button--S,
.theme__color-light .ds-button--primaryAlt--checked:active.ds-button--S,
.theme__color-light .ds-button--secondary--checked:active.ds-button--S {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNDYzODkgMTUuNDQ3MkwxNC44OTgzIDIzLjQ2NjZMMjcuMDM1MiA5LjMyODE3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
@media screen and (min-width: 960px) {
  .theme__color-light .ds-button--primary--checked.ds-button--M,
  .theme__color-light .ds-button--primaryAlt--checked.ds-button--M,
  .theme__color-light .ds-button--secondary--checked.ds-button--M,
  .theme__color-light .ds-button--primary--checked:focus.ds-button--M,
  .theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--M,
  .theme__color-light .ds-button--secondary--checked:focus.ds-button--M,
  .theme__color-light .ds-button--primary--checked:hover.ds-button--M,
  .theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--M,
  .theme__color-light .ds-button--secondary--checked:hover.ds-button--M,
  .theme__color-light .ds-button--primary--checked:active.ds-button--M,
  .theme__color-light .ds-button--primaryAlt--checked:active.ds-button--M,
  .theme__color-light .ds-button--secondary--checked:active.ds-button--M,
  .theme__color-light .ds-button--primary--checked.ds-button--S,
  .theme__color-light .ds-button--primaryAlt--checked.ds-button--S,
  .theme__color-light .ds-button--secondary--checked.ds-button--S,
  .theme__color-light .ds-button--primary--checked:focus.ds-button--S,
  .theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--S,
  .theme__color-light .ds-button--secondary--checked:focus.ds-button--S,
  .theme__color-light .ds-button--primary--checked:hover.ds-button--S,
  .theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--S,
  .theme__color-light .ds-button--secondary--checked:hover.ds-button--S,
  .theme__color-light .ds-button--primary--checked:active.ds-button--S,
  .theme__color-light .ds-button--primaryAlt--checked:active.ds-button--S,
  .theme__color-light .ds-button--secondary--checked:active.ds-button--S {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODQ3OTEgMTEuNTg1NEwxMS4xNzM3IDE3LjU5OTlMMjAuMjc2NCA2Ljk5NjEzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  }
}
.theme__color-light .ds-button--primary--checked.ds-button--XS,
.theme__color-light .ds-button--primaryAlt--checked.ds-button--XS,
.theme__color-light .ds-button--secondary--checked.ds-button--XS,
.theme__color-light .ds-button--primary--checked:focus.ds-button--XS,
.theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--XS,
.theme__color-light .ds-button--secondary--checked:focus.ds-button--XS,
.theme__color-light .ds-button--primary--checked:hover.ds-button--XS,
.theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--XS,
.theme__color-light .ds-button--secondary--checked:hover.ds-button--XS,
.theme__color-light .ds-button--primary--checked:active.ds-button--XS,
.theme__color-light .ds-button--primaryAlt--checked:active.ds-button--XS,
.theme__color-light .ds-button--secondary--checked:active.ds-button--XS {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODQ3OTEgMTEuNTg1NEwxMS4xNzM3IDE3LjU5OTlMMjAuMjc2NCA2Ljk5NjEzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
@media screen and (min-width: 960px) {
  .theme__color-light .ds-button--primary--checked.ds-button--XS,
  .theme__color-light .ds-button--primaryAlt--checked.ds-button--XS,
  .theme__color-light .ds-button--secondary--checked.ds-button--XS,
  .theme__color-light .ds-button--primary--checked:focus.ds-button--XS,
  .theme__color-light .ds-button--primaryAlt--checked:focus.ds-button--XS,
  .theme__color-light .ds-button--secondary--checked:focus.ds-button--XS,
  .theme__color-light .ds-button--primary--checked:hover.ds-button--XS,
  .theme__color-light .ds-button--primaryAlt--checked:hover.ds-button--XS,
  .theme__color-light .ds-button--secondary--checked:hover.ds-button--XS,
  .theme__color-light .ds-button--primary--checked:active.ds-button--XS,
  .theme__color-light .ds-button--primaryAlt--checked:active.ds-button--XS,
  .theme__color-light .ds-button--secondary--checked:active.ds-button--XS {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTIxMTcgNy43NjM0N0w3LjEyOTgxIDExLjE5NDVMMTIuMzIyNiA1LjE0NTQ3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  }
}
.theme__color-dark .ds-button .spin {
  zoom: 4;
}
@media screen and (min-width: 960px) {
  .theme__color-dark .ds-button .spin {
    zoom: 1;
  }
}
.theme__color-dark .ds-button--primary {
  background-color: #d13639;
  color: #f0f0f0;
}
.theme__color-dark .ds-button--primary:hover {
  background-color: #c73033;
}
.theme__color-dark .ds-button--primary:active {
  background-color: #bd2a2c;
}
.theme__color-dark .ds-button--primary .spin__stop_start {
  stop-color: #f0f0f0;
}
.theme__color-dark .ds-button--primary .spin__stop_mid {
  stop-color: rgba(240,240,240,0.5);
}
.theme__color-dark .ds-button--primary .spin__stop_end {
  stop-color: rgba(240,240,240,0);
}
.theme__color-dark .ds-button--primaryAlt {
  background-color: #e5e5e5;
  color: #211f1e;
}
.theme__color-dark .ds-button--primaryAlt:hover {
  background-color: #f0f0f0;
}
.theme__color-dark .ds-button--primaryAlt:active {
  background-color: #f9f9f9;
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_start {
  stop-color: #211f1e;
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_mid {
  stop-color: rgba(33,31,30,0.5);
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_end {
  stop-color: rgba(33,31,30,0);
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_start,
.theme__color-dark .ds-button--disabled .spin__stop_start {
  stop-color: #525252;
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_mid,
.theme__color-dark .ds-button--disabled .spin__stop_mid {
  stop-color: rgba(82,82,82,0.5);
}
.theme__color-dark .ds-button--primaryAlt .spin__stop_end,
.theme__color-dark .ds-button--disabled .spin__stop_end {
  stop-color: rgba(82,82,82,0);
}
.theme__color-dark .ds-button--secondary {
  background-color: rgba(138,138,138,0.1);
  color: #f0f0f0;
}
.theme__color-dark .ds-button--secondary:hover {
  background-color: rgba(138,138,138,0.15);
}
.theme__color-dark .ds-button--secondary:active {
  background-color: ;
}
.theme__color-dark .ds-button--secondary .spin__stop_start {
  stop-color: #f0f0f0;
}
.theme__color-dark .ds-button--secondary .spin__stop_mid {
  stop-color: rgba(240,240,240,0.5);
}
.theme__color-dark .ds-button--secondary .spin__stop_end {
  stop-color: rgba(240,240,240,0);
}
.theme__color-dark .ds-button--forward {
  background-color: #d13639;
  background-repeat: no-repeat;
  background-position: center;
}
.theme__color-dark .ds-button--forward.ds-button--L {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi44MDExIDE0Ljc1TDE0LjIyMzQgNi43MDk3MUwxNi4wNDc0IDVMMjYuODY5NSAxNS4xNDQxQzI3LjM3MzIgMTUuNjE2MyAyNy4zNzMyIDE2LjM4MTcgMjYuODY5NSAxNi44NTM4TDE2LjA0NzQgMjYuOTk4TDE0LjIyMzQgMjUuMjg4M0wyMi43OTg5IDE3LjI1SDQuNzVMNC43NSAxNC43NUgyMi44MDExWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.theme__color-dark .ds-button--forward.ds-button--M {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4yNzI3IDEzTDMuNSAxM1YxMUwxNy4yNzI1IDExTDExLjUxMzUgNC43MjQ5NkwxMi44NjU4IDMuMjUxNDZMMjAuMjE4OSAxMS4yNjMzQzIwLjU5MjMgMTEuNjcwMiAyMC41OTIzIDEyLjMyOTkgMjAuMjE4OSAxMi43MzY4TDEyLjg2NTggMjAuNzQ4N0wxMS41MTM1IDE5LjI3NTJMMTcuMjcyNyAxM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.theme__color-dark .ds-button--forward.ds-button--S {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi44MDExIDE0Ljc1TDE0LjIyMzQgNi43MDk3MUwxNi4wNDc0IDVMMjYuODY5NSAxNS4xNDQxQzI3LjM3MzIgMTUuNjE2MyAyNy4zNzMyIDE2LjM4MTcgMjYuODY5NSAxNi44NTM4TDE2LjA0NzQgMjYuOTk4TDE0LjIyMzQgMjUuMjg4M0wyMi43OTg5IDE3LjI1SDQuNzVMNC43NSAxNC43NUgyMi44MDExWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.theme__color-dark .ds-button--primary[disabled],
.theme__color-dark .ds-button--primaryAlt[disabled],
.theme__color-dark .ds-button--secondary[disabled],
.theme__color-dark .ds-button--forward[disabled],
.theme__color-dark .ds-button--primary--disabled,
.theme__color-dark .ds-button--primaryAlt--disabled,
.theme__color-dark .ds-button--secondary--disabled,
.theme__color-dark .ds-button--forward--disabled {
  border: 2px solid rgba(138,138,138,0.1);
  background-color: transparent;
  color: #525252;
}
.theme__color-dark .ds-button--primary--checked,
.theme__color-dark .ds-button--primaryAlt--checked,
.theme__color-dark .ds-button--secondary--checked,
.theme__color-dark .ds-button--primary--checked:focus,
.theme__color-dark .ds-button--primaryAlt--checked:focus,
.theme__color-dark .ds-button--secondary--checked:focus,
.theme__color-dark .ds-button--primary--checked:hover,
.theme__color-dark .ds-button--primaryAlt--checked:hover,
.theme__color-dark .ds-button--secondary--checked:hover,
.theme__color-dark .ds-button--primary--checked:active,
.theme__color-dark .ds-button--primaryAlt--checked:active,
.theme__color-dark .ds-button--secondary--checked:active {
  background-color: #40e5c4;
  background-repeat: no-repeat;
  background-position: center;
}
.theme__color-dark .ds-button--primary--checked.ds-button--M,
.theme__color-dark .ds-button--primaryAlt--checked.ds-button--M,
.theme__color-dark .ds-button--secondary--checked.ds-button--M,
.theme__color-dark .ds-button--primary--checked:focus.ds-button--M,
.theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--M,
.theme__color-dark .ds-button--secondary--checked:focus.ds-button--M,
.theme__color-dark .ds-button--primary--checked:hover.ds-button--M,
.theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--M,
.theme__color-dark .ds-button--secondary--checked:hover.ds-button--M,
.theme__color-dark .ds-button--primary--checked:active.ds-button--M,
.theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--M,
.theme__color-dark .ds-button--secondary--checked:active.ds-button--M,
.theme__color-dark .ds-button--primary--checked.ds-button--S,
.theme__color-dark .ds-button--primaryAlt--checked.ds-button--S,
.theme__color-dark .ds-button--secondary--checked.ds-button--S,
.theme__color-dark .ds-button--primary--checked:focus.ds-button--S,
.theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--S,
.theme__color-dark .ds-button--secondary--checked:focus.ds-button--S,
.theme__color-dark .ds-button--primary--checked:hover.ds-button--S,
.theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--S,
.theme__color-dark .ds-button--secondary--checked:hover.ds-button--S,
.theme__color-dark .ds-button--primary--checked:active.ds-button--S,
.theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--S,
.theme__color-dark .ds-button--secondary--checked:active.ds-button--S {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNDYzODkgMTUuNDQ3MkwxNC44OTgzIDIzLjQ2NjZMMjcuMDM1MiA5LjMyODE3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
@media screen and (min-width: 960px) {
  .theme__color-dark .ds-button--primary--checked.ds-button--M,
  .theme__color-dark .ds-button--primaryAlt--checked.ds-button--M,
  .theme__color-dark .ds-button--secondary--checked.ds-button--M,
  .theme__color-dark .ds-button--primary--checked:focus.ds-button--M,
  .theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--M,
  .theme__color-dark .ds-button--secondary--checked:focus.ds-button--M,
  .theme__color-dark .ds-button--primary--checked:hover.ds-button--M,
  .theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--M,
  .theme__color-dark .ds-button--secondary--checked:hover.ds-button--M,
  .theme__color-dark .ds-button--primary--checked:active.ds-button--M,
  .theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--M,
  .theme__color-dark .ds-button--secondary--checked:active.ds-button--M,
  .theme__color-dark .ds-button--primary--checked.ds-button--S,
  .theme__color-dark .ds-button--primaryAlt--checked.ds-button--S,
  .theme__color-dark .ds-button--secondary--checked.ds-button--S,
  .theme__color-dark .ds-button--primary--checked:focus.ds-button--S,
  .theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--S,
  .theme__color-dark .ds-button--secondary--checked:focus.ds-button--S,
  .theme__color-dark .ds-button--primary--checked:hover.ds-button--S,
  .theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--S,
  .theme__color-dark .ds-button--secondary--checked:hover.ds-button--S,
  .theme__color-dark .ds-button--primary--checked:active.ds-button--S,
  .theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--S,
  .theme__color-dark .ds-button--secondary--checked:active.ds-button--S {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODQ3OTEgMTEuNTg1NEwxMS4xNzM3IDE3LjU5OTlMMjAuMjc2NCA2Ljk5NjEzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  }
}
.theme__color-dark .ds-button--primary--checked.ds-button--XS,
.theme__color-dark .ds-button--primaryAlt--checked.ds-button--XS,
.theme__color-dark .ds-button--secondary--checked.ds-button--XS,
.theme__color-dark .ds-button--primary--checked:focus.ds-button--XS,
.theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--XS,
.theme__color-dark .ds-button--secondary--checked:focus.ds-button--XS,
.theme__color-dark .ds-button--primary--checked:hover.ds-button--XS,
.theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--XS,
.theme__color-dark .ds-button--secondary--checked:hover.ds-button--XS,
.theme__color-dark .ds-button--primary--checked:active.ds-button--XS,
.theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--XS,
.theme__color-dark .ds-button--secondary--checked:active.ds-button--XS {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODQ3OTEgMTEuNTg1NEwxMS4xNzM3IDE3LjU5OTlMMjAuMjc2NCA2Ljk5NjEzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
@media screen and (min-width: 960px) {
  .theme__color-dark .ds-button--primary--checked.ds-button--XS,
  .theme__color-dark .ds-button--primaryAlt--checked.ds-button--XS,
  .theme__color-dark .ds-button--secondary--checked.ds-button--XS,
  .theme__color-dark .ds-button--primary--checked:focus.ds-button--XS,
  .theme__color-dark .ds-button--primaryAlt--checked:focus.ds-button--XS,
  .theme__color-dark .ds-button--secondary--checked:focus.ds-button--XS,
  .theme__color-dark .ds-button--primary--checked:hover.ds-button--XS,
  .theme__color-dark .ds-button--primaryAlt--checked:hover.ds-button--XS,
  .theme__color-dark .ds-button--secondary--checked:hover.ds-button--XS,
  .theme__color-dark .ds-button--primary--checked:active.ds-button--XS,
  .theme__color-dark .ds-button--primaryAlt--checked:active.ds-button--XS,
  .theme__color-dark .ds-button--secondary--checked:active.ds-button--XS {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTIxMTcgNy43NjM0N0w3LjEyOTgxIDExLjE5NDVMMTIuMzIyNiA1LjE0NTQ3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  }
}

.spin {
  width: 56px;
  height: 56px;
  display: inline-block;
  animation: rotate 1s linear infinite;
}
.theme-lol .spin__stop_start {
  stop-color: #0bc4e2;
}
.theme-lol .spin__stop_mid {
  stop-color: rgba(11,196,226,0.5);
}
.theme-lol .spin__stop_end {
  stop-color: rgba(11,196,226,0);
}
.theme-lor .spin__stop_start {
  stop-color: #d5934a;
}
.theme-lor .spin__stop_mid {
  stop-color: rgba(213,147,74,0.5);
}
.theme-lor .spin__stop_end {
  stop-color: rgba(213,147,74,0);
}
.theme-riot .spin__stop_start {
  stop-color: #d13639;
}
.theme-riot .spin__stop_mid {
  stop-color: rgba(209,54,57,0.5);
}
.theme-riot .spin__stop_end {
  stop-color: rgba(209,54,57,0);
}
.theme-valorant .spin__stop_start {
  stop-color: #ff4655;
}
.theme-valorant .spin__stop_mid {
  stop-color: rgba(255,70,85,0.5);
}
.theme-valorant .spin__stop_end {
  stop-color: rgba(255,70,85,0);
}
.theme-vng .spin__stop_start {
  stop-color: #f37021;
}
.theme-vng .spin__stop_mid {
  stop-color: rgba(243,112,33,0.5);
}
.theme-vng .spin__stop_end {
  stop-color: rgba(243,112,33,0);
}
.theme-wildrift .spin__stop_start {
  stop-color: #0bc4e2;
}
.theme-wildrift .spin__stop_mid {
  stop-color: rgba(11,196,226,0.5);
}
.theme-wildrift .spin__stop_end {
  stop-color: rgba(11,196,226,0);
}
.theme-arcane .spin__stop_start {
  stop-color: #d13639;
}
.theme-arcane .spin__stop_mid {
  stop-color: rgba(209,54,57,0.5);
}
.theme-arcane .spin__stop_end {
  stop-color: rgba(209,54,57,0);
}
.theme-arcane2 .spin__stop_start {
  stop-color: #2e3d67;
}
.theme-arcane2 .spin__stop_mid {
  stop-color: rgba(46,61,103,0.5);
}
.theme-arcane2 .spin__stop_end {
  stop-color: rgba(46,61,103,0);
}
.theme-xbox .spin__stop_start {
  stop-color: #d13639;
}
.theme-xbox .spin__stop_mid {
  stop-color: rgba(209,54,57,0.5);
}
.theme-xbox .spin__stop_end {
  stop-color: rgba(209,54,57,0);
}
.theme-arcane2 .spin__stop_start {
  stop-color: #4d65ac;
}
.theme-arcane2 .spin__stop_mid {
  stop-color: rgba(77,101,172,0.5);
}
.theme-arcane2 .spin__stop_end {
  stop-color: rgba(77,101,172,0);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-checkbox,
.ds-checkbox__text {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.ds-checkbox {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .ds-checkbox {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .ds-checkbox {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .ds-checkbox {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4,
.ds-checkbox {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4,
  .ds-checkbox {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4,
  .ds-checkbox {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4,
  .ds-checkbox {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-checkbox__text {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-checkbox__text {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-checkbox__text {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-checkbox__text {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.theme-lol .ds-checkbox__label a {
  color: #066c7b;
}
.theme-lol .ds-checkbox__label a:hover {
  color: #055a67;
}
.theme-lol .ds-checkbox--checked .ds-checkbox__image {
  background-color: #0bc4e2;
}
.theme-lol .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #00b2cd;
}
.theme-lor .ds-checkbox__label a {
  color: #6f4b26;
}
.theme-lor .ds-checkbox__label a:hover {
  color: #5a3e1f;
}
.theme-lor .ds-checkbox--checked .ds-checkbox__image {
  background-color: #d5934a;
}
.theme-lor .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #c07e37;
}
.theme-riot .ds-checkbox__label a {
  color: #6a1b1e;
}
.theme-riot .ds-checkbox__label a:hover {
  color: #561618;
}
.theme-riot .ds-checkbox--checked .ds-checkbox__image {
  background-color: #d13639;
}
.theme-riot .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #bc252a;
}
.theme-valorant .ds-checkbox__label a {
  color: #992a33;
}
.theme-valorant .ds-checkbox__label a:hover {
  color: #84242c;
}
.theme-valorant .ds-checkbox--checked .ds-checkbox__image {
  background-color: #ff4655;
}
.theme-valorant .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #ea3241;
}
.theme-vng .ds-checkbox__label a {
  color: #8c3f13;
}
.theme-vng .ds-checkbox__label a:hover {
  color: #783610;
}
.theme-vng .ds-checkbox--checked .ds-checkbox__image {
  background-color: #f37021;
}
.theme-vng .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #de5c10;
}
.theme-wildrift .ds-checkbox__label a {
  color: #066c7b;
}
.theme-wildrift .ds-checkbox__label a:hover {
  color: #055a67;
}
.theme-wildrift .ds-checkbox--checked .ds-checkbox__image {
  background-color: #0bc4e2;
}
.theme-wildrift .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #00b2cd;
}
.theme-arcane .ds-checkbox__label a {
  color: #6a1b1e;
}
.theme-arcane .ds-checkbox__label a:hover {
  color: #561618;
}
.theme-arcane .ds-checkbox--checked .ds-checkbox__image {
  background-color: #d13639;
}
.theme-arcane .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #bc252a;
}
.theme-arcane2 .ds-checkbox__label a {
  color: #000;
}
.theme-arcane2 .ds-checkbox__label a:hover {
  color: #000;
}
.theme-arcane2 .ds-checkbox--checked .ds-checkbox__image {
  background-color: #2e3d67;
}
.theme-arcane2 .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #1f2d52;
}
.theme-xbox .ds-checkbox__label a {
  color: #6a1b1e;
}
.theme-xbox .ds-checkbox__label a:hover {
  color: #561618;
}
.theme-xbox .ds-checkbox--checked .ds-checkbox__image {
  background-color: #d13639;
}
.theme-xbox .ds-checkbox--checked:hover .ds-checkbox__image {
  background-color: #bc252a;
}
.ds-checkbox {
  width: 36rem;
  cursor: pointer;
  color: #f0f0f0;
  transition: color 0.2s ease-out;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 960px) {
  .ds-checkbox {
    width: 15rem;
  }
}
.ds-checkbox input {
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  margin-top: 0.1em;
  align-self: flex-start;
  width: 4rem;
  height: 4rem;
}
@media screen and (min-width: 960px) {
  .ds-checkbox input {
    width: 0.666666666666667rem;
    height: 0.666666666666667rem;
    margin-top: 0.15em;
  }
}
.ds-checkbox__label {
  display: flex;
}
.ds-checkbox__label a {
  text-decoration: none;
}
.ds-checkbox__image {
  align-self: baseline;
  margin-right: 1rem;
  width: 4rem;
  height: 4rem;
  background-color: rgba(126,126,126,0.15);
  border-radius: 20%;
  border: 2px solid rgba(0,0,0,0);
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 35%;
  background-size: 60%;
  box-sizing: content-box;
  transition: background-image 0.2s ease-out;
}
@media screen and (min-width: 960px) {
  .ds-checkbox__image {
    width: 0.666666666666667rem;
    height: 0.666666666666667rem;
  }
}
@media screen and (min-width: 960px) {
  .ds-checkbox__image {
    background-size: 65%;
    margin-right: 0.333333333333333rem;
  }
}
.ds-checkbox__text {
  margin: auto;
  flex: 1 0 0%;
}
.ds-checkbox__text * {
  display: inline;
}
.ds-checkbox--focus .ds-checkbox__image {
  border-color: #000;
  background-color: transparent;
}
.ds-checkbox:hover .ds-checkbox__text {
  color: #f9f9f9;
}
.ds-checkbox:hover .ds-checkbox__image {
  background-color: rgba(126,126,126,0.25);
}
.ds-checkbox--disabled,
.ds-checkbox[disabled] {
  color: #c7c7c7;
  opacity: 0.4;
}
.ds-checkbox--disabled .ds-checkbox__image,
.ds-checkbox[disabled] .ds-checkbox__image {
  background-color: rgba(126,126,126,0.1);
}
.ds-checkbox--checked .ds-checkbox__image {
  text-indent: 0;
  opacity: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQ3OTEgMTAuNTg1NEw4LjE3MzcyIDE2LjU5OTlMMTcuMjc2NCA1Ljk5NjEzIiBzdHJva2U9IiNGOUY5RjkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  border-color: rgba(0,0,0,0);
}
.ds-checkbox--checked:hover .ds-checkbox__image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQ3OTEgMTAuNTg1NEw4LjE3MzcyIDE2LjU5OTlMMTcuMjc2NCA1Ljk5NjEzIiBzdHJva2U9IiNGOUY5RjkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.mobile-checkbox {
  cursor: pointer;
  color: #292929;
  transition: color 0.2s ease-out;
  -webkit-text-size-adjust: none;
  margin: 1.496333981744725rem 0;
  font-size: 2.65973365255125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox {
    font-size: 0.798044790263854rem;
  }
}
.mobile-checkbox:lang(th) {
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox {
    margin: 0.498777993914908rem 0;
  }
}
.mobile-checkbox input {
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  margin-top: 0.1em;
  align-self: flex-start;
  width: 6.733502917851264rem;
  height: 6.733502917851264rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox input {
    width: 0.997555987829817rem;
    height: 0.997555987829817rem;
    margin-top: 0.15em;
  }
}
.mobile-checkbox__label {
  display: flex;
}
.mobile-checkbox__label a {
  text-decoration: none;
}
.mobile-checkbox__image {
  align-self: baseline;
  margin-right: 0.75em;
  width: 6.733502917851264rem;
  height: 6.733502917851264rem;
  background-color: rgba(126,126,126,0.15);
  border-radius: 20%;
  border: 2px solid rgba(0,0,0,0);
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 35%;
  background-size: 60%;
  box-sizing: content-box;
  transition: background-image 0.2s ease-out;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox__image {
    width: 0.997555987829817rem;
    height: 0.997555987829817rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox__image {
    background-size: 65%;
  }
}
.mobile-checkbox__text {
  padding-top: calc((6.733502917851264rem - 2.65973365255125rem) / 2);
  flex: 1 0 0%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-checkbox__text {
    padding-top: calc((0.997555987829817rem - 0.88657788418375rem) / 2);
  }
}
.mobile-checkbox__text * {
  display: inline;
}
.mobile-checkbox--focus .mobile-checkbox__image {
  border-color: #000;
  background-color: transparent;
}
.mobile-checkbox:hover {
  color: #333;
}
.mobile-checkbox:hover .mobile-checkbox__image {
  background-color: rgba(126,126,126,0.25);
}
.mobile-checkbox--disabled,
.mobile-checkbox[disabled] {
  color: #c7c7c7;
  opacity: 0.4;
}
.mobile-checkbox--disabled .mobile-checkbox__image,
.mobile-checkbox[disabled] .mobile-checkbox__image {
  background-color: rgba(126,126,126,0.1);
}
.mobile-checkbox--checked .mobile-checkbox__text {
  color: #333;
}
.mobile-checkbox--checked .mobile-checkbox__image {
  text-indent: 0;
  opacity: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQ3OTEgMTAuNTg1NEw4LjE3MzcyIDE2LjU5OTlMMTcuMjc2NCA1Ljk5NjEzIiBzdHJva2U9IiNGOUY5RjkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  border-color: rgba(0,0,0,0);
}
.mobile-checkbox--checked:hover .mobile-checkbox__text {
  color: #111;
}
.mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQ3OTEgMTAuNTg1NEw4LjE3MzcyIDE2LjU5OTlMMTcuMjc2NCA1Ljk5NjEzIiBzdHJva2U9IiNGOUY5RjkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.theme-lol .mobile-checkbox__label a {
  color: #066c7b;
}
.theme-lol .mobile-checkbox__label a:hover {
  color: #055a67;
}
.theme-lol .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #0bc4e2;
}
.theme-lol .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #00b2cd;
}
.theme-lor .mobile-checkbox__label a {
  color: #6f4b26;
}
.theme-lor .mobile-checkbox__label a:hover {
  color: #5a3e1f;
}
.theme-lor .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #d5934a;
}
.theme-lor .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #c07e37;
}
.theme-riot .mobile-checkbox__label a {
  color: #6a1b1e;
}
.theme-riot .mobile-checkbox__label a:hover {
  color: #561618;
}
.theme-riot .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #d13639;
}
.theme-riot .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #bc252a;
}
.theme-valorant .mobile-checkbox__label a {
  color: #992a33;
}
.theme-valorant .mobile-checkbox__label a:hover {
  color: #84242c;
}
.theme-valorant .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #ff4655;
}
.theme-valorant .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #ea3241;
}
.theme-vng .mobile-checkbox__label a {
  color: #8c3f13;
}
.theme-vng .mobile-checkbox__label a:hover {
  color: #783610;
}
.theme-vng .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #f37021;
}
.theme-vng .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #de5c10;
}
.theme-wildrift .mobile-checkbox__label a {
  color: #066c7b;
}
.theme-wildrift .mobile-checkbox__label a:hover {
  color: #055a67;
}
.theme-wildrift .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #0bc4e2;
}
.theme-wildrift .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #00b2cd;
}
.theme-arcane .mobile-checkbox__label a {
  color: #6a1b1e;
}
.theme-arcane .mobile-checkbox__label a:hover {
  color: #561618;
}
.theme-arcane .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #d13639;
}
.theme-arcane .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #bc252a;
}
.theme-arcane2 .mobile-checkbox__label a {
  color: #000;
}
.theme-arcane2 .mobile-checkbox__label a:hover {
  color: #000;
}
.theme-arcane2 .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #2e3d67;
}
.theme-arcane2 .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #1f2d52;
}
.theme-xbox .mobile-checkbox__label a {
  color: #6a1b1e;
}
.theme-xbox .mobile-checkbox__label a:hover {
  color: #561618;
}
.theme-xbox .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #d13639;
}
.theme-xbox .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #bc252a;
}
.theme-arcane2 .mobile-checkbox input,
.theme-arcane2 .mobile-checkbox .mobile-checkbox__label {
  cursor: pointer;
}
.theme-arcane2 .mobile-checkbox__image {
  background-color: #4d65ac;
}
.theme-arcane2 .mobile-checkbox__text {
  color: #f5f5f5;
}
.theme-arcane2 .mobile-checkbox:hover .mobile-checkbox__image {
  background-color: #3e518a;
}
.theme-arcane2 .mobile-checkbox--checked .mobile-checkbox__image {
  background-color: #2e3d67;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQ3OTEgMTAuNTg1NEw4LjE3MzcyIDE2LjU5OTlMMTcuMjc2NCA1Ljk5NjEzIiBzdHJva2U9IiNGNUY1RjUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.theme-arcane2 .mobile-checkbox--checked .mobile-checkbox__text {
  color: #f5f5f5;
}
.theme-arcane2 .mobile-checkbox--checked:hover .mobile-checkbox__image {
  background-color: #3e518a;
}
.theme-arcane2 .mobile-checkbox--focus .mobile-checkbox__image {
  border-color: transparent;
  outline: 2px solid #4d65ac;
  outline-offset: 5px;
}
.theme-arcane2 .mobile-checkbox--disabled .mobile-checkbox__image,
.theme-arcane2 .mobile-checkbox[disabled] .mobile-checkbox__image {
  background-color: #1f2845;
}
.theme-arcane2 .mobile-checkbox--disabled input,
.theme-arcane2 .mobile-checkbox[disabled] input,
.theme-arcane2 .mobile-checkbox--disabled .mobile-checkbox__label,
.theme-arcane2 .mobile-checkbox[disabled] .mobile-checkbox__label {
  cursor: not-allowed;
}
.theme-arcane2 .mobile-checkbox--disabled:hover .mobile-checkbox__image,
.theme-arcane2 .mobile-checkbox[disabled]:hover .mobile-checkbox__image {
  background-color: #1f2845;
}

.field {
  background: rgba(126,126,126,0.1);
  display: flex;
  flex-wrap: wrap;
  color: #525252;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(126,126,126,0.1);
  border-radius: 4px;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 1.496333981744725rem;
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .field {
    font-size: 0.638435832211083rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .field {
    margin-bottom: 0.748166990872363rem;
  }
}
.field:hover {
  background-color: rgba(126,126,126,0.15);
  border: 2px solid rgba(126,126,126,0.15);
}
.field--animate {
  animation: 0.55s text-field-animate-in cubic-bezier(0.22, 0.68, 0, 1) backwards;
}
.field__label {
  pointer-events: none;
  position: absolute;
  transform-origin: top left;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  left: 1.6em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.364207691156667rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .field__label {
    font-size: 0.638435832211083rem;
  }
}
.field__placeholder,
.field__countdown {
  opacity: 0;
  top: 1.496333981744725rem;
  left: 1.496333981744725rem;
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform, opacity;
  transform: scale(0.75);
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .grid-page-web .field__placeholder,
  .grid-page-web .field__countdown {
    top: 0.374083495436181rem;
    left: 0.374083495436181rem;
  }
}
.field__countdown {
  right: 1.496333981744725rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .field__countdown {
    right: 0.374083495436181rem;
  }
}
.field__form-input:focus + .field__label,
.field--non-empty .field__label {
  opacity: 0;
  transform: scale(0.75);
}
.field__form-input:focus ~ .field__placeholder,
.field--non-empty .field__placeholder {
  opacity: 1;
  transform: scale(1);
}
.field--focus .field__countdown {
  opacity: 1;
  transform: scale(1);
}
.field__form-input {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  background: transparent;
  line-height: 1.5em;
  width: 100%;
  outline: none;
  border: 2px transparent;
  padding: 1.8625em 1.496333981744725rem 0.9625em;
  min-height: 4.325em;
  display: block;
  color: transparent;
}
@media screen and (min-width: 960px) {
  .grid-page-web .field__form-input {
    font-size: 0.997555987829817rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .field__form-input {
    padding: 1.2em 0.374083495436181rem 0.35em;
    min-height: 3.05em;
  }
}
.field__form-input:focus {
  color: #333;
}
.field--non-empty .field__form-input {
  color: #333;
}
.field--disabled .field__form-input,
.field__form-input:disabled,
.field__form-input:disabled ~ .field__label,
.field__form-input:disabled ~ .field__placeholder {
  color: #c7c7c7;
  -webkit-text-fill-color: #c7c7c7;
}
.field--disabled .field__form-input .field__placeholder,
.field__form-input:disabled .field__placeholder,
.field__form-input:disabled ~ .field__label .field__placeholder,
.field__form-input:disabled ~ .field__placeholder .field__placeholder {
  color: #7e7e7e;
}
.field--readonly .field__placeholder {
  color: #c7c7c7;
  -webkit-text-fill-color: #c7c7c7;
}
.field--error {
  border: 2px solid rgba(190,41,204,0.2);
  background: rgba(190,41,204,0.1);
}
.field--error:hover {
  border: 2px solid rgba(190,41,204,0.2);
  background-color: rgba(190,41,204,0.15);
}
.field--error .field__placeholder {
  color: #be29cc;
}
.field--error .field__label {
  color: #be29cc;
}
.field--focus,
.field--focus:hover {
  border-color: #000;
}
.field--readonly.field--focus {
  border: 2px solid #e8e8e8;
}
.field--error.field--focus {
  border: 2px solid #be29cc;
}
.field--focus,
.field--focus:hover {
  background-color: transparent;
}
.field__input {
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
}
.field__input--animate {
  animation: 0.8s text-field-text-animate-in cubic-bezier(0, 0, 0.58, 1) forwards;
}
.theme-arcane2 .field {
  background-color: rgba(54,46,103,0.4);
}
.theme-arcane2 .field--error {
  border: 2px solid #c108ff;
  background-color: rgba(193,8,255,0.05);
}
.theme-arcane2 .field--error .field__label,
.theme-arcane2 .field--error .field__placeholder {
  -webkit-text-fill-color: #c108ff;
  color: #c108ff;
}
.theme-arcane2 .field--error .field__form-input {
  cursor: not-allowed;
  -webkit-text-fill-color: #94a3cd;
  color: #94a3cd;
}
.theme-arcane2 .field--error:hover {
  background-color: rgba(193,8,255,0.15);
}
.theme-arcane2 .field--disabled .field__label,
.theme-arcane2 .field--disabled .field__placeholder {
  -webkit-text-fill-color: #3e518a;
  color: #3e518a;
}
.theme-arcane2 .field--disabled .field__form-input {
  cursor: not-allowed;
  -webkit-text-fill-color: #94a3cd;
  color: #94a3cd;
}
.theme-arcane2 .field__label,
.theme-arcane2 .field__placeholder {
  color: #94a3cd;
}
.theme-arcane2 .field .field__form-input {
  color: #dbe0ee;
}
@keyframes text-field-animate-in {
  0% {
    opacity: 0;
    width: 0%;
  }
  1% {
    opacity: 1;
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes text-field-text-animate-in {
  0% {
    opacity: 0;
    transform: translate(-15px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.mobile-date-input input {
  -webkit-appearance: none;
}
.mobile-date-input input::-webkit-clear-button,
.mobile-date-input input::-webkit-inner-spin-button {
  display: none;
  opacity: 0;
}
.mobile-date-input input::-webkit-calendar-picker-indicator {
  opacity: 1;
  font-size: 15px;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjcwNzEwNSAxLjcwNzExTDUuMjkyODkgNi4yOTI4OUM1LjY4MzQyIDYuNjgzNDIgNi4zMTY1OCA2LjY4MzQyIDYuNzA3MTEgNi4yOTI4OUwxMS4yOTI5IDEuNzA3MTFDMTEuOTIyOSAxLjA3NzE0IDExLjQ3NjcgMCAxMC41ODU4IDBIMS40MTQyMUMwLjUyMzMwOSAwIDAuMDc3MTQwMiAxLjA3NzE0IDAuNzA3MTA1IDEuNzA3MTFaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0.6em;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  width: 0.5em;
  height: 0.5em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-date-input input::-webkit-calendar-picker-indicator {
    font-size: 0.997555987829817rem;
  }
}
.mobile-date-input__error-message {
  color: #be29cc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQxNDE2IDEuNDE0MTZDOC42MzMxMSAwLjYzMzEwOCA3LjM2Njc4IDAuNjMzMTA2IDYuNTg1NzMgMS40MTQxNUwxLjQxNDE2IDYuNTg1NzNDMC42MzMxMDggNy4zNjY3OCAwLjYzMzEwNiA4LjYzMzExIDEuNDE0MTUgOS40MTQxNkw2LjU4NTczIDE0LjU4NTdDNy4zNjY3OCAxNS4zNjY4IDguNjMzMTEgMTUuMzY2OCA5LjQxNDE2IDE0LjU4NTdMMTQuNTg1NyA5LjQxNDE2QzE1LjM2NjggOC42MzMxMSAxNS4zNjY4IDcuMzY2NzggMTQuNTg1NyA2LjU4NTczTDkuNDE0MTYgMS40MTQxNlpNNy4xMzEwNSA0LjcxMzgxVjcuNDEwNEw3LjUzMjI0IDkuNDU3ODJIOC40OTUxMUw4Ljg5NjMxIDcuNDEwNFY0LjcxMzgxSDcuMTMxMDVaTTguMDEzNjggMTEuNzg0OUM4LjU2NTMyIDExLjc4NDkgOC45NTY0OSAxMS4zODU0IDguOTU2NDkgMTAuODU2MUM4Ljk1NjQ5IDEwLjMyNjcgOC41NjUzMiA5LjkyNzIzIDguMDEzNjggOS45MjcyM0M3LjQ2MjAzIDkuOTI3MjMgNy4wNzA4NyAxMC4zMjY3IDcuMDcwODcgMTAuODU2MUM3LjA3MDg3IDExLjM4NTQgNy40NjIwMyAxMS43ODQ5IDguMDEzNjggMTEuNzg0OVoiIGZpbGw9IiNCRTI5Q0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  font-size: 2.65973365255125rem;
  background-size: 2.65973365255125rem;
  padding-left: 3.1916803830615rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-date-input__error-message {
    font-size: 0.798044790263854rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-date-input__error-message {
    background-size: 0.798044790263854rem;
    padding-left: 0.957653748316625rem;
  }
}

.web-date-input {
  background: rgba(126,126,126,0.1);
  display: flex;
  flex-wrap: wrap;
  color: #525252;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(126,126,126,0.1);
  border-radius: 4px;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 1.496333981744725rem;
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input {
    font-size: 0.638435832211083rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input {
    margin-bottom: 0.748166990872363rem;
  }
}
.web-date-input:hover {
  background-color: rgba(126,126,126,0.15);
  border: 2px solid rgba(126,126,126,0.15);
}
.web-date-input__label,
.web-date-input__date-label {
  pointer-events: none;
  position: absolute;
  transform-origin: top left;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.364207691156667rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__label,
  .grid-page-web .web-date-input__date-label {
    font-size: 0.638435832211083rem;
  }
}
.web-date-input__date-label {
  left: 1.6em;
  transform: translateY(-50%);
}
.web-date-input__label {
  transform: translate(-50%, -50%);
}
.web-date-input__placeholder,
.web-date-input__date-placeholder {
  opacity: 0;
  top: 1.496333981744725rem;
  left: 1.496333981744725rem;
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform, opacity;
  transform: scale(0.75);
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__placeholder,
  .grid-page-web .web-date-input__date-placeholder {
    top: 0.374083495436181rem;
    left: 0.498777993914908rem;
  }
}
.web-date-input--has-error .web-date-input__placeholder {
  color: #be29cc;
}
.web-date-input:not(.web-date-input--empty):not(.web-date-input--focus) .web-date-input__date-placeholder {
  opacity: 1;
  transform: scale(1);
}
.web-date-input--focus .web-date-input__date-label,
.web-date-input:not(.web-date-input--empty) .web-date-input__date-label {
  opacity: 0;
  transform: scale(0.75);
}
.web-date-input__form-input:focus + .web-date-input__label,
.web-date-input--has-value .web-date-input__label,
.web-date-input:not(.web-date-input--focus) .web-date-input__label {
  opacity: 0;
  transform: scale(0.75);
}
.web-date-input__form-input:focus ~ .web-date-input__placeholder,
.web-date-input--focus .web-date-input--has-value .web-date-input__placeholder {
  opacity: 1;
  transform: scale(1);
}
.web-date-input--empty:not(.web-date-input--focus) .web-date-input__input {
  flex: 1;
}
.web-date-input--empty:not(.web-date-input--focus) .web-date-input__input:not(:first-of-type) {
  display: none;
}
.web-date-input--empty:not(.web-date-input--focus) .web-date-input__input:after {
  display: none;
}
.web-date-input:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__input:after {
  height: 25%;
  margin-top: 30%;
}
.web-date-input__form-input,
.web-date-input__form-input-scale {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  line-height: 1.5em;
  padding: 1.7em 1.496333981744725rem 0.8em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__form-input,
  .grid-page-web .web-date-input__form-input-scale {
    font-size: 0.997555987829817rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__form-input,
  .grid-page-web .web-date-input__form-input-scale {
    padding: 1.2em 0.498777993914908rem 0.35em;
  }
}
.web-date-input__form-input-scale {
  visibility: hidden;
  display: none;
}
.web-date-input:not(.web-date-input--focus) .web-date-input__form-input-scale {
  display: block;
}
.web-date-input:not(.web-date-input--focus) .web-date-input__form-input {
  position: absolute;
  top: 0;
  left: 0;
}
.web-date-input__form-input {
  background: transparent;
  width: 100%;
  outline: none;
  border: 2px transparent;
  display: block;
  color: transparent;
  -moz-appearance: textfield;
  box-shadow: none;
}
.web-date-input__form-input:focus {
  color: #333;
}
.web-date-input__form-input:focus:-ms-input-placeholder {
  color: #e8e8e8;
}
.web-date-input__form-input:focus::-moz-placeholder {
  color: #e8e8e8;
}
.web-date-input__form-input:focus::placeholder {
  color: #e8e8e8;
}
.web-date-input__form-input:-ms-input-placeholder {
  color: transparent;
}
.web-date-input__form-input::-moz-placeholder {
  color: transparent;
}
.web-date-input__form-input::placeholder {
  color: transparent;
}
.web-date-input__form-input::-webkit-inner-spin-button,
.web-date-input__form-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.web-date-input:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input:-ms-input-placeholder {
  color: #333;
}
.web-date-input:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input::-moz-placeholder {
  color: #333;
}
.web-date-input:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input::placeholder {
  color: #333;
}
.web-date-input--error:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input:-ms-input-placeholder {
  color: rgba(190,41,204,0.2);
}
.web-date-input--error:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input::-moz-placeholder {
  color: rgba(190,41,204,0.2);
}
.web-date-input--error:not(.web-date-input--focus):not(.web-date-input--empty) .web-date-input__form-input::placeholder {
  color: rgba(190,41,204,0.2);
}
.web-date-input--has-value .web-date-input__form-input {
  color: #333;
}
.web-date-input__form-input:disabled,
.web-date-input__form-input:disabled ~ .web-date-input__label,
.web-date-input__form-input:disabled ~ .web-date-input__placeholder {
  color: #c7c7c7;
  -webkit-text-fill-color: #c7c7c7;
}
.web-date-input__form-input:disabled .web-date-input__placeholder,
.web-date-input__form-input:disabled ~ .web-date-input__label .web-date-input__placeholder,
.web-date-input__form-input:disabled ~ .web-date-input__placeholder .web-date-input__placeholder {
  color: #7e7e7e;
}
.web-date-input__input {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.web-date-input__input:not(:last-child) {
  flex-shrink: 1;
}
.web-date-input__input:not(:last-child):after {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  line-height: 1.5em;
  content: " ";
  display: inline;
  width: 1px;
  background: #b3b3b3;
  height: 50%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__input:not(:last-child):after {
    font-size: 0.997555987829817rem;
  }
}
.web-date-input__input:last-child {
  flex: 1;
}
.web-date-input--error {
  border: 2px solid rgba(190,41,204,0.2);
  background: rgba(190,41,204,0.1);
}
.web-date-input--error:hover {
  border: 2px solid rgba(190,41,204,0.2);
  background-color: rgba(190,41,204,0.15);
}
.web-date-input--error .web-date-input__date-placeholder {
  color: #be29cc;
}
.web-date-input--error .web-date-input__date-label {
  color: #be29cc;
}
.web-date-input--error .web-date-input__input:after {
  background: rgba(190,41,204,0.2);
}
.web-date-input--focus,
.web-date-input--focus:hover {
  border-color: #000;
}
.web-date-input--error.web-date-input--focus {
  border: 2px solid #be29cc;
}
.web-date-input--error.web-date-input--focus .web-date-input__input:after {
  background: #de8ae5;
}
.web-date-input--focus,
.web-date-input--focus:hover {
  background-color: transparent;
}
.web-date-input--focus .web-date-input__input {
  flex: 1;
}
.web-date-input__error-message {
  color: #be29cc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQxNDE2IDEuNDE0MTZDOC42MzMxMSAwLjYzMzEwOCA3LjM2Njc4IDAuNjMzMTA2IDYuNTg1NzMgMS40MTQxNUwxLjQxNDE2IDYuNTg1NzNDMC42MzMxMDggNy4zNjY3OCAwLjYzMzEwNiA4LjYzMzExIDEuNDE0MTUgOS40MTQxNkw2LjU4NTczIDE0LjU4NTdDNy4zNjY3OCAxNS4zNjY4IDguNjMzMTEgMTUuMzY2OCA5LjQxNDE2IDE0LjU4NTdMMTQuNTg1NyA5LjQxNDE2QzE1LjM2NjggOC42MzMxMSAxNS4zNjY4IDcuMzY2NzggMTQuNTg1NyA2LjU4NTczTDkuNDE0MTYgMS40MTQxNlpNNy4xMzEwNSA0LjcxMzgxVjcuNDEwNEw3LjUzMjI0IDkuNDU3ODJIOC40OTUxMUw4Ljg5NjMxIDcuNDEwNFY0LjcxMzgxSDcuMTMxMDVaTTguMDEzNjggMTEuNzg0OUM4LjU2NTMyIDExLjc4NDkgOC45NTY0OSAxMS4zODU0IDguOTU2NDkgMTAuODU2MUM4Ljk1NjQ5IDEwLjMyNjcgOC41NjUzMiA5LjkyNzIzIDguMDEzNjggOS45MjcyM0M3LjQ2MjAzIDkuOTI3MjMgNy4wNzA4NyAxMC4zMjY3IDcuMDcwODcgMTAuODU2MUM3LjA3MDg3IDExLjM4NTQgNy40NjIwMyAxMS43ODQ5IDguMDEzNjggMTEuNzg0OVoiIGZpbGw9IiNCRTI5Q0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  font-size: 2.65973365255125rem;
  background-size: 2.65973365255125rem;
  padding-left: 3.1916803830615rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__error-message {
    font-size: 0.798044790263854rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .web-date-input__error-message {
    background-size: 0.798044790263854rem;
    padding-left: 0.957653748316625rem;
  }
}
.theme-arcane2 .web-date-input {
  background-color: rgba(54,46,103,0.4);
  border-color: transparent;
}
.theme-arcane2 .web-date-input__label,
.theme-arcane2 .web-date-input__placeholder,
.theme-arcane2 .web-date-input__date-label,
.theme-arcane2 .web-date-input__date-placeholder {
  -webkit-text-fill-color: #94a3cd;
  color: #94a3cd;
}
.theme-arcane2 .web-date-input__form-input:disabled,
.theme-arcane2 .web-date-input__form-input:disabled ~ .theme-arcane2 .web-date-input__label,
.theme-arcane2 .web-date-input__form-input:disabled ~ .theme-arcane2 .web-date-input__placeholder {
  -webkit-text-fill-color: #3e518a;
  color: #3e518a;
}
.theme-arcane2 .web-date-input__input:after {
  background: #94a3cd;
}
.theme-arcane2 .web-date-input--has-value .web-date-input__form-input {
  color: #dbe0ee;
}
.theme-arcane2 .web-date-input__error-message {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iOCIgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iMTEuMzEzNyIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDggMCkiIGZpbGw9IiNDMTA4RkYiLz4KPHBhdGggZD0iTTcuMTMxMTcgNy40MTA0NlY0LjcxMzg3SDguODk2NDJWNy40MTA0Nkw4LjQ5NTIzIDkuNDU3ODdINy41MzIzNkw3LjEzMTE3IDcuNDEwNDZaTTguOTU2NiAxMC44NTYxQzguOTU2NiAxMS4zODU0IDguNTY1NDQgMTEuNzg0OSA4LjAxMzc5IDExLjc4NDlDNy40NjIxNSAxMS43ODQ5IDcuMDcwOTkgMTEuMzg1NCA3LjA3MDk5IDEwLjg1NjFDNy4wNzA5OSAxMC4zMjY4IDcuNDYyMTUgOS45MjcyOCA4LjAxMzc5IDkuOTI3MjhDOC41NjU0NCA5LjkyNzI4IDguOTU2NiAxMC4zMjY4IDguOTU2NiAxMC44NTYxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K);
  color: #c108ff;
}
.theme-arcane2 .web-date-input--error {
  border-color: #c108ff;
}
.theme-arcane2 .web-date-input--error .theme-arcane2 .web-date-input__date-placeholder {
  color: #c108ff;
}
.theme-arcane2 .web-date-input--error .theme-arcane2 .web-date-input__input:after {
  background: #c108ff;
}
.theme-arcane2 .web-date-input--error .web-date-input__input:not(.web-date-input--has-value) .web-date-input__form-input:focus::-moz-placeholder {
  color: rgba(193,8,255,0.8);
}
.theme-arcane2 .web-date-input--error .web-date-input__input:not(.web-date-input--has-value) .web-date-input__form-input:focus:-ms-input-placeholder {
  color: rgba(193,8,255,0.8);
}
.theme-arcane2 .web-date-input--error .web-date-input__input:not(.web-date-input--has-value) .web-date-input__form-input:focus::placeholder {
  color: rgba(193,8,255,0.8);
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-mobile-date-input input::-webkit-calendar-picker-indicator {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2,
.ds-mobile-date-input input::-webkit-calendar-picker-indicator {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2,
  .ds-mobile-date-input input::-webkit-calendar-picker-indicator {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2,
  .ds-mobile-date-input input::-webkit-calendar-picker-indicator {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2,
  .ds-mobile-date-input input::-webkit-calendar-picker-indicator {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th),
.ds-mobile-date-input input::-webkit-calendar-picker-indicator:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-mobile-date-input input {
  -webkit-appearance: none;
}
.ds-mobile-date-input input::-webkit-clear-button,
.ds-mobile-date-input input::-webkit-inner-spin-button {
  display: none;
  opacity: 0;
}
.ds-mobile-date-input input::-webkit-calendar-picker-indicator {
  opacity: 1;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjcwNzEwNSAxLjcwNzExTDUuMjkyODkgNi4yOTI4OUM1LjY4MzQyIDYuNjgzNDIgNi4zMTY1OCA2LjY4MzQyIDYuNzA3MTEgNi4yOTI4OUwxMS4yOTI5IDEuNzA3MTFDMTEuOTIyOSAxLjA3NzE0IDExLjQ3NjcgMCAxMC41ODU4IDBIMS40MTQyMUMwLjUyMzMwOSAwIDAuMDc3MTQwMiAxLjA3NzE0IDAuNzA3MTA1IDEuNzA3MTFaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.5em;
  height: 0.5em;
}
.ds-mobile-date-input__error-message {
  color: #be29cc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQxNDE2IDEuNDE0MTZDOC42MzMxMSAwLjYzMzEwOCA3LjM2Njc4IDAuNjMzMTA2IDYuNTg1NzMgMS40MTQxNUwxLjQxNDE2IDYuNTg1NzNDMC42MzMxMDggNy4zNjY3OCAwLjYzMzEwNiA4LjYzMzExIDEuNDE0MTUgOS40MTQxNkw2LjU4NTczIDE0LjU4NTdDNy4zNjY3OCAxNS4zNjY4IDguNjMzMTEgMTUuMzY2OCA5LjQxNDE2IDE0LjU4NTdMMTQuNTg1NyA5LjQxNDE2QzE1LjM2NjggOC42MzMxMSAxNS4zNjY4IDcuMzY2NzggMTQuNTg1NyA2LjU4NTczTDkuNDE0MTYgMS40MTQxNlpNNy4xMzEwNSA0LjcxMzgxVjcuNDEwNEw3LjUzMjI0IDkuNDU3ODJIOC40OTUxMUw4Ljg5NjMxIDcuNDEwNFY0LjcxMzgxSDcuMTMxMDVaTTguMDEzNjggMTEuNzg0OUM4LjU2NTMyIDExLjc4NDkgOC45NTY0OSAxMS4zODU0IDguOTU2NDkgMTAuODU2MUM4Ljk1NjQ5IDEwLjMyNjcgOC41NjUzMiA5LjkyNzIzIDguMDEzNjggOS45MjcyM0M3LjQ2MjAzIDkuOTI3MjMgNy4wNzA4NyAxMC4zMjY3IDcuMDcwODcgMTAuODU2MUM3LjA3MDg3IDExLjM4NTQgNy40NjIwMyAxMS43ODQ5IDguMDEzNjggMTEuNzg0OVoiIGZpbGw9IiNCRTI5Q0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  font-size: 2.65973365255125rem;
  background-size: 2.65973365255125rem;
  padding-left: 3.1916803830615rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .ds-mobile-date-input__error-message {
    font-size: 0.798044790263854rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .ds-mobile-date-input__error-message {
    background-size: 0.798044790263854rem;
    padding-left: 0.957653748316625rem;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.theme__color-light .ds-web-date-input__error-message,
.theme__color-dark .ds-web-date-input__error-message,
.ds-web-date-input__label,
.ds-web-date-input__date-label,
.ds-web-date-input__placeholder,
.ds-web-date-input__date-placeholder,
.ds-web-date-input__form-input,
.ds-web-date-input__form-input-scale {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.ds-web-date-input__form-input,
.ds-web-date-input__form-input-scale {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .ds-web-date-input__form-input,
  .ds-web-date-input__form-input-scale {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .ds-web-date-input__form-input,
  .ds-web-date-input__form-input-scale {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .ds-web-date-input__form-input,
  .ds-web-date-input__form-input-scale {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error,
.theme__color-light .ds-web-date-input__error-message,
.theme__color-dark .ds-web-date-input__error-message {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error,
  .theme__color-light .ds-web-date-input__error-message,
  .theme__color-dark .ds-web-date-input__error-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error,
  .theme__color-light .ds-web-date-input__error-message,
  .theme__color-dark .ds-web-date-input__error-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error,
  .theme__color-light .ds-web-date-input__error-message,
  .theme__color-dark .ds-web-date-input__error-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive,
.ds-web-date-input__label,
.ds-web-date-input__date-label,
.ds-web-date-input__placeholder,
.ds-web-date-input__date-placeholder {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive,
  .ds-web-date-input__label,
  .ds-web-date-input__date-label,
  .ds-web-date-input__placeholder,
  .ds-web-date-input__date-placeholder {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive,
  .ds-web-date-input__label,
  .ds-web-date-input__date-label,
  .ds-web-date-input__placeholder,
  .ds-web-date-input__date-placeholder {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive,
  .ds-web-date-input__label,
  .ds-web-date-input__date-label,
  .ds-web-date-input__placeholder,
  .ds-web-date-input__date-placeholder {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.theme__color-light .ds-web-date-input {
  color: #666;
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-light .ds-web-date-input:hover {
  background-color: rgba(138,138,138,0.15);
  border-color: rgba(138,138,138,0.15);
}
.theme__color-light .ds-web-date-input__form-input {
  color: #211f1e;
}
.theme__color-light .ds-web-date-input__form-input:focus {
  color: #211f1e;
}
.theme__color-light .ds-web-date-input__form-input:focus:-ms-input-placeholder {
  color: #adadad;
}
.theme__color-light .ds-web-date-input__form-input:focus::-moz-placeholder {
  color: #adadad;
}
.theme__color-light .ds-web-date-input__form-input:focus::placeholder {
  color: #adadad;
}
.theme__color-light .ds-web-date-input__form-input:-ms-input-placeholder {
  color: transparent;
}
.theme__color-light .ds-web-date-input__form-input::-moz-placeholder {
  color: transparent;
}
.theme__color-light .ds-web-date-input__form-input::placeholder {
  color: transparent;
}
.theme__color-light .ds-web-date-input__form-input:disabled ~ .ds-web-date-input__label,
.theme__color-light .ds-web-date-input__form-input:disabled ~ .ds-web-date-input__placeholder {
  color: #adadad;
}
.theme__color-light .ds-web-date-input--readonly .theme__color-light .ds-web-date-input__placeholder {
  color: #adadad;
  -webkit-text-fill-color: #adadad;
}
.theme__color-light .ds-web-date-input--focus,
.theme__color-light .ds-web-date-input--focus:hover {
  border-color: #211f1e;
  background-color: transparent;
}
.theme__color-light .ds-web-date-input--error {
  background-color: rgba(190,41,204,0.1);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-light .ds-web-date-input--error:hover {
  background-color: rgba(190,41,204,0.15);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-light .ds-web-date-input--error .ds-web-date-input__placeholder {
  color: #9d21a9;
}
.theme__color-light .ds-web-date-input--error .ds-web-date-input__label {
  color: #9d21a9;
}
.theme__color-light .ds-web-date-input--error.ds-web-date-input--focus {
  border-color: #9d21a9;
  background-color: transparent;
}
.theme__color-light .ds-web-date-input--error.ds-web-date-input--focus .ds-web-date-input__placeholder {
  color: #666;
}
.theme__color-light .ds-web-date-input--affirm,
.theme__color-light .ds-web-date-input--affirm:hover {
  border-color: #39ccaf;
}
.theme__color-light .ds-web-date-input--notice,
.theme__color-light .ds-web-date-input--notice:hover {
  border-color: #eeac14;
}
.theme__color-light .ds-web-date-input--disabled,
.theme__color-light .ds-web-date-input--disabled:hover {
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-light .ds-web-date-input__error-message {
  color: #9d21a9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQxNDE2IDEuNDE0MTZDOC42MzMxMSAwLjYzMzEwOCA3LjM2Njc4IDAuNjMzMTA2IDYuNTg1NzMgMS40MTQxNUwxLjQxNDE2IDYuNTg1NzNDMC42MzMxMDggNy4zNjY3OCAwLjYzMzEwNiA4LjYzMzExIDEuNDE0MTUgOS40MTQxNkw2LjU4NTczIDE0LjU4NTdDNy4zNjY3OCAxNS4zNjY4IDguNjMzMTEgMTUuMzY2OCA5LjQxNDE2IDE0LjU4NTdMMTQuNTg1NyA5LjQxNDE2QzE1LjM2NjggOC42MzMxMSAxNS4zNjY4IDcuMzY2NzggMTQuNTg1NyA2LjU4NTczTDkuNDE0MTYgMS40MTQxNlpNNy4xMzEwNSA0LjcxMzgxVjcuNDEwNEw3LjUzMjI0IDkuNDU3ODJIOC40OTUxMUw4Ljg5NjMxIDcuNDEwNFY0LjcxMzgxSDcuMTMxMDVaTTguMDEzNjggMTEuNzg0OUM4LjU2NTMyIDExLjc4NDkgOC45NTY0OSAxMS4zODU0IDguOTU2NDkgMTAuODU2MUM4Ljk1NjQ5IDEwLjMyNjcgOC41NjUzMiA5LjkyNzIzIDguMDEzNjggOS45MjcyM0M3LjQ2MjAzIDkuOTI3MjMgNy4wNzA4NyAxMC4zMjY3IDcuMDcwODcgMTAuODU2MUM3LjA3MDg3IDExLjM4NTQgNy40NjIwMyAxMS43ODQ5IDguMDEzNjggMTEuNzg0OVoiIGZpbGw9IiNCRTI5Q0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 2.25rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 960px) {
  .theme__color-light .ds-web-date-input__error-message {
    padding-left: 0.75rem;
    margin-bottom: 0.166666666666667rem;
  }
}
.ds-web-date-input--disabled:not(.theme__color-light--empty) {
  color: #adadad;
}
.theme__color-dark .ds-web-date-input {
  color: #b8b8b8;
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-dark .ds-web-date-input:hover {
  background-color: rgba(138,138,138,0.15);
  border-color: rgba(138,138,138,0.15);
}
.theme__color-dark .ds-web-date-input__form-input {
  color: #f0f0f0;
}
.theme__color-dark .ds-web-date-input__form-input:focus {
  color: #f0f0f0;
}
.theme__color-dark .ds-web-date-input__form-input:focus:-ms-input-placeholder {
  color: #525252;
}
.theme__color-dark .ds-web-date-input__form-input:focus::-moz-placeholder {
  color: #525252;
}
.theme__color-dark .ds-web-date-input__form-input:focus::placeholder {
  color: #525252;
}
.theme__color-dark .ds-web-date-input__form-input:-ms-input-placeholder {
  color: transparent;
}
.theme__color-dark .ds-web-date-input__form-input::-moz-placeholder {
  color: transparent;
}
.theme__color-dark .ds-web-date-input__form-input::placeholder {
  color: transparent;
}
.theme__color-dark .ds-web-date-input__form-input:disabled ~ .ds-web-date-input__label,
.theme__color-dark .ds-web-date-input__form-input:disabled ~ .ds-web-date-input__placeholder {
  color: #525252;
}
.theme__color-dark .ds-web-date-input--readonly .theme__color-dark .ds-web-date-input__placeholder {
  color: #525252;
  -webkit-text-fill-color: #525252;
}
.theme__color-dark .ds-web-date-input--focus,
.theme__color-dark .ds-web-date-input--focus:hover {
  border-color: #f0f0f0;
  background-color: transparent;
}
.theme__color-dark .ds-web-date-input--error {
  background-color: rgba(190,41,204,0.1);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-dark .ds-web-date-input--error:hover {
  background-color: rgba(190,41,204,0.15);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-dark .ds-web-date-input--error .ds-web-date-input__placeholder {
  color: #d953e5;
}
.theme__color-dark .ds-web-date-input--error .ds-web-date-input__label {
  color: #d953e5;
}
.theme__color-dark .ds-web-date-input--error.ds-web-date-input--focus {
  border-color: #d953e5;
  background-color: transparent;
}
.theme__color-dark .ds-web-date-input--error.ds-web-date-input--focus .ds-web-date-input__placeholder {
  color: #b8b8b8;
}
.theme__color-dark .ds-web-date-input--affirm,
.theme__color-dark .ds-web-date-input--affirm:hover {
  border-color: #4df4d3;
}
.theme__color-dark .ds-web-date-input--notice,
.theme__color-dark .ds-web-date-input--notice:hover {
  border-color: #ffce5c;
}
.theme__color-dark .ds-web-date-input--disabled,
.theme__color-dark .ds-web-date-input--disabled:hover {
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-dark .ds-web-date-input__error-message {
  color: #d953e5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQxNDE2IDEuNDE0MTZDOC42MzMxMSAwLjYzMzEwOCA3LjM2Njc4IDAuNjMzMTA2IDYuNTg1NzMgMS40MTQxNUwxLjQxNDE2IDYuNTg1NzNDMC42MzMxMDggNy4zNjY3OCAwLjYzMzEwNiA4LjYzMzExIDEuNDE0MTUgOS40MTQxNkw2LjU4NTczIDE0LjU4NTdDNy4zNjY3OCAxNS4zNjY4IDguNjMzMTEgMTUuMzY2OCA5LjQxNDE2IDE0LjU4NTdMMTQuNTg1NyA5LjQxNDE2QzE1LjM2NjggOC42MzMxMSAxNS4zNjY4IDcuMzY2NzggMTQuNTg1NyA2LjU4NTczTDkuNDE0MTYgMS40MTQxNlpNNy4xMzEwNSA0LjcxMzgxVjcuNDEwNEw3LjUzMjI0IDkuNDU3ODJIOC40OTUxMUw4Ljg5NjMxIDcuNDEwNFY0LjcxMzgxSDcuMTMxMDVaTTguMDEzNjggMTEuNzg0OUM4LjU2NTMyIDExLjc4NDkgOC45NTY0OSAxMS4zODU0IDguOTU2NDkgMTAuODU2MUM4Ljk1NjQ5IDEwLjMyNjcgOC41NjUzMiA5LjkyNzIzIDguMDEzNjggOS45MjcyM0M3LjQ2MjAzIDkuOTI3MjMgNy4wNzA4NyAxMC4zMjY3IDcuMDcwODcgMTAuODU2MUM3LjA3MDg3IDExLjM4NTQgNy40NjIwMyAxMS43ODQ5IDguMDEzNjggMTEuNzg0OVoiIGZpbGw9IiNCRTI5Q0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 2.25rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 960px) {
  .theme__color-dark .ds-web-date-input__error-message {
    padding-left: 0.75rem;
    margin-bottom: 0.166666666666667rem;
  }
}
.ds-web-date-input--disabled:not(.theme__color-dark--empty) {
  color: #525252;
}
.ds-web-date-input {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background-clip: padding-box;
  width: 100%;
  padding: 0;
  border-style: solid;
  border-width: 0.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 960px) {
  .ds-web-date-input {
    border-width: 0.083333333333333rem;
    border-radius: 0.166666666666667rem;
    margin-bottom: 0.5rem;
  }
}
.ds-web-date-input__label,
.ds-web-date-input__date-label {
  pointer-events: none;
  position: absolute;
  transform-origin: top left;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.ds-web-date-input__date-label {
  left: 1.6em;
  transform: translateY(-50%);
}
.ds-web-date-input__label {
  transform: translate(-50%, -50%);
}
.ds-web-date-input__placeholder,
.ds-web-date-input__date-placeholder {
  opacity: 0;
  top: 1.16625rem;
  left: 1rem;
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform, opacity;
  transform: scale(0.75);
  pointer-events: none;
  text-transform: uppercase;
  transform-origin: top left;
}
@media screen and (min-width: 960px) {
  .ds-web-date-input__placeholder,
  .ds-web-date-input__date-placeholder {
    top: 0.291666666666667rem;
    left: 0.333333333333333rem;
  }
}
.ds-web-date-input:not(.ds-web-date-input--empty):not(.ds-web-date-input--focus) .ds-web-date-input__date-placeholder {
  opacity: 1;
}
.ds-web-date-input--focus .ds-web-date-input__date-label,
.ds-web-date-input:not(.ds-web-date-input--empty) .ds-web-date-input__date-label {
  opacity: 0;
}
.ds-web-date-input__form-input:focus + .ds-web-date-input__label,
.ds-web-date-input--has-value .ds-web-date-input__label,
.ds-web-date-input:not(.ds-web-date-input--focus) .ds-web-date-input__label {
  opacity: 0;
}
.ds-web-date-input__form-input:focus ~ .ds-web-date-input__placeholder,
.ds-web-date-input--focus .ds-web-date-input--has-value .ds-web-date-input__placeholder {
  opacity: 1;
}
.ds-web-date-input--empty:not(.ds-web-date-input--focus) .ds-web-date-input__input {
  flex: 1;
}
.ds-web-date-input--empty:not(.ds-web-date-input--focus) .ds-web-date-input__input:not(:first-of-type) {
  display: none;
}
.ds-web-date-input--empty:not(.ds-web-date-input--focus) .ds-web-date-input__input:after {
  display: none;
}
.ds-web-date-input:not(.ds-web-date-input--focus):not(.ds-web-date-input--empty) .ds-web-date-input__input:after {
  height: 25%;
  margin-top: 30%;
}
.ds-web-date-input__form-input,
.ds-web-date-input__form-input-scale {
  line-height: 1.5;
  padding-top: 3.875rem;
  padding-right: 1rem;
  padding-bottom: 1.875rem;
  padding-left: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-web-date-input__form-input,
  .ds-web-date-input__form-input-scale {
    min-height: 2rem;
    padding-top: 0.875rem;
    padding-right: 0.333333333333333rem;
    padding-bottom: 0.333333333333333rem;
    padding-left: 0.333333333333333rem;
  }
}
.ds-web-date-input__form-input-scale {
  visibility: hidden;
  display: none;
}
.ds-web-date-input:not(.ds-web-date-input--focus) .ds-web-date-input__form-input-scale {
  display: block;
}
.ds-web-date-input:not(.ds-web-date-input--focus) .ds-web-date-input__form-input {
  position: absolute;
  top: 0;
  left: 0;
}
.ds-web-date-input__form-input {
  background: transparent;
  width: 100%;
  outline: none;
  display: block;
  color: transparent;
  border: transparent;
  -moz-appearance: textfield;
  min-height: 8rem;
  padding-top: 3.875rem;
  padding-right: 1rem;
  padding-bottom: 1.875rem;
  padding-left: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-web-date-input__form-input {
    min-height: 2rem;
    padding-top: 0.875rem;
    padding-right: 0.333333333333333rem;
    padding-bottom: 0.333333333333333rem;
    padding-left: 0.333333333333333rem;
  }
}
.ds-web-date-input__form-input::-webkit-inner-spin-button,
.ds-web-date-input__form-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.ds-web-date-input__input {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.ds-web-date-input__input:not(:last-child) {
  flex-shrink: 1;
}
.ds-web-date-input__input:not(:last-child):after {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
  line-height: 1.5em;
  content: " ";
  display: inline;
  width: 1px;
  background: #b3b3b3;
  height: 50%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .ds-web-date-input__input:not(:last-child):after {
    font-size: 0.997555987829817rem;
  }
}
.ds-web-date-input__input:last-child {
  flex: 1;
}
.ds-web-date-input--focus,
.ds-web-date-input--focus:hover {
  background-color: transparent;
}
.ds-web-date-input--focus .ds-web-date-input__input {
  flex: 1;
}
.ds-web-date-input--disabled:not(.ds-web-date-input--empty),
.ds-web-date-input--disabled:not(.ds-web-date-input--empty):hover {
  background-color: transparent;
}

.help-panel {
  margin-top: -0.374083495436181rem;
  margin-bottom: 3.740834954361814rem;
  width: 100%;
  font-size: 2.65973365255125rem;
  background-size: 2.65973365255125rem;
  padding-left: 3.1916803830615rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .help-panel {
    font-size: 0.798044790263854rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .help-panel {
    background-size: 0.798044790263854rem;
    padding-left: 0.957653748316625rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .help-panel {
    margin-bottom: 1.496333981744725rem;
  }
}
.help-panel__message {
  color: #333;
  -webkit-text-size-adjust: none;
  margin: 0.1em 0 0.5em 0;
  padding-left: 1.25em;
  position: relative;
  transform-origin: bottom left;
  transition: 0.25s all;
  line-height: 120%;
}
.help-panel__message:before {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  content: ' ';
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  transition: inherit;
  transform-origin: center;
}
.help-panel__message:last-child {
  margin-bottom: 0;
}
.help-panel__message--hint.help-panel__message--appear {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--hint.help-panel__message--appear-active {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--hint.help-panel__message--enter {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--hint.help-panel__message--enter-active {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--hint.help-panel__message--exit {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--hint.help-panel__message--exit-active {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--hint:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiMzOUNDQjEiLz4KPHJlY3QgeD0iNyIgeT0iNyIgd2lkdGg9IjIiIGhlaWdodD0iNSIgZmlsbD0iI0Y5RjlGOSIvPgo8Y2lyY2xlIGN4PSI4IiBjeT0iNSIgcj0iMSIgZmlsbD0iI0Y5RjlGOSIvPgo8L3N2Zz4K);
}
.help-panel__message--error {
  color: #be29cc;
}
.help-panel__message--error.help-panel__message--appear {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--error.help-panel__message--appear-active {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--error.help-panel__message--enter {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--error.help-panel__message--enter-active {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--error.help-panel__message--exit {
  opacity: 1;
  padding-left: 1.25em;
}
.help-panel__message--error.help-panel__message--exit-active {
  opacity: 0;
  padding-left: 1em;
}
.help-panel__message--error:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iOCIgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iMTEuMzEzNyIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDggMCkiIGZpbGw9IiNCRTI5Q0MiLz4KPHBhdGggZD0iTTcuMTMxMTcgNy40MTA0NlY0LjcxMzg3SDguODk2NDJWNy40MTA0Nkw4LjQ5NTIzIDkuNDU3ODdINy41MzIzNkw3LjEzMTE3IDcuNDEwNDZaTTguOTU2NiAxMC44NTYxQzguOTU2NiAxMS4zODU0IDguNTY1NDQgMTEuNzg0OSA4LjAxMzc5IDExLjc4NDlDNy40NjIxNSAxMS43ODQ5IDcuMDcwOTkgMTEuMzg1NCA3LjA3MDk5IDEwLjg1NjFDNy4wNzA5OSAxMC4zMjY4IDcuNDYyMTUgOS45MjcyOCA4LjAxMzc5IDkuOTI3MjhDOC41NjU0NCA5LjkyNzI4IDguOTU2NiAxMC4zMjY4IDguOTU2NiAxMC44NTYxWiIgZmlsbD0iI0Y5RjlGOSIvPgo8L3N2Zz4K);
}
.help-panel__message--satisfied {
  font-size: 2.65973365255125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  padding-left: 1.75em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .help-panel__message--satisfied {
    font-size: 0.798044790263854rem;
  }
}
.help-panel__message--satisfied:lang(th) {
  line-height: 140%;
}
.help-panel__message--satisfied.help-panel__message--appear {
  line-height: 0;
  opacity: 0;
  margin: 0;
}
.help-panel__message--satisfied.help-panel__message--appear-active {
  opacity: 1;
  margin: 0.1em 0 0.5em 0;
  line-height: 120%;
}
.help-panel__message--satisfied:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiMzOUNDQjEiLz4KPHBhdGggZD0iTTQuNjQwODYgNy44MjI2TDcuMzQ3MzQgMTAuMzk1OUwxMS4yNDE5IDUuODU5MTEiIHN0cm9rZT0iI0Y5RjlGOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  width: 1.3em;
  height: 1.3em;
}
.help-panel__message--unsatisfied {
  font-size: 2.65973365255125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  padding-left: 1.75em;
  color: #7e7e7e;
}
@media screen and (min-width: 960px) {
  .grid-page-web .help-panel__message--unsatisfied {
    font-size: 0.798044790263854rem;
  }
}
.help-panel__message--unsatisfied:lang(th) {
  line-height: 140%;
}
.help-panel__message--unsatisfied.help-panel__message--appear {
  line-height: 0;
  opacity: 0;
  margin: 0;
}
.help-panel__message--unsatisfied.help-panel__message--appear-active {
  opacity: 1;
  margin: 0.1em 0 0.5em 0;
  line-height: 120%;
}
.help-panel__message--unsatisfied:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMiIgZmlsbD0iIzdFN0U3RSIvPgo8bGluZSB4MT0iNC44MDcwOCIgeTE9IjQuODEyOSIgeDI9IjExLjE3MSIgeTI9IjExLjE3NjkiIHN0cm9rZT0iI0Y5RjlGOSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxsaW5lIHgxPSI0LjgxMjg1IiB5MT0iMTEuMTgyOCIgeDI9IjExLjE3NjgiIHkyPSI0LjgxODg3IiBzdHJva2U9IiNGOUY5RjkiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
  width: 1.3em;
  height: 1.3em;
}
.help-panel__message--appear:before {
  transform: scale(0);
}
.help-panel__message--appear-active:before {
  transform: scale(1);
}
.help-panel__message--enter:before {
  transform: scale(0);
}
.help-panel__message--enter-active:before {
  transform: scale(1);
}
.help-panel__message--exit:before {
  transform: scale(1);
}
.help-panel__message--exit-active:before {
  transform: scale(0);
}
.theme-arcane2 .help-panel__message {
  color: #dbe0ee;
}
.theme-arcane2 .help-panel__message--error:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iOCIgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iMTEuMzEzNyIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDggMCkiIGZpbGw9IiNDMTA4RkYiLz4KPHBhdGggZD0iTTcuMTMxMTcgNy40MTA0NlY0LjcxMzg3SDguODk2NDJWNy40MTA0Nkw4LjQ5NTIzIDkuNDU3ODdINy41MzIzNkw3LjEzMTE3IDcuNDEwNDZaTTguOTU2NiAxMC44NTYxQzguOTU2NiAxMS4zODU0IDguNTY1NDQgMTEuNzg0OSA4LjAxMzc5IDExLjc4NDlDNy40NjIxNSAxMS43ODQ5IDcuMDcwOTkgMTEuMzg1NCA3LjA3MDk5IDEwLjg1NjFDNy4wNzA5OSAxMC4zMjY4IDcuNDYyMTUgOS45MjcyOCA4LjAxMzc5IDkuOTI3MjhDOC41NjU0NCA5LjkyNzI4IDguOTU2NiAxMC4zMjY4IDguOTU2NiAxMC44NTYxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K);
}
.theme-arcane2 .help-panel__message--hint:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiMzOUNDQjEiLz4KPHJlY3QgeD0iNyIgeT0iNyIgd2lkdGg9IjIiIGhlaWdodD0iNSIgZmlsbD0iIzAwMDAwMCIvPgo8Y2lyY2xlIGN4PSI4IiBjeT0iNSIgcj0iMSIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K);
}
.theme-arcane2 .help-panel__message--satisfied:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiMzOUNDQUYiLz4KPHBhdGggZD0iTTQuNjQwODYgNy44MjI2TDcuMzQ3MzQgMTAuMzk1OUwxMS4yNDE5IDUuODU5MTEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.theme-arcane2 .help-panel__message--unsatisfied {
  color: #dbe0ee;
}
.theme-arcane2 .help-panel__message--unsatisfied:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMiIgZmlsbD0iIzcxODRCRCIvPgo8bGluZSB4MT0iNC44MDcwOCIgeTE9IjQuODEyOSIgeDI9IjExLjE3MSIgeTI9IjExLjE3NjkiIHN0cm9rZT0iIzE0MTQxNCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxsaW5lIHgxPSI0LjgxMjg1IiB5MT0iMTEuMTgyOCIgeDI9IjExLjE3NjgiIHkyPSI0LjgxODg3IiBzdHJva2U9IiMxNDE0MTQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-help-panel .help-panel__message {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2,
.ds-help-panel .help-panel__message {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2,
  .ds-help-panel .help-panel__message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2,
  .ds-help-panel .help-panel__message {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2,
  .ds-help-panel .help-panel__message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th),
.ds-help-panel .help-panel__message:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-help-panel {
  margin: 1rem 0;
  padding-left: 0;
}
@media screen and (min-width: 960px) {
  .ds-help-panel {
    margin: 0.5rem 0;
  }
}
.theme__color-light .ds-help-panel .help-panel__message {
  color: #666;
}
.theme__color-dark .ds-help-panel .help-panel__message {
  color: #b8b8b8;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
/*
 * 1. Define your root linear font scale
 * 2. Define your desired font scale:
 *    Desktop: This was done by look at desktop base font size of 14.22 @ 960, 16 @ 1440, and 21.33 @ 1920
 *    Mobile: This was done with mobile base font size of 18 @ vw = 408 and  22.5 @ vw = 510
 * 3. Find the difference in linear equations and add that to 1rem
 * 4. Divide by the value used to define the desired size for your font you chose in step 2.
 */
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.modal__overlay {
  background: rgba(41,39,39,0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
}
.modal__container {
  background: #292727;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
}
@media screen and (min-width: 960px) {
  .modal__container {
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 0.333333333333333rem;
    margin: auto;
    width: 21rem;
  }
}
.modal__body {
  padding: 8rem 6rem;
  text-align: center;
  color: #f0f0f0;
}
@media screen and (min-width: 960px) {
  .modal__body {
    color: #211f1e;
    padding: 2.666666666666667rem 2rem;
  }
}
.modal__title {
  margin: 0;
}
.modal__description {
  margin-top: 2rem;
}
@media screen and (min-width: 960px) {
  .modal__description {
    margin-top: 0.666666666666667rem;
  }
}
.modal__footer {
  display: flex;
  justify-content: space-between;
  background: #211e1f;
  padding: 3rem 6rem;
}
@media screen and (min-width: 960px) {
  .modal__footer {
    background: #f0f0f0;
    padding: 1rem 2rem;
  }
}
.modal__footer button {
  flex-grow: 1;
  margin: 0.75rem;
  min-width: 19.75rem;
  margin-top: auto;
}
@media screen and (min-width: 960px) {
  .modal__footer button {
    margin: 0.208333333333333rem;
    min-width: 7.916666666666667rem;
  }
}
@media screen and (min-width: 960px) {
  .modal__footer button.button--primary {
    background-color: #292727;
    color: #f0f0f0;
  }
  .modal__footer button.button--primary:active:not([disabled]) {
    background-color: #141212;
  }
  .modal__footer button.button--primary:hover:not([disabled]) {
    background-color: #211e1f;
  }
  .modal__footer button.button--secondary {
    color: #211f1e;
  }
}
.modal--with-secondary .modal__footer {
  flex-wrap: wrap;
}
.modal--with-secondary .button--primary {
  margin-top: 0.75rem;
}
@media screen and (min-width: 960px) {
  .modal--with-secondary .button--primary {
    margin-top: 0.25rem;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-field,
.ds-field__label,
.ds-field__form-input {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.ds-field__form-input {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .ds-field__form-input {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .ds-field__form-input {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .ds-field__form-input {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active,
.ds-field {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active,
  .ds-field {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active,
  .ds-field {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active,
  .ds-field {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive,
.ds-field__label {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive,
  .ds-field__label {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive,
  .ds-field__label {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive,
  .ds-field__label {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.theme__color-light .ds-field {
  color: #666;
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-light .ds-field:hover {
  background-color: rgba(138,138,138,0.15);
  border-color: rgba(138,138,138,0.15);
}
.theme__color-light .ds-field__form-input {
  color: #211f1e;
  -webkit-text-fill-color: #211f1e;
}
.theme__color-light .ds-field__form-input:disabled ~ .ds-field__label,
.theme__color-light .ds-field__form-input:disabled ~ .ds-field__placeholder {
  color: #adadad;
  -webkit-text-fill-color: #adadad;
}
.theme__color-light .ds-field--readonly .theme__color-light .ds-field__placeholder {
  color: #adadad;
  -webkit-text-fill-color: #adadad;
}
.theme__color-light .ds-field--focus,
.theme__color-light .ds-field--focus:hover {
  border-color: #211f1e;
  background-color: transparent;
}
.theme__color-light .ds-field--error {
  background-color: rgba(190,41,204,0.1);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-light .ds-field--error:hover {
  background-color: rgba(190,41,204,0.15);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-light .ds-field--error .ds-field__placeholder {
  color: #9d21a9;
}
.theme__color-light .ds-field--error .ds-field__countdown {
  color: #9d21a9;
}
.theme__color-light .ds-field--error .ds-field__label {
  color: #9d21a9;
}
.theme__color-light .ds-field--error.ds-field--focus {
  border-color: #9d21a9;
  background-color: transparent;
}
.theme__color-light .ds-field--error.ds-field--focus .ds-field__placeholder {
  color: #666;
}
.theme__color-light .ds-field--affirm,
.theme__color-light .ds-field--affirm:hover {
  border-color: #39ccaf;
}
.theme__color-light .ds-field--notice,
.theme__color-light .ds-field--notice:hover {
  border-color: #eeac14;
}
.theme__color-light .ds-field--disabled,
.theme__color-light .ds-field--disabled:hover {
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-dark .ds-field {
  color: #b8b8b8;
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.theme__color-dark .ds-field:hover {
  background-color: rgba(138,138,138,0.15);
  border-color: rgba(138,138,138,0.15);
}
.theme__color-dark .ds-field__form-input {
  color: #f0f0f0;
  -webkit-text-fill-color: #f0f0f0;
}
.theme__color-dark .ds-field__form-input:disabled ~ .ds-field__label,
.theme__color-dark .ds-field__form-input:disabled ~ .ds-field__placeholder {
  color: #525252;
  -webkit-text-fill-color: #525252;
}
.theme__color-dark .ds-field--readonly .theme__color-dark .ds-field__placeholder {
  color: #525252;
  -webkit-text-fill-color: #525252;
}
.theme__color-dark .ds-field--focus,
.theme__color-dark .ds-field--focus:hover {
  border-color: #f0f0f0;
  background-color: transparent;
}
.theme__color-dark .ds-field--error {
  background-color: rgba(190,41,204,0.1);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-dark .ds-field--error:hover {
  background-color: rgba(190,41,204,0.15);
  border-color: rgba(190,41,204,0.2);
}
.theme__color-dark .ds-field--error .ds-field__placeholder {
  color: #d953e5;
}
.theme__color-dark .ds-field--error .ds-field__countdown {
  color: #d953e5;
}
.theme__color-dark .ds-field--error .ds-field__label {
  color: #d953e5;
}
.theme__color-dark .ds-field--error.ds-field--focus {
  border-color: #d953e5;
  background-color: transparent;
}
.theme__color-dark .ds-field--error.ds-field--focus .ds-field__placeholder {
  color: #b8b8b8;
}
.theme__color-dark .ds-field--affirm,
.theme__color-dark .ds-field--affirm:hover {
  border-color: #4df4d3;
}
.theme__color-dark .ds-field--notice,
.theme__color-dark .ds-field--notice:hover {
  border-color: #ffce5c;
}
.theme__color-dark .ds-field--disabled,
.theme__color-dark .ds-field--disabled:hover {
  background-color: rgba(138,138,138,0.1);
  border-color: rgba(138,138,138,0.1);
}
.ds-field {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border-style: solid;
  background-clip: padding-box;
  width: 100%;
  border-width: 0.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .ds-field {
    border-width: 0.083333333333333rem;
    border-radius: 0.166666666666667rem;
    margin-bottom: 0.5rem;
  }
}
.ds-field--animate {
  animation: 0.55s text-field-animate-in cubic-bezier(0.22, 0.68, 0, 1) backwards;
}
.ds-field__label {
  pointer-events: none;
  position: absolute;
  transform-origin: top left;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  left: 1.6em;
  top: 50%;
  transform: translateY(-50%);
}
.ds-field__placeholder,
.ds-field__countdown {
  opacity: 0;
  top: 1.16625rem;
  left: 1rem;
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform, opacity;
  transform: scale(0.75);
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .ds-field__placeholder,
  .ds-field__countdown {
    top: 0.291666666666667rem;
    left: 0.333333333333333rem;
  }
}
.ds-field__countdown {
  left: auto;
  right: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-field__countdown {
    left: auto;
    right: 0.333333333333333rem;
  }
}
.ds-field__form-input:focus + .ds-field__label,
.ds-field--non-empty .ds-field__label {
  opacity: 0;
  transform: scale(0.75);
}
.ds-field__form-input:focus ~ .ds-field__placeholder,
.ds-field--non-empty .ds-field__placeholder {
  opacity: 1;
  transform: scale(1);
}
.ds-field--focus .ds-field__countdown {
  opacity: 1;
  transform: scale(1);
}
.ds-field__form-input {
  background: transparent;
  line-height: 1.5em;
  width: 100%;
  outline: none;
  border: transparent;
  min-height: 8rem;
  padding-top: 3.875rem;
  padding-right: 1rem;
  padding-bottom: 1.875rem;
  padding-left: 1rem;
  display: block;
}
@media screen and (min-width: 960px) {
  .ds-field__form-input {
    min-height: 2rem;
    padding-top: 0.875rem;
    padding-right: 0.333333333333333rem;
    padding-bottom: 0.333333333333333rem;
    padding-left: 0.333333333333333rem;
  }
}
.ds-field--non-empty.ds-field--disabled,
.ds-field--non-empty.ds-field--disabled:hover {
  background-color: transparent;
}
.ds-field__input {
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
}
.ds-field__input--animate {
  animation: 0.8s text-field-text-animate-in cubic-bezier(0, 0, 0.58, 1) forwards;
}
@keyframes text-field-animate-in {
  0% {
    opacity: 0;
    width: 0%;
  }
  1% {
    opacity: 1;
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes text-field-text-animate-in {
  0% {
    opacity: 0;
    transform: translate(-15px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.password-field .field__form-input {
  padding-right: 2.5em;
}
.field--focus .password-field__password-visibility,
.field--password-toggle-visible {
  display: block;
}
.password-field--warning.field--focus {
  border-color: #e59700;
}
.password-field--green.field--focus {
  border-color: #39ccb1;
}
.password-field__password-visibility {
  display: none;
}
.password-field__password-visibility--hide,
.password-field__password-visibility--show {
  position: absolute;
  width: 2.1em;
  height: 2em;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjIzNjkzZS0wNyA4QzMuMzg5NTRlLTA3IDYuNCA0LjU3MTQzIDAgMTIgMEMxOS40Mjg2IDAgMjQgNi40IDI0IDhDMjQgOS42IDE5LjQyODYgMTYgMTIgMTZDNC41NzE0MyAxNiA1LjA4NDMxZS0wNyA5LjYgNC4yMzY5M2UtMDcgOFpNMTQuMjg1OCA4LjcxNDI3QzE1LjUyMjYgOC43MTQyNyAxNi41NzU4IDcuOTI4NDEgMTYuOTczNCA2LjgyODc4QzE3LjA4NCA3LjI0ODI1IDE3LjE0MjkgNy42ODg2NyAxNy4xNDI5IDguMTQyODZDMTcuMTQyOSAxMC45ODMyIDE0Ljg0MDMgMTMuMjg1NyAxMiAxMy4yODU3QzkuMTU5NjcgMTMuMjg1NyA2Ljg1NzEzIDEwLjk4MzIgNi44NTcxMyA4LjE0Mjg2QzYuODU3MTMgNS4zMDI1NCA5LjE1OTY3IDMgMTIgM0MxMi40NTQyIDMgMTIuODk0NyAzLjA1ODg4IDEzLjMxNDIgMy4xNjk0M0MxMi4yMTQ1IDMuNTY3MDMgMTEuNDI4NiA0LjYyMDMgMTEuNDI4NiA1Ljg1NzEyQzExLjQyODYgNy40MzUwOCAxMi43MDc4IDguNzE0MjcgMTQuMjg1OCA4LjcxNDI3WiIgZmlsbD0iIzExMTExMSIvPgo8L3N2Zz4K) no-repeat center center;
  background-size: contain;
  border: none;
  outline: none;
}
.password-field__password-visibility--hide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zNCAxLjQ0NTg1QzE0LjMwNDUgMS4xNjM5MiAxMy4xODg5IDEgMTIgMUM0LjU3MTQzIDEgMy4zODk1NGUtMDcgNy40IDQuMjM2OTNlLTA3IDlDNC42NTk1OGUtMDcgOS43OTgwNCAxLjEzNzI3IDExLjc5MDIgMy4xOTkwOCAxMy41ODY4TDYuOTA5MTQgOS44NzY3MkM2Ljg3NDkgOS42MzcwMyA2Ljg1NzE4IDkuMzkyMDEgNi44NTcxOCA5LjE0Mjg2QzYuODU3MTggNi4zMDI1NCA5LjE1OTcxIDQgMTIgNEMxMi4yNDkyIDQgMTIuNDk0MiA0LjAxNzcyIDEyLjczMzkgNC4wNTE5NkwxNS4zNCAxLjQ0NTg1Wk03LjY3OTk2IDExLjkzNDNDOC41OTYyIDEzLjM0OTQgMTAuMTg4OCAxNC4yODU3IDEyIDE0LjI4NTdDMTQuODQwNCAxNC4yODU3IDE3LjE0MjkgMTEuOTgzMiAxNy4xNDI5IDkuMTQyODZDMTcuMTQyOSA3LjMzMTU5IDE2LjIwNjUgNS43MzkwMiAxNC43OTE1IDQuODIyNzlMMTcuNDEwOSAyLjIwMzM2QzIxLjU4NDEgNC4xMzcwMyAyNCA3LjgzNjg2IDI0IDlDMjQgMTAuNiAxOS40Mjg2IDE3IDEyIDE3QzkuMTQ5ODMgMTcgNi43MjAyNiAxNi4wNTc5IDQuODA4MSAxNC44MDYyTDcuNjc5OTYgMTEuOTM0M1oiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMwNzE2IDE2LjMwNzJMMTguNzA3MiAwLjkwNzE2NEwxOC42OTMgMC44OTI5NTlMMTkuMjkzIDAuMjkyOTY5TDIwLjcwNzIgMS43MDcxOEwxNi44Mzk3IDUuNTc0NjRDMTcuMDMzOCA1Ljk2MDMxIDE3LjE0MzEgNi4zOTU5OSAxNy4xNDMxIDYuODU3MTlDMTcuMTQzMSA4LjQzNTE0IDE1Ljg2MzkgOS43MTQzMyAxNC4yODU5IDkuNzE0MzNDMTMuODI0NyA5LjcxNDMzIDEzLjM4OSA5LjYwNTA2IDEzLjAwMzQgOS40MTA5OEw0LjcwNzE3IDE3LjcwNzJMMy4zMDcxNiAxNi4zMDcyWiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K);
}
.password-field__password-strength {
  font-size: 2.65973365255125rem;
  background-size: 2.65973365255125rem;
  padding-left: 3.1916803830615rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 100%;
  margin-bottom: 0.75em;
  transition: 0.15s all;
}
@media screen and (min-width: 960px) {
  .grid-page-web .password-field__password-strength {
    font-size: 0.798044790263854rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .password-field__password-strength {
    background-size: 0.798044790263854rem;
    padding-left: 0.957653748316625rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .password-field__password-strength {
    margin-bottom: 1em;
  }
}
.password-field__password-strength--tooweak {
  color: #be29cc;
}
.password-field__password-strength--okay {
  color: #e59700;
}
.password-field__password-strength--great {
  color: #39ccb1;
}
.password-field__password-strength--appear {
  transform: translate(-15px, -15px);
  opacity: 0;
}
.password-field__password-strength--appear-active {
  transform: translate(0, 0);
  opacity: 1;
}
.password-field__password-strength--enter {
  transform: translate(-15px, 0);
  opacity: 0;
}
.password-field__password-strength--enter-active {
  transform: translate(0, 0);
  opacity: 1;
}
.password-field__password-strength--exit {
  transform: translate(0, 0);
  opacity: 1;
}
.password-field__password-strength--exit-active {
  transform: translate(15px, 0);
  opacity: 0;
}
.theme-arcane2 .password-field__password-visibility {
  cursor: pointer;
}
.theme-arcane2 .password-field__password-visibility--hide {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zNCAxLjQ0NTg1QzE0LjMwNDUgMS4xNjM5MiAxMy4xODg5IDEgMTIgMUM0LjU3MTQzIDEgMy4zODk1NGUtMDcgNy40IDQuMjM2OTNlLTA3IDlDNC42NTk1OGUtMDcgOS43OTgwNCAxLjEzNzI3IDExLjc5MDIgMy4xOTkwOCAxMy41ODY4TDYuOTA5MTQgOS44NzY3MkM2Ljg3NDkgOS42MzcwMyA2Ljg1NzE4IDkuMzkyMDEgNi44NTcxOCA5LjE0Mjg2QzYuODU3MTggNi4zMDI1NCA5LjE1OTcxIDQgMTIgNEMxMi4yNDkyIDQgMTIuNDk0MiA0LjAxNzcyIDEyLjczMzkgNC4wNTE5NkwxNS4zNCAxLjQ0NTg1Wk03LjY3OTk2IDExLjkzNDNDOC41OTYyIDEzLjM0OTQgMTAuMTg4OCAxNC4yODU3IDEyIDE0LjI4NTdDMTQuODQwNCAxNC4yODU3IDE3LjE0MjkgMTEuOTgzMiAxNy4xNDI5IDkuMTQyODZDMTcuMTQyOSA3LjMzMTU5IDE2LjIwNjUgNS43MzkwMiAxNC43OTE1IDQuODIyNzlMMTcuNDEwOSAyLjIwMzM2QzIxLjU4NDEgNC4xMzcwMyAyNCA3LjgzNjg2IDI0IDlDMjQgMTAuNiAxOS40Mjg2IDE3IDEyIDE3QzkuMTQ5ODMgMTcgNi43MjAyNiAxNi4wNTc5IDQuODA4MSAxNC44MDYyTDcuNjc5OTYgMTEuOTM0M1oiIGZpbGw9IiNmNWY1ZjUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMwNzE2IDE2LjMwNzJMMTguNzA3MiAwLjkwNzE2NEwxOC42OTMgMC44OTI5NTlMMTkuMjkzIDAuMjkyOTY5TDIwLjcwNzIgMS43MDcxOEwxNi44Mzk3IDUuNTc0NjRDMTcuMDMzOCA1Ljk2MDMxIDE3LjE0MzEgNi4zOTU5OSAxNy4xNDMxIDYuODU3MTlDMTcuMTQzMSA4LjQzNTE0IDE1Ljg2MzkgOS43MTQzMyAxNC4yODU5IDkuNzE0MzNDMTMuODI0NyA5LjcxNDMzIDEzLjM4OSA5LjYwNTA2IDEzLjAwMzQgOS40MTA5OEw0LjcwNzE3IDE3LjcwNzJMMy4zMDcxNiAxNi4zMDcyWiIgZmlsbD0iI2Y1ZjVmNSIvPgo8L3N2Zz4K) no-repeat center center;
}
.theme-arcane2 .password-field__password-visibility--show {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjIzNjkzZS0wNyA4QzMuMzg5NTRlLTA3IDYuNCA0LjU3MTQzIDAgMTIgMEMxOS40Mjg2IDAgMjQgNi40IDI0IDhDMjQgOS42IDE5LjQyODYgMTYgMTIgMTZDNC41NzE0MyAxNiA1LjA4NDMxZS0wNyA5LjYgNC4yMzY5M2UtMDcgOFpNMTQuMjg1OCA4LjcxNDI3QzE1LjUyMjYgOC43MTQyNyAxNi41NzU4IDcuOTI4NDEgMTYuOTczNCA2LjgyODc4QzE3LjA4NCA3LjI0ODI1IDE3LjE0MjkgNy42ODg2NyAxNy4xNDI5IDguMTQyODZDMTcuMTQyOSAxMC45ODMyIDE0Ljg0MDMgMTMuMjg1NyAxMiAxMy4yODU3QzkuMTU5NjcgMTMuMjg1NyA2Ljg1NzEzIDEwLjk4MzIgNi44NTcxMyA4LjE0Mjg2QzYuODU3MTMgNS4zMDI1NCA5LjE1OTY3IDMgMTIgM0MxMi40NTQyIDMgMTIuODk0NyAzLjA1ODg4IDEzLjMxNDIgMy4xNjk0M0MxMi4yMTQ1IDMuNTY3MDMgMTEuNDI4NiA0LjYyMDMgMTEuNDI4NiA1Ljg1NzEyQzExLjQyODYgNy40MzUwOCAxMi43MDc4IDguNzE0MjcgMTQuMjg1OCA4LjcxNDI3WiIgZmlsbD0iI2Y1ZjVmNSIvPgo8L3N2Zz4K) no-repeat center center;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-password-field__password-strength {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error,
.ds-password-field__password-strength {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error,
  .ds-password-field__password-strength {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error,
  .ds-password-field__password-strength {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error,
  .ds-password-field__password-strength {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-password-field .ds-field__input {
  padding-right: 6.625rem;
}
@media screen and (min-width: 960px) {
  .ds-password-field .ds-field__input {
    padding-right: 2.208333333333333rem;
  }
}
.ds-field--focus .ds-password-field__password-visibility,
.ds-field--password-toggle-visible {
  display: block;
}
.ds-password-field__password-visibility,
.ds-password-field__capslock-icon {
  display: none;
}
.ds-password-field__password-visibility--hide,
.ds-password-field__capslock-icon--hide,
.ds-password-field__password-visibility--show,
.ds-password-field__capslock-icon--show {
  position: absolute;
  top: 5.375rem;
  width: 3rem;
  height: 3rem;
  right: 0.625rem;
  transform: translateY(-50%);
  border: none;
  outline: none;
}
@media screen and (min-width: 960px) {
  .ds-password-field__password-visibility--hide,
  .ds-password-field__capslock-icon--hide,
  .ds-password-field__password-visibility--show,
  .ds-password-field__capslock-icon--show {
    top: 1.375rem;
    width: 1rem;
    height: 1rem;
    right: 0.208333333333333rem;
  }
}
.ds-password-field__capslock-icon {
  right: 3.625rem;
}
@media screen and (min-width: 960px) {
  .ds-password-field__capslock-icon {
    right: 1.208333333333333rem;
  }
}
.ds-password-field__capslock-icon--hide {
  display: none;
}
.ds-field--focus .ds-password-field__capslock-icon--show {
  display: block;
}
.ds-password-field__password-strength {
  margin-bottom: 1.6875rem;
  transition: 0.15s all;
}
@media screen and (min-width: 960px) {
  .ds-password-field__password-strength {
    margin-bottom: 0.3125rem;
  }
}
.ds-password-field__password-strength--appear {
  transform: translate(-15px, -15px);
  opacity: 0;
}
.ds-password-field__password-strength--appear-active {
  transform: translate(0, 0);
  opacity: 1;
}
.ds-password-field__password-strength--enter {
  transform: translate(-15px, 0);
  opacity: 0;
}
.ds-password-field__password-strength--enter-active {
  transform: translate(0, 0);
  opacity: 1;
}
.ds-password-field__password-strength--exit {
  transform: translate(0, 0);
  opacity: 1;
}
.ds-password-field__password-strength--exit-active {
  transform: translate(15px, 0);
  opacity: 0;
}
.theme__color-light .ds-password-field--warning.ds-field--focus {
  border-color: #eeac14;
}
.theme__color-light .ds-password-field--green.ds-field--focus {
  border-color: #39ccaf;
}
.theme__color-light .ds-password-field__password-visibility--hide,
.theme__color-light .ds-password-field__password-visibility--show {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDEyQzMgMTAuOCA2LjQyODU3IDYgMTIgNkMxNy41NzE0IDYgMjEgMTAuOCAyMSAxMkMyMSAxMy4yIDE3LjU3MTQgMTggMTIgMThDNi40Mjg1NyAxOCAzIDEzLjIgMyAxMlpNMTMuNzE0MyAxMi41MzU3QzE0LjY0MTkgMTIuNTM1NyAxNS40MzE5IDExLjk0NjMgMTUuNzMwMSAxMS4xMjE2QzE1LjgxMyAxMS40MzYyIDE1Ljg1NzEgMTEuNzY2NSAxNS44NTcxIDEyLjEwNzFDMTUuODU3MSAxNC4yMzc0IDE0LjEzMDIgMTUuOTY0MyAxMiAxNS45NjQzQzkuODY5NzYgMTUuOTY0MyA4LjE0Mjg2IDE0LjIzNzQgOC4xNDI4NiAxMi4xMDcxQzguMTQyODYgOS45NzY5IDkuODY5NzYgOC4yNSAxMiA4LjI1QzEyLjM0MDcgOC4yNSAxMi42NzEgOC4yOTQxNiAxMi45ODU2IDguMzc3MDdDMTIuMTYwOSA4LjY3NTI4IDExLjU3MTUgOS40NjUyMyAxMS41NzE1IDEwLjM5MjhDMTEuNTcxNSAxMS41NzYzIDEyLjUzMDkgMTIuNTM1NyAxMy43MTQzIDEyLjUzNTdaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) no-repeat center center;
  background-size: contain;
}
.theme__color-light .ds-password-field__password-visibility--hide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wMzA0IDUuOTMwMzVMNS40ODAzNSAxNy40ODA0TDYuNTMwMzYgMTguNTMwNEw3Ljk1NjQ5IDE3LjEwNDNDOS4xMjg2NyAxNy42NDUxIDEwLjQ4NTEgMTggMTIgMThDMTcuNTcxNCAxOCAyMSAxMy4yIDIxIDEyQzIxIDExLjI2MTggMTkuNzAyNSA5LjE2MTI1IDE3LjQwNjkgNy42NTM4NkwxOC41MzA0IDYuNTMwMzlMMTcuNDY5NyA1LjQ2OTczTDE3LjAxOTcgNS45MTk3MUwxNy4wMzA0IDUuOTMwMzVaTTE1LjczMDEgMTEuMTIxN0MxNS40MzE5IDExLjk0NjQgMTQuNjQyIDEyLjUzNTcgMTMuNzE0NCAxMi41MzU3QzEzLjM2ODUgMTIuNTM1NyAxMy4wNDE4IDEyLjQ1MzggMTIuNzUyNSAxMi4zMDgyTDkuNzkxMTUgMTUuMjY5NkMxMC40MTY4IDE1LjcwNzQgMTEuMTc4NCAxNS45NjQzIDEyIDE1Ljk2NDNDMTQuMTMwMyAxNS45NjQzIDE1Ljg1NzIgMTQuMjM3NCAxNS44NTcyIDEyLjEwNzJDMTUuODU3MiAxMS43NjY2IDE1LjgxMyAxMS40MzYzIDE1LjczMDEgMTEuMTIxN1pNMTIgNkMxMi44OTE3IDYgMTMuNzI4NCA2LjEyMjk0IDE0LjUwNSA2LjMzNDRMMTIuNTUwNCA4LjI4ODk5QzEyLjM3MDcgOC4yNjMzMSAxMi4xODY5IDguMjUwMDIgMTIgOC4yNTAwMkM5Ljg2OTc5IDguMjUwMDIgOC4xNDI4OCA5Ljk3NjkyIDguMTQyODggMTIuMTA3MkM4LjE0Mjg4IDEyLjI5NCA4LjE1NjE3IDEyLjQ3NzggOC4xODE4NiAxMi42NTc2TDUuMzk5MzQgMTUuNDQwMUMzLjg1Mjk2IDE0LjA5MjcgMyAxMi41OTg1IDMgMTJDMyAxMC44IDYuNDI4NTcgNiAxMiA2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.theme__color-light .ds-password-field__capslock-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDZDNCA0Ljg5NTQzIDQuODk1NDMgNCA2IDRIMThDMTkuMTA0NiA0IDIwIDQuODk1NDMgMjAgNlYxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBINkM0Ljg5NTQzIDIwIDQgMTkuMTA0NiA0IDE4VjZaTTkuMDAwMDUgMTZIMTVWMTdIOS4wMDAwNVYxNlpNMTUgMTIuNDk0VjE1SDkuMDAwMDVWMTIuNDk0SDcuOTA2MDZDNy41MDE1OSAxMi40OTQgNy4xMzY5NiAxMi4yNTAzIDYuOTgyMTggMTEuODc2N0M2LjgyNzQgMTEuNTAzIDYuOTEyOTUgMTEuMDcyOSA3LjE5ODk1IDEwLjc4NjlMMTEuMjkyOSA2LjY5Mjk1QzExLjY4MzQgNi4zMDI0MiAxMi4zMTY2IDYuMzAyNDIgMTIuNzA3MSA2LjY5Mjk1TDE2LjgwMSAxMC43ODY5QzE3LjA4NyAxMS4wNzI5IDE3LjE3MjYgMTEuNTAzIDE3LjAxNzggMTEuODc2N0MxNi44NjMgMTIuMjUwMyAxNi40OTg0IDEyLjQ5NCAxNi4wOTM5IDEyLjQ5NEgxNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: contain;
}
.theme__color-light .ds-password-field__password-strength--tooweak {
  color: #9d21a9;
}
.theme__color-light .ds-password-field__password-strength--okay {
  color: #eeac14;
}
.theme__color-light .ds-password-field__password-strength--great {
  color: #39ccaf;
}
.theme__color-dark .ds-password-field--warning.ds-field--focus {
  border-color: #ffce5c;
}
.theme__color-dark .ds-password-field--green.ds-field--focus {
  border-color: #4df4d3;
}
.theme__color-dark .ds-password-field__password-visibility--hide,
.theme__color-dark .ds-password-field__password-visibility--show {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDEyQzMgMTAuOCA2LjQyODU3IDYgMTIgNkMxNy41NzE0IDYgMjEgMTAuOCAyMSAxMkMyMSAxMy4yIDE3LjU3MTQgMTggMTIgMThDNi40Mjg1NyAxOCAzIDEzLjIgMyAxMlpNMTMuNzE0MyAxMi41MzU3QzE0LjY0MTkgMTIuNTM1NyAxNS40MzE5IDExLjk0NjMgMTUuNzMwMSAxMS4xMjE2QzE1LjgxMyAxMS40MzYyIDE1Ljg1NzEgMTEuNzY2NSAxNS44NTcxIDEyLjEwNzFDMTUuODU3MSAxNC4yMzc0IDE0LjEzMDIgMTUuOTY0MyAxMiAxNS45NjQzQzkuODY5NzYgMTUuOTY0MyA4LjE0Mjg2IDE0LjIzNzQgOC4xNDI4NiAxMi4xMDcxQzguMTQyODYgOS45NzY5IDkuODY5NzYgOC4yNSAxMiA4LjI1QzEyLjM0MDcgOC4yNSAxMi42NzEgOC4yOTQxNiAxMi45ODU2IDguMzc3MDdDMTIuMTYwOSA4LjY3NTI4IDExLjU3MTUgOS40NjUyMyAxMS41NzE1IDEwLjM5MjhDMTEuNTcxNSAxMS41NzYzIDEyLjUzMDkgMTIuNTM1NyAxMy43MTQzIDEyLjUzNTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center center;
  background-size: contain;
}
.theme__color-dark .ds-password-field__password-visibility--hide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wMzA0IDUuOTMwMzVMNS40ODAzNSAxNy40ODA0TDYuNTMwMzYgMTguNTMwNEw3Ljk1NjQ5IDE3LjEwNDNDOS4xMjg2NyAxNy42NDUxIDEwLjQ4NTEgMTggMTIgMThDMTcuNTcxNCAxOCAyMSAxMy4yIDIxIDEyQzIxIDExLjI2MTggMTkuNzAyNSA5LjE2MTI1IDE3LjQwNjkgNy42NTM4NkwxOC41MzA0IDYuNTMwMzlMMTcuNDY5NyA1LjQ2OTczTDE3LjAxOTcgNS45MTk3MUwxNy4wMzA0IDUuOTMwMzVaTTE1LjczMDEgMTEuMTIxN0MxNS40MzE5IDExLjk0NjQgMTQuNjQyIDEyLjUzNTcgMTMuNzE0NCAxMi41MzU3QzEzLjM2ODUgMTIuNTM1NyAxMy4wNDE4IDEyLjQ1MzggMTIuNzUyNSAxMi4zMDgyTDkuNzkxMTUgMTUuMjY5NkMxMC40MTY4IDE1LjcwNzQgMTEuMTc4NCAxNS45NjQzIDEyIDE1Ljk2NDNDMTQuMTMwMyAxNS45NjQzIDE1Ljg1NzIgMTQuMjM3NCAxNS44NTcyIDEyLjEwNzJDMTUuODU3MiAxMS43NjY2IDE1LjgxMyAxMS40MzYzIDE1LjczMDEgMTEuMTIxN1pNMTIgNkMxMi44OTE3IDYgMTMuNzI4NCA2LjEyMjk0IDE0LjUwNSA2LjMzNDRMMTIuNTUwNCA4LjI4ODk5QzEyLjM3MDcgOC4yNjMzMSAxMi4xODY5IDguMjUwMDIgMTIgOC4yNTAwMkM5Ljg2OTc5IDguMjUwMDIgOC4xNDI4OCA5Ljk3NjkyIDguMTQyODggMTIuMTA3MkM4LjE0Mjg4IDEyLjI5NCA4LjE1NjE3IDEyLjQ3NzggOC4xODE4NiAxMi42NTc2TDUuMzk5MzQgMTUuNDQwMUMzLjg1Mjk2IDE0LjA5MjcgMyAxMi41OTg1IDMgMTJDMyAxMC44IDYuNDI4NTcgNiAxMiA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.theme__color-dark .ds-password-field__capslock-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDZDNCA0Ljg5NTQzIDQuODk1NDMgNCA2IDRIMThDMTkuMTA0NiA0IDIwIDQuODk1NDMgMjAgNlYxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBINkM0Ljg5NTQzIDIwIDQgMTkuMTA0NiA0IDE4VjZaTTkuMDAwMDUgMTZIMTVWMTdIOS4wMDAwNVYxNlpNMTUgMTIuNDk0VjE1SDkuMDAwMDVWMTIuNDk0SDcuOTA2MDZDNy41MDE1OSAxMi40OTQgNy4xMzY5NiAxMi4yNTAzIDYuOTgyMTggMTEuODc2N0M2LjgyNzQgMTEuNTAzIDYuOTEyOTUgMTEuMDcyOSA3LjE5ODk1IDEwLjc4NjlMMTEuMjkyOSA2LjY5Mjk1QzExLjY4MzQgNi4zMDI0MiAxMi4zMTY2IDYuMzAyNDIgMTIuNzA3MSA2LjY5Mjk1TDE2LjgwMSAxMC43ODY5QzE3LjA4NyAxMS4wNzI5IDE3LjE3MjYgMTEuNTAzIDE3LjAxNzggMTEuODc2N0MxNi44NjMgMTIuMjUwMyAxNi40OTg0IDEyLjQ5NCAxNi4wOTM5IDEyLjQ5NEgxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: contain;
}
.theme__color-dark .ds-password-field__password-strength--tooweak {
  color: #d953e5;
}
.theme__color-dark .ds-password-field__password-strength--okay {
  color: #ffce5c;
}
.theme__color-dark .ds-password-field__password-strength--great {
  color: #4df4d3;
}

.SVGIcon {
  fill: inherit;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-toast p {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message,
.ds-toast p {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message,
  .ds-toast p {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message,
  .ds-toast p {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message,
  .ds-toast p {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
}
@media screen and (min-width: 960px) {
  .ds-toast {
    padding: 0.25rem 0.5rem;
    border-radius: 0.083333333333333rem;
  }
}
.ds-toast p {
  flex: 1;
  margin: 0 2rem;
}
@media screen and (min-width: 960px) {
  .ds-toast p {
    margin: 0 0.5rem;
  }
}
.ds-toast .ds-toast__icon {
  height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 960px) {
  .ds-toast .ds-toast__icon {
    height: 0.666666666666667rem;
    width: 0.666666666666667rem;
  }
}
.ds-toast:hover .ds-toast-dismiss,
.ds-toast-dismiss:focus {
  opacity: 1;
}
.ds-toast-dismiss {
  font-size: 0;
  display: flex;
  padding: 0;
  opacity: 0.4;
  background: none;
  border: none;
}
.ds-toast-dismiss__icon {
  height: 1.75rem;
  width: 1.75rem;
}
@media screen and (min-width: 960px) {
  .ds-toast-dismiss__icon {
    height: 0.3875rem;
    width: 0.3875rem;
  }
}
.theme__color-light .ds-toast--error {
  color: #522f5d;
  background-color: #eed6f5;
}
.theme__color-light .ds-toast--error .ds-toast-dismiss__icon,
.theme__color-light .ds-toast--error .ds-toast__icon {
  fill: #522f5d;
}
.theme__color-light .ds-toast--affirmative {
  color: #2f4c42;
  background-color: #d5e9e2;
}
.theme__color-light .ds-toast--affirmative .ds-toast-dismiss__icon,
.theme__color-light .ds-toast--affirmative .ds-toast__icon {
  fill: #2f4c42;
}
.theme__color-light .ds-toast--notice {
  color: #666;
  background-color: rgba(138,138,138,0.1);
}
.theme__color-light .ds-toast--notice .ds-toast-dismiss__icon,
.theme__color-light .ds-toast--notice .ds-toast__icon {
  fill: #666;
}
.theme__color-dark .ds-toast--error {
  color: #eed6f5;
  background-color: #522f5d;
}
.theme__color-dark .ds-toast--error .ds-toast-dismiss__icon,
.theme__color-dark .ds-toast--error .ds-toast__icon {
  fill: #eed6f5;
}
.theme__color-dark .ds-toast--affirmative {
  color: #d5e9e2;
  background-color: #2f4c42;
}
.theme__color-dark .ds-toast--affirmative .ds-toast-dismiss__icon,
.theme__color-dark .ds-toast--affirmative .ds-toast__icon {
  fill: #d5e9e2;
}
.theme__color-dark .ds-toast--notice {
  color: #b8b8b8;
  background-color: rgba(138,138,138,0.1);
}
.theme__color-dark .ds-toast--notice .ds-toast-dismiss__icon,
.theme__color-dark .ds-toast--notice .ds-toast__icon {
  fill: #b8b8b8;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.tooltip h1,
.tooltip p {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1,
.tooltip h1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1,
  .tooltip h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1,
  .tooltip h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1,
  .tooltip h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized,
.tooltip p {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .tooltip p {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .tooltip p {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .tooltip p {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.tooltip__wrapper {
  position: relative;
}
.tooltip {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  border-radius: 2px;
  box-shadow: 0px 0px 50px rgba(0,0,0,0.25), 0px 0px 20px rgba(0,0,0,0.1);
  background-color: #f9f9f9;
  max-width: 45rem;
  padding: 3rem;
}
@media screen and (min-width: 960px) {
  .tooltip {
    max-width: 15rem;
    padding: 1rem;
  }
}
.tooltip..tooltip--fixedWidth {
  min-width: 45rem;
}
.tooltip h1,
.tooltip p {
  margin: 0;
  padding: 0;
}
.tooltip h1 {
  color: #211e1f;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 960px) {
  .tooltip h1 {
    margin-bottom: 0.5rem;
  }
}
.tooltip p {
  color: #666;
}
.tooltip p:only-child {
  line-height: normal;
}
.tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1.5rem;
}
@media screen and (min-width: 960px) {
  .tooltip::after {
    border-width: 0.416rem;
  }
}
.tooltip--positioned-top::after,
.tooltip--positioned-top-right::after,
.tooltip--positioned-top-left::after {
  bottom: 0;
  border-top-color: #f9f9f9;
  transform: translateY(95%);
}
.tooltip--positioned-top::after {
  left: 50%;
  transform: translateX(-50%) translateY(95%);
}
.tooltip--positioned-top-right::after {
  right: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-top-right::after {
    right: 1.0875rem;
  }
}
.tooltip--positioned-top-left::after {
  left: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-top-left::after {
    left: 1.0875rem;
  }
}
.tooltip--positioned-right::after,
.tooltip--positioned-right-top::after,
.tooltip--positioned-right-bottom::after {
  left: 0;
  border-right-color: #f9f9f9;
  transform: translateX(-95%);
}
.tooltip--positioned-right::after {
  top: 50%;
  transform: translateX(-95%) translateY(-50%);
}
.tooltip--positioned-right-top::after {
  top: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-right-top::after {
    top: 1.0875rem;
  }
}
.tooltip--positioned-right-bottom::after {
  bottom: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-right-bottom::after {
    bottom: 1.0875rem;
  }
}
.tooltip--positioned-bottom::after,
.tooltip--positioned-bottom-right::after,
.tooltip--positioned-bottom-left::after {
  top: 0;
  border-bottom-color: #f9f9f9;
  transform: translateY(-95%);
}
.tooltip--positioned-bottom::after {
  left: 50%;
  transform: translateX(-50%) translateY(-95%);
}
.tooltip--positioned-bottom-right::after {
  right: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-bottom-right::after {
    right: 1.0875rem;
  }
}
.tooltip--positioned-bottom-left::after {
  left: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-bottom-left::after {
    left: 1.0875rem;
  }
}
.tooltip--positioned-left::after,
.tooltip--positioned-left-top::after,
.tooltip--positioned-left-bottom::after {
  right: 0;
  border-left-color: #f9f9f9;
  transform: translateX(95%);
}
.tooltip--positioned-left::after {
  top: 50%;
  transform: translateX(95%) translateY(-50%);
}
.tooltip--positioned-left-top::after {
  top: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-left-top::after {
    top: 1.0875rem;
  }
}
.tooltip--positioned-left-bottom::after {
  bottom: 3.2625rem;
}
@media screen and (min-width: 960px) {
  .tooltip--positioned-left-bottom::after {
    bottom: 1.0875rem;
  }
}
.tooltip--positioned-top {
  transform: translate(-50%, -100%);
  left: 50%;
}
.tooltip--positioned-top,
.tooltip--positioned-top-right,
.tooltip--positioned-top-left {
  top: -22px;
}
.tooltip--positioned-top-right {
  right: 0;
  transform: translate(0%, -100%);
}
.tooltip--positioned-top-left {
  left: 0;
  transform: translate(0%, -100%);
}
.tooltip--positioned-right {
  transform: translate(100%, -50%);
  top: 50%;
}
.tooltip--positioned-right,
.tooltip--positioned-right-top,
.tooltip--positioned-right-bottom {
  right: -22px;
}
.tooltip--positioned-right-bottom {
  bottom: 0;
  transform: translate(100%, 0%);
}
.tooltip--positioned-right-top {
  top: 0;
  transform: translate(100%, 0%);
}
.tooltip--positioned-bottom {
  transform: translate(-50%, 100%);
  left: 50%;
}
.tooltip--positioned-bottom,
.tooltip--positioned-bottom-right,
.tooltip--positioned-bottom-left {
  bottom: -22px;
}
.tooltip--positioned-bottom-right {
  right: 0;
  transform: translate(0%, 100%);
}
.tooltip--positioned-bottom-left {
  left: 0;
  transform: translate(0%, 100%);
}
.tooltip--positioned-left {
  transform: translate(-100%, -50%);
  top: 50%;
}
.tooltip--positioned-left,
.tooltip--positioned-left-top,
.tooltip--positioned-left-bottom {
  left: -22px;
}
.tooltip--positioned-left-top {
  top: 0;
  transform: translate(-100%, 0%);
}
.tooltip--positioned-left-bottom {
  bottom: 0;
  transform: translate(-100%, 0%);
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(assets/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(assets/MaterialIcons-Regular.woff2) format('woff2'), url(assets/MaterialIcons-Regular.woff) format('woff'), url(assets/MaterialIcons-Regular.ttf) format('truetype');
}
.ds-icon {
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  direction: ltr !important;
  height: size !important;
  width: size !important;
  text-align: center !important;
/* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
/* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
/* Support for IE. */
  font-feature-settings: 'liga';
}
.ds-icon::after {
  content: attr(data-icon);
}

.mobile-button {
  text-align: center;
  display: flex;
  align-items: center;
  outline: none;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mobile-button__secondary {
  background-color: rgba(126,126,126,0.1);
  color: #292929;
  padding: 1.15em 3em;
  border-radius: 0.748166990872363rem;
  justify-content: center;
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__secondary {
    font-size: 0.997555987829817rem;
  }
}
.mobile-button__secondary:hover {
  background-color: rgba(126,126,126,0.15);
}
.mobile-button__secondary:active {
  background-color: rgba(126,126,126,0.2);
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__secondary {
    border-radius: 0.249388996957454rem;
    padding: 0.5em 3em;
  }
}
.mobile-button__secondary + .mobile-button__secondary {
  margin-top: 1.870417477180907rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__secondary + .mobile-button__secondary {
    margin-top: 0.748166990872363rem;
  }
}
.mobile-button__primary,
.mobile-button__submit,
.mobile-button__accept {
  color: #f9f9f9;
}
.mobile-button__primary[disabled],
.mobile-button__submit[disabled],
.mobile-button__accept[disabled],
.mobile-button__secondary[disabled],
.mobile-button__primary__disabled,
.mobile-button__submit__disabled,
.mobile-button__accept__disabled,
.mobile-button__secondary__disabled {
  border: 2px solid #e8e8e8;
  background-color: transparent;
  color: #e8e8e8;
}
.mobile-button__primary,
.mobile-button__submit,
.mobile-button__accept {
  font-size: 3.366751458925633rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
  display: inline-block;
  height: 17.207840790064342rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__primary,
  .grid-page-web .mobile-button__submit,
  .grid-page-web .mobile-button__accept {
    font-size: 1.246944984787271rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__primary,
  .grid-page-web .mobile-button__submit,
  .grid-page-web .mobile-button__accept {
    height: 4.489001945234176rem;
  }
}
.mobile-button__primary {
  background-position: right 2.992667963489451rem center;
  padding: 0 8.22983689959599rem;
  border-radius: 1.122250486308544rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__primary {
    background-position: right 1.122250486308544rem center;
    padding: 0 2.992667963489451rem;
    border-radius: 0.374083495436181rem;
  }
}
.mobile-button__submit,
.mobile-button__accept {
  width: 17.207840790064342rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0;
  position: relative;
  display: block;
  border-radius: 27.173913043478258%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__submit,
  .grid-page-web .mobile-button__accept {
    width: 4.489001945234176rem;
    padding: 0 1.496333981744725rem;
    border-radius: 1.496333981744725rem;
  }
}
.mobile-button__submit {
  color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yNzI3IDEwTDAuNSAxMFY4TDE0LjI3MjUgOEw4LjUxMzQ1IDEuNzI0OTZMOS44NjU3OSAwLjI1MTQ2NUwxNy4yMTg5IDguMjYzMzNDMTcuNTkyMyA4LjY3MDIyIDE3LjU5MjMgOS4zMjk5MyAxNy4yMTg5IDkuNzM2ODJMOS44NjU3OSAxNy43NDg3TDguNTEzNDUgMTYuMjc1MkwxNC4yNzI3IDEwWiIgZmlsbD0iI0Y5RjlGOSIvPgo8L3N2Zz4K);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 960px) {
  .grid-page-web .mobile-button__submit {
    background-size: 1.571150680831962rem;
  }
}
.mobile-button__submit[disabled],
.mobile-button__submit__disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yNzI3IDEwTDAuNSAxMEwwLjUgOEwxNC4yNzI1IDhMOC41MTM0NSAxLjcyNDk2TDkuODY1NzkgMC4yNTE0NjVMMTcuMjE4OSA4LjI2MzMzQzE3LjU5MjMgOC42NzAyMiAxNy41OTIzIDkuMzI5OTMgMTcuMjE4OSA5LjczNjgyTDkuODY1NzkgMTcuNzQ4N0w4LjUxMzQ1IDE2LjI3NTJMMTQuMjcyNyAxMFoiIGZpbGw9IiNFOEU4RTgiLz4KPC9zdmc+Cg==);
}
.mobile-button__close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMDAwMTIgMTAuNDE0MkwxNS43OTMgMTcuMjA3MUwxNy4yMDcyIDE1Ljc5MjhMMTAuNDE0MyA5TDE3LjIwNzIgMi4yMDcxNEwxNS43OTMgMC43OTI5MjJMOS4wMDAxMiA3LjU4NTc4TDIuMjA3MTggMC43OTI4NDdMMC43OTI5NjkgMi4yMDcwNkw3LjU4NTkxIDlMMC43OTI5ODMgMTUuNzkyOUwyLjIwNzIgMTcuMjA3MUw5LjAwMDEyIDEwLjQxNDJaIiBmaWxsPSIjMjkyOTI5Ii8+Cjwvc3ZnPgoK);
  background-size: 41.666666666666664%;
  background-position: center;
}
.mobile-button__back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOS42NjQwNiAxLjU5OTYxTDIuMzI4MzggOC45MzUyOUw5LjY2NDA2IDE2LjI3MSIgc3Ryb2tlPSIjMjkyOTI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position: 57% center;
  background-size: 2.618584468053269rem;
}
.mobile-button__close,
.mobile-button__back {
  padding: 0;
  width: 7.855753404159809rem;
  height: 7.855753404159809rem;
  background-color: rgba(126,126,126,0.1);
  border-radius: 1.496333981744725rem;
  background-repeat: no-repeat;
}
.mobile-button__close:hover,
.mobile-button__back:hover {
  background-color: rgba(126,126,126,0.15);
}
.mobile-button__close:active,
.mobile-button__back:active {
  background-color: rgba(126,126,126,0.2);
}
.mobile-button__close[disabled],
.mobile-button__back[disabled],
.mobile-button__close__disabled,
.mobile-button__back__disabled {
  display: none;
}
.theme-lol .mobile-button__primary:not([disabled]),
.theme-lol .mobile-button__submit:not([disabled]),
.theme-lol .mobile-button__accept:not([disabled]) {
  background-color: #0bc4e2;
}
.theme-lol .mobile-button__primary:not([disabled]):hover,
.theme-lol .mobile-button__submit:not([disabled]):hover,
.theme-lol .mobile-button__accept:not([disabled]):hover {
  background-color: #00b2cd;
}
.theme-lol .mobile-button__primary:not([disabled]):active,
.theme-lol .mobile-button__submit:not([disabled]):active,
.theme-lol .mobile-button__accept:not([disabled]):active {
  background-color: #00a0b9;
}
.theme-lor .mobile-button__primary:not([disabled]),
.theme-lor .mobile-button__submit:not([disabled]),
.theme-lor .mobile-button__accept:not([disabled]) {
  background-color: #d5934a;
}
.theme-lor .mobile-button__primary:not([disabled]):hover,
.theme-lor .mobile-button__submit:not([disabled]):hover,
.theme-lor .mobile-button__accept:not([disabled]):hover {
  background-color: #c07e37;
}
.theme-lor .mobile-button__primary:not([disabled]):active,
.theme-lor .mobile-button__submit:not([disabled]):active,
.theme-lor .mobile-button__accept:not([disabled]):active {
  background-color: #ac6a23;
}
.theme-riot .mobile-button__primary:not([disabled]),
.theme-riot .mobile-button__submit:not([disabled]),
.theme-riot .mobile-button__accept:not([disabled]) {
  background-color: #d13639;
}
.theme-riot .mobile-button__primary:not([disabled]):hover,
.theme-riot .mobile-button__submit:not([disabled]):hover,
.theme-riot .mobile-button__accept:not([disabled]):hover {
  background-color: #bc252a;
}
.theme-riot .mobile-button__primary:not([disabled]):active,
.theme-riot .mobile-button__submit:not([disabled]):active,
.theme-riot .mobile-button__accept:not([disabled]):active {
  background-color: #a81318;
}
.theme-valorant .mobile-button__primary:not([disabled]),
.theme-valorant .mobile-button__submit:not([disabled]),
.theme-valorant .mobile-button__accept:not([disabled]) {
  background-color: #ff4655;
}
.theme-valorant .mobile-button__primary:not([disabled]):hover,
.theme-valorant .mobile-button__submit:not([disabled]):hover,
.theme-valorant .mobile-button__accept:not([disabled]):hover {
  background-color: #ea3241;
}
.theme-valorant .mobile-button__primary:not([disabled]):active,
.theme-valorant .mobile-button__submit:not([disabled]):active,
.theme-valorant .mobile-button__accept:not([disabled]):active {
  background-color: #d61c2c;
}
.theme-vng .mobile-button__primary:not([disabled]),
.theme-vng .mobile-button__submit:not([disabled]),
.theme-vng .mobile-button__accept:not([disabled]) {
  background-color: #f37021;
}
.theme-vng .mobile-button__primary:not([disabled]):hover,
.theme-vng .mobile-button__submit:not([disabled]):hover,
.theme-vng .mobile-button__accept:not([disabled]):hover {
  background-color: #de5c10;
}
.theme-vng .mobile-button__primary:not([disabled]):active,
.theme-vng .mobile-button__submit:not([disabled]):active,
.theme-vng .mobile-button__accept:not([disabled]):active {
  background-color: #ca4a00;
}
.theme-wildrift .mobile-button__primary:not([disabled]),
.theme-wildrift .mobile-button__submit:not([disabled]),
.theme-wildrift .mobile-button__accept:not([disabled]) {
  background-color: #0bc4e2;
}
.theme-wildrift .mobile-button__primary:not([disabled]):hover,
.theme-wildrift .mobile-button__submit:not([disabled]):hover,
.theme-wildrift .mobile-button__accept:not([disabled]):hover {
  background-color: #00b2cd;
}
.theme-wildrift .mobile-button__primary:not([disabled]):active,
.theme-wildrift .mobile-button__submit:not([disabled]):active,
.theme-wildrift .mobile-button__accept:not([disabled]):active {
  background-color: #00a0b9;
}
.theme-arcane .mobile-button__primary:not([disabled]),
.theme-arcane .mobile-button__submit:not([disabled]),
.theme-arcane .mobile-button__accept:not([disabled]) {
  background-color: #d13639;
}
.theme-arcane .mobile-button__primary:not([disabled]):hover,
.theme-arcane .mobile-button__submit:not([disabled]):hover,
.theme-arcane .mobile-button__accept:not([disabled]):hover {
  background-color: #bc252a;
}
.theme-arcane .mobile-button__primary:not([disabled]):active,
.theme-arcane .mobile-button__submit:not([disabled]):active,
.theme-arcane .mobile-button__accept:not([disabled]):active {
  background-color: #a81318;
}
.theme-arcane2 .mobile-button__primary:not([disabled]),
.theme-arcane2 .mobile-button__submit:not([disabled]),
.theme-arcane2 .mobile-button__accept:not([disabled]) {
  background-color: #2e3d67;
}
.theme-arcane2 .mobile-button__primary:not([disabled]):hover,
.theme-arcane2 .mobile-button__submit:not([disabled]):hover,
.theme-arcane2 .mobile-button__accept:not([disabled]):hover {
  background-color: #1f2d52;
}
.theme-arcane2 .mobile-button__primary:not([disabled]):active,
.theme-arcane2 .mobile-button__submit:not([disabled]):active,
.theme-arcane2 .mobile-button__accept:not([disabled]):active {
  background-color: #131e3e;
}
.theme-xbox .mobile-button__primary:not([disabled]),
.theme-xbox .mobile-button__submit:not([disabled]),
.theme-xbox .mobile-button__accept:not([disabled]) {
  background-color: #d13639;
}
.theme-xbox .mobile-button__primary:not([disabled]):hover,
.theme-xbox .mobile-button__submit:not([disabled]):hover,
.theme-xbox .mobile-button__accept:not([disabled]):hover {
  background-color: #bc252a;
}
.theme-xbox .mobile-button__primary:not([disabled]):active,
.theme-xbox .mobile-button__submit:not([disabled]):active,
.theme-xbox .mobile-button__accept:not([disabled]):active {
  background-color: #a81318;
}
.theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__primary {
  height: 9.726170881340716rem;
  padding: 0 5.237168936106539rem;
}
.theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__submit,
.theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__accept {
  width: 14.963339817447254rem;
  height: 14.963339817447254rem;
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__submit,
  .grid-page-web .theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__accept {
    font-size: 0.997555987829817rem;
  }
}
@media (min-aspect-ratio: 10/8) {
  .theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__submit,
  .theme__display-touch .mobile-button__mobile.theme__display-touch .mobile-button__accept {
    width: 13.467005835702528rem;
    height: 13.467005835702528rem;
  }
}
.theme-arcane2 .mobile-button {
  box-sizing: border-box;
}
.theme-arcane2 .mobile-button__primary:not([disabled]),
.theme-arcane2 .mobile-button__submit:not([disabled]),
.theme-arcane2 .mobile-button__accept:not([disabled]) {
  background-color: #2e3d67;
  border: 2px solid #4d65ac;
  color: #f5f5f5;
}
.theme-arcane2 .mobile-button__primary:not([disabled]):hover,
.theme-arcane2 .mobile-button__submit:not([disabled]):hover,
.theme-arcane2 .mobile-button__accept:not([disabled]):hover {
  background-color: #2e3d67;
  border: 2px solid transparent;
}
.theme-arcane2 .mobile-button__primary:not([disabled]):active,
.theme-arcane2 .mobile-button__submit:not([disabled]):active,
.theme-arcane2 .mobile-button__accept:not([disabled]):active {
  background-color: #3e518a;
  border: 2px solid transparent;
}
.theme-arcane2 .mobile-button__primary[disabled],
.theme-arcane2 .mobile-button__submit[disabled],
.theme-arcane2 .mobile-button__accept[disabled],
.theme-arcane2 .mobile-button__secondary[disabled],
.theme-arcane2 .mobile-button__primary__disabled,
.theme-arcane2 .mobile-button__submit__disabled,
.theme-arcane2 .mobile-button__accept__disabled,
.theme-arcane2 .mobile-button__secondary__disabled {
  border: 2px solid transparent;
  background-color: rgba(77,101,172,0.2);
  color: #7184bd;
  cursor: not-allowed;
}
.theme-arcane2 .mobile-button__secondary {
  background-color: transparent;
  color: #dbe0ee;
  border: 2px solid #3e518a;
}
.theme-arcane2 .mobile-button__secondary:not([disabled]):hover {
  background-color: rgba(46,61,103,0.3);
}
.theme-arcane2 .mobile-button__secondary:not([disabled]):active {
  background-color: #3e518a;
}
.theme-arcane2 .mobile-button__secondary[disabled],
.theme-arcane2 .mobile-button__secondary__disabled {
  background-color: transparent;
  color: #7184bd;
  border: 2px solid #3e518a;
}

.card {
  color: #999;
  text-align: center;
  cursor: pointer;
  flex-shrink: 1;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card {
    width: 16.45967379919198rem;
    transition: transform 0.2s;
  }
  .grid-page-web .card:hover {
    transform: translate(0, -0.748166990872363rem);
  }
}
.card__wrapper {
  margin-bottom: 2.992667963489451rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.card__wrapper:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__wrapper {
    margin-right: 1.496333981744725rem;
    margin-bottom: 0;
    min-height: 100%;
  }
  .grid-page-web .card__wrapper:last-of-type {
    margin-right: 0;
  }
}
.card__content {
  background: #fff;
  padding: 0 8.978003890468353rem 8.978003890468353rem;
  border-radius: 6px;
  position: relative;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__content {
    padding: 0 1.496333981744725rem 2.244500972617088rem;
  }
}
.card__title {
  color: #333;
  margin: 0 0 2.244500972617088rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__title {
    margin: 0 0 0.748166990872363rem;
  }
}
.card__notice {
  background-color: #d950e5;
  border-radius: 6px 6px 0 0;
  border-bottom: 6px solid #d950e5;
  margin-bottom: -6px;
  padding: 2.244500972617088rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__notice {
    margin-bottom: 0;
    margin-top: 6px;
    padding: 0.311736246196818rem 0;
    transform: translateY(-100%);
    position: absolute;
  }
}
.card__notice span {
  font-size: 2.65973365255125rem;
  color: #f9f9f9;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__notice span {
    font-size: 0.798044790263854rem;
  }
}
.card__notice span:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.748166990872363rem;
  margin-left: -1em;
  padding: 1px;
  content: ' ';
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iOCIgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iMTEuMzEzNyIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDggMCkiIGZpbGw9IiM5NDFCOUUiLz4KPHBhdGggZD0iTTcuMTMxMTcgNy40MTA0NlY0LjcxMzg3SDguODk2NDJWNy40MTA0Nkw4LjQ5NTIzIDkuNDU3ODdINy41MzIzNkw3LjEzMTE3IDcuNDEwNDZaTTguOTU2NiAxMC44NTYxQzguOTU2NiAxMS4zODU0IDguNTY1NDQgMTEuNzg0OSA4LjAxMzc5IDExLjc4NDlDNy40NjIxNSAxMS43ODQ5IDcuMDcwOTkgMTEuMzg1NCA3LjA3MDk5IDEwLjg1NjFDNy4wNzA5OSAxMC4zMjY4IDcuNDYyMTUgOS45MjcyOCA4LjAxMzc5IDkuOTI3MjhDOC41NjU0NCA5LjkyNzI4IDguOTU2NiAxMC4zMjY4IDguOTU2NiAxMC44NTYxWiIgZmlsbD0iI0Y5RjlGOSIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__notice span:before {
    margin-right: 0.249388996957454rem;
  }
}
.card__icon {
  width: 17.956007780936705rem;
  height: 17.956007780936705rem;
  background-position: center top;
  background-repeat: none;
  background-size: contain;
  margin: 5.985335926978902rem auto 4.489001945234176rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .card__icon {
    margin: 0.748166990872363rem auto;
    width: 7.481669908723627rem;
    height: 7.481669908723627rem;
  }
}
.card-icon-mobile {
  background-image: url(assets/support_mobile_ico.png);
}
.card-icon-password {
  background-image: url(assets/support_password_ico.png);
}
.card-icon-update {
  background-image: url(assets/support_update_ico.png);
}
.card-icon-username {
  background-image: url(assets/support_username_ico.png);
}

.dropdown {
  position: relative;
  display: flex;
  flex-shrink: 1;
  color: #7e7e7e;
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #e8e8e8;
}
.dropdown:hover {
  background-color: rgba(126,126,126,0.1);
  color: #333;
}
.dropdown:hover .dropdown__label:after {
  opacity: 1;
}
.dropdown__focus {
  background-color: rgba(126,126,126,0.15);
  color: #333;
}
.dropdown[disabled],
.dropdown__disabled,
.dropdown__disabled:hover {
  border: 2px solid #e8e8e8;
  background-color: #f9f9f9;
  color: #e8e8e8;
}
.dropdown[disabled] .dropdown__label:after,
.dropdown__disabled .dropdown__label:after,
.dropdown__disabled:hover .dropdown__label:after {
  opacity: 0.075;
}
.dropdown__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  opacity: 0;
  border: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.dropdown__select option {
  color: #333;
  font: inherit;
}
.dropdown__label {
  pointer-events: none;
  padding: 1.15em 2em 1.15em 0.75em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .dropdown__label {
    padding: 0.5em 2em 0.5em 0.75em;
  }
}
.dropdown__label:after {
  content: ' ';
  width: 1em;
  height: 1em;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjcwNzEwNSAxLjcwNzExTDUuMjkyODkgNi4yOTI4OUM1LjY4MzQyIDYuNjgzNDIgNi4zMTY1OCA2LjY4MzQyIDYuNzA3MTEgNi4yOTI4OUwxMS4yOTI5IDEuNzA3MTFDMTEuOTIyOSAxLjA3NzE0IDExLjQ3NjcgMCAxMC41ODU4IDBIMS40MTQyMUMwLjUyMzMwOSAwIDAuMDc3MTQwMiAxLjA3NzE0IDAuNzA3MTA1IDEuNzA3MTFaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0.5em;
  top: 50%;
  opacity: 0.6;
  pointer-events: none;
  transform: translateY(-50%);
}
.dropdown__mobile {
  border: none;
}
.dropdown__mobile .dropdown__label {
  padding: 1.496333981744725rem 6.733502917851264rem 1.496333981744725rem 2.244500972617088rem;
}
.dropdown__mobile .dropdown__label:after {
  right: 2.244500972617088rem;
}

.dropdown-field:after {
  content: ' ';
  width: 1em;
  height: 1em;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjcwNzEwNSAxLjcwNzExTDUuMjkyODkgNi4yOTI4OUM1LjY4MzQyIDYuNjgzNDIgNi4zMTY1OCA2LjY4MzQyIDYuNzA3MTEgNi4yOTI4OUwxMS4yOTI5IDEuNzA3MTFDMTEuOTIyOSAxLjA3NzE0IDExLjQ3NjcgMCAxMC41ODU4IDBIMS40MTQyMUMwLjUyMzMwOSAwIDAuMDc3MTQwMiAxLjA3NzE0IDAuNzA3MTA1IDEuNzA3MTFaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 1em;
  top: 50%;
  opacity: 0.6;
  pointer-events: none;
  transform: translateY(-50%);
}
.dropdown-field__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  opacity: 0;
  border: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.dropdown-field__select option {
  color: #333;
  font: inherit;
}
.dropdown-field__label {
  text-transform: none;
  margin-right: 1.5em;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
.footer-menu {
  text-align: center;
  font-size: 8px;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu {
    text-align: left;
    margin: 0;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-actions {
    margin-bottom: 0.374083495436181rem;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .footer-menu-actions {
    flex-direction: column-reverse;
  }
}
.footer-menu-content * {
  margin-top: 0.187041747718091rem;
}
.footer-menu-wrapper {
  margin-bottom: 0.374083495436181rem;
}
.footer-menu-links {
  height: -moz-max-content;
  height: max-content;
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-links {
    font-size: 10.24px;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .footer-menu-links {
    margin-top: 0.748166990872363rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-language {
    margin-left: 0.748166990872363rem;
  }
}
.footer-menu-copyright {
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 130%;
  color: rgba(249,249,249,0.6);
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-copyright {
    font-size: 0.510623971270388rem;
  }
}
.footer-menu-copyright:lang(th) {
  line-height: 150%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-copyright {
    font-size: 8.19px;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-copyright {
    max-width: 35.91201556187341rem;
  }
}
.footer-menu-extra {
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 130%;
  color: rgba(249,249,249,0.6);
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-extra {
    font-size: 0.510623971270388rem;
  }
}
.footer-menu-extra:lang(th) {
  line-height: 150%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu-extra {
    font-size: 8.19px;
  }
}
.footer-menu__link {
  font-size: 2.364207691156667rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
  color: #f0f0f0;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu__link {
    font-size: 0.638435832211083rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu__link {
    margin-right: 0.666666666666667rem;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .footer-menu__link {
    margin: 0.5rem 1rem;
  }
}
.footer-menu__link:last-of-type {
  margin-right: 0;
}
.footer-menu__link:link {
  text-decoration: none;
}
.footer-menu__link:hover {
  color: Dark-Text-Primary-Hover;
}
.footer-menu__link:active {
  color: #f9f9f9;
}
@media screen and (min-width: 960px) {
  .grid-page-web .footer-menu .text__web-link {
    font-size: 10.24px;
  }
}
.theme-arcane2 .footer-menu__link {
  font-weight: bold;
  color: #f5f5f5;
}

.heading--animate {
  animation: 0.25s header-animate-in cubic-bezier(0, 0, 0.58, 1);
}
@keyframes header-animate-in {
  0% {
    opacity: 0;
    transform: translate(0, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes stroke-animate-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0px);
  }
}
@keyframes header-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.theme-lol .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-lol .language-selector:hover {
  background-color: #0bc4e2;
}
.theme-lor .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-lor .language-selector:hover {
  background-color: #d5934a;
}
.theme-riot .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-riot .language-selector:hover {
  background-color: #d13639;
}
.theme-valorant .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-valorant .language-selector:hover {
  background-color: #ff4655;
}
.theme-vng .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-vng .language-selector:hover {
  background-color: #f37021;
}
.theme-wildrift .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-wildrift .language-selector:hover {
  background-color: #0bc4e2;
}
.theme-arcane .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-arcane .language-selector:hover {
  background-color: #d13639;
}
.theme-arcane2 .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-arcane2 .language-selector:hover {
  background-color: #2e3d67;
}
.theme-xbox .language-selector {
  background-color: rgba(229,229,229,0.2);
}
.theme-xbox .language-selector:hover {
  background-color: #d13639;
}
.language-selector {
  display: flex;
  border-radius: 4.7px;
  position: relative;
  color: #e8e8e8;
}
@media screen and (max-width: 959px) {
  .grid-page-web .language-selector {
    border-radius: 8px;
  }
}
.language-selector__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  opacity: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 8px;
}
.language-selector__select option {
  font-size: 13px;
}
.language-selector__select:focus + .language-selector__label {
  color: #fff;
}
.language-selector__select:focus + .language-selector__label:before {
  opacity: 1;
}
.language-selector__label {
  font-size: 2.364207691156667rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
  pointer-events: none;
  padding: 0.374083495436181rem 0.59853359269789rem;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (min-width: 960px) {
  .grid-page-web .language-selector__label {
    font-size: 0.638435832211083rem;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .language-selector__label {
    padding: 2.244500972617088rem 2.992667963489451rem;
  }
}
.language-selector__label:before,
.language-selector__label:after {
  content: ' ';
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTkyIDBDMy41NzYgMCAwIDMuNTg0IDAgOEMwIDEyLjQxNiAzLjU3NiAxNiA3Ljk5MiAxNkMxMi40MTYgMTYgMTYgMTIuNDE2IDE2IDhDMTYgMy41ODQgMTIuNDE2IDAgNy45OTIgMFpNMTMuNTM2IDQuOEgxMS4xNzZDMTAuOTIgMy44IDEwLjU1MiAyLjg0IDEwLjA3MiAxLjk1MkMxMS41NDQgMi40NTYgMTIuNzY4IDMuNDggMTMuNTM2IDQuOFpNOCAxLjYzMkM4LjY2NCAyLjU5MiA5LjE4NCAzLjY1NiA5LjUyOCA0LjhINi40NzJDNi44MTYgMy42NTYgNy4zMzYgMi41OTIgOCAxLjYzMlpNMS44MDggOS42QzEuNjggOS4wODggMS42IDguNTUyIDEuNiA4QzEuNiA3LjQ0OCAxLjY4IDYuOTEyIDEuODA4IDYuNEg0LjUxMkM0LjQ0OCA2LjkyOCA0LjQgNy40NTYgNC40IDhDNC40IDguNTQ0IDQuNDQ4IDkuMDcyIDQuNTEyIDkuNkgxLjgwOFpNMi40NjQgMTEuMkg0LjgyNEM1LjA4IDEyLjIgNS40NDggMTMuMTYgNS45MjggMTQuMDQ4QzQuNDU2IDEzLjU0NCAzLjIzMiAxMi41MjggMi40NjQgMTEuMlpNNC44MjQgNC44SDIuNDY0QzMuMjMyIDMuNDcyIDQuNDU2IDIuNDU2IDUuOTI4IDEuOTUyQzUuNDQ4IDIuODQgNS4wOCAzLjggNC44MjQgNC44Wk04IDE0LjM2OEM3LjMzNiAxMy40MDggNi44MTYgMTIuMzQ0IDYuNDcyIDExLjJIOS41MjhDOS4xODQgMTIuMzQ0IDguNjY0IDEzLjQwOCA4IDE0LjM2OFpNOS44NzIgOS42SDYuMTI4QzYuMDU2IDkuMDcyIDYgOC41NDQgNiA4QzYgNy40NTYgNi4wNTYgNi45MiA2LjEyOCA2LjRIOS44NzJDOS45NDQgNi45MiAxMCA3LjQ1NiAxMCA4QzEwIDguNTQ0IDkuOTQ0IDkuMDcyIDkuODcyIDkuNlpNMTAuMDcyIDE0LjA0OEMxMC41NTIgMTMuMTYgMTAuOTIgMTIuMiAxMS4xNzYgMTEuMkgxMy41MzZDMTIuNzY4IDEyLjUyIDExLjU0NCAxMy41NDQgMTAuMDcyIDE0LjA0OFpNMTEuNDg4IDkuNkMxMS41NTIgOS4wNzIgMTEuNiA4LjU0NCAxMS42IDhDMTEuNiA3LjQ1NiAxMS41NTIgNi45MjggMTEuNDg4IDYuNEgxNC4xOTJDMTQuMzIgNi45MTIgMTQuNCA3LjQ0OCAxNC40IDhDMTQuNCA4LjU1MiAxNC4zMiA5LjA4OCAxNC4xOTIgOS42SDExLjQ4OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.language-selector__label:before {
  display: none;
  background-position: center left;
  padding-right: 0.625em;
}
.language-selector__label:after {
  display: block;
  background-position: center right;
  padding-left: 0.325em;
}
.language-selector[disabled],
.language-selector__disabled,
.language-selector__disabled:hover {
  border-color: #515151;
  color: #6e6e6e;
}
.language-selector[disabled] .language-selector__label:before,
.language-selector__disabled .language-selector__label:before,
.language-selector__disabled:hover .language-selector__label:before {
  opacity: 0.35;
}

.login-button {
  height: 11.970671853957803rem;
  max-width: 38.1565165344905rem;
  width: 100%;
  display: flex;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  border: 2px solid rgba(0,0,0,0.05);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.985335926978902rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .login-button {
    height: 2.843034565314978rem;
    max-width: 11.970671853957803rem;
    background-size: 1.421517282657489rem;
  }
}
.login-button__riot_identity {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI4OTMgMEwwIDYuMTU0MjRMMy4zMTEyMyAxOC43NTZMNS44MzEzMyAxOC40NDY2TDUuMTM4NCAxMC41MjNMNS45NjU4NyAxMC4xNTQ0TDcuMzk0NzggMTguMjU0MkwxMS43MDE3IDE3LjcyNTRMMTAuOTM2MSA4Ljk3OTc2TDExLjc1NTUgOC42MTUxM0wxMy4zMjcgMTcuNTI2M0wxNy42ODM3IDE2Ljk5MDhMMTYuODQ1NSA3LjQwNDE5TDE3LjY3NDMgNy4wMzU1M0wxOS4zOTI1IDE2Ljc4MDlMMjMuNjk5MyAxNi4yNTIxVjIuNjA3NTVMMTMuMjg5MyAwWiIgZmlsbD0iI0ZDRkNGQyIvPgo8cGF0aCBkPSJNMTMuNjAxNSAxOS4xMTI2TDEzLjgyMDggMjAuMzUzMUwyMy42OTkzIDIyVjE3Ljg3MjFMMTMuNjA2OSAxOS4xMTEyTDEzLjYwMTUgMTkuMTEyNloiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9zdmc+Cg==);
  background-color: #d53235;
  background-size: 6.359419422415083rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .login-button__riot_identity {
    background-size: 1.496333981744725rem;
  }
}
.login-button__riot_identity:hover {
  background-color: #bf2224;
}
.login-button__riot_identity:active {
  background-color: #d02528;
}
.login-button__facebook {
  background-color: #1877f2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDEyQzI0IDUuMzcyNTggMTguNjI3NCAwIDEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTcuOTg5NSA0LjM4ODIgMjIuOTU0IDEwLjEyNSAyMy44NTQyVjE1LjQ2ODdINy4wNzgxMlYxMkgxMC4xMjVWOS4zNTYyNUMxMC4xMjUgNi4zNDg3NSAxMS45MTY2IDQuNjg3NSAxNC42NTc2IDQuNjg3NUMxNS45NzA1IDQuNjg3NSAxNy4zNDM4IDQuOTIxODcgMTcuMzQzOCA0LjkyMTg3VjcuODc1SDE1LjgzMDZDMTQuMzQgNy44NzUgMTMuODc1IDguODAwMDggMTMuODc1IDkuNzQ5MDZWMTJIMTcuMjAzMUwxNi42NzExIDE1LjQ2ODdIMTMuODc1VjIzLjg1NDJDMTkuNjExOCAyMi45NTQgMjQgMTcuOTg5NSAyNCAxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.login-button__facebook:hover {
  background-color: #0966de;
}
.login-button__facebook:active {
  background-color: #0058c9;
}
.login-button__google {
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjEwIDEwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzUuOTk5OSAyNC4yNzQxQzM1Ljk5OTkgMjMuNDU4NCAzNS45MzI0IDIyLjYzODQgMzUuNzg4NCAyMS44MzU5SDI0LjI0MTdWMjYuNDU2NUgzMC44NTRDMzAuNTc5NiAyNy45NDY3IDI5LjY5NzkgMjkuMjY0OSAyOC40MDcgMzAuMTAyNlYzMy4xMDA3SDMyLjM1MTlDMzQuNjY4NCAzMS4wMTA4IDM1Ljk5OTkgMjcuOTI0NiAzNS45OTk5IDI0LjI3NDFaIiBmaWxsPSIjNDI4NUY0Ii8+CjxwYXRoIGQ9Ik0yNC4yNDE3IDM1Ljk5ODRDMjcuNTQzNCAzNS45OTg0IDMwLjMyNzcgMzQuOTM1OSAzMi4zNTY0IDMzLjEwMThMMjguNDExNSAzMC4xMDM3QzI3LjMxNCAzMC44MzU2IDI1Ljg5NzEgMzEuMjUgMjQuMjQ2MiAzMS4yNUMyMS4wNTI2IDMxLjI1IDE4LjM0NDcgMjkuMTM4MiAxNy4zNzMxIDI2LjI5ODhIMTMuMzAyMlYyOS4zODk1QzE1LjM4MDQgMzMuNDQxMiAxOS42MTMxIDM1Ljk5ODQgMjQuMjQxNyAzNS45OTg0WiIgZmlsbD0iIzM0QTg1MyIvPgo8cGF0aCBkPSJNMTcuMzY4NSAyNi4yOThDMTYuODU1NyAyNC44MDc4IDE2Ljg1NTcgMjMuMTk0MSAxNy4zNjg1IDIxLjcwMzlWMTguNjEzM0gxMy4zMDIyQzExLjU2NTkgMjIuMDAzNyAxMS41NjU5IDI1Ljk5ODIgMTMuMzAyMiAyOS4zODg2TDE3LjM2ODUgMjYuMjk4WiIgZmlsbD0iI0ZCQkMwNCIvPgo8cGF0aCBkPSJNMjQuMjQxNyAxNi43NDkyQzI1Ljk4NyAxNi43MjI3IDI3LjY3MzggMTcuMzY2NCAyOC45Mzc4IDE4LjU0OEwzMi40MzI5IDE1LjEyMjNDMzAuMjE5OCAxMy4wODU0IDI3LjI4MjUgMTEuOTY1NSAyNC4yNDE3IDEyLjAwMDhDMTkuNjEzMSAxMi4wMDA4IDE1LjM4MDQgMTQuNTU4IDEzLjMwMjIgMTguNjE0MkwxNy4zNjg2IDIxLjcwNDhDMTguMzM1NyAxOC44NjExIDIxLjA0ODEgMTYuNzQ5MiAyNC4yNDE3IDE2Ljc0OTJaIiBmaWxsPSIjRUE0MzM1Ii8+Cjwvc3ZnPgo=);
}
.login-button__google:hover {
  background-color: #f7f7f7;
}
.login-button__google:active {
  background-color: #f0f0f0;
}
.login-button__apple {
  background-color: #000;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjI1IDIwLjc2NUMyMy4yNSAyMC44NTUxIDIyLjcwOTYgMjIuNzQ2NSAyMS4zNTg2IDI0LjcyNzlDMjAuMTg3NyAyNi40MzkyIDE5LjAxNjkgMjguMDYwNCAxNy4xMjU1IDI4LjE1MDVDMTUuMjM0MSAyOC4xNTA1IDE0LjY5MzcgMjcuMDY5NyAxMi41MzIxIDI3LjA2OTdDMTAuMzcwNSAyNy4wNjk3IDkuNzQwMDEgMjguMTUwNSA4LjAyODc0IDI4LjI0MDVDNi4yMjc0MSAyOC4zMzA2IDQuNzg2MzQgMjYuNDM5MiAzLjcwNTU0IDI0LjcyNzlDMS4yNzM3NSAyMS4yMTUzIC0wLjUyNzU4NyAxNC45MTA3IDEuOTA0MjEgMTAuNjc3NUMzLjA3NTA4IDguNjA2IDUuMjM2NjggNy4yNTUgNy41Nzg0MSA3LjI1NUM5LjM3OTc0IDcuMjU1IDExLjA5MSA4LjQyNTg2IDEyLjE3MTggOC40MjU4NkMxMy4yNTI2IDguNDI1ODYgMTUuMzI0MSA2Ljk4NDggMTcuNDg1NyA3LjE2NDkzQzE4LjM4NjQgNy4xNjQ5MyAyMC45MDgzIDcuNTI1MiAyMi41Mjk1IDkuODY2OTNDMjIuNDM5NCA5Ljk1NyAxOS40NjcyIDExLjY2ODMgMTkuNTU3MyAxNS4wOTA4QzE5LjU1NzMgMTkuMzIzOSAyMy4xNTk5IDIwLjc2NSAyMy4yNSAyMC43NjVaTTE2LjA0NDcgNC45MTMyNkMxNy4wMzU0IDMuNzQyNCAxNy42NjU5IDIuMTIxMiAxNy40ODU3IDAuNUMxNi4xMzQ3IDAuNTkwMDY3IDE0LjQyMzUgMS40MDA2NyAxMy40MzI3IDIuNTcxNTNDMTIuNTMyMSAzLjU2MjI3IDExLjcyMTUgNS4yNzM1MyAxMS45OTE3IDYuODA0NjZDMTMuNTIyOCA2Ljk4NDggMTUuMDUzOSA2LjA4NDEzIDE2LjA0NDcgNC45MTMyNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  border: 2px solid rgba(255,255,255,0.05);
}
.login-button__apple:hover {
  background-color: #141414;
}
.login-button__apple:active {
  background-color: #292929;
}
.login-button__xbox {
  background-color: #107c10;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjAyMjIgMTUuOTY3MUM1Ljk2OTc2IDE1Ljg0OTEgNC43MjE5NyAxNS40MDY4IDMuNjUwMDcgMTQuNzA3OEMyLjc1MTg0IDE0LjEyMjEgMi41NDkwMSAxMy44ODEzIDIuNTQ5MDEgMTMuNDAwOEMyLjU0OTAxIDEyLjQzNTYgMy42MTA4MyAxMC43NDUxIDUuNDI3NTUgOC44MTc5MkM2LjQ1OTMzIDcuNzIzNDIgNy44OTY1MiA2LjQ0MDUgOC4wNTE5NCA2LjQ3NTI0QzguMzU0MDUgNi41NDI3NyAxMC43Njk3IDguODk3NzcgMTEuNjc0IDEwLjAwNjRDMTMuMTA0IDExLjc1OTQgMTMuNzYxNSAxMy4xOTQ4IDEzLjQyNzUgMTMuODM0N0MxMy4xNzM2IDE0LjMyMTIgMTEuNTk4MiAxNS4yNzIgMTAuNDQwOCAxNS42MzcyQzkuNDg2OTUgMTUuOTM4MyA4LjIzNDE5IDE2LjA2NTkgNy4yMDIyMiAxNS45NjcxWk0xLjMzNTg1IDEyLjM5NzNDMC41ODk0NTEgMTEuMjUyOCAwLjIxMjM0NCAxMC4xMjYxIDAuMDMwMjc0MiA4LjQ5NjUyQy0wLjAyOTg0NTYgNy45NTg0MyAtMC4wMDgzMDE4MSA3LjY1MDY0IDAuMTY2NzkxIDYuNTQ2MTlDMC4zODUwMTggNS4xNjk2NCAxLjE2OTM3IDMuNTc3MTUgMi4xMTE4NCAyLjU5NzFDMi41MTMyNCAyLjE3OTY5IDIuNTQ5MDkgMi4xNjk1MiAzLjAzODM4IDIuMzM0MjZDMy42MzI1NiAyLjUzNDMxIDQuMjY3MSAyLjk3MjMxIDUuMjUxMTcgMy44NjE2NUw1LjgyNTM0IDQuMzgwNTVMNS41MTE4IDQuNzY1NTJDNC4wNTYzNiA2LjU1MjU2IDIuNTE5OTQgOS4wODU2MiAxLjk0MDkxIDEwLjY1MjhDMS42MjYxMiAxMS41MDQ3IDEuNDk5MTYgMTIuMzU5OSAxLjYzNDYgMTIuNzE2QzEuNzI2MDUgMTIuOTU2NCAxLjY0MjA1IDEyLjg2NjggMS4zMzU4NSAxMi4zOTczWk0xNC40Mzc1IDEyLjU5MTlDMTQuNTExMyAxMi4yMzIyIDE0LjQxOCAxMS41NzE0IDE0LjE5OTQgMTAuOTA1QzEzLjcyNjEgOS40NjE4NSAxMi4xNDM4IDYuNzc3MDMgMTAuNjkxIDQuOTUxNjFMMTAuMjMzNiA0LjM3Njk3TDEwLjcyODQgMy45MjI4N0MxMS4zNzQ1IDMuMzI5OTUgMTEuODIzMSAyLjk3NDkyIDEyLjMwNzEgMi42NzM0MkMxMi42ODkgMi40MzU1IDEzLjIzNDggMi4yMjQ4OCAxMy40Njk0IDIuMjI0ODhDMTMuNjE0IDIuMjI0ODggMTQuMTIzMyAyLjc1MzA1IDE0LjUzNDMgMy4zMjk0NEMxNS4xNzEgNC4yMjIxNyAxNS42Mzk0IDUuMzA0MzQgMTUuODc2NyA2LjQzMDg5QzE2LjAzIDcuMTU4OCAxNi4wNDI4IDguNzE2ODkgMTUuOTAxNCA5LjQ0M0MxNS43ODUzIDEwLjAzODkgMTUuNTQwMyAxMC44MTE5IDE1LjMwMTMgMTEuMzM2MUMxNS4xMjIyIDExLjcyODkgMTQuNjc2NyAxMi40OTE3IDE0LjQ4MTUgMTIuNzRDMTQuMzgxMiAxMi44Njc2IDE0LjM4MTEgMTIuODY3MyAxNC40Mzc1IDEyLjU5MTlaTTcuMzM0MTggMS45NTIzNkM2LjY2MzgxIDEuNjEyMTIgNS42Mjk2NSAxLjI0NjkgNS4wNTgzNyAxLjE0ODY0QzQuODU4MSAxLjExNDIgNC41MTY0NiAxLjA5NDk4IDQuMjk5MTggMS4xMDU5NUMzLjgyNzgzIDEuMTI5NzQgMy44NDg4OCAxLjEwNTExIDQuNjA1MDIgMC43NDgwNjVDNS4yMzM2NSAwLjQ1MTIyOCA1Ljc1ODAyIDAuMjc2Njc1IDYuNDY5ODYgMC4xMjcyOTFDNy4yNzA2MiAtMC4wNDA3NTUgOC43NzU3NyAtMC4wNDI3MjcxIDkuNTYzNzggMC4xMjMyMzdDMTAuNDE0OSAwLjMwMjQ5MiAxMS40MTcxIDAuNjc1MjUxIDExLjk4MTkgMS4wMjI2TDEyLjE0OTcgMS4xMjU4NEwxMS43NjQ2IDEuMTA2NEMxMC45OTk0IDEuMDY3NzggOS44ODQwOCAxLjM3Njc3IDguNjg2NjkgMS45NTkxN0M4LjMyNTUzIDIuMTM0ODQgOC4wMTEzMiAyLjI3NTE0IDcuOTg4NDYgMi4yNzA5NUM3Ljk2NTU5IDIuMjY2NzYgNy42NzExNyAyLjEyMzM5IDcuMzM0MTggMS45NTIzNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.login-button__xbox:hover {
  background-color: #076907;
}
.login-button__xbox:active {
  background-color: #005400;
}
.login-button__playstation {
  background-color: #003791;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEuNjY2NyAxMC45OTk5QzIxLjY2NjcgMTYuODkgMTYuODkwMSAyMS42NjY2IDExIDIxLjY2NjZDNS4xMDk4OCAyMS42NzA3IDAuMzMzMzMyIDE2Ljg5NDEgMC4zMzMzMzIgMTAuOTk5OUMwLjMzMzMzMiA1LjEwOTggNS4xMDk4OCAwLjMzMzI1MiAxMSAwLjMzMzI1MkMxNi44OTAxIDAuMzMzMjUyIDIxLjY2NjcgNS4xMDk4IDIxLjY2NjcgMTAuOTk5OVpNOS4zNjAyMyA1LjY5MzFWMTUuMTA3NUwxMS40NzcyIDE1Ljc4NDZWNy44ODM1NEMxMS40NzcyIDcuNTEyMzUgMTEuNjQwNCA3LjI2NzYgMTEuOTA1NSA3LjM0OTE5QzEyLjI1MjMgNy40NDcwOCAxMi4zMTc1IDcuNzg5NzIgMTIuMzE3NSA4LjE1NjgzVjExLjMwOTlDMTMuNjM5MSAxMS45NTAzIDE0LjY3NTIgMTEuMzA5OSAxNC42NzUyIDkuNjE3MTNDMTQuNjc1MiA3Ljg3OTQ2IDE0LjA2NzQgNy4xMDg1MiAxMi4yNzI3IDYuNDg4NTFDMTEuNTc1MSA2LjI1NjAxIDEwLjI2MTcgNS44NTYyNiA5LjM2MDIzIDUuNjkzMVpNMTEuODgxMSAxNC40MDE4VjE1LjYzNzhMMTYuNTA2NyAxMy45NjU0QzE2LjUwNjcgMTMuOTY1NCAxNy4xMzA4IDEzLjczMjkgMTcuMzgzNyAxMy40MTQ3QzE3LjY0MDcgMTMuMDkyNSAxNy41MjY0IDEyLjYyMzQgMTYuNTI3MSAxMi4zMDUyQzE1LjY0MTkgMTEuOTY2NiAxNC41MTIgMTEuODUyNCAxMy41OTAyIDExLjk1NDRDMTIuNjY4MyAxMi4wNTY0IDEyLjAxMTYgMTIuMjkzIDEyLjAxMTYgMTIuMjkzTDExLjg4MTEgMTIuMzM3OFYxMy42MTg3TDE0LjE0OSAxMi44MTUxQzE0LjUzNjUgMTIuNjc2NCAxNS4xMDM1IDEyLjY0NzggMTUuNDE3NiAxMi43NDk4QzE1LjczMTcgMTIuODUxOCAxNS42NzA1IDEzLjA0NzYgMTUuMjg3MSAxMy4xODYzTDExLjg4MTEgMTQuNDAxOFpNNS40NzY5OSAxNC4yNzU0QzYuNTc4MzMgMTQuNjM4NCA3LjY5MTkgMTQuNzExOCA4Ljc0MDIyIDE0LjU0MDVDOC44MDk1NiAxNC41MjgzIDguODgyOTggMTQuNTIwMSA4Ljk0ODI1IDE0LjUwMzhWMTMuMzk4NEw3Ljg5OTkzIDEzLjc4MThDNy41MTI0MyAxMy45MjA1IDYuOTQ1NDQgMTMuOTQ5MSA2LjYzMTM2IDEzLjg0NzFDNi4zMTcyNyAxMy43NDUxIDYuMzc0MzggMTMuNTQ1MiA2Ljc2MTg5IDEzLjQwNjVMOC45NDgyNSAxMi42MTkzVjExLjM4MzNMNS45MTM0NSAxMi40Njg0QzUuOTEzNDUgMTIuNDY4NCA1LjE3OTIyIDEyLjcwOSA0Ljc0Njg0IDEzLjAzNTRDNC4yNzc3NiAxMy4zNzggNC40NDkwNyAxMy45ODU4IDUuNDc2OTkgMTQuMjc1NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.login-button__playstation:hover {
  background-color: #002e7a;
}
.login-button__playstation:active {
  background-color: #002766;
}
.login-button__okta {
  background-color: #00297a;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDc4LjMgNDE5LjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CnN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNzguMyA0MTkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNFMURGREY7fQoJLnN0MntmaWxsOiMzODM2MzY7fQoJLnN0M3tmaWxsOiMyQjJBMjk7fQoJLnN0NHtmaWxsOiMzNzM1MzU7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMS0yIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NzUuOCwxNjljMC0xMS42LDAuMS0yMy4yLDAuMS0zNC44YzAtMS4yLDAtMi40LDAtMy44YzAuOS0wLjEsMS41LTAuMSwyLjEtMC4xYzE2LjgsMCwzMy41LDAsNTAuMywwCgkJYzAuNiwwLDEuMywwLjEsMiwwLjJjMC4yLDAuMiwwLjQsMC40LDAuNiwwLjdjMCwxLjMsMC4xLDIuNiwwLjEsNGMwLDY2LjksMCwxMzMuOCwwLDIwMC43YzAsNC40LDAuMSw4LjcsMS4zLDEzCgkJYzIuMSw3LjcsNi43LDExLjksMTQuNywxMi42YzMuOCwwLjMsNy43LDAuMywxMS42LDAuNGMxLjIsMCwyLjQsMCwzLjgsMHY1MS45aC0zYy03LjcsMC0xNS41LDAuMS0yMy4yLDAKCQljLTguMy0wLjEtMTYuNS0xLjItMjQuMy0zLjljLTExLjgtNC4yLTIwLjktMTEuNi0yNi40LTIzYy0yLjUtNS4yLTMuNy0xMC44LTUuMS0xNi42Yy0wLjcsMC45LTEuMiwxLjYtMS43LDIuMwoJCWMtMTQuOSwyMC44LTM0LjUsMzQuNy01OS4yLDQxLjVjLTYuNCwxLjgtMTIuOCwzLjEtMTkuMywzLjljLTkuMSwxLjItMTguMiwxLjUtMjcuNCwwLjhjLTUuMS0wLjQtMTAuMS0xLjItMTUuMi0xLjkKCQljLTcuNC0xLTE0LjUtMy4xLTIxLjItNS44Yy0zOS41LTE1LjgtNjcuMi00My41LTgyLjctODMuMmMtMy03LjgtNS4yLTE1LjktNi44LTI0LjFjLTIuNy0xMy45LTMuNy0yNy45LTIuNy00Mi4xCgkJYzAuMy00LjEsMC41LTguMywwLjktMTIuNGMwLjItMiwxLTQsMS4yLTZjMC42LTUuMiwyLjEtMTAuMywzLjUtMTUuM2MxLjYtNS42LDMuNi0xMS4xLDUuOS0xNi40YzE3LjgtNDAuNiw0Ny40LTY4LDg5LjktODEuMQoJCWM2LjEtMS45LDEyLjQtMi45LDE4LjctMy44YzEwLjktMS43LDIxLjgtMS43LDMyLjctMC41YzkuNSwxLjEsMTguOCwzLDI3LjksNi4zYzIwLjUsNy41LDM3LjQsMTkuNiw0OS45LDM3LjYKCQljMC4yLDAuNCwwLjUsMC43LDAuNywxLjFjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjJDOTc1LjksMTcwLjIsOTc1LjgsMTY5LjYsOTc1LjgsMTY5TDk3NS44LDE2OXogTTgwMi45LDI3NC44CgkJYzAuMiwzLjMsMC4yLDkuMiwxLjMsMTQuOWMxLjUsNy44LDMuNiwxNS41LDYuOSwyMi45YzQuOCwxMC43LDExLjMsMjAuMiwxOS43LDI4LjRjOS43LDkuNCwyMS4zLDE1LjgsMzQuMSwxOS42CgkJYzUuOCwxLjgsMTEuOSwyLjgsMTguMSwzLjFjNywwLjQsMTMuOSwwLjIsMjAuOC0wLjhjOS4zLTEuMywxOC4xLTQuMSwyNi4zLTguNWMyMy0xMi4zLDM2LjYtMzEuNyw0My4xLTU2LjYKCQljMS4xLTQuNCwxLjYtOC45LDIuMi0xMy40YzAuNy01LjYsMS4yLTExLjIsMC45LTE2LjhjLTAuMS0yLjgtMC43LTUuNi0xLjEtOC41Yy0wLjQtMy0wLjUtNi4xLTEuMS05LjFjLTEuMy02LjgtMy40LTEzLjUtNi4yLTE5LjgKCQljLTEwLjItMjIuNy0yNi45LTM4LjUtNTAuOC00Ni4xYy01LjMtMS43LTEwLjgtMi43LTE2LjQtMy40Yy0xNC42LTEuOS0yOC45LTAuNC00Mi42LDUuMUM4MzEuNywxOTYuNCw4MTUuMSwyMTYsODA3LDI0MwoJCUM4MDQuMSwyNTIuNSw4MDIuOSwyNjIuMyw4MDIuOSwyNzQuOEw4MDIuOSwyNzQuOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LDI3My40YzAuMi02LjgtMC4xLTEyLjMsMC42LTE3LjhjMS40LTExLjQsMy42LTIyLjcsNy41LTMzLjZjMTQuNC00MSw0MS44LTY5LjcsODEuOS04Ni4zCgkJYzkuOC00LDE5LjktNi43LDMwLjItOC41YzEzLjItMi4zLDI2LjUtMi45LDM5LjgtMS41YzcsMC43LDE0LDEuNiwyMC44LDMuMmM3LjksMS45LDE1LjcsNC4yLDIzLjMsNy4zYzEwLjksNC40LDIxLjEsMTAsMzAuNiwxNi45CgkJYzIyLjksMTYuOCwzOS4zLDM4LjYsNDkuMSw2NS4yYzMuOSwxMC41LDYuNywyMS4zLDcuOSwzMi40YzEuMywxMS42LDIuMiwyMy4zLDAuNywzNC45Yy0wLjgsNi43LTEuNiwxMy40LTMsMjAKCQljLTEuMyw1LjktMi43LDExLjgtNC44LDE3LjRjLTE1LjUsNDMuMi00NS4yLDcyLjMtODguNCw4Ny43Yy02LjcsMi40LTEzLjgsNC4xLTIwLjgsNS41Yy0xMi43LDIuNS0yNS41LDMuNC0zOC40LDIuNAoJCWMtNS42LTAuNS0xMS40LTAuNS0xNi45LTEuNmMtOC40LTEuOC0xNi45LTMuOC0yNS02LjhjLTQxLjQtMTUuNC03MC4yLTQzLjYtODUuOC04NC45Yy0yLjQtNi40LTQuMy0xMi45LTYtMTkuNQoJCWMtMS4xLTQuNC0xLjMtOS4xLTItMTMuNkM2LjEsMjg1LjUsNi42LDI3OC44LDYsMjczLjRMNiwyNzMuNHogTTY1LjYsMjcwLjZjLTAuMiw4LjksMC40LDE3LjcsMi42LDI2LjQKCQljMi42LDEwLjEsNi41LDE5LjcsMTIuMiwyOC41YzEwLjgsMTYuNywyNS44LDI4LjEsNDQuNSwzNC40YzYsMiwxMi40LDMuNCwxOC45LDMuN2M3LjYsMC40LDE1LjIsMC40LDIyLjctMC43CgkJYzcuNy0xLjIsMTUuMS0zLjIsMjIuMi02LjVjMjUuNy0xMS45LDQxLTMyLjIsNDgtNTkuM2MxLjItNC42LDEuOC05LjIsMi0xMy45YzAuMi00LjUsMC45LTksMC44LTEzLjRjLTAuMS00LjgtMS4yLTkuNS0xLjUtMTQuMwoJCWMtMC40LTUuNC0xLjctMTAuNi0zLjQtMTUuNmMtOS4xLTI2LjktMjYuNy00NS43LTUzLjgtNTUuMmMtNS42LTItMTEuNC0zLTE3LjMtMy43Yy03LjQtMC45LTE0LjktMC45LTIyLjQsMAoJCWMtNi4yLDAuOC0xMi4zLDItMTguMiw0LjFjLTI1LjcsOS4zLTQyLjgsMjcuMi01Miw1Mi44Yy0yLjUsNy00LDE0LjMtNS40LDIxLjZDNjUsMjYzLDY1LjYsMjY2LjgsNjUuNiwyNzAuNkw2NS42LDI3MC42eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5NS4zLDQxMy43Yy0xMS44LDAtMjMuNywwLjEtMzUuNSwwLjFjLTcsMC0xMy45LDAtMjAuOSwwYy0wLjctMi41LTAuOC0zNzUtMC4xLTM3OC42SDM5NnYyMDMuOWgxNy42CgkJYzMuOS01LjQsOC0xMS4xLDEyLTE2LjdjMjEuMi0yOS43LDQyLjUtNTkuMyw2My42LTg5YzEuNi0yLjIsMy4xLTMuMSw1LjktMy4xYzE5LjEsMC4xLDM4LjMsMC4xLDU3LjQsMC4xaDQKCQljLTMyLjEsNDMuNC02My44LDg2LjMtOTUuNiwxMjkuM2MzLjQsNC4yLDYuNyw4LjMsMTAsMTIuNGMzNy42LDQ2LjUsNzUuMiw5MywxMTIuOCwxMzkuNWMwLjMsMC4zLDAuNSwwLjcsMC43LDEuMXYxLjEKCQljLTEsMC0yLDAuMS0zLDAuMWMtMjEuOSwwLTQzLjgsMC02NS43LDAuMWMtMi4yLDAtMy42LTAuNy01LTIuNGMtMzEuMi0zOC45LTYyLjQtNzcuNy05My42LTExNi41Yy0wLjctMC45LTEuNC0xLjctMi0yLjRoLTE5CgkJYzAsMS4zLDAsMi41LDAsMy43YzAsMzcuOCwwLDc1LjYsMCwxMTMuNGMwLDEuMi0wLjEsMi40LTAuMiwzLjZDMzk1LjcsNDEzLjQsMzk1LjUsNDEzLjUsMzk1LjMsNDEzLjdMMzk1LjMsNDEzLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjksMTgyLjJoLTcyLjVjLTAuMSwxLTAuMiwxLjgtMC4yLDIuNmMwLDQ5LjksMCw5OS44LDAsMTQ5LjZjMCwzLjIsMCw2LjQsMC4yLDkuNgoJCWMwLjcsMTAsNi43LDE2LjIsMTYuNywxNy4zYzMsMC4zLDYsMC41LDguOSwwLjVjMTQuNCwwLDI4LjgsMCw0My4xLDBjMS4yLDAsMi40LDAsMy44LDB2NTEuOWMtMS4yLDAtMi4zLDAtMy4zLDAKCQljLTIxLjUsMC00Mi45LDAuMS02NC40LDBjLTYsMC0xMi0wLjQtMTcuOC0xLjljLTIxLjctNS42LTM1LjktMTguOS00Mi00MC42Yy0yLjItNy45LTIuOC0xNi0yLjgtMjQuMmMwLTEwMywwLTIwNS45LDAtMzA4LjkKCQljMC0xLDAuMS0xLjksMC4yLTNoNTcuNXY5NS4xaDcyLjdMNzI5LjksMTgyLjJMNzI5LjksMTgyLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEwNi4zLDM4LjVjMCwwLjYsMC4xLDEuMiwwLjEsMS44Yy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMmMtMC4yLTAuNC0wLjUtMC43LTAuNy0xLjEKCQlDMTEwNS42LDM5LjEsMTEwNS45LDM4LjgsMTEwNi4zLDM4LjV6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNzE0LjksMjgzLjJ2LTEuMUM3MTUuNywyODIuOSw3MTUuNywyODIuOSw3MTQuOSwyODMuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMTYxLjQsMC43Yy0wLjItMC4yLTAuNC0wLjQtMC42LTAuN0MxMTYxLDAuMiwxMTYxLjIsMC40LDExNjEuNCwwLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNTI1LjgsMjgzLjJjMC4yLTAuMiwwLjQtMC4zLDAuNi0wLjVDNTI2LjIsMjgyLjgsNTI2LDI4Myw1MjUuOCwyODMuMnoiLz4KPC9nPgo8L3N2Zz4KCg==);
}
.login-button__okta:hover {
  background-color: #001c7a;
}
.login-button__okta:active {
  background-color: #00067a;
}
.theme-arcane2 .login-button__apple {
  background-color: #fff;
  border: 2px solid rgba(0,0,0,0.1);
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjI1IDIwLjc2NUMyMy4yNSAyMC44NTUxIDIyLjcwOTYgMjIuNzQ2NSAyMS4zNTg2IDI0LjcyNzlDMjAuMTg3NyAyNi40MzkyIDE5LjAxNjkgMjguMDYwNCAxNy4xMjU1IDI4LjE1MDVDMTUuMjM0MSAyOC4xNTA1IDE0LjY5MzcgMjcuMDY5NyAxMi41MzIxIDI3LjA2OTdDMTAuMzcwNSAyNy4wNjk3IDkuNzQwMDEgMjguMTUwNSA4LjAyODc0IDI4LjI0MDVDNi4yMjc0MSAyOC4zMzA2IDQuNzg2MzQgMjYuNDM5MiAzLjcwNTU0IDI0LjcyNzlDMS4yNzM3NSAyMS4yMTUzIC0wLjUyNzU4NyAxNC45MTA3IDEuOTA0MjEgMTAuNjc3NUMzLjA3NTA4IDguNjA2IDUuMjM2NjggNy4yNTUgNy41Nzg0MSA3LjI1NUM5LjM3OTc0IDcuMjU1IDExLjA5MSA4LjQyNTg2IDEyLjE3MTggOC40MjU4NkMxMy4yNTI2IDguNDI1ODYgMTUuMzI0MSA2Ljk4NDggMTcuNDg1NyA3LjE2NDkzQzE4LjM4NjQgNy4xNjQ5MyAyMC45MDgzIDcuNTI1MiAyMi41Mjk1IDkuODY2OTNDMjIuNDM5NCA5Ljk1NyAxOS40NjcyIDExLjY2ODMgMTkuNTU3MyAxNS4wOTA4QzE5LjU1NzMgMTkuMzIzOSAyMy4xNTk5IDIwLjc2NSAyMy4yNSAyMC43NjVaTTE2LjA0NDcgNC45MTMyNkMxNy4wMzU0IDMuNzQyNCAxNy42NjU5IDIuMTIxMiAxNy40ODU3IDAuNUMxNi4xMzQ3IDAuNTkwMDY3IDE0LjQyMzUgMS40MDA2NyAxMy40MzI3IDIuNTcxNTNDMTIuNTMyMSAzLjU2MjI3IDExLjcyMTUgNS4yNzM1MyAxMS45OTE3IDYuODA0NjZDMTMuNTIyOCA2Ljk4NDggMTUuMDUzOSA2LjA4NDEzIDE2LjA0NDcgNC45MTMyNloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+Cg==);
}
.theme-arcane2 .login-button__apple:hover {
  background-color: #f0f0f0;
}
.theme-arcane2 .login-button__apple:active {
  background-color: #f0f0f0;
}

.codefield {
  position: relative;
  display: flex;
  flex-direction: row;
  min-width: 7.5em;
/** invalid overrides empty background */
}
.codefield__code--empty .codefield__input {
  background: rgba(126,126,126,0.1);
}
.codefield--invalid .codefield__input {
  background: rgba(190,41,204,0.1);
  border: 2px solid rgba(190,41,204,0.2);
}
.codefield__input {
  outline: none;
  text-align: center;
  border: none;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  letter-spacing: 0 !important;
  border-radius: 4px;
  padding-bottom: 15%;
}
.codefield__input:focus {
  border: 2px solid #333;
  background: transparent;
}
.codefield__wrapper {
  padding-bottom: 100%;
  position: relative;
  flex: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  min-height: 56px;
}
.codefield__code {
  display: flex;
  letter-spacing: 0;
  flex: 1;
  text-align: center;
  position: relative;
  margin-left: 1.496333981744725rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .codefield__code {
    margin-left: 0.498777993914908rem;
  }
}
.codefield__code:first-of-type {
  margin-left: 0;
}
.codefield--placeholder {
  color: #e8e8e8;
}
.theme-arcane2 .codefield__input {
  background: rgba(77,101,172,0.3);
  color: #dbe0ee;
}
.theme-arcane2 .codefield__input:focus {
  background: transparent;
  border-color: #dbe0ee;
}
.theme-arcane2 .codefield--invalid .codefield__input {
  background: rgba(193,8,255,0.15);
  border-color: #c108ff;
}

.pagination {
  height: 0.561125243154272rem;
  display: flex;
}
@media screen and (min-width: 960px) {
  .grid-page-web .pagination {
    height: 0.187041747718091rem;
  }
}
.pagination__stage {
  width: 4.489001945234176rem;
  height: 100%;
  margin: 0 0.374083495436181rem;
  opacity: 0.4;
  background-color: #f9f9f9;
}
@media screen and (min-width: 960px) {
  .grid-page-web .pagination__stage {
    width: 1.246944984787271rem;
    margin: 0 0 0 0.249388996957454rem;
  }
}
.pagination--inactive {
  opacity: 0.2;
}
.pagination--current {
  opacity: 1;
}
.pagination--clickable {
  cursor: pointer;
}
.theme__display-touch .pagination__stage {
  background-color: #7e7e7e;
}
.theme__display-touch.theme-vng .pagination {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme__display-touch.theme-vng .pagination {
    display: flex;
    position: absolute;
    top: 0;
    right: 3.92156862745098vw;
    padding-top: 13.467005835702528rem;
    padding-right: 1.122250486308544rem;
    height: 100%;
    flex-direction: column;
    align-items: center;
    z-index: 0;
  }
}
.theme__display-touch.theme-vng .pagination__stage {
  width: 2.244500972617088rem;
  height: 2.244500972617088rem;
  border-radius: 2.244500972617088rem;
  margin: 1.79560077809367rem 0;
}
.theme__display-touch.theme-vng .pagination--current {
  border: 0.374083495436181rem solid rgba(138,138,138,0.2);
  background-clip: content-box;
  padding: 0.748166990872363rem;
  width: 3.740834954361814rem;
  height: 3.740834954361814rem;
  border-radius: 3.740834954361814rem;
}
.theme-lol .pagination--current {
  background-color: #0bc4e2;
}
.theme-lol .pagination--clickable:hover {
  background-color: #00b2cd;
}
.theme-lol .pagination--clickable:active {
  background-color: #00a0b9;
}
.theme-lor .pagination--current {
  background-color: #d5934a;
}
.theme-lor .pagination--clickable:hover {
  background-color: #c07e37;
}
.theme-lor .pagination--clickable:active {
  background-color: #ac6a23;
}
.theme-riot .pagination--current {
  background-color: #d13639;
}
.theme-riot .pagination--clickable:hover {
  background-color: #bc252a;
}
.theme-riot .pagination--clickable:active {
  background-color: #a81318;
}
.theme-valorant .pagination--current {
  background-color: #ff4655;
}
.theme-valorant .pagination--clickable:hover {
  background-color: #ea3241;
}
.theme-valorant .pagination--clickable:active {
  background-color: #d61c2c;
}
.theme-vng .pagination--current {
  background-color: #f37021;
}
.theme-vng .pagination--clickable:hover {
  background-color: #de5c10;
}
.theme-vng .pagination--clickable:active {
  background-color: #ca4a00;
}
.theme-wildrift .pagination--current {
  background-color: #0bc4e2;
}
.theme-wildrift .pagination--clickable:hover {
  background-color: #00b2cd;
}
.theme-wildrift .pagination--clickable:active {
  background-color: #00a0b9;
}
.theme-arcane .pagination--current {
  background-color: #d13639;
}
.theme-arcane .pagination--clickable:hover {
  background-color: #bc252a;
}
.theme-arcane .pagination--clickable:active {
  background-color: #a81318;
}
.theme-arcane2 .pagination--current {
  background-color: #2e3d67;
}
.theme-arcane2 .pagination--clickable:hover {
  background-color: #1f2d52;
}
.theme-arcane2 .pagination--clickable:active {
  background-color: #131e3e;
}
.theme-xbox .pagination--current {
  background-color: #d13639;
}
.theme-xbox .pagination--clickable:hover {
  background-color: #bc252a;
}
.theme-xbox .pagination--clickable:active {
  background-color: #a81318;
}
.theme-arcane2 .pagination--clickable {
  background-color: #2e3d67;
}
.theme-arcane2 .pagination--clickable:hover {
  background-color: #7184bd;
}
.theme-arcane2 .pagination--current {
  background-color: #7184bd;
}

.theme-lol .riot-logo__fist {
  fill: transparent;
}
.theme-lol .riot-logo__fill {
  fill: #fcfcfc;
}
.theme-lol .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-lor .riot-logo__fist {
  fill: transparent;
}
.theme-lor .riot-logo__fill {
  fill: #fff;
}
.theme-lor .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-riot .riot-logo__fist {
  fill: #fcfcfc;
}
.theme-riot .riot-logo__fill {
  fill: #d53235;
}
.theme-riot .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-valorant .riot-logo__fist {
  fill: transparent;
}
.theme-valorant .riot-logo__fill {
  fill: #f9f9f9;
}
.theme-valorant .riot-logo__full {
  fill: #f9f9f9;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-vng .riot-logo__fist {
  fill: transparent;
}
.theme-vng .riot-logo__fill {
  fill: transparent;
}
.theme-vng .riot-logo__full {
  fill: #f9f9f9;
}
.theme-wildrift .riot-logo__fist {
  fill: transparent;
}
.theme-wildrift .riot-logo__fill {
  fill: #fcfcfc;
}
.theme-wildrift .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-arcane .riot-logo__fist {
  fill: #fcfcfc;
}
.theme-arcane .riot-logo__fill {
  fill: #d53235;
}
.theme-arcane .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-arcane2 .riot-logo__fist {
  fill: #fcfcfc;
}
.theme-arcane2 .riot-logo__fill {
  fill: #d53235;
}
.theme-arcane2 .riot-logo__full {
  fill: #fcfcfc;
  filter: drop-shadow(0px 8px 24px rgba(0,0,0,0.2));
}
.theme-xbox .riot-logo__fist {
  fill: transparent;
}
.theme-xbox .riot-logo__fill {
  fill: #fcfcfc;
}
@media screen and (max-width: 959px) {
  .theme-xbox .riot-logo__fill {
    fill: #d53235;
  }
}
.theme-xbox .riot-logo__full {
  fill: #fcfcfc;
}
@media screen and (max-width: 959px) {
  .theme-xbox .riot-logo__full {
    fill: #d53235;
  }
}
.riot-logo {
  width: 100%;
  height: auto;
  display: inline-block;
}
.riot-logo__animate {
  animation: 0.25s riot-logo-fadein cubic-bezier(0, 0, 0.58, 1);
}
.riot-logo__animate .riot-logo__fist {
  animation: 0.25s riot-logo-scale cubic-bezier(0, 0, 0.58, 1);
}
.theme-arcane2 .riot-logo {
  background-image: url(assets/arcane2-logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 140px;
  height: 40px;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .riot-logo {
    background-image: url(assets/arcane2-logo-large.svg);
  }
}
@keyframes riot-logo-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes riot-logo-scale {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.split-card__content {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2,
.split-card__content {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2,
  .split-card__content {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2,
  .split-card__content {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2,
  .split-card__content {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th),
.split-card__content:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.split-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.25rem;
  box-shadow: 0 1.5rem 3rem -1.5rem rgba(0,0,0,0.7);
}
@media screen and (min-width: 960px) {
  .split-card {
    flex-direction: row;
    border-radius: 0.083333333333333rem;
  }
}
.split-card__primary .split-card__content a {
  color: #f05b5e;
}
.split-card__error {
  background-color: #d950e5;
}
.split-card__error .split-card__content {
  background-color: rgba(61,61,61,0.1);
}
@media screen and (min-width: 960px) {
  .split-card__error .split-card__content {
    padding: 1rem 2rem 1.166666666666667rem;
  }
}
.split-card__error .split-card__content a {
  color: #913599;
}
.split-card__information {
  background-color: #4df4d3;
}
.split-card__information .split-card__content {
  background-color: #40e5c4;
}
@media screen and (min-width: 960px) {
  .split-card__information .split-card__content {
    padding: 1rem 1.333333333333333rem;
  }
}
.split-card__information .split-card__content a {
  color: #913599;
}
.split-card__information .split-card__actions {
  padding: 0.833333333333333rem;
}
.split-card__content {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 3rem;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (min-width: 960px) {
  .split-card__content {
    padding: 1.666666666666667rem 2rem;
    border-radius: 0.333333333333333rem 0 0 0.333333333333333rem;
  }
}
.split-card__actions {
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 3rem;
  border-radius: 0 0 1rem 1rem;
}
@media screen and (min-width: 960px) {
  .split-card__actions {
    padding: 1.416666666666667rem 1.75rem;
    border-radius: 0 0.333333333333333rem 0.333333333333333rem 0;
  }
}
.theme__color-light .split-card {
  color: #211f1e;
}
.theme__color-light .split-card__primary {
  background-color: #f0f0f0;
}
.theme__color-light .split-card__primary .split-card__actions {
  background-color: #f9f9f9;
}
.theme__color-dark .split-card {
  color: #f0f0f0;
}
.theme__color-dark .split-card__primary {
  background-color: #211e1f;
}
.theme__color-dark .split-card__primary .split-card__actions {
  background-color: #292727;
}

.suggestions-title {
  color: #c7c7c7;
  margin-bottom: 1.870417477180907rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .suggestions-title {
    margin-bottom: 0.748166990872363rem;
  }
}
.suggestions-option {
  width: 100%;
}

.notification-overlay {
  background-color: #be29cc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 5.985335926978902rem;
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
  z-index: 100;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay {
    padding: 2.493889969574543rem 2.992667963489451rem;
    flex-direction: row;
  }
}
.notification-overlay--animate {
  transition: all 0.2s cubic-bezier(0.26, 0.96, 0.44, 1);
}
.notification-overlay--enter-active,
.notification-overlay--exit {
  height: auto;
}
.notification-overlay--exit-active,
.notification-overlay--enter {
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay__content {
    padding-right: 0.997555987829817rem;
  }
}
.notification-overlay .text__web-subtitle {
  font-weight: 800;
  margin: 0;
  padding: 0;
}
.notification-overlay__actions {
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay__actions {
    flex-direction: row;
    justify-content: flex-end;
    width: auto;
  }
}
.notification-overlay .mobile-button__primary:not([disabled]),
.notification-overlay .mobile-button__secondary:not([disabled]) {
  font-size: 3.366751458925633rem;
  color: #e8e8e8;
  text-align: center;
  padding: 4.676043692952267rem 2.992667963489451rem;
  margin: 0;
  height: auto;
  width: 100%;
  white-space: nowrap;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay .mobile-button__primary:not([disabled]),
  .grid-page-web .notification-overlay .mobile-button__secondary:not([disabled]) {
    font-size: 0.997555987829817rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay .mobile-button__primary:not([disabled]),
  .grid-page-web .notification-overlay .mobile-button__secondary:not([disabled]) {
    padding: 0.904035113970772rem 0.997555987829817rem;
    width: auto;
  }
}
.notification-overlay .mobile-button:not(:nth-last-child(-n+2)) {
  margin: 0 0 2.992667963489451rem 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay .mobile-button:not(:nth-last-child(-n+2)) {
    margin: 0 0.997555987829817rem 0 0;
  }
}
.notification-overlay .mobile-button__primary:not([disabled]) {
  background-color: #71117a;
}
.notification-overlay .mobile-button__primary:not([disabled]):hover {
  background-color: #5e0866;
}
.notification-overlay .mobile-button__secondary:not([disabled]),
.notification-overlay .mobile-button__close:not([disabled]) {
  background-color: rgba(249,249,249,0.1);
}
.notification-overlay .mobile-button__secondary:not([disabled]):hover,
.notification-overlay .mobile-button__close:not([disabled]):hover {
  background-color: rgba(249,249,249,0.15);
}
.notification-overlay .mobile-button__close:not([disabled]) {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjAwMDA2IDEwLjQxNDMgNi43OTI4NCA2Ljc5MjggMS40MTQyLTEuNDE0Mi02Ljc5MjgtNi43OTI4NCA2Ljc5MjgtNi43OTI4Ni0xLjQxNDItMS40MTQyMTctNi43OTI4NCA2Ljc5Mjg1Ny02Ljc5Mjk0LTYuNzkyOTMyLTEuNDE0MjEyIDEuNDE0MjEyIDYuNzkyOTMyIDYuNzkyOTQtNi43OTI5MTggNi43OTI5NCAxLjQxNDIxOCAxLjQxNDJ6IiBmaWxsPSIjZThlOGU4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-size: 25%;
  border-radius: 4.489001945234176rem;
  padding: 6.359419422415083rem;
  margin-top: 5.985335926978902rem;
  height: auto;
  width: auto;
}
@media screen and (min-width: 960px) {
  .grid-page-web .notification-overlay .mobile-button__close:not([disabled]) {
    margin: 0 0 0 2.992667963489451rem;
    padding: 1.496333981744725rem;
    border-radius: 0.997555987829817rem;
  }
}

.dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.15s, opacity 0.15s 0s, transform 0.15s;
}
@media screen and (min-width: 960px) {
  .dialog .dialog {
    position: absolute;
  }
}
.dialog--show {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 0.15s 0s, transform 0.15s;
}
.dialog__content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #111;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 3.291934759838396rem;
}
@media screen and (min-width: 960px) {
  .dialog .dialog__content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44%;
    height: auto;
    box-shadow: 0 2.244500972617088rem 4.489001945234176rem rgba(0,0,0,0.2), 0px 0.498777993914908rem 1.496333981744725rem rgba(0,0,0,0.25);
    padding: 1.496333981744725rem;
  }
}
.dialog__body {
  padding: 3.291934759838396rem;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .dialog .dialog__body {
    padding: 1.496333981744725rem;
  }
}
.dialog__header {
  width: 100%;
}
.dialog__title {
  font-size: 4.793879994014665rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 110%;
  font-size: 4.793879994014665rem;
  color: #f9f9f9;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .dialog__title {
    font-size: 1.558681230984089rem;
  }
}
.dialog__title:lang(th),
.dialog__title:lang(ko),
.dialog__title:lang(ja),
.dialog__title:lang(el),
.dialog__title:lang(vi),
.dialog__title:lang(ru),
.dialog__title:lang(zh),
.dialog__title:lang(pt),
.dialog__title:lang(tr),
.dialog__title:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .dialog__title {
    line-height: 110% !important;
  }
}
@media screen and (min-width: 960px) {
  .dialog .dialog__title {
    font-size: 1.558681230984089rem;
  }
}
@media screen and (min-width: 960px) {
  .dialog .dialog__title {
    margin: 0;
  }
}
.dialog__subtitle {
  font-size: 4.025138410893312rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 120%;
  font-size: 4.025138410893312rem;
  color: #7e7e7e;
  text-align: center;
  margin: 2.394134370791561rem 0 0 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .dialog__subtitle {
    font-size: 1.246944984787271rem;
  }
}
.dialog__subtitle:lang(th),
.dialog__subtitle:lang(ko),
.dialog__subtitle:lang(ja),
.dialog__subtitle:lang(el),
.dialog__subtitle:lang(vi),
.dialog__subtitle:lang(ru),
.dialog__subtitle:lang(zh),
.dialog__subtitle:lang(pt),
.dialog__subtitle:lang(tr),
.dialog__subtitle:lang(cz) {
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .dialog__subtitle {
    line-height: 120% !important;
  }
}
@media screen and (min-width: 960px) {
  .dialog .dialog__subtitle {
    font-size: 1.246944984787271rem;
  }
}
@media screen and (min-width: 960px) {
  .dialog .dialog__subtitle {
    margin: 0.748166990872363rem 0 0 0;
  }
}
.dialog__button_close {
  width: 6.733502917851264rem;
  height: 6.733502917851264rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjAwMDA2IDEwLjQxNDMgNi43OTI4NCA2Ljc5MjggMS40MTQyLTEuNDE0Mi02Ljc5MjgtNi43OTI4NCA2Ljc5MjgtNi43OTI4Ni0xLjQxNDItMS40MTQyMTctNi43OTI4NCA2Ljc5Mjg1Ny02Ljc5Mjk0LTYuNzkyOTMyLTEuNDE0MjEyIDEuNDE0MjEyIDYuNzkyOTMyIDYuNzkyOTQtNi43OTI5MTggNi43OTI5NCAxLjQxNDIxOCAxLjQxNDJ6IiBmaWxsPSIjZThlOGU4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  border-radius: 0.748166990872363rem;
}
@media screen and (min-width: 960px) {
  .dialog .dialog__button_close {
    width: 1.496333981744725rem;
    height: 1.496333981744725rem;
    border-radius: 0.498777993914908rem;
  }
}
.dialog__children {
  width: 100%;
  margin-top: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .dialog .dialog__children {
    margin-top: 2.992667963489451rem;
  }
}
.dialog .mobile-button__secondary {
  background-color: rgba(126,126,126,0.1);
  color: #f9f9f9;
  height: 8.978003890468353rem;
  width: 100%;
  font-size: 2.992667963489451rem;
}
@media screen and (min-width: 960px) {
  .dialog .mobile-button__secondary {
    height: 2.693401167140506rem;
    font-size: 0.904035113970772rem;
  }
}
.dialog .mobile-button__secondary + .mobile-button__secondary {
  margin-top: 1.945234176268143rem;
}
@media screen and (min-width: 960px) {
  .dialog .mobile-button__secondary + .mobile-button__secondary {
    margin-top: 0.748166990872363rem;
    margin-bottom: 0;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.notification-banner h2,
.notification-banner .description {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle,
.notification-banner h2 {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle,
  .notification-banner h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle,
  .notification-banner h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle,
  .notification-banner h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th),
.notification-banner h2:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2,
.notification-banner .description {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2,
  .notification-banner .description {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2,
  .notification-banner .description {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2,
  .notification-banner .description {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th),
.notification-banner .description:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.notification-banner {
  background-color: #f9f9f9;
  color: #211e1f;
  border-radius: 0.25rem 0.25rem 0px 0px;
}
@media screen and (min-width: 960px) {
  .notification-banner {
    border-radius: 0.083333333333333rem 0px 0px 0.083333333333333rem;
    display: flex;
  }
}
.notification-banner--error .notification-banner__icon {
  fill: #f0f0f0;
}
.notification-banner--notice .notification-banner__icon {
  fill: #211e1f;
}
.notification-banner--affirmative .notification-banner__icon {
  fill: #211e1f;
}
.notification-banner__dismiss-action {
  width: 100%;
  flex: 1;
  order: 3;
  margin-top: 3rem;
}
.notification-banner__dismiss-action.ds-button {
  color: #211e1f;
  padding: 1.75rem;
}
@media screen and (min-width: 960px) {
  .notification-banner__dismiss-action.ds-button {
    padding: 0.583333333333333rem;
  }
}
@media screen and (min-width: 960px) {
  .notification-banner__dismiss-action {
    max-width: 1.333333333333333rem;
    max-height: 1.333333333333333rem;
    padding: unset;
    order: unset;
    position: absolute;
    top: 1rem;
    right: 2rem;
    margin: 0;
    padding: 0;
  }
}
.notification-banner__buttons {
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  order: 2;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .notification-banner__buttons {
    flex-direction: row;
    margin-top: 1rem;
  }
}
.notification-banner__buttons > * {
  flex: 1;
  margin: 0.75rem 0px;
  flex: 1 0 auto;
}
@media screen and (min-width: 960px) {
  .notification-banner__buttons > * {
    flex: 0.5;
    margin: 0px 0.25rem;
  }
}
.notification-banner__buttons > *:first-child {
  margin-left: 0px;
}
.notification-banner__buttons > *:last-child {
  margin-right: 0px;
}
.notification-banner__buttons .ds-button--primary {
  color: #f0f0f0;
  background-color: #292727;
}
.notification-banner__buttons .ds-button--primary:hover,
.notification-banner__buttons .ds-button--primary:focus {
  background-color: #211e1f;
}
.notification-banner__buttons .ds-button--secondary {
  color: #211e1f;
  background-color: rgba(138,138,138,0.1);
}
.notification-banner__toast {
  margin-top: 2rem;
  order: 4;
}
@media screen and (min-width: 960px) {
  .notification-banner__toast {
    margin-top: 0.666666666666667rem;
    order: unset;
  }
}
.notification-banner__status {
  border-radius: 0.25rem 0.25rem 0px 0px;
  width: 100%;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.notification-banner__status .notification-banner__icon {
  height: 2.82875rem;
  width: 2.82875rem;
}
@media screen and (min-width: 960px) {
  .notification-banner__status .notification-banner__icon {
    height: 0.707083333333333rem;
    width: 0.707083333333333rem;
  }
}
@media screen and (min-width: 960px) {
  .notification-banner__status {
    border-radius: 0.083333333333333rem 0px 0px 0.083333333333333rem;
    padding: unset;
    flex: 0 0 2rem;
  }
}
.notification-banner--error .notification-banner__status {
  background-color: #be29cc;
  color: #f9f9f9;
}
.notification-banner--notice .notification-banner__status {
  background-color: #fabb28;
  color: #211e1f;
}
.notification-banner--affirmative .notification-banner__status {
  background-color: #40e5c4;
  color: #211e1f;
}
.notification-banner__content {
  padding: 3rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .notification-banner__content {
    position: relative;
    display: block;
    padding: 1rem 2rem;
    width: 100%;
  }
}
.notification-banner h2 {
  padding: 0;
  margin: 0;
  line-height: 120%;
}
.notification-banner .description {
  color: #666;
  padding: 0;
  margin-top: 0.5rem;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .notification-banner .description {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 960px) {
  .notification-banner--dismissable p {
    max-width: 98%;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.ds-mfa-detail__name,
.ds-mfa-detail__description {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-mfa-detail__name {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-mfa-detail__name {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-mfa-detail__name {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized,
  .ds-mfa-detail__name {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized,
.ds-mfa-detail__name {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link,
.ds-mfa-detail__description {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link,
  .ds-mfa-detail__description {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link,
  .ds-mfa-detail__description {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link,
  .ds-mfa-detail__description {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-mfa-detail__container {
  background-color: rgba(138,138,138,0.1);
  padding: 2rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__container {
    padding: 0.5rem;
    border-radius: 0.083333333333333rem;
  }
}
.ds-mfa-detail__icon-container {
  flex: 0 0 6rem;
  margin-right: 1.5rem;
  position: relative;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__icon-container {
    flex: 0 0 1.333333333333333rem;
    margin-right: 0.5rem;
  }
}
.ds-mfa-detail__icon-background {
  width: 6rem;
  height: 6rem;
  position: absolute;
  left: 0;
  top: 0;
}
.ds-mfa-detail__icon-background svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__icon-background {
    width: 1.333333333333333rem;
    height: 1.333333333333333rem;
  }
}
.ds-mfa-detail__icon {
  display: flex;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__icon {
    width: 1.333333333333333rem;
    height: 1.333333333333333rem;
  }
}
.ds-mfa-detail__icon svg {
  width: 3rem;
  height: 3rem;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__icon svg {
    width: 0.666666666666667rem;
    height: 0.666666666666667rem;
  }
}
.ds-mfa-detail__status {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__status {
    width: 0.333333333333333rem;
    height: 0.333333333333333rem;
  }
}
.ds-mfa-detail--disabled .ds-mfa-detail__status {
  display: none;
}
.ds-mfa-detail--disabled .ds-mfa-detail__icon-background {
  border-radius: 50%;
}
.ds-mfa-detail--disabled .ds-mfa-detail__icon-background svg {
  display: none;
}
.ds-mfa-detail--enabled .ds-mfa-detail__status {
  background-color: #40e5c4;
  border: 1px solid rgba(0,0,0,0.2);
}
.ds-mfa-detail--action_required .ds-mfa-detail__status {
  background-color: #fabb28;
  border: 1px solid rgba(0,0,0,0.2);
}
.ds-mfa-detail--issue .ds-mfa-detail__status {
  background-color: #be29cc;
  border: 1px solid rgba(0,0,0,0.2);
}
.ds-mfa-detail__detail {
  flex: 1 1 0;
}
.ds-mfa-detail__btn-container {
  margin-top: 2rem;
  flex-basis: 100%;
}
@media screen and (min-width: 960px) {
  .ds-mfa-detail__btn-container {
    max-width: 50%;
    min-width: 33%;
    flex: none;
    margin-top: 0;
  }
}
.ds-mfa-detail__btn-container button {
  width: 100%;
}
.ds-mfa-detail__name {
  line-height: 140%;
}
.ds-mfa-detail__description {
  line-height: 120%;
}
.theme__color-light .ds-mfa-detail__name {
  color: #211f1e;
}
.theme__color-light .ds-mfa-detail__description {
  color: #666;
}
.theme__color-light .ds-mfa-detail__icon-background {
  fill: #292727;
}
.theme__color-light .ds-mfa-detail__icon svg {
  fill: #f0f0f0;
}
.theme__color-light .ds-mfa-detail--disabled .ds-mfa-detail__icon-background {
  background-color: #292727;
}
.theme__color-dark .ds-mfa-detail__name {
  color: #f0f0f0;
}
.theme__color-dark .ds-mfa-detail__description {
  color: #b8b8b8;
}
.theme__color-dark .ds-mfa-detail__icon-background {
  fill: #f9f9f9;
}
.theme__color-dark .ds-mfa-detail__icon svg {
  fill: #211e1f;
}
.theme__color-dark .ds-mfa-detail--disabled .ds-mfa-detail__icon-background {
  background-color: #f9f9f9;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.tagline__refresh,
.tagline__hashtag {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1,
.tagline__refresh {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1,
  .tagline__refresh {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1,
  .tagline__refresh {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1,
  .tagline__refresh {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.tagline__hashtag {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .tagline__hashtag {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .tagline__hashtag {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .tagline__hashtag {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.theme__color-light .tagline__refresh {
  color: #666;
}
.theme__color-dark .tagline__refresh {
  color: #b8b8b8;
}
.tagline__refresh {
  display: none;
  opacity: 0;
  position: absolute;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  bottom: 1.16625rem;
  right: 1rem;
}
@media screen and (min-width: 960px) {
  .tagline__refresh {
    bottom: 0.208333333333333rem;
    right: 0.333333333333333rem;
  }
}
.tagline__hashtag {
  opacity: 0;
  position: absolute;
  bottom: 2.375rem;
  left: 1rem;
}
@media screen and (min-width: 960px) {
  .tagline__hashtag {
    bottom: 0.5rem;
    left: 0.333333333333333rem;
  }
}
.tagline .ds-field__form-input {
  padding-left: 2.75rem;
}
@media screen and (min-width: 960px) {
  .tagline .ds-field__form-input {
    padding-left: 0.916666666666667rem;
  }
}
.ds-field--focus .tagline__hashtag,
.ds-field--non-empty .tagline__hashtag {
  opacity: 1;
}
.ds-field--focus .tagline__refresh {
  opacity: 1;
  display: block;
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.social-button,
.social-card,
.social-card__info,
.social-card__actions button {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2,
.social-button,
.social-card {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2,
  .social-button,
  .social-card {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2,
  .social-button,
  .social-card {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2,
  .social-button,
  .social-card {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption,
.social-card__info,
.social-card__actions button {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption,
  .social-card__info,
  .social-card__actions button {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption,
  .social-card__info,
  .social-card__actions button {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption,
  .social-card__info,
  .social-card__actions button {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th),
.social-card__info:lang(th),
.social-card__actions button:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.facebook-btn,
.social-button__facebook,
.social-card__facebook .social-card__icon {
  background-color: #1877f2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDEyQzI0IDUuMzcyNTggMTguNjI3NCAwIDEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTcuOTg5NSA0LjM4ODIgMjIuOTU0IDEwLjEyNSAyMy44NTQyVjE1LjQ2ODdINy4wNzgxMlYxMkgxMC4xMjVWOS4zNTYyNUMxMC4xMjUgNi4zNDg3NSAxMS45MTY2IDQuNjg3NSAxNC42NTc2IDQuNjg3NUMxNS45NzA1IDQuNjg3NSAxNy4zNDM4IDQuOTIxODcgMTcuMzQzOCA0LjkyMTg3VjcuODc1SDE1LjgzMDZDMTQuMzQgNy44NzUgMTMuODc1IDguODAwMDggMTMuODc1IDkuNzQ5MDZWMTJIMTcuMjAzMUwxNi42NzExIDE1LjQ2ODdIMTMuODc1VjIzLjg1NDJDMTkuNjExOCAyMi45NTQgMjQgMTcuOTg5NSAyNCAxMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.facebook-btn:hover,
.social-button__facebook:hover,
.social-card__facebook .social-card__icon:hover {
  background-color: #0966de;
}
.facebook-btn:active,
.social-button__facebook:active,
.social-card__facebook .social-card__icon:active {
  background-color: #0058c9;
}
.apple-btn,
.social-button__apple,
.social-card__apple .social-card__icon {
  background-color: #000;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjI1IDIwLjc2NUMyMy4yNSAyMC44NTUxIDIyLjcwOTYgMjIuNzQ2NSAyMS4zNTg2IDI0LjcyNzlDMjAuMTg3NyAyNi40MzkyIDE5LjAxNjkgMjguMDYwNCAxNy4xMjU1IDI4LjE1MDVDMTUuMjM0MSAyOC4xNTA1IDE0LjY5MzcgMjcuMDY5NyAxMi41MzIxIDI3LjA2OTdDMTAuMzcwNSAyNy4wNjk3IDkuNzQwMDEgMjguMTUwNSA4LjAyODc0IDI4LjI0MDVDNi4yMjc0MSAyOC4zMzA2IDQuNzg2MzQgMjYuNDM5MiAzLjcwNTU0IDI0LjcyNzlDMS4yNzM3NSAyMS4yMTUzIC0wLjUyNzU4NyAxNC45MTA3IDEuOTA0MjEgMTAuNjc3NUMzLjA3NTA4IDguNjA2IDUuMjM2NjggNy4yNTUgNy41Nzg0MSA3LjI1NUM5LjM3OTc0IDcuMjU1IDExLjA5MSA4LjQyNTg2IDEyLjE3MTggOC40MjU4NkMxMy4yNTI2IDguNDI1ODYgMTUuMzI0MSA2Ljk4NDggMTcuNDg1NyA3LjE2NDkzQzE4LjM4NjQgNy4xNjQ5MyAyMC45MDgzIDcuNTI1MiAyMi41Mjk1IDkuODY2OTNDMjIuNDM5NCA5Ljk1NyAxOS40NjcyIDExLjY2ODMgMTkuNTU3MyAxNS4wOTA4QzE5LjU1NzMgMTkuMzIzOSAyMy4xNTk5IDIwLjc2NSAyMy4yNSAyMC43NjVaTTE2LjA0NDcgNC45MTMyNkMxNy4wMzU0IDMuNzQyNCAxNy42NjU5IDIuMTIxMiAxNy40ODU3IDAuNUMxNi4xMzQ3IDAuNTkwMDY3IDE0LjQyMzUgMS40MDA2NyAxMy40MzI3IDIuNTcxNTNDMTIuNTMyMSAzLjU2MjI3IDExLjcyMTUgNS4yNzM1MyAxMS45OTE3IDYuODA0NjZDMTMuNTIyOCA2Ljk4NDggMTUuMDUzOSA2LjA4NDEzIDE2LjA0NDcgNC45MTMyNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.apple-btn:hover,
.social-button__apple:hover,
.social-card__apple .social-card__icon:hover {
  background-color: #141414;
}
.apple-btn:active,
.social-button__apple:active,
.social-card__apple .social-card__icon:active {
  background-color: #292929;
}
.google-btn,
.social-button__google,
.social-card__google .social-card__icon {
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjEwIDEwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzUuOTk5OSAyNC4yNzQxQzM1Ljk5OTkgMjMuNDU4NCAzNS45MzI0IDIyLjYzODQgMzUuNzg4NCAyMS44MzU5SDI0LjI0MTdWMjYuNDU2NUgzMC44NTRDMzAuNTc5NiAyNy45NDY3IDI5LjY5NzkgMjkuMjY0OSAyOC40MDcgMzAuMTAyNlYzMy4xMDA3SDMyLjM1MTlDMzQuNjY4NCAzMS4wMTA4IDM1Ljk5OTkgMjcuOTI0NiAzNS45OTk5IDI0LjI3NDFaIiBmaWxsPSIjNDI4NUY0Ii8+CjxwYXRoIGQ9Ik0yNC4yNDE3IDM1Ljk5ODRDMjcuNTQzNCAzNS45OTg0IDMwLjMyNzcgMzQuOTM1OSAzMi4zNTY0IDMzLjEwMThMMjguNDExNSAzMC4xMDM3QzI3LjMxNCAzMC44MzU2IDI1Ljg5NzEgMzEuMjUgMjQuMjQ2MiAzMS4yNUMyMS4wNTI2IDMxLjI1IDE4LjM0NDcgMjkuMTM4MiAxNy4zNzMxIDI2LjI5ODhIMTMuMzAyMlYyOS4zODk1QzE1LjM4MDQgMzMuNDQxMiAxOS42MTMxIDM1Ljk5ODQgMjQuMjQxNyAzNS45OTg0WiIgZmlsbD0iIzM0QTg1MyIvPgo8cGF0aCBkPSJNMTcuMzY4NSAyNi4yOThDMTYuODU1NyAyNC44MDc4IDE2Ljg1NTcgMjMuMTk0MSAxNy4zNjg1IDIxLjcwMzlWMTguNjEzM0gxMy4zMDIyQzExLjU2NTkgMjIuMDAzNyAxMS41NjU5IDI1Ljk5ODIgMTMuMzAyMiAyOS4zODg2TDE3LjM2ODUgMjYuMjk4WiIgZmlsbD0iI0ZCQkMwNCIvPgo8cGF0aCBkPSJNMjQuMjQxNyAxNi43NDkyQzI1Ljk4NyAxNi43MjI3IDI3LjY3MzggMTcuMzY2NCAyOC45Mzc4IDE4LjU0OEwzMi40MzI5IDE1LjEyMjNDMzAuMjE5OCAxMy4wODU0IDI3LjI4MjUgMTEuOTY1NSAyNC4yNDE3IDEyLjAwMDhDMTkuNjEzMSAxMi4wMDA4IDE1LjM4MDQgMTQuNTU4IDEzLjMwMjIgMTguNjE0MkwxNy4zNjg2IDIxLjcwNDhDMTguMzM1NyAxOC44NjExIDIxLjA0ODEgMTYuNzQ5MiAyNC4yNDE3IDE2Ljc0OTJaIiBmaWxsPSIjRUE0MzM1Ii8+Cjwvc3ZnPgo=);
  color: #000 !important;
}
.google-btn:hover,
.social-button__google:hover,
.social-card__google .social-card__icon:hover {
  background-color: #f7f7f7;
}
.google-btn:active,
.social-button__google:active,
.social-card__google .social-card__icon:active {
  background-color: #f0f0f0;
}
.youtube-btn,
.social-button__youtube,
.social-card__youtube .social-card__icon {
  background-color: #d83030;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC40MzMxIDEuMjM3MTNDMjUuNTc1MyAxLjU0NDY1IDI2LjQ3NTkgMi40NDUyNSAyNi43ODM0IDMuNTg3NDdDMjcuMzU0NSA1LjY3NDIzIDI3LjMzMjYgMTAuMDIzNSAyNy4zMzI2IDEwLjAyMzVDMjcuMzMyNiAxMC4wMjM1IDI3LjMzMjYgMTQuMzUwNyAyNi43ODM0IDE2LjQzNzVDMjYuNDc1OSAxNy41Nzk3IDI1LjU3NTMgMTguNDgwMyAyNC40MzMxIDE4Ljc4NzhDMjIuMzQ2MyAxOS4zMzcgMTMuOTk5MyAxOS4zMzcgMTMuOTk5MyAxOS4zMzdDMTMuOTk5MyAxOS4zMzcgNS42NzQyMyAxOS4zMzcgMy41NjU1MSAxOC43NjU5QzIuNDIzMjkgMTguNDU4NCAxLjUyMjY4IDE3LjU1NzggMS4yMTUxNiAxNi40MTU1QzAuNjY2MDE2IDE0LjM1MDcgMC42NjYwMTYgMTAuMDAxNSAwLjY2NjAxNiAxMC4wMDE1QzAuNjY2MDE2IDEwLjAwMTUgMC42NjYwMTYgNS42NzQyMyAxLjIxNTE2IDMuNTg3NDdDMS41MjI2OCAyLjQ0NTI1IDIuNDQ1MjUgMS41MjI2OCAzLjU2NTUxIDEuMjE1MTZDNS42NTIyNyAwLjY2NjAxNiAxMy45OTkzIDAuNjY2MDE2IDEzLjk5OTMgMC42NjYwMTZDMTMuOTk5MyAwLjY2NjAxNiAyMi4zNDYzIDAuNjY2MDE2IDI0LjQzMzEgMS4yMzcxM1pNMTguMjgyOSAxMC4wMDFMMTEuMzQxNyAxMy45OTg4VjYuMDAzMTlMMTguMjgyOSAxMC4wMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.youtube-btn:hover,
.social-button__youtube:hover,
.social-card__youtube .social-card__icon:hover {
  background-color: #c41f1f;
}
.youtube-btn:active,
.social-button__youtube:active,
.social-card__youtube .social-card__icon:active {
  background-color: #b00e0e;
}
.xbox-btn,
.social-button__xbox,
.social-card__xbox .social-card__icon {
  background-color: #107c10;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTM2OTUgMjEuNjIzNEM4LjI5MzY2IDIxLjQ2NjIgNi42Mjk5NCAyMC44NzYzIDUuMjAwNzQgMTkuOTQ0NEM0LjAwMzExIDE5LjE2MzQgMy43MzI2NiAxOC44NDI0IDMuNzMyNjYgMTguMjAxN0MzLjczMjY2IDE2LjkxNDggNS4xNDg0MyAxNC42NjA4IDcuNTcwNzIgMTIuMDkxMkM4Ljk0NjQyIDEwLjYzMTkgMTAuODYyNyA4LjkyMTMyIDExLjA2OTkgOC45Njc2NEMxMS40NzI3IDkuMDU3NjcgMTQuNjkzNiAxMi4xOTc3IDE1Ljg5OTMgMTMuNjc1OEMxNy44MDYgMTYuMDEzMiAxOC42ODI2IDE3LjkyNzEgMTguMjM3MyAxOC43ODAzQzE3Ljg5ODggMTkuNDI4OSAxNS43OTgzIDIwLjY5NjYgMTQuMjU1MSAyMS4xODM2QzEyLjk4MzMgMjEuNTg1IDExLjMxMjkgMjEuNzU1MiA5LjkzNjk1IDIxLjYyMzRaTTIuMTE1MTIgMTYuODYzN0MxLjExOTkyIDE1LjMzNzcgMC42MTcxMDkgMTMuODM1NSAwLjM3NDM1IDExLjY2MjdDMC4yOTQxOSAxMC45NDUyIDAuMzIyOTE1IDEwLjUzNDggMC41NTYzNzIgOS4wNjIyM0MwLjg0NzM0MiA3LjIyNjgzIDEuODkzMTQgNS4xMDM1MiAzLjE0OTc3IDMuNzk2NzhDMy42ODQ5OCAzLjI0MDI0IDMuNzMyNzggMy4yMjY2OCA0LjM4NTE2IDMuNDQ2MzNDNS4xNzc0IDMuNzEzMDcgNi4wMjM0NSA0LjI5NzA2IDcuMzM1NTUgNS40ODI4Nkw4LjEwMTEgNi4xNzQ3MUw3LjY4MzA1IDYuNjg4MDFDNS43NDI0NyA5LjA3MDcyIDMuNjkzOSAxMi40NDgxIDIuOTIxODYgMTQuNTM3N0MyLjUwMjE1IDE1LjY3MzYgMi4zMzI4NiAxNi44MTM5IDIuNTEzNDUgMTcuMjg4NkMyLjYzNTM4IDE3LjYwOTEgMi41MjMzOSAxNy40ODk3IDIuMTE1MTIgMTYuODYzN1pNMTkuNTg0IDE3LjEyMzJDMTkuNjgyMyAxNi42NDM1IDE5LjU1OCAxNS43NjI2IDE5LjI2NjYgMTQuODc0QzE4LjYzNTQgMTIuOTQ5OCAxNi41MjU4IDkuMzcwMDIgMTQuNTg4NiA2LjkzNjEzTDEzLjk3ODggNi4xNjk5NUwxNC42Mzg1IDUuNTY0NDhDMTUuNSA0Ljc3MzkyIDE2LjA5ODEgNC4zMDA1NSAxNi43NDM0IDMuODk4NTVDMTcuMjUyNiAzLjU4MTMyIDE3Ljk4MDQgMy4zMDA0OSAxOC4yOTMyIDMuMzAwNDlDMTguNDg2IDMuMzAwNDkgMTkuMTY1IDQuMDA0NzEgMTkuNzEzMSA0Ljc3MzI0QzIwLjU2MiA1Ljk2MzU0IDIxLjE4NjUgNy40MDY0NCAyMS41MDI5IDguOTA4NTFDMjEuNzA3MyA5Ljg3OTA0IDIxLjcyNDQgMTEuOTU2NSAyMS41MzU4IDEyLjkyNDdDMjEuMzgxMSAxMy43MTkyIDIxLjA1NDQgMTQuNzQ5OCAyMC43MzU3IDE1LjQ0ODhDMjAuNDk2OSAxNS45NzI1IDE5LjkwMyAxNi45ODk2IDE5LjY0MjcgMTcuMzIwNkMxOS41MDg5IDE3LjQ5MDggMTkuNTA4OCAxNy40OTA0IDE5LjU4NCAxNy4xMjMyWk0xMC4xMTI5IDIuOTM3MTNDOS4yMTkwNyAyLjQ4MzQ4IDcuODQwMTggMS45OTY1MiA3LjA3ODQ4IDEuODY1NTFDNi44MTE0NSAxLjgxOTU4IDYuMzU1OTMgMS43OTM5NiA2LjA2NjIyIDEuODA4NTlDNS40Mzc3NiAxLjg0MDMgNS40NjU4MyAxLjgwNzQ2IDYuNDc0MDEgMS4zMzE0QzcuMzEyMTkgMC45MzU2MjIgOC4wMTEzNCAwLjcwMjg4NCA4Ljk2MDQ2IDAuNTAzNzA2QzEwLjAyODEgMC4yNzk2NDQgMTIuMDM1IDAuMjc3MDE1IDEzLjA4NTcgMC40OTgzQzE0LjIyMDUgMC43MzczMDggMTUuNTU2OCAxLjIzNDMyIDE2LjMwOTggMS42OTc0NUwxNi41MzM2IDEuODM1MUwxNi4wMjAxIDEuODA5MThDMTQuOTk5OCAxLjc1NzY5IDEzLjUxMjggMi4xNjk2OCAxMS45MTYyIDIuOTQ2MjFDMTEuNDM0NyAzLjE4MDQzIDExLjAxNTcgMy4zNjc1IDEwLjk4NTMgMy4zNjE5MUMxMC45NTQ4IDMuMzU2MzMgMTAuNTYyMiAzLjE2NTE4IDEwLjExMjkgMi45MzcxM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.xbox-btn:hover,
.social-button__xbox:hover,
.social-card__xbox .social-card__icon:hover {
  background-color: #076907;
}
.xbox-btn:active,
.social-button__xbox:active,
.social-card__xbox .social-card__icon:active {
  background-color: #005400;
}
.playstation-btn,
.social-button__playstation,
.social-card__playstation .social-card__icon {
  background-color: #003791;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEuNjY2NyAxMC45OTk5QzIxLjY2NjcgMTYuODkgMTYuODkwMSAyMS42NjY2IDExIDIxLjY2NjZDNS4xMDk4OCAyMS42NzA3IDAuMzMzMzMyIDE2Ljg5NDEgMC4zMzMzMzIgMTAuOTk5OUMwLjMzMzMzMiA1LjEwOTggNS4xMDk4OCAwLjMzMzI1MiAxMSAwLjMzMzI1MkMxNi44OTAxIDAuMzMzMjUyIDIxLjY2NjcgNS4xMDk4IDIxLjY2NjcgMTAuOTk5OVpNOS4zNjAyMyA1LjY5MzFWMTUuMTA3NUwxMS40NzcyIDE1Ljc4NDZWNy44ODM1NEMxMS40NzcyIDcuNTEyMzUgMTEuNjQwNCA3LjI2NzYgMTEuOTA1NSA3LjM0OTE5QzEyLjI1MjMgNy40NDcwOCAxMi4zMTc1IDcuNzg5NzIgMTIuMzE3NSA4LjE1NjgzVjExLjMwOTlDMTMuNjM5MSAxMS45NTAzIDE0LjY3NTIgMTEuMzA5OSAxNC42NzUyIDkuNjE3MTNDMTQuNjc1MiA3Ljg3OTQ2IDE0LjA2NzQgNy4xMDg1MiAxMi4yNzI3IDYuNDg4NTFDMTEuNTc1MSA2LjI1NjAxIDEwLjI2MTcgNS44NTYyNiA5LjM2MDIzIDUuNjkzMVpNMTEuODgxMSAxNC40MDE4VjE1LjYzNzhMMTYuNTA2NyAxMy45NjU0QzE2LjUwNjcgMTMuOTY1NCAxNy4xMzA4IDEzLjczMjkgMTcuMzgzNyAxMy40MTQ3QzE3LjY0MDcgMTMuMDkyNSAxNy41MjY0IDEyLjYyMzQgMTYuNTI3MSAxMi4zMDUyQzE1LjY0MTkgMTEuOTY2NiAxNC41MTIgMTEuODUyNCAxMy41OTAyIDExLjk1NDRDMTIuNjY4MyAxMi4wNTY0IDEyLjAxMTYgMTIuMjkzIDEyLjAxMTYgMTIuMjkzTDExLjg4MTEgMTIuMzM3OFYxMy42MTg3TDE0LjE0OSAxMi44MTUxQzE0LjUzNjUgMTIuNjc2NCAxNS4xMDM1IDEyLjY0NzggMTUuNDE3NiAxMi43NDk4QzE1LjczMTcgMTIuODUxOCAxNS42NzA1IDEzLjA0NzYgMTUuMjg3MSAxMy4xODYzTDExLjg4MTEgMTQuNDAxOFpNNS40NzY5OSAxNC4yNzU0QzYuNTc4MzMgMTQuNjM4NCA3LjY5MTkgMTQuNzExOCA4Ljc0MDIyIDE0LjU0MDVDOC44MDk1NiAxNC41MjgzIDguODgyOTggMTQuNTIwMSA4Ljk0ODI1IDE0LjUwMzhWMTMuMzk4NEw3Ljg5OTkzIDEzLjc4MThDNy41MTI0MyAxMy45MjA1IDYuOTQ1NDQgMTMuOTQ5MSA2LjYzMTM2IDEzLjg0NzFDNi4zMTcyNyAxMy43NDUxIDYuMzc0MzggMTMuNTQ1MiA2Ljc2MTg5IDEzLjQwNjVMOC45NDgyNSAxMi42MTkzVjExLjM4MzNMNS45MTM0NSAxMi40Njg0QzUuOTEzNDUgMTIuNDY4NCA1LjE3OTIyIDEyLjcwOSA0Ljc0Njg0IDEzLjAzNTRDNC4yNzc3NiAxMy4zNzggNC40NDkwNyAxMy45ODU4IDUuNDc2OTkgMTQuMjc1NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.playstation-btn:hover,
.social-button__playstation:hover,
.social-card__playstation .social-card__icon:hover {
  background-color: #002e7a;
}
.playstation-btn:active,
.social-button__playstation:active,
.social-card__playstation .social-card__icon:active {
  background-color: #002766;
}
.nintendo-btn,
.social-button__nintendo,
.social-card__nintendo .social-card__icon {
  background-color: #e60012;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIuOTE0MSAwLjMzMzQxNkgxNi4xOTc2QzE2LjkxNTggMC4zMzM0MTYgMTcuNjI3IDAuNDc0ODc4IDE4LjI5MDUgMC43NDk3MjVDMTguOTU0IDEuMDI0NTcgMTkuNTU2OSAxLjQyNzQyIDIwLjA2NDggMS45MzUyOEMyMC41NzI3IDIuNDQzMTMgMjAuOTc1NSAzLjA0NjA0IDIxLjI1MDQgMy43MDk1OEMyMS41MjUyIDQuMzczMTIgMjEuNjY2NyA1LjA4NDMgMjEuNjY2NyA1LjgwMjUxVjE2LjE5NDNDMjEuNjY3MSAxNi45MTI4IDIxLjUyNiAxNy42MjQzIDIxLjI1MTMgMTguMjg4M0MyMC45NzY3IDE4Ljk1MjIgMjAuNTczOSAxOS41NTU1IDIwLjA2NiAyMC4wNjM3QzE5LjU1ODEgMjAuNTcxOSAxOC45NTUgMjAuOTc1MSAxOC4yOTEzIDIxLjI1MDFDMTcuNjI3NSAyMS41MjUyIDE2LjkxNjEgMjEuNjY2NyAxNi4xOTc2IDIxLjY2NjdIMTIuODk3M0MxMi44NjA0IDIxLjY2NjcgMTIuODI1MSAyMS42NTIxIDEyLjc5OSAyMS42MjZDMTIuNzcyOSAyMS41OTk5IDEyLjc1ODIgMjEuNTY0NSAxMi43NTgyIDIxLjUyNzZWMC40ODkyOTJDMTIuNzU4MiAwLjQ0Nzk1IDEyLjc3NDYgMC40MDgzMDIgMTIuODAzOSAwLjM3OTA3QzEyLjgzMzEgMC4zNDk4MzggMTIuODcyOCAwLjMzMzQxNiAxMi45MTQxIDAuMzMzNDE2Wk0xNi45Nzg2IDEyLjA4OTVDMTcuNDA1MyAxMi4wODk1IDE3LjgyMjUgMTEuOTYzIDE4LjE3NzIgMTEuNzI1OUMxOC41MzIgMTEuNDg4OCAxOC44MDg1IDExLjE1MTggMTguOTcxNyAxMC43NTc1QzE5LjEzNDkgMTAuMzYzMyAxOS4xNzc2IDkuOTI5NDUgMTkuMDk0MiA5LjUxMDk2QzE5LjAxMDggOS4wOTI0NyAxOC44MDUyIDguNzA4MTEgMTguNTAzNCA4LjQwNjQ5QzE4LjIwMTUgOC4xMDQ4OCAxNy44MTcgNy44OTk1NiAxNy4zOTg0IDcuODE2NTJDMTYuOTc5OSA3LjczMzQ4IDE2LjU0NjEgNy43NzY0MyAxNi4xNTIgNy45Mzk5NkMxNS43NTc4IDguMTAzNDkgMTUuNDIxIDguMzgwMjMgMTUuMTg0MiA4LjczNTE5QzE0Ljk0NzQgOS4wOTAxNSAxNC44MjEyIDkuNTA3MzcgMTQuODIxNSA5LjkzNDA4QzE0LjgyMTkgMTAuNTA1OSAxNS4wNDk0IDExLjA1NDEgMTUuNDUzOSAxMS40NTgzQzE1Ljg1ODQgMTEuODYyNSAxNi40MDY4IDEyLjA4OTUgMTYuOTc4NiAxMi4wODk1Wk0xMC40NzU0IDIxLjY2NjdINS44MDQxQzQuMzUzMTcgMjEuNjY2NyAyLjk2MTY1IDIxLjA5MDQgMS45MzU2OCAyMC4wNjQ0QzAuOTA5NzE1IDE5LjAzODQgMC4zMzMzMzIgMTcuNjQ2OSAwLjMzMzMzMiAxNi4xOTZWNS44MDQxOUMwLjMzMzMzMiA1LjA4NTgzIDAuNDc0ODUgNC4zNzQ1MiAwLjc0OTgwMiAzLjcxMDg3QzEuMDI0NzUgMy4wNDcyMiAxLjQyNzc2IDIuNDQ0MjMgMS45MzU3OSAxLjkzNjM2QzIuNDQzODIgMS40Mjg0OSAzLjA0NjkyIDEuMDI1NjcgMy43MTA2NiAwLjc1MDkxOUM0LjM3NDM5IDAuNDc2MTcgNS4wODU3NSAwLjMzNDg3MSA1LjgwNDEgMC4zMzUwOTNIMTAuNDc1NEMxMC41MTY3IDAuMzM1MDkzIDEwLjU1NjQgMC4zNTE1MTMgMTAuNTg1NiAwLjM4MDc0NUMxMC42MTQ4IDAuNDA5OTc5IDEwLjYzMTMgMC40NDk2MjcgMTAuNjMxMyAwLjQ5MDk2OVYyMS41MTA5QzEwLjYzMTMgMjEuNTUyMiAxMC42MTQ4IDIxLjU5MTkgMTAuNTg1NiAyMS42MjExQzEwLjU1NjQgMjEuNjUwMyAxMC41MTY3IDIxLjY2NjcgMTAuNDc1NCAyMS42NjY3Wk04LjkwMzIgMi4wNTY0NEg1LjgwNDFDNC44MTAxMiAyLjA1NjQ0IDMuODU2NzggMi40NTA5NSAzLjE1MzQ1IDMuMTUzMzNDMi40NTAxMyAzLjg1NTcxIDIuMDU0MzQgNC44MDg1MyAyLjA1MyA1LjgwMjUxVjE2LjE5NDNDMi4wNTM0NSAxNy4xODkyIDIuNDQ4NzQgMTguMTQzMiAzLjE1MjA3IDE4Ljg0NjhDMy44NTUzOSAxOS41NTA1IDQuODA5MjMgMTkuOTQ2MiA1LjgwNDEgMTkuOTQ3MUg4LjkwMzJWMi4wNTY0NFpNMy42NTUzNSAxNS4yNjc0QzMuNjU1MzUgMTQuODY5NiAzLjc3MzMxIDE0LjQ4MDggMy45OTQzMiAxNC4xNUM0LjIxNTMyIDEzLjgxOTIgNC41Mjk0NSAxMy41NjE0IDQuODk2OTcgMTMuNDA5MkM1LjI2NDQ5IDEzLjI1NyA1LjY2ODkgMTMuMjE3MSA2LjA1OTA1IDEzLjI5NDhDNi40NDkyMSAxMy4zNzI0IDYuODA3NTkgMTMuNTYzOSA3LjA4ODg4IDEzLjg0NTJDNy4zNzAxNiAxNC4xMjY1IDcuNTYxNzIgMTQuNDg0OSA3LjYzOTMzIDE0Ljg3NUM3LjcxNjk0IDE1LjI2NTIgNy42NzcxMSAxNS42Njk2IDcuNTI0ODggMTYuMDM3MUM3LjM3MjY0IDE2LjQwNDYgNy4xMTQ4NSAxNi43MTg4IDYuNzg0MDkgMTYuOTM5OEM2LjQ1MzMzIDE3LjE2MDggNi4wNjQ0NyAxNy4yNzg3IDUuNjY2NjYgMTcuMjc4N0M1LjEzMzIzIDE3LjI3ODcgNC42MjE2NSAxNy4wNjY4IDQuMjQ0NDUgMTYuNjg5NkMzLjg2NzI2IDE2LjMxMjQgMy42NTUzNSAxNS44MDA5IDMuNjU1MzUgMTUuMjY3NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.nintendo-btn:hover,
.social-button__nintendo:hover,
.social-card__nintendo .social-card__icon:hover {
  background-color: #d10010;
}
.nintendo-btn:active,
.social-button__nintendo:active,
.social-card__nintendo .social-card__icon:active {
  background-color: #bd000f;
}
.twitter-btn,
.social-button__twitter,
.social-card__twitter .social-card__icon {
  background-color: #1da1f2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDUyMTUgMjEuODM0MUMxOS4xMTUxIDIxLjgzNDEgMjQuNjE5MSAxMy40OTcgMjQuNjE5MSA2LjI2NzEzQzI0LjYxOTEgNi4wMzAzMyAyNC42MTkxIDUuNzk0NiAyNC42MDMxIDUuNTU5OTRDMjUuNjczOCA0Ljc4NTQ0IDI2LjU5ODEgMy44MjY0NyAyNy4zMzI3IDIuNzI3OTRDMjYuMzM0MiAzLjE3MDM5IDI1LjI3NDkgMy40NjA1NSAyNC4xOTAzIDMuNTg4NzNDMjUuMzMyNCAyLjkwNDk4IDI2LjE4NzIgMS44Mjk1NiAyNi41OTU2IDAuNTYyNjAzQzI1LjUyMTcgMS4xOTk4OSAyNC4zNDY3IDEuNjQ5MDIgMjMuMTIxNSAxLjg5MDZDMjIuMjk2NiAxLjAxMzQ3IDIxLjIwNTYgMC40MzI2NDkgMjAuMDE3MyAwLjIzODAzQzE4LjgyOTEgMC4wNDM0MTEgMTcuNjA5OCAwLjI0NTg0MSAxNi41NDgyIDAuODEzOTk1QzE1LjQ4NjYgMS4zODIxNSAxNC42NDE4IDIuMjg0MzUgMTQuMTQ0NiAzLjM4MDk5QzEzLjY0NzQgNC40Nzc2MyAxMy41MjU1IDUuNzA3NTYgMTMuNzk3NyA2Ljg4MDQ3QzExLjYyMjYgNi43NzE0MiA5LjQ5NDYgNi4yMDYxNSA3LjU1MjAzIDUuMjIxMzZDNS42MDk0NiA0LjIzNjU4IDMuODk1NzEgMi44NTQyOCAyLjUyMjAyIDEuMTY0MkMxLjgyMjM4IDIuMzY4NjQgMS42MDgxIDMuNzk0NDUgMS45MjI3OSA1LjE1MTM0QzIuMjM3NDkgNi41MDgyMiAzLjA1NzUxIDcuNjk0MTUgNC4yMTU4OCA4LjQ2NzY3QzMuMzQ1MjEgOC40NDE4NiAyLjQ5MzUxIDguMjA2OTkgMS43MzI2OCA3Ljc4Mjg3QzEuNzMyNjggNy44MDUyNyAxLjczMjY4IDcuODI4NzMgMS43MzI2OCA3Ljg1MjJDMS43MzMwMyA5LjExNTM3IDIuMTcwMjkgMTAuMzM5NSAyLjk3MDMyIDExLjMxNzFDMy43NzAzNCAxMi4yOTQ2IDQuODgzODYgMTIuOTY1MyA2LjEyMjAyIDEzLjIxNTRDNS4zMTY1NCAxMy40MzUxIDQuNDcxNDMgMTMuNDY3MiAzLjY1MTYyIDEzLjMwOTNDNC4wMDEyMyAxNC4zOTY0IDQuNjgxODcgMTUuMzQ3IDUuNTk4MzYgMTYuMDI4M0M2LjUxNDg0IDE2LjcwOTUgNy42MjEzNCAxNy4wODczIDguNzYzMDggMTcuMTA4N0M2LjgyNTczIDE4LjYzMTMgNC40MzI0OCAxOS40NTc5IDEuOTY4NDIgMTkuNDU1NEMxLjUzMzExIDE5LjQ1NDYgMS4wOTgyMyAxOS40MjgyIDAuNjY2MDE2IDE5LjM3NjVDMy4xNjgwMyAyMC45ODIxIDYuMDc5MjYgMjEuODMzOCA5LjA1MjE1IDIxLjgyOTgiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.twitter-btn:hover,
.social-button__twitter:hover,
.social-card__twitter .social-card__icon:hover {
  background-color: #0d8ede;
}
.twitter-btn:active,
.social-button__twitter:active,
.social-card__twitter .social-card__icon:active {
  background-color: #007dc9;
}
.instagram-btn,
.social-button__instagram,
.social-card__instagram .social-card__icon {
  background-color: #dc3277;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDAyIDUuNTIyMjlDNy45NzQ5OCA1LjUyMjI5IDUuNTIzMDkgNy45NzQ2MSA1LjUyMzA5IDEwLjk5OTRDNS41MjMwOSAxNC4wMjQxIDcuOTc1NDEgMTYuNDc2NCAxMS4wMDAyIDE2LjQ3NjRDMTQuMDI0OSAxNi40NzY0IDE2LjQ3NzIgMTQuMDI0MSAxNi40NzcyIDEwLjk5OTRDMTYuNDc3MiA3Ljk3NDYxIDE0LjAyNTMgNS41MjIyOSAxMS4wMDAyIDUuNTIyMjlaTTExLjAwMDIgMTQuNTU0NkM5LjAzNjQ0IDE0LjU1NDYgNy40NDQ4OSAxMi45NjI3IDcuNDQ0ODkgMTAuOTk5NEM3LjQ0NDg5IDkuMDM1NjQgOS4wMzY4NyA3LjQ0NDA5IDExLjAwMDIgNy40NDQwOUMxMi45NjM1IDcuNDQ0MDkgMTQuNTU1NCA5LjAzNjA3IDE0LjU1NTQgMTAuOTk5NEMxNC41NTU0IDEyLjk2MzEgMTIuOTYzOSAxNC41NTQ2IDExLjAwMDIgMTQuNTU0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy45NzQgNS4zMDcyMkMxNy45NzQgNi4wMTQxMSAxNy40MDA5IDYuNTg3MTUgMTYuNjk0IDYuNTg3MTVDMTUuOTg3MiA2LjU4NzE1IDE1LjQxNDEgNi4wMTQxMSAxNS40MTQxIDUuMzA3MjJDMTUuNDE0MSA0LjYwMDM0IDE1Ljk4NzIgNC4wMjcyOSAxNi42OTQgNC4wMjcyOUMxNy40MDA5IDQuMDI3MjkgMTcuOTc0IDQuNjAwMzQgMTcuOTc0IDUuMzA3MjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjAwMDIgMC4zMzM5ODRDOC4xMDMzNCAwLjMzMzk4NCA3Ljc0MDA2IDAuMzQ2MjYzIDYuNjAyMzkgMC4zOTgzNDFDNS40NjcyNiAwLjQ0OTk5NSA0LjY5MjAyIDAuNjMwMzYzIDQuMDEzMzEgMC44OTQxMzlDMy4zMTE3NCAxLjE2NjgxIDIuNzE2ODcgMS41MzEzNSAyLjEyNDExIDIuMTI0NTNDMS41MzEzNSAyLjcxNzI5IDEuMTY2MzggMy4zMTIxNiAwLjg5NDE0IDQuMDEzMzFDMC42MzAzNjMgNC42OTIwMiAwLjQ0OTk5NSA1LjQ2NzI2IDAuMzk4MzQxIDYuNjAyMzlDMC4zNDYyNjMgNy43NDAwNiAwLjMzMzk4NCA4LjEwMzMzIDAuMzMzOTg0IDExLjAwMDJDMC4zMzM5ODQgMTMuODk3MSAwLjM0NjI2MyAxNC4yNjA0IDAuMzk4MzQxIDE1LjM5OEMwLjQ0OTk5NSAxNi41MzMyIDAuNjMwMzYzIDE3LjMwODQgMC44OTQxNCAxNy45ODcxQzEuMTY2ODEgMTguNjg4NyAxLjUzMTM1IDE5LjI4MzYgMi4xMjQ1MyAxOS44NzYzQzIuNzE3NzIgMjAuNDY5NSAzLjMxMjE3IDIwLjgzNCA0LjAxMzc0IDIxLjEwNjdDNC42OTIwMiAyMS4zNzA1IDUuNDY3NjkgMjEuNTUwOSA2LjYwMjgyIDIxLjYwMjVDNy43NDA0OSAyMS42NTQ2IDguMTAzNzYgMjEuNjY2OSAxMS4wMDA3IDIxLjY2NjlDMTMuODk3NSAyMS42NjY5IDE0LjI2MDggMjEuNjU0NiAxNS4zOTg1IDIxLjYwMjVDMTYuNTMzNiAyMS41NTA5IDE3LjMwOTMgMjEuMzcwNSAxNy45ODc2IDIxLjEwNjdDMTguNjg5MSAyMC44MzQgMTkuMjg0IDIwLjQ2OTUgMTkuODc2OCAxOS44NzYzQzIwLjQ2OTkgMTkuMjgzMSAyMC44MzQ1IDE4LjY4ODcgMjEuMTA3MiAxNy45ODcxQzIxLjM3MDkgMTcuMzA4OCAyMS41NTEzIDE2LjUzMzIgMjEuNjAzIDE1LjM5OEMyMS42NTUgMTQuMjYwNCAyMS42NjczIDEzLjg5NzEgMjEuNjY3MyAxMS4wMDAyQzIxLjY2NzMgOC4xMDMzMyAyMS42NTUgNy43NDAwNiAyMS42MDMgNi42MDIzOUMyMS41NTEzIDUuNDY3MjYgMjEuMzcwOSA0LjY5MTU5IDIxLjEwNzIgNC4wMTMzMUMyMC44MzQ1IDMuMzExNzQgMjAuNDY5OSAyLjcxNjg3IDE5Ljg3NjggMi4xMjQxMUMxOS4yODM2IDEuNTMwOTMgMTguNjg5MSAxLjE2NjM4IDE3Ljk4NzYgMC44OTM3MTZDMTcuMzA4NCAwLjYzMDM2MyAxNi41MzMyIDAuNDQ5OTk1IDE1LjM5ODEgMC4zOTgzNDFDMTQuMjYwNCAwLjM0NjI2MyAxMy44OTcxIDAuMzMzOTg0IDExLjAwMDIgMC4zMzM5ODRaTTExLjAwMDIgMi4yNTU3OUMxMy44NDg0IDIuMjU1NzkgMTQuMTg1NSAyLjI2Njc5IDE1LjMxMDQgMi4zMTgwM0MxNi4zNTAzIDIuMzY1NDUgMTYuOTE1MSAyLjUzOTA0IDE3LjI5MTEgMi42ODUxMUMxNy43ODkgMi44Nzg2IDE4LjE0NDIgMy4xMDk3OCAxOC41MTc3IDMuNDgyNzlDMTguODkxMSAzLjg1NjIzIDE5LjEyMjMgNC4yMTE0NiAxOS4zMTUzIDQuNzA5MzdDMTkuNDYxNCA1LjA4NTM1IDE5LjYzNSA1LjY1MDE2IDE5LjY4MjQgNi42OTAwM0MxOS43MzM3IDcuODE0NTcgMTkuNzQ0NyA4LjE1MjAyIDE5Ljc0NDcgMTEuMDAwMkMxOS43NDQ3IDEzLjg0ODQgMTkuNzMzNyAxNC4xODU0IDE5LjY4MjQgMTUuMzEwNEMxOS42MzUgMTYuMzUwMyAxOS40NjE0IDE2LjkxNTEgMTkuMzE1MyAxNy4yOTExQzE5LjEyMTggMTcuNzg5IDE4Ljg5MDcgMTguMTQ0MiAxOC41MTc3IDE4LjUxNzZDMTguMTQ0MiAxOC44OTExIDE3Ljc4OSAxOS4xMjIzIDE3LjI5MTEgMTkuMzE1M0MxNi45MTUxIDE5LjQ2MTQgMTYuMzUwMyAxOS42MzUgMTUuMzEwNCAxOS42ODI0QzE0LjE4NTkgMTkuNzMzNiAxMy44NDg0IDE5Ljc0NDYgMTEuMDAwMiAxOS43NDQ2QzguMTUyMDMgMTkuNzQ0NiA3LjgxNDU4IDE5LjczMzYgNi42OTAwNCAxOS42ODI0QzUuNjUwMTcgMTkuNjM1IDUuMDg1MzYgMTkuNDYxNCA0LjcwOTM4IDE5LjMxNTNDNC4yMTE0NiAxOS4xMjE4IDMuODU2MjMgMTguODkwNyAzLjQ4MjggMTguNTE3NkMzLjEwOTM2IDE4LjE0NDIgMi44NzgxOCAxNy43ODkgMi42ODUxMSAxNy4yOTExQzIuNTM5MDQgMTYuOTE1MSAyLjM2NTQ1IDE2LjM1MDMgMi4zMTgwMyAxNS4zMTA0QzIuMjY2OCAxNC4xODU5IDIuMjU1NzkgMTMuODQ4NCAyLjI1NTc5IDExLjAwMDJDMi4yNTU3OSA4LjE1MjAyIDIuMjY2OCA3LjgxNSAyLjMxODAzIDYuNjkwMDNDMi4zNjU0NSA1LjY1MDE2IDIuNTM5MDQgNS4wODUzNSAyLjY4NTExIDQuNzA5MzdDMi44Nzg2MSA0LjIxMTQ2IDMuMTA5NzggMy44NTYyMyAzLjQ4MjggMy40ODI3OUMzLjg1NjIzIDMuMTA5MzYgNC4yMTE0NiAyLjg3ODE4IDQuNzA5MzggMi42ODUxMUM1LjA4NTM2IDIuNTM5MDQgNS42NTAxNyAyLjM2NTQ1IDYuNjkwMDQgMi4zMTgwM0M3LjgxNSAyLjI2Njc5IDguMTUyMDMgMi4yNTU3OSAxMS4wMDAyIDIuMjU1NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.instagram-btn:hover,
.social-button__instagram:hover,
.social-card__instagram .social-card__icon:hover {
  background-color: #c72265;
}
.instagram-btn:active,
.social-button__instagram:active,
.social-card__instagram .social-card__icon:active {
  background-color: #b21052;
}
.twitch-btn,
.social-button__twitch,
.social-card__twitch .social-card__icon {
  background-color: #9146ff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyMDggNS4yMjE4NUgxNS40NDMxVjEwLjU1NTJIMTcuMjIwOFY1LjIyMTg1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjU1ODIgNS4yMjE4NUgxMi4zMzZWMTAuNTU1MkgxMC41NTgyVjUuMjIxODVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzc4NDMgMC4zMzM5ODRMMC4zMzM5ODQgNC43Nzg0M1YyMC43Nzg0SDUuNjY3MzJWMjUuMjIyOUwxMC4xMTE4IDIwLjc3ODRIMTMuNjY3M0wyMS42NjczIDEyLjc3ODRWMC4zMzM5ODRINC43Nzg0M1pNMTkuODg5NSAxMS44ODk1TDE2LjMzNCAxNS40NDUxSDEyLjc3ODRMOS42NjczMiAxOC41NTYyVjE1LjQ0NTFINS42NjczMlYyLjExMTc2SDE5Ljg4OTVWMTEuODg5NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.twitch-btn:hover,
.social-button__twitch:hover,
.social-card__twitch .social-card__icon:hover {
  background-color: #7c31eb;
}
.twitch-btn:active,
.social-button__twitch:active,
.social-card__twitch .social-card__icon:active {
  background-color: #671cd6;
}
.twitchprime-btn,
.social-button__twitchprime,
.social-card__twitchprime .social-card__icon {
  background-color: #9146ff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMS44Mzg2M1YxMy42NjY2SDI0VjEuODM4NjNMMTguODc1IDYuMjQ3MjNMMTIgMC4zMzMyNTJMNS4xMjUgNi4yNDcyM0wwIDEuODM4NjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.twitchprime-btn:hover,
.social-button__twitchprime:hover,
.social-card__twitchprime .social-card__icon:hover {
  background-color: #7c31eb;
}
.twitchprime-btn:active,
.social-button__twitchprime:active,
.social-card__twitchprime .social-card__icon:active {
  background-color: #671cd6;
}
.discord-btn,
.social-button__discord,
.social-card__discord .social-card__icon {
  background-color: #7289da;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1Ljg5MDIgMC43Nzc4MzJINC4xMTAwNUMyLjI3MzI4IDAuNzc3ODMyIDAuNzc3ODMyIDIuMjcwNzcgMC43Nzc4MzIgNC4xMjA4MVYyNi4wNjFDMC43Nzc4MzIgMjcuOTExIDIuMjczMTcgMjkuNDA0IDQuMTA5OTQgMjkuNDA0SDIyLjU0MTlMMjEuNjgwNCAyNi40MDE4TDIzLjc2MDkgMjguMzMyOUwyNS43Mjc2IDMwLjE1MDRMMjkuMjIyMyAzMy4yMzM3VjQuMTIwODFDMjkuMjIyMyAyLjI3MDc3IDI3LjcyNjkgMC43Nzc4MzIgMjUuODkwMiAwLjc3NzgzMlpNMTkuNjE2MiAyMS45NzE2QzE5LjYxNjIgMjEuOTcxNiAxOS4wMzEgMjEuMjczOCAxOC41NDM0IDIwLjY1NzFDMjAuNjcyNyAyMC4wNTY2IDIxLjQ4NTQgMTguNzI2IDIxLjQ4NTQgMTguNzI2QzIwLjgxODkgMTkuMTY0MSAyMC4xODUxIDE5LjQ3MjUgMTkuNjE2MiAxOS42ODMzQzE4LjgwMzUgMjAuMDI0MiAxOC4wMjMzIDIwLjI1MTMgMTcuMjU5NCAyMC4zODEyQzE1LjY5ODkgMjAuNjczMyAxNC4yNjg2IDIwLjU5MjIgMTMuMDQ5NiAyMC4zNjVDMTIuMTIzMSAyMC4xODY0IDExLjMyNjYgMTkuOTI2OCAxMC42NjAzIDE5LjY2NzJDMTAuMjg2NCAxOS41MjExIDkuODgwMDUgMTkuMzQyNiA5LjQ3MzYxIDE5LjExNTRDOS40MjQ5NCAxOS4wODI5IDkuMzc2MTYgMTkuMDY2NyA5LjMyNzM5IDE5LjAzNDJDOS4yOTQ5NCAxOS4wMTggOS4yNzg2MSAxOS4wMDE4IDkuMjYyMzkgMTguOTg1NkM4Ljk2OTgzIDE4LjgyMzQgOC44MDcyNyAxOC43MDk4IDguODA3MjcgMTguNzA5OEM4LjgwNzI3IDE4LjcwOTggOS41ODc1IDIwLjAwOCAxMS42NTE3IDIwLjYyNDZDMTEuMTY0MiAyMS4yNDE0IDEwLjU2MjcgMjEuOTcxNSAxMC41NjI3IDIxLjk3MTVDNi45NzA1IDIxLjg1NzkgNS42MDUyOCAxOS41MDQ5IDUuNjA1MjggMTkuNTA0OUM1LjYwNTI4IDE0LjI3OTUgNy45NDU4MyAxMC4wNDQgNy45NDU4MyAxMC4wNDRDMTAuMjg2NCA4LjI5MTM1IDEyLjUxMzIgOC4zNDAwNCAxMi41MTMyIDguMzQwMDRMMTIuNjc1NyA4LjUzNDg0QzkuNzUwMDUgOS4zNzg0OSA4LjQwMDk0IDEwLjY2MDcgOC40MDA5NCAxMC42NjA3QzguNDAwOTQgMTAuNjYwNyA4Ljc1ODUgMTAuNDY2IDkuMzU5ODMgMTAuMTkwMUMxMS4wOTkxIDkuNDI3MyAxMi40ODA3IDkuMjE2NDIgMTMuMDQ5NiA5LjE2NzcyQzEzLjE0NzEgOS4xNTE0MSAxMy4yMjg0IDkuMTM1MjEgMTMuMzI1OSA5LjEzNTIxQzE0LjQxNTIgOC45OTM1NSAxNS41MTc1IDguOTgyNjcgMTYuNjA5MyA5LjEwMjgyQzE4LjE1MzMgOS4yODEzMSAxOS44MTEzIDkuNzM1NyAyMS41MDE2IDEwLjY2MDdDMjEuNTAxNiAxMC42NjA3IDIwLjIxNzYgOS40NDM2MSAxNy40NTQ0IDguNTk5NzRMMTcuNjgxOSA4LjM0MDE2QzE3LjY4MTkgOC4zNDAxNiAxOS45MDg3IDguMjkxMzUgMjIuMjQ5MyAxMC4wNDQxQzIyLjI0OTMgMTAuMDQ0MSAyNC41ODk5IDE0LjI3OTUgMjQuNTg5OSAxOS41MDQ5QzI0LjU4OTkgMTkuNTA0OSAyMy4yMDgzIDIxLjg1NzkgMTkuNjE2MiAyMS45NzE1VjIxLjk3MTZaTTEyLjA1ODEgMTQuMzkzMUMxMS4xMzE2IDE0LjM5MzEgMTAuNDAwMyAxNS4yMDQ1IDEwLjQwMDMgMTYuMTk0M0MxMC40MDAzIDE3LjE4NDMgMTEuMTQ3OCAxNy45OTU3IDEyLjA1ODEgMTcuOTk1N0MxMi45ODQ2IDE3Ljk5NTcgMTMuNzE1OSAxNy4xODQzIDEzLjcxNTkgMTYuMTk0M0MxMy43MzIzIDE1LjIwNDUgMTIuOTg0NiAxNC4zOTMxIDEyLjA1ODIgMTQuMzkzMUgxMi4wNTgxWk0xNy45OTA4IDE0LjM5MzFDMTcuMDY0MyAxNC4zOTMxIDE2LjMzMjggMTUuMjA0NSAxNi4zMzI4IDE2LjE5NDNDMTYuMzMyOCAxNy4xODQzIDE3LjA4MDYgMTcuOTk1NyAxNy45OTA4IDE3Ljk5NTdDMTguOTE3MyAxNy45OTU3IDE5LjY0ODYgMTcuMTg0MyAxOS42NDg2IDE2LjE5NDNDMTkuNjQ4NiAxNS4yMDQ1IDE4LjkxNzMgMTQuMzkzMSAxNy45OTA4IDE0LjM5MzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.discord-btn:hover,
.social-button__discord:hover,
.social-card__discord .social-card__icon:hover {
  background-color: #5a72c4;
}
.discord-btn:active,
.social-button__discord:active,
.social-card__discord .social-card__icon:active {
  background-color: #435bb0;
}
.okta-btn,
.social-button__okta,
.social-card__okta .social-card__icon {
  background-color: #00297a;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDc4LjMgNDE5LjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CnN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNzguMyA0MTkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNFMURGREY7fQoJLnN0MntmaWxsOiMzODM2MzY7fQoJLnN0M3tmaWxsOiMyQjJBMjk7fQoJLnN0NHtmaWxsOiMzNzM1MzU7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMS0yIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NzUuOCwxNjljMC0xMS42LDAuMS0yMy4yLDAuMS0zNC44YzAtMS4yLDAtMi40LDAtMy44YzAuOS0wLjEsMS41LTAuMSwyLjEtMC4xYzE2LjgsMCwzMy41LDAsNTAuMywwCgkJYzAuNiwwLDEuMywwLjEsMiwwLjJjMC4yLDAuMiwwLjQsMC40LDAuNiwwLjdjMCwxLjMsMC4xLDIuNiwwLjEsNGMwLDY2LjksMCwxMzMuOCwwLDIwMC43YzAsNC40LDAuMSw4LjcsMS4zLDEzCgkJYzIuMSw3LjcsNi43LDExLjksMTQuNywxMi42YzMuOCwwLjMsNy43LDAuMywxMS42LDAuNGMxLjIsMCwyLjQsMCwzLjgsMHY1MS45aC0zYy03LjcsMC0xNS41LDAuMS0yMy4yLDAKCQljLTguMy0wLjEtMTYuNS0xLjItMjQuMy0zLjljLTExLjgtNC4yLTIwLjktMTEuNi0yNi40LTIzYy0yLjUtNS4yLTMuNy0xMC44LTUuMS0xNi42Yy0wLjcsMC45LTEuMiwxLjYtMS43LDIuMwoJCWMtMTQuOSwyMC44LTM0LjUsMzQuNy01OS4yLDQxLjVjLTYuNCwxLjgtMTIuOCwzLjEtMTkuMywzLjljLTkuMSwxLjItMTguMiwxLjUtMjcuNCwwLjhjLTUuMS0wLjQtMTAuMS0xLjItMTUuMi0xLjkKCQljLTcuNC0xLTE0LjUtMy4xLTIxLjItNS44Yy0zOS41LTE1LjgtNjcuMi00My41LTgyLjctODMuMmMtMy03LjgtNS4yLTE1LjktNi44LTI0LjFjLTIuNy0xMy45LTMuNy0yNy45LTIuNy00Mi4xCgkJYzAuMy00LjEsMC41LTguMywwLjktMTIuNGMwLjItMiwxLTQsMS4yLTZjMC42LTUuMiwyLjEtMTAuMywzLjUtMTUuM2MxLjYtNS42LDMuNi0xMS4xLDUuOS0xNi40YzE3LjgtNDAuNiw0Ny40LTY4LDg5LjktODEuMQoJCWM2LjEtMS45LDEyLjQtMi45LDE4LjctMy44YzEwLjktMS43LDIxLjgtMS43LDMyLjctMC41YzkuNSwxLjEsMTguOCwzLDI3LjksNi4zYzIwLjUsNy41LDM3LjQsMTkuNiw0OS45LDM3LjYKCQljMC4yLDAuNCwwLjUsMC43LDAuNywxLjFjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjJDOTc1LjksMTcwLjIsOTc1LjgsMTY5LjYsOTc1LjgsMTY5TDk3NS44LDE2OXogTTgwMi45LDI3NC44CgkJYzAuMiwzLjMsMC4yLDkuMiwxLjMsMTQuOWMxLjUsNy44LDMuNiwxNS41LDYuOSwyMi45YzQuOCwxMC43LDExLjMsMjAuMiwxOS43LDI4LjRjOS43LDkuNCwyMS4zLDE1LjgsMzQuMSwxOS42CgkJYzUuOCwxLjgsMTEuOSwyLjgsMTguMSwzLjFjNywwLjQsMTMuOSwwLjIsMjAuOC0wLjhjOS4zLTEuMywxOC4xLTQuMSwyNi4zLTguNWMyMy0xMi4zLDM2LjYtMzEuNyw0My4xLTU2LjYKCQljMS4xLTQuNCwxLjYtOC45LDIuMi0xMy40YzAuNy01LjYsMS4yLTExLjIsMC45LTE2LjhjLTAuMS0yLjgtMC43LTUuNi0xLjEtOC41Yy0wLjQtMy0wLjUtNi4xLTEuMS05LjFjLTEuMy02LjgtMy40LTEzLjUtNi4yLTE5LjgKCQljLTEwLjItMjIuNy0yNi45LTM4LjUtNTAuOC00Ni4xYy01LjMtMS43LTEwLjgtMi43LTE2LjQtMy40Yy0xNC42LTEuOS0yOC45LTAuNC00Mi42LDUuMUM4MzEuNywxOTYuNCw4MTUuMSwyMTYsODA3LDI0MwoJCUM4MDQuMSwyNTIuNSw4MDIuOSwyNjIuMyw4MDIuOSwyNzQuOEw4MDIuOSwyNzQuOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LDI3My40YzAuMi02LjgtMC4xLTEyLjMsMC42LTE3LjhjMS40LTExLjQsMy42LTIyLjcsNy41LTMzLjZjMTQuNC00MSw0MS44LTY5LjcsODEuOS04Ni4zCgkJYzkuOC00LDE5LjktNi43LDMwLjItOC41YzEzLjItMi4zLDI2LjUtMi45LDM5LjgtMS41YzcsMC43LDE0LDEuNiwyMC44LDMuMmM3LjksMS45LDE1LjcsNC4yLDIzLjMsNy4zYzEwLjksNC40LDIxLjEsMTAsMzAuNiwxNi45CgkJYzIyLjksMTYuOCwzOS4zLDM4LjYsNDkuMSw2NS4yYzMuOSwxMC41LDYuNywyMS4zLDcuOSwzMi40YzEuMywxMS42LDIuMiwyMy4zLDAuNywzNC45Yy0wLjgsNi43LTEuNiwxMy40LTMsMjAKCQljLTEuMyw1LjktMi43LDExLjgtNC44LDE3LjRjLTE1LjUsNDMuMi00NS4yLDcyLjMtODguNCw4Ny43Yy02LjcsMi40LTEzLjgsNC4xLTIwLjgsNS41Yy0xMi43LDIuNS0yNS41LDMuNC0zOC40LDIuNAoJCWMtNS42LTAuNS0xMS40LTAuNS0xNi45LTEuNmMtOC40LTEuOC0xNi45LTMuOC0yNS02LjhjLTQxLjQtMTUuNC03MC4yLTQzLjYtODUuOC04NC45Yy0yLjQtNi40LTQuMy0xMi45LTYtMTkuNQoJCWMtMS4xLTQuNC0xLjMtOS4xLTItMTMuNkM2LjEsMjg1LjUsNi42LDI3OC44LDYsMjczLjRMNiwyNzMuNHogTTY1LjYsMjcwLjZjLTAuMiw4LjksMC40LDE3LjcsMi42LDI2LjQKCQljMi42LDEwLjEsNi41LDE5LjcsMTIuMiwyOC41YzEwLjgsMTYuNywyNS44LDI4LjEsNDQuNSwzNC40YzYsMiwxMi40LDMuNCwxOC45LDMuN2M3LjYsMC40LDE1LjIsMC40LDIyLjctMC43CgkJYzcuNy0xLjIsMTUuMS0zLjIsMjIuMi02LjVjMjUuNy0xMS45LDQxLTMyLjIsNDgtNTkuM2MxLjItNC42LDEuOC05LjIsMi0xMy45YzAuMi00LjUsMC45LTksMC44LTEzLjRjLTAuMS00LjgtMS4yLTkuNS0xLjUtMTQuMwoJCWMtMC40LTUuNC0xLjctMTAuNi0zLjQtMTUuNmMtOS4xLTI2LjktMjYuNy00NS43LTUzLjgtNTUuMmMtNS42LTItMTEuNC0zLTE3LjMtMy43Yy03LjQtMC45LTE0LjktMC45LTIyLjQsMAoJCWMtNi4yLDAuOC0xMi4zLDItMTguMiw0LjFjLTI1LjcsOS4zLTQyLjgsMjcuMi01Miw1Mi44Yy0yLjUsNy00LDE0LjMtNS40LDIxLjZDNjUsMjYzLDY1LjYsMjY2LjgsNjUuNiwyNzAuNkw2NS42LDI3MC42eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5NS4zLDQxMy43Yy0xMS44LDAtMjMuNywwLjEtMzUuNSwwLjFjLTcsMC0xMy45LDAtMjAuOSwwYy0wLjctMi41LTAuOC0zNzUtMC4xLTM3OC42SDM5NnYyMDMuOWgxNy42CgkJYzMuOS01LjQsOC0xMS4xLDEyLTE2LjdjMjEuMi0yOS43LDQyLjUtNTkuMyw2My42LTg5YzEuNi0yLjIsMy4xLTMuMSw1LjktMy4xYzE5LjEsMC4xLDM4LjMsMC4xLDU3LjQsMC4xaDQKCQljLTMyLjEsNDMuNC02My44LDg2LjMtOTUuNiwxMjkuM2MzLjQsNC4yLDYuNyw4LjMsMTAsMTIuNGMzNy42LDQ2LjUsNzUuMiw5MywxMTIuOCwxMzkuNWMwLjMsMC4zLDAuNSwwLjcsMC43LDEuMXYxLjEKCQljLTEsMC0yLDAuMS0zLDAuMWMtMjEuOSwwLTQzLjgsMC02NS43LDAuMWMtMi4yLDAtMy42LTAuNy01LTIuNGMtMzEuMi0zOC45LTYyLjQtNzcuNy05My42LTExNi41Yy0wLjctMC45LTEuNC0xLjctMi0yLjRoLTE5CgkJYzAsMS4zLDAsMi41LDAsMy43YzAsMzcuOCwwLDc1LjYsMCwxMTMuNGMwLDEuMi0wLjEsMi40LTAuMiwzLjZDMzk1LjcsNDEzLjQsMzk1LjUsNDEzLjUsMzk1LjMsNDEzLjdMMzk1LjMsNDEzLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjksMTgyLjJoLTcyLjVjLTAuMSwxLTAuMiwxLjgtMC4yLDIuNmMwLDQ5LjksMCw5OS44LDAsMTQ5LjZjMCwzLjIsMCw2LjQsMC4yLDkuNgoJCWMwLjcsMTAsNi43LDE2LjIsMTYuNywxNy4zYzMsMC4zLDYsMC41LDguOSwwLjVjMTQuNCwwLDI4LjgsMCw0My4xLDBjMS4yLDAsMi40LDAsMy44LDB2NTEuOWMtMS4yLDAtMi4zLDAtMy4zLDAKCQljLTIxLjUsMC00Mi45LDAuMS02NC40LDBjLTYsMC0xMi0wLjQtMTcuOC0xLjljLTIxLjctNS42LTM1LjktMTguOS00Mi00MC42Yy0yLjItNy45LTIuOC0xNi0yLjgtMjQuMmMwLTEwMywwLTIwNS45LDAtMzA4LjkKCQljMC0xLDAuMS0xLjksMC4yLTNoNTcuNXY5NS4xaDcyLjdMNzI5LjksMTgyLjJMNzI5LjksMTgyLjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEwNi4zLDM4LjVjMCwwLjYsMC4xLDEuMiwwLjEsMS44Yy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMmMtMC4yLTAuNC0wLjUtMC43LTAuNy0xLjEKCQlDMTEwNS42LDM5LjEsMTEwNS45LDM4LjgsMTEwNi4zLDM4LjV6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNzE0LjksMjgzLjJ2LTEuMUM3MTUuNywyODIuOSw3MTUuNywyODIuOSw3MTQuOSwyODMuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMTYxLjQsMC43Yy0wLjItMC4yLTAuNC0wLjQtMC42LTAuN0MxMTYxLDAuMiwxMTYxLjIsMC40LDExNjEuNCwwLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNTI1LjgsMjgzLjJjMC4yLTAuMiwwLjQtMC4zLDAuNi0wLjVDNTI2LjIsMjgyLjgsNTI2LDI4Myw1MjUuOCwyODMuMnoiLz4KPC9nPgo8L3N2Zz4KCg==);
}
.okta-btn:hover,
.social-button__okta:hover,
.social-card__okta .social-card__icon:hover {
  background-color: #001c7a;
}
.okta-btn:active,
.social-button__okta:active,
.social-card__okta .social-card__icon:active {
  background-color: #00067a;
}
.default-btn,
.social-button__default,
.social-card__default .social-card__icon {
  background-color: #e5e5e5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzU5NjcgMTUuOTk5OEM3LjM1OTY3IDE0LjE3NTggOC44NDIzNCAxMi42OTMyIDEwLjY2NjMgMTIuNjkzMkgxNC45MzNWMTAuNjY2NUgxMC42NjYzQzcuNzIyMzQgMTAuNjY2NSA1LjMzMzAxIDEzLjA1NTggNS4zMzMwMSAxNS45OTk4QzUuMzMzMDEgMTguOTQzOCA3LjcyMjM0IDIxLjMzMzIgMTAuNjY2MyAyMS4zMzMySDE0LjkzM1YxOS4zMDY1SDEwLjY2NjNDOC44NDIzNCAxOS4zMDY1IDcuMzU5NjcgMTcuODIzOCA3LjM1OTY3IDE1Ljk5OThaTTExLjczMyAxNy4wNjY1SDIwLjI2NjNWMTQuOTMzMkgxMS43MzNWMTcuMDY2NVpNMjEuMzMzIDEwLjY2NjVIMTcuMDY2M1YxMi42OTMySDIxLjMzM0MyMy4xNTcgMTIuNjkzMiAyNC42Mzk3IDE0LjE3NTggMjQuNjM5NyAxNS45OTk4QzI0LjYzOTcgMTcuODIzOCAyMy4xNTcgMTkuMzA2NSAyMS4zMzMgMTkuMzA2NUgxNy4wNjYzVjIxLjMzMzJIMjEuMzMzQzI0LjI3NyAyMS4zMzMyIDI2LjY2NjMgMTguOTQzOCAyNi42NjYzIDE1Ljk5OThDMjYuNjY2MyAxMy4wNTU4IDI0LjI3NyAxMC42NjY1IDIxLjMzMyAxMC42NjY1WiIgZmlsbD0iIzIxMUUxRiIvPgo8L3N2Zz4K);
}
.default-btn:hover,
.social-button__default:hover,
.social-card__default .social-card__icon:hover {
  background-color: #e5e5e5;
}
.default-btn:active,
.social-button__default:active,
.social-card__default .social-card__icon:active {
  background-color: #e5e5e5;
}
.social-button {
  position: relative;
  display: flex;
  align-items: center;
  outline: none;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position: 2.125rem center;
  height: 8rem;
  padding: 0 0 0 8rem;
  border-radius: 0.5rem;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .social-button {
    border-radius: 0.166666666666667rem;
    background-position: 0.541666666666667rem center;
    height: 2rem;
    padding: 0 0 0 2.333333333333333rem;
  }
}
.social-button__add {
  position: absolute;
  right: 2.375rem;
}
@media screen and (min-width: 960px) {
  .social-button__add {
    right: 0.791666666666667rem;
  }
}
.social-card {
  background-color: rgba(138,138,138,0.1);
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  height: 8rem;
  display: flex;
  position: relative;
}
@media screen and (min-width: 960px) {
  .social-card {
    border-radius: 0.166666666666667rem;
    height: 2rem;
  }
}
.social-card__icon {
  background-repeat: no-repeat;
  min-width: 8rem;
  height: 8rem;
  background-position: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media screen and (min-width: 960px) {
  .social-card__icon {
    min-width: 2rem;
    height: 2rem;
    background-position: center;
    border-top-left-radius: 0.166666666666667rem;
    border-bottom-left-radius: 0.166666666666667rem;
  }
}
.social-card__content {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 960px) {
  .social-card__content {
    padding: 0.333333333333333rem;
  }
}
.social-card__info {
  color: #b8b8b8;
}
.social-card__actions {
  padding: 1.25rem;
  display: flex;
  align-self: center;
}
@media screen and (min-width: 960px) {
  .social-card__actions {
    padding: 0.416666666666667rem;
  }
}
.social-card__actions button {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.5rem;
  line-height: 0;
  padding: 0;
  background: #f9f9f9;
  border-radius: 50%;
  border: 0;
  outline: none;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .social-card__actions button {
    width: 0.833333333333333rem;
    height: 0.833333333333333rem;
    margin: 0.166666666666667rem;
  }
}
.social-card__actions button span {
  font-size: 1.5rem;
}
@media screen and (min-width: 960px) {
  .social-card__actions button span {
    font-size: 0.5rem;
  }
}
.social-card__active {
  background-color: #f9f9f9;
}
.social-card__active * {
  color: #666;
}
.social-card__active button:hover {
  background-color: rgba(138,138,138,0.15);
  border-radius: 1rem;
}
@media screen and (min-width: 960px) {
  .social-card__active button:hover {
    border-radius: 0.333333333333333rem;
  }
}

html.ds-grid {
  font-family: 'FF Mark W05', sans-serif;
/*
      * Derived by solving for the linear equation that satisfies the following constraints
      * based on the grid formula defined in src/styles/functions.styl:
      * 1. Grid col size = 8 @ vw = 408
      * 2. Grid col size = 10 @ vw = 510
      * Desirved grid col sizes derived from original grid formula pre-rework
    */
  font-size: 1.96078vw;
/* 
      * Derived via linear equation from (960, 20) to (1440, 24) to (1920, 32)
      * 20, 24, and 32 grid column sizes taken from figma:
      * https://www.figma.com/file/vxbaYBDVP3g23nYAqNsxcu/WIP-Grids-%26-Typography?node-id=1%3A3
    */
}
@media screen and (min-width: 960px) {
  html.ds-grid {
    font-size: calc(0.833333vw + 12px);
  }
}
@media screen and (min-width: 1440px) {
  html.ds-grid {
    font-size: 1.666667vw;
  }
}
@media screen and (min-width: 1920px) {
  html.ds-grid {
    font-size: 32px;
  }
}
.ds-grid__col-1 {
  width: 1rem;
}
.ds-grid__col-2 {
  width: 2rem;
}
.ds-grid__col-3 {
  width: 3rem;
}
.ds-grid__col-4 {
  width: 4rem;
}
.ds-grid__col-5 {
  width: 5rem;
}
.ds-grid__col-6 {
  width: 6rem;
}
.ds-grid__col-7 {
  width: 7rem;
}
.ds-grid__col-8 {
  width: 8rem;
}
.ds-grid__col-9 {
  width: 9rem;
}
.ds-grid__col-10 {
  width: 10rem;
}
.ds-grid__col-11 {
  width: 11rem;
}
.ds-grid__col-12 {
  width: 12rem;
}
.ds-grid__col-13 {
  width: 13rem;
}
.ds-grid__col-14 {
  width: 14rem;
}
.ds-grid__col-15 {
  width: 15rem;
}
.ds-grid__col-16 {
  width: 16rem;
}
.ds-grid__col-17 {
  width: 17rem;
}
.ds-grid__col-18 {
  width: 18rem;
}
.ds-grid__col-19 {
  width: 19rem;
}
.ds-grid__col-20 {
  width: 20rem;
}
.ds-grid__col-21 {
  width: 21rem;
}
.ds-grid__col-22 {
  width: 22rem;
}
.ds-grid__col-23 {
  width: 23rem;
}
.ds-grid__col-24 {
  width: 24rem;
}
.ds-grid__col-25 {
  width: 25rem;
}
.ds-grid__col-26 {
  width: 26rem;
}
.ds-grid__col-27 {
  width: 27rem;
}
.ds-grid__col-28 {
  width: 28rem;
}
.ds-grid__col-29 {
  width: 29rem;
}
.ds-grid__col-30 {
  width: 30rem;
}
.ds-grid__col-31 {
  width: 31rem;
}
.ds-grid__col-32 {
  width: 32rem;
}
.ds-grid__col-33 {
  width: 33rem;
}
.ds-grid__col-34 {
  width: 34rem;
}
.ds-grid__col-35 {
  width: 35rem;
}
.ds-grid__col-36 {
  width: 36rem;
}
.ds-grid__col-37 {
  width: 37rem;
}
.ds-grid__col-38 {
  width: 38rem;
}
.ds-grid__col-39 {
  width: 39rem;
}
.ds-grid__col-40 {
  width: 40rem;
}
.ds-grid__col-41 {
  width: 41rem;
}
.ds-grid__col-42 {
  width: 42rem;
}
.ds-grid__col-43 {
  width: 43rem;
}
.ds-grid__col-44 {
  width: 44rem;
}
.ds-grid__col-45 {
  width: 45rem;
}
.ds-grid__col-46 {
  width: 46rem;
}
.ds-grid__col-47 {
  width: 47rem;
}
.ds-grid__gutter,
.ds-grid__half,
.ds-grid__third {
  margin-right: 1rem;
}
.ds-grid__half {
  width: calc((100% - 1rem)/2);
}
.ds-grid__half:nth-of-type(even) {
  margin-right: 0;
}
.ds-grid__third {
  width: calc((100% - 2*1rem)/3);
}
.ds-grid__third:nth-of-type(3n+3) {
  margin-right: 0;
}
.ds-grid__padded {
  padding: 1rem;
}
@media screen and (min-width: 960px) {
  .ds-grid--wide__gutter {
    margin-right: 1rem;
  }
  .ds-grid--wide__col-1 {
    width: 1rem;
  }
  .ds-grid--wide__col-2 {
    width: 2rem;
  }
  .ds-grid--wide__col-3 {
    width: 3rem;
  }
  .ds-grid--wide__col-4 {
    width: 4rem;
  }
  .ds-grid--wide__col-5 {
    width: 5rem;
  }
  .ds-grid--wide__col-6 {
    width: 6rem;
  }
  .ds-grid--wide__col-7 {
    width: 7rem;
  }
  .ds-grid--wide__col-8 {
    width: 8rem;
  }
  .ds-grid--wide__col-9 {
    width: 9rem;
  }
  .ds-grid--wide__col-10 {
    width: 10rem;
  }
  .ds-grid--wide__col-11 {
    width: 11rem;
  }
  .ds-grid--wide__col-12 {
    width: 12rem;
  }
  .ds-grid--wide__col-13 {
    width: 13rem;
  }
  .ds-grid--wide__col-14 {
    width: 14rem;
  }
  .ds-grid--wide__col-15 {
    width: 15rem;
  }
  .ds-grid--wide__col-16 {
    width: 16rem;
  }
  .ds-grid--wide__col-17 {
    width: 17rem;
  }
  .ds-grid--wide__col-18 {
    width: 18rem;
  }
  .ds-grid--wide__col-19 {
    width: 19rem;
  }
  .ds-grid--wide__col-20 {
    width: 20rem;
  }
  .ds-grid--wide__col-21 {
    width: 21rem;
  }
  .ds-grid--wide__col-22 {
    width: 22rem;
  }
  .ds-grid--wide__col-23 {
    width: 23rem;
  }
  .ds-grid--wide__col-24 {
    width: 24rem;
  }
  .ds-grid--wide__col-25 {
    width: 25rem;
  }
  .ds-grid--wide__col-26 {
    width: 26rem;
  }
  .ds-grid--wide__col-27 {
    width: 27rem;
  }
  .ds-grid--wide__col-28 {
    width: 28rem;
  }
  .ds-grid--wide__col-29 {
    width: 29rem;
  }
  .ds-grid--wide__col-30 {
    width: 30rem;
  }
  .ds-grid--wide__col-31 {
    width: 31rem;
  }
  .ds-grid--wide__col-32 {
    width: 32rem;
  }
  .ds-grid--wide__col-33 {
    width: 33rem;
  }
  .ds-grid--wide__col-34 {
    width: 34rem;
  }
  .ds-grid--wide__col-35 {
    width: 35rem;
  }
  .ds-grid--wide__col-36 {
    width: 36rem;
  }
  .ds-grid--wide__col-37 {
    width: 37rem;
  }
  .ds-grid--wide__col-38 {
    width: 38rem;
  }
  .ds-grid--wide__col-39 {
    width: 39rem;
  }
  .ds-grid--wide__col-40 {
    width: 40rem;
  }
  .ds-grid--wide__col-41 {
    width: 41rem;
  }
  .ds-grid--wide__col-42 {
    width: 42rem;
  }
  .ds-grid--wide__col-43 {
    width: 43rem;
  }
  .ds-grid--wide__col-44 {
    width: 44rem;
  }
  .ds-grid--wide__col-45 {
    width: 45rem;
  }
  .ds-grid--wide__col-46 {
    width: 46rem;
  }
  .ds-grid--wide__col-47 {
    width: 47rem;
  }
}
* {
  box-sizing: border-box;
}
:root:not([lang]) * {
  text-transform: none !important;
}
.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-h4,
.ds-text-h5,
.ds-text-subtitle,
.ds-text-subhead,
.ds-text-button1,
.ds-text-button2,
.ds-text-button3,
.ds-text-button4,
.ds-text-body1,
.ds-text-body1-emphasized,
.ds-text-body2,
.ds-text-link,
.ds-text-inline-error,
.ds-text-caption,
.ds-text-input-label-active,
.ds-text-input-label-inactive,
.ds-text-toast-message,
.internal-navigation__item__text {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}
.ds-text-h1 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 51.96 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 95.37 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 95.37 / 16);
  }
}
.ds-text-h2 {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 900;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 61.35 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 61.35 / 16);
  }
}
.ds-text-h3 {
  font-size: calc((1rem + 2.45098vw) * 32.44 / 18);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.556247vw + .01px) * 48.82 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h3 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 48.82 / 16);
  }
}
.ds-text-h4 {
  font-size: calc((1rem + 2.45098vw) * 28.83 / 18);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 31.25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 31.25 / 16);
  }
}
.ds-text-h5 {
  font-size: calc((1rem + 2.45098vw) * 25.63 / 18);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 25 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.556247vw + .01px) * 25 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-h5 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 25 / 16);
  }
}
.ds-text-h5:lang(th) {
  line-height: 1.3;
}
.ds-text-subtitle {
  font-size: calc((1rem + 2.45098vw) * 21.52 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subtitle {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-subtitle:lang(th) {
  line-height: 1.4;
}
.ds-text-subhead {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 20.52 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-subhead {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-button1 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 20 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.556247vw + .01px) * 20 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button1 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 20 / 16);
  }
}
.ds-text-button2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-button3,
.internal-navigation__item__text {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-button3,
  .internal-navigation__item__text {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button3,
  .internal-navigation__item__text {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button3,
  .internal-navigation__item__text {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-button4 {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 18 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.556247vw + .01px) * 18 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-button4 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 18 / 16);
  }
}
.ds-text-body1,
.ds-text-body1-emphasized {
  font-size: calc((1rem + 2.45098vw) * 18 / 18);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 16 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.556247vw + .01px) * 16 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body1,
  .ds-text-body1-emphasized {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 16 / 16);
  }
}
.ds-text-body1-emphasized {
  font-weight: 700;
}
.ds-text-body2 {
  font-size: calc((1rem + 2.45098vw) * 16 / 18);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 960px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-body2 {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-body2:lang(th) {
  line-height: 1.4;
}
.ds-text-link {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (min-width: 960px) {
  .ds-text-link {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-link {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-link {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-inline-error {
  font-size: calc((1rem + 2.45098vw) * 14.22 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.556247vw + .01px) * 12.8 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-inline-error {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 12.8 / 16);
  }
}
.ds-text-caption {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.556247vw + .01px) * 8.19 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-caption {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 8.19 / 16);
  }
}
.ds-text-caption:lang(th) {
  line-height: 1.5;
}
.ds-text-input-label-active {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 11.24 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.556247vw + .01px) * 9.1 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-active {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 9.1 / 16);
  }
}
.ds-text-input-label-inactive {
  text-transform: uppercase;
  font-size: calc((1rem + 2.45098vw) * 12.64 / 18);
  font-weight: 800;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-input-label-inactive {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.ds-text-toast-message {
  font-size: calc((1rem + 2.45098vw) * 13.24 / 18);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.4625vw - 1.34px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1440px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.556247vw + .01px) * 10.24 / 16);
  }
}
@media screen and (min-width: 1920px) {
  .ds-text-toast-message {
    font-size: calc((1rem - 0.00556247 * 1920px + .01px) * 10.24 / 16);
  }
}
.internal-navigation {
  color: #ebebeb;
  padding-top: 12rem;
}
@media screen and (min-width: 960px) {
  .internal-navigation {
    padding-top: 0;
    margin-top: 0.125rem;
  }
}
.internal-navigation__header {
  margin-bottom: 2rem;
  margin-top: 0;
}
@media screen and (min-width: 960px) {
  .internal-navigation__header {
    margin-bottom: 2rem;
  }
}
.internal-navigation__positioner {
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .internal-navigation__positioner {
    position: fixed;
    top: 7rem;
    width: 11rem;
  }
}
.internal-navigation__list {
  padding: 0;
  margin: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 960px) {
  .internal-navigation__list {
    display: block;
  }
}
.internal-navigation__content {
  background: #292929;
  padding: 0 0 6rem;
  position: fixed;
  top: 80px;
  left: -2rem;
  right: -2rem;
  overflow: hidden;
  max-height: 6rem;
  transition: top 1s ease;
  transition: max-height 1s ease;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .internal-navigation__content {
    background: transparent;
    padding: 0;
    position: static;
    max-height: none;
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    transition: none;
    display: block;
    margin-top: 0;
  }
}
.internal-navigation__content--open {
  max-height: 2000px;
  top: 80px;
}
.internal-navigation__handle {
  background: #141414;
  bottom: 0px;
  color: #f9f9f9;
  cursor: pointer;
  padding: 2.125rem 0 2.25rem 4rem;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.internal-navigation__handle__icon {
  color: #7a7a7a;
  font-size: 3rem;
  position: absolute;
  line-height: 1;
  top: 1.5rem;
  right: 4.5rem;
  transform: rotate(0);
  transition: transform 1s;
}
.internal-navigation__content--open .internal-navigation__handle__icon {
  transform: rotate(180deg);
}
@media screen and (min-width: 960px) {
  .internal-navigation__handle {
    display: none;
  }
}
.internal-navigation__item {
  list-style: none;
  border-top: 0.125rem solid #141414;
}
@media screen and (min-width: 960px) {
  .internal-navigation__item {
    border-top: 0px none;
    margin: 0 0 0.5rem;
  }
}
.internal-navigation__item__link {
  align-items: center;
  display: flex;
  color: inherit;
  min-height: 3rem;
  padding: 3rem;
  padding-left: 5rem;
  padding-right: 10rem;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .internal-navigation__item__link {
    padding: 0.208333333333333rem 0 0.208333333333333rem 1.5rem;
    min-height: 0;
  }
}
.internal-navigation__item__text {
  line-height: 2.5rem;
}
@media screen and (min-width: 960px) {
  .internal-navigation__item__text {
    line-height: 1.1;
  }
}
.internal-navigation__item__icon {
  color: #7a7a7a;
  position: absolute;
  font-size: 3rem;
  line-height: 1;
  top: 3rem;
  right: 4.5rem;
}
@media screen and (min-width: 960px) {
  .internal-navigation__item__icon {
    left: 0;
    top: 0;
    right: auto;
    font-size: 1rem;
  }
}
.internal-navigation__item--current .internal-navigation__item__icon,
.internal-navigation__item:active .internal-navigation__item__icon,
.internal-navigation__item:hover .internal-navigation__item__icon {
  color: #ff4248;
}

.grid-page {
  width: 100%;
  min-height: 100vh;
}
.grid-page-dialog {
  position: fixed;
}
@media screen and (min-width: 960px) {
  .grid-page-dialog {
    position: static;
  }
}

.theme-lol .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-lol .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-lor .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-lor .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-riot .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-riot .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-valorant .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-valorant .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-vng .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-vng .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-wildrift .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-wildrift .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-arcane .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-arcane .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-arcane2 .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-arcane2 .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.theme-xbox .grid-page-mobile__logo-vendor {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-xbox .grid-page-mobile__logo-vendor {
    display: none;
  }
}
.grid-page-mobile {
  background-color: #f9f9f9;
  padding: 3.92156862745098vw;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile {
    padding-top: 2.61437908496732vw;
    padding-bottom: 2.61437908496732vw;
  }
}
.grid-page-mobile__logo-vendor {
  height: 1.85em;
  width: 23.193176717043244rem;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__logo-vendor {
    height: 0.95em;
  }
}
.grid-page-mobile__logo--full.riot-logo__full {
  height: auto;
  width: 17.207840790064342rem;
  display: block;
  margin-top: 1.122250486308544rem;
  fill: #d53235;
  filter: none;
}
@media (min-aspect-ratio: 10/8) {
  .theme-vng .grid-page-mobile__logo--full.riot-logo__full {
    margin-right: 2.244500972617088rem;
  }
}
.grid-page-mobile--with-pagination .grid-page-mobile__logo--full.riot-logo__full,
.grid-page-mobile--with-title .grid-page-mobile__logo--full.riot-logo__full {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile--with-pagination .grid-page-mobile__logo--full.riot-logo__full,
  .grid-page-mobile--with-title .grid-page-mobile__logo--full.riot-logo__full {
    display: block;
  }
}
.grid-page-mobile .vng-logo__wrapper {
  display: none;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile .vng-logo__wrapper {
    display: block;
  }
}
.grid-page-mobile__logo--lean.riot-logo__lean {
  height: auto;
  width: 7.481669908723627rem;
  display: none;
  fill: #d53235;
  filter: none;
}
.grid-page-mobile--with-pagination .grid-page-mobile__logo--lean.riot-logo__lean,
.grid-page-mobile--with-title .grid-page-mobile__logo--lean.riot-logo__lean {
  display: block;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile--with-pagination .grid-page-mobile__logo--lean.riot-logo__lean,
  .grid-page-mobile--with-title .grid-page-mobile__logo--lean.riot-logo__lean {
    display: none;
  }
}
.grid-page-mobile__header {
  position: relative;
  display: flex;
  font-size: 4.793879994014665rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 110%;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  min-height: 7.855753404159809rem;
  margin-bottom: 4.863085440670358rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-page-mobile__header {
    font-size: 1.558681230984089rem;
  }
}
.grid-page-mobile__header:lang(th),
.grid-page-mobile__header:lang(ko),
.grid-page-mobile__header:lang(ja),
.grid-page-mobile__header:lang(el),
.grid-page-mobile__header:lang(vi),
.grid-page-mobile__header:lang(ru),
.grid-page-mobile__header:lang(zh),
.grid-page-mobile__header:lang(pt),
.grid-page-mobile__header:lang(tr),
.grid-page-mobile__header:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-mobile__header {
    line-height: 110% !important;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__header {
    padding: 0;
  }
}
.grid-page-mobile__back {
  position: absolute;
  top: 0;
  left: 0;
}
.grid-page-mobile__back + .grid-page-mobile__logo {
  margin-left: 1.96078431372549vw;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__back + .grid-page-mobile__logo {
    margin-left: 0vw;
  }
}
.grid-page-mobile__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.grid-page-mobile__content-footer {
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 130%;
  font-size: 7.02px;
  text-align: center;
  color: #c7c7c7;
  margin-top: 2.992667963489451rem;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-page-mobile__content-footer {
    font-size: 0.510623971270388rem;
  }
}
.grid-page-mobile__content-footer:lang(th) {
  line-height: 150%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .grid-page-mobile__content-footer {
    font-size: 8.19px;
  }
}
.grid-page-mobile__content-footer a {
  text-decoration: none;
  color: #999;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__content-footer {
    text-align: left;
    margin-top: 2.244500972617088rem;
    max-width: 80%;
  }
}
.grid-page-mobile__title-container {
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  padding: 0;
}
.grid-page-mobile__title {
  color: #c7c7c7;
  text-align: center;
  margin: 0;
}
.grid-page-mobile__pagination {
  height: 0.95em;
  display: flex;
  align-items: center;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__pagination {
    height: 0.9em;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile--with-title .grid-panel-mobile__header {
    margin-left: 0;
  }
}
.grid-page-mobile__logo-container {
  align-self: center;
}
@media (min-aspect-ratio: 10/8) {
  .grid-page-mobile__logo-container {
    position: absolute;
    top: 0;
    left: 0;
  }
  .theme-vng .grid-page-mobile__logo-container {
    display: flex;
    max-height: 100%;
  }
}
.grid-page-mobile--with-pagination .grid-page-mobile__logo-container,
.grid-page-mobile--with-title .grid-page-mobile__logo-container {
  position: absolute;
  top: 0;
  left: 0;
}
.grid-page-mobile__top-fader {
  background: linear-gradient(180deg, #f9f9f9 0%, rgba(249,249,249,0) 100%);
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-top: solid 8px #f9f9f9;
  z-index: 1;
  pointer-events: none;
}
.grid-page-mobile__bottom-fader {
  background: linear-gradient(360deg, #f9f9f9 0%, rgba(249,249,249,0) 100%);
  height: 48px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: solid 24px #f9f9f9;
  pointer-events: none;
}
.grid-page-mobile__bottom-fader:after {
  content: "";
  width: 12px;
  height: 7px;
  position: fixed;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjY0NjQ1IDUuOTM5MzRMMS4wNjA2NiAxLjM1MzU1QzAuNzQ1Njc4IDEuMDM4NTcgMC45Njg3NTkgMC41IDEuNDE0MjEgMC41SDEwLjU4NThDMTEuMDMxMiAwLjUgMTEuMjU0MyAxLjAzODU3IDEwLjkzOTMgMS4zNTM1NUw2LjM1MzU1IDUuOTM5MzRDNi4xNTgyOSA2LjEzNDYgNS44NDE3MSA2LjEzNDYgNS42NDY0NSA1LjkzOTM0WiIgZmlsbD0iI0FEQURBRCIgc3Ryb2tlPSIjQURBREFEIi8+Cjwvc3ZnPg==);
  left: calc(50% - 6px);
  bottom: 20px;
}

.vng-logo {
  height: 65%;
  width: auto;
}
.vng-logo__wrapper {
  display: flex;
  align-items: center;
  max-height: 7.481669908723627rem;
  border-left: 1px solid #fcfcfc;
  padding: 0.224450097261709rem 0 0.224450097261709rem 7.481669908723627rem;
  margin: 1.496333981744725rem 1.496333981744725rem 1.496333981744725rem 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .vng-logo__wrapper {
    max-height: 2.493889969574543rem;
    padding: 0.074816699087236rem 0 0.074816699087236rem 1.870417477180907rem;
    margin: 0.498777993914908rem 1.496333981744725rem 1.496333981744725rem 0;
  }
}
.vng-logo__logo--games {
  fill: #fff;
}
.theme__display-touch .vng-logo {
  height: unset;
  width: 22.44500972617088rem;
}
.theme__display-touch .vng-logo__wrapper {
  border-left: 1px solid #6b6b6b;
  padding: 0 0 0 2.244500972617088rem;
  margin: 0.748166990872363rem 0 0 0;
  align-self: center;
}
.theme__display-touch .vng-logo__logo--games {
  fill: #454545;
}

.theme-lol .grid-page-web__logo-vendor {
  display: none;
}
.theme-lol.grid-page-web {
  background-color: #033942;
  background-image: url(assets/lol_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-lol.grid-page-web {
    background-image: url(assets/lol_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-lol.grid-page-web {
    background-image: url(assets/lol_desktop_background_1x.jpg);
  }
}
.theme-lol.grid-page-web:before {
  background: linear-gradient(360deg, rgba(3,57,66,0.5) 0%, rgba(3,57,66,0) 100%);
}
.theme-lol.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, #033942 0%, rgba(3,57,66,0) 100%);
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-lol.grid-page-web {
    background-image: url(assets/lol_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-lol.grid-page-web {
    background-image: url(assets/lol_desktop_background_4x.jpg);
  }
}
.theme-lor .grid-page-web__logo-vendor {
  display: none;
}
.theme-lor.grid-page-web {
  background-color: #ededed;
  background-image: url(assets/lor_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-lor.grid-page-web {
    background-image: url(assets/lor_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-lor.grid-page-web {
    background-image: url(assets/lor_desktop_background_1x.jpg);
  }
}
.theme-lor.grid-page-web:before {
  background: linear-gradient(360deg, rgba(17,17,17,0.5) 0%, rgba(17,17,17,0) 100%);
}
.theme-lor.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, #111 0%, rgba(17,17,17,0) 100%);
}
.theme-lor.grid-page-web.theme__section-signup {
  background-image: url(assets/lor_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-lor.grid-page-web.theme__section-signup {
    background-image: url(assets/lor_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-lor.grid-page-web.theme__section-signup {
    background-image: url(assets/lor_desktop_background_signup_step1_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-lor.grid-page-web.theme__section-signup {
    background-image: url(assets/lor_desktop_background_signup_step1_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-lor.grid-page-web.theme__section-signup {
    background-image: url(assets/lor_desktop_background_signup_step1_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-lor.grid-page-web {
    background-image: url(assets/lor_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-lor.grid-page-web {
    background-image: url(assets/lor_desktop_background_4x.jpg);
  }
}
.theme-riot .grid-page-web__logo-vendor {
  display: none;
}
.theme-riot.grid-page-web {
  background-color: #333;
  background-image: url(assets/riot_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-riot.grid-page-web {
    background-image: url(assets/riot_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-riot.grid-page-web {
    background-image: url(assets/riot_desktop_background_1x.jpg);
  }
}
.theme-riot.grid-page-web:before {
  background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.theme-riot.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0) 100%);
}
.theme-riot.grid-page-web.theme__section-signup {
  background-image: url(assets/riot_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-riot.grid-page-web.theme__section-signup {
    background-image: url(assets/riot_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-riot.grid-page-web.theme__section-signup {
    background-image: url(assets/riot_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-riot.grid-page-web.theme__section-signup {
    background-image: url(assets/riot_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-riot.grid-page-web.theme__section-signup {
    background-image: url(assets/riot_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-riot.grid-page-web {
    background-image: url(assets/riot_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-riot.grid-page-web {
    background-image: url(assets/riot_desktop_background_4x.jpg);
  }
}
.theme-valorant .grid-page-web__logo-vendor {
  display: none;
}
.theme-valorant.grid-page-web {
  background-color: #ededed;
  background-image: url(assets/valorant_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-valorant.grid-page-web {
    background-image: url(assets/valorant_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-valorant.grid-page-web {
    background-image: url(assets/valorant_desktop_background_1x.jpg);
  }
}
.theme-valorant.grid-page-web:before {
  background: linear-gradient(360deg, rgba(17,17,17,0.5) 0%, rgba(17,17,17,0) 100%);
}
.theme-valorant.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, #333 0%, rgba(51,51,51,0) 100%);
}
.theme-valorant.grid-page-web.theme__section-signup {
  background-image: url(assets/valorant_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-valorant.grid-page-web.theme__section-signup {
    background-image: url(assets/valorant_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-valorant.grid-page-web.theme__section-signup {
    background-image: url(assets/valorant_desktop_background_signup_step1_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-valorant.grid-page-web.theme__section-signup {
    background-image: url(assets/valorant_desktop_background_signup_step1_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-valorant.grid-page-web.theme__section-signup {
    background-image: url(assets/valorant_desktop_background_signup_step1_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-valorant.grid-page-web {
    background-image: url(assets/valorant_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-valorant.grid-page-web {
    background-image: url(assets/valorant_desktop_background_4x.jpg);
  }
}
.theme-vng .grid-page-web__logo-vendor {
  display: none;
}
.theme-vng.grid-page-web {
  background-color: #333;
  background-image: url(assets/arcane_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-vng.grid-page-web {
    background-image: url(assets/arcane_mobile_default_BG_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-vng.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG.jpg);
  }
}
.theme-vng.grid-page-web:before {
  background: linear-gradient(360deg, rgba(17,17,17,0.5) 0%, rgba(17,17,17,0) 100%);
}
.theme-vng.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, #333 0%, rgba(51,51,51,0) 100%);
}
.theme-vng.grid-page-web.theme__section-signup {
  background-image: url(assets/arcane_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-vng.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_mobile_default_BG_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-vng.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-vng.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-vng.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-vng.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-vng.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_4x.jpg);
  }
}
.theme-wildrift .grid-page-web__logo-vendor {
  display: none;
}
.theme-wildrift.grid-page-web {
  background-color: #033942;
  background-image: url(assets/wildrift_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-wildrift.grid-page-web {
    background-image: url(assets/wildrift_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-wildrift.grid-page-web {
    background-image: url(assets/wildrift_desktop_background_1x.jpg);
  }
}
.theme-wildrift.grid-page-web:before {
  background: linear-gradient(360deg, rgba(3,57,66,0.5) 0%, rgba(3,57,66,0) 100%);
}
.theme-wildrift.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, #033942 0%, rgba(3,57,66,0) 100%);
}
.theme-wildrift.grid-page-web.theme__section-signup {
  background-image: url(assets/wildrift_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-wildrift.grid-page-web.theme__section-signup {
    background-image: url(assets/wildrift_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-wildrift.grid-page-web.theme__section-signup {
    background-image: url(assets/wildrift_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-wildrift.grid-page-web.theme__section-signup {
    background-image: url(assets/wildrift_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-wildrift.grid-page-web.theme__section-signup {
    background-image: url(assets/wildrift_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-wildrift.grid-page-web {
    background-image: url(assets/wildrift_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-wildrift.grid-page-web {
    background-image: url(assets/wildrift_desktop_background_4x.jpg);
  }
}
.theme-arcane .grid-page-web__logo-vendor {
  display: none;
}
.theme-arcane.grid-page-web {
  background-color: #333;
  background-image: url(assets/arcane_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane.grid-page-web {
    background-image: url(assets/arcane_mobile_default_BG_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-arcane.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG.jpg);
  }
}
.theme-arcane.grid-page-web:before {
  background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.theme-arcane.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0) 100%);
}
.theme-arcane.grid-page-web.theme__section-signup {
  background-image: url(assets/arcane_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_mobile_default_BG_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-arcane.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-arcane.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-arcane.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-arcane.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-arcane.grid-page-web {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_4x.jpg);
  }
}
.theme-arcane2 .grid-page-web__logo-vendor {
  display: none;
}
.theme-arcane2.grid-page-web {
  background-color: #333;
  background-image: url(assets/arcane2_mobile_default_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane2.grid-page-web {
    background-image: url(assets/arcane2_mobile_default_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-arcane2.grid-page-web {
    background-image: url(assets/arcane2_desktop_default_1x.jpg);
  }
}
.theme-arcane2.grid-page-web:before {
  background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.theme-arcane2.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0) 100%);
}
.theme-arcane2.grid-page-web.theme__section-signup {
  background-image: url(assets/arcane2_mobile_default_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane2.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane2_mobile_default_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-arcane2.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane2_desktop_signup_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-arcane2.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane2_desktop_signup_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-arcane2.grid-page-web.theme__section-signup {
    background-image: url(assets/arcane2_desktop_signup_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-arcane2.grid-page-web {
    background-image: url(assets/arcane2_desktop_default_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-arcane2.grid-page-web {
    background-image: url(assets/arcane2_desktop_default_4x.jpg);
  }
}
.theme-xbox .grid-page-web__logo-vendor {
  display: none;
}
.theme-xbox.grid-page-web {
  background-color: #333;
  background-image: url(assets/xbox_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-xbox.grid-page-web {
    background-image: url(assets/xbox_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-xbox.grid-page-web {
    background-image: url(assets/xbox_desktop_background_1x.jpg);
  }
}
.theme-xbox.grid-page-web:before {
  background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.theme-xbox.grid-page-web .grid-page-web__header:before {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0) 100%);
}
.theme-xbox.grid-page-web.theme__section-signup {
  background-image: url(assets/xbox_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-xbox.grid-page-web.theme__section-signup {
    background-image: url(assets/xbox_mobile_background_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-xbox.grid-page-web.theme__section-signup {
    background-image: url(assets/xbox_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-xbox.grid-page-web.theme__section-signup {
    background-image: url(assets/xbox_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-xbox.grid-page-web.theme__section-signup {
    background-image: url(assets/xbox_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-xbox.grid-page-web {
    background-image: url(assets/xbox_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-xbox.grid-page-web {
    background-image: url(assets/xbox_desktop_background_4x.jpg);
  }
}
.grid-page-web {
  padding: 2.992667963489451rem 1.496333981744725rem 8.978003890468353rem;
  background-attachment: fixed;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .grid-page-web {
    padding: 1.496333981744725rem 2.244500972617088rem;
  }
}
.grid-page-web.theme-vng {
  background-position-y: top;
}
@media screen and (min-width: 960px) {
  .grid-page-web.theme-vng {
    background-position-x: right;
  }
}
.grid-page-web.theme-xbox {
  background-position-y: top;
}
@media screen and (min-width: 960px) {
  .grid-page-web.theme-xbox {
    background-position-x: right;
  }
}
.grid-page-web:before {
  position: fixed;
  max-height: 303px;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
}
.grid-page-web__logo-container {
  top: 0;
  left: 0;
}
.theme-vng .grid-page-web__logo-container {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 959px) {
  .theme-vng .grid-page-web__logo-container {
    justify-content: center;
  }
}
.theme-xbox .grid-page-web__logo-container {
  display: flex;
}
@media screen and (max-width: 959px) {
  .theme-xbox .grid-page-web__logo-container {
    justify-content: center;
  }
}
.grid-page-web__logo-vendor {
  position: absolute;
  background-position: top center;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  margin: 1.496333981744725rem auto;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web__logo-vendor {
    background-position: initial;
    left: initial;
    right: initial;
  }
}
.grid-page-web__logo--full {
  width: 8.978003890468353rem;
  margin: 0.498777993914908rem 1.496333981744725rem 1.496333981744725rem 0;
  display: block;
}
@media screen and (max-width: 959px) {
  .grid-page-web .grid-page-web__logo--full {
    width: 23.941343707915607rem;
    margin: 1.496333981744725rem;
  }
}
.theme-vng .grid-page-web__logo--full {
  margin-right: 1.870417477180907rem;
}
.theme-xbox .grid-page-web__logo--full {
  margin-right: 1.870417477180907rem;
}
@media screen and (max-width: 959px) {
  .theme-vng .grid-page-web__logo--full {
    margin-right: 7.481669908723627rem;
  }
}
@media screen and (max-width: 959px) {
  .theme-xbox .grid-page-web__logo--full {
    margin-right: 7.481669908723627rem;
  }
}
.grid-page-web__pagination {
  justify-content: center;
  display: flex;
  margin-bottom: 4.489001945234176rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web__pagination {
    position: absolute;
    right: 0;
    margin-bottom: 0;
    margin-top: -1.496333981744725rem;
  }
}
.grid-page-web__content {
  flex-grow: 1;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 960px) {
  .grid-page-web__content {
    flex-direction: row;
  }
}
.grid-page-web__wrapper {
  justify-content: center;
  flex-grow: 1;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web__wrapper {
    flex-direction: row;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title {
    padding-bottom: 5.985335926978902rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__logo {
    position: fixed;
    top: 1.496333981744725rem;
    left: 1.496333981744725rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__header {
    min-height: 2.992667963489451rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__footer-wrapper {
    position: fixed;
    bottom: 1.496333981744725rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__title {
    position: fixed;
    bottom: 10.474337872213077rem;
    left: 5.985335926978902rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__wrapper {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web--with-title .grid-page-web__content-footer {
    width: 25.437677689660333rem;
    padding-right: 8.978003890468353rem;
  }
}
.grid-page-web__title {
  padding: 0;
  margin: 0;
  margin-bottom: 5.985335926978902rem;
  text-align: center;
  position: relative;
  text-shadow: 0px 16px 70px rgba(0,0,0,0.2), 0px 8px 24px rgba(0,0,0,0.25);
}
@media screen and (min-width: 960px) {
  .grid-page-web__title {
    text-align: left;
    align-self: flex-end;
    max-width: 34.415681580128684rem;
    margin: 0;
  }
}
.grid-page-web__footer-wrapper {
  margin-top: 5.985335926978902rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web__footer-wrapper {
    margin-top: 3.48645817746521rem;
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web__footer-wrapper [class$="-language"],
  .grid-page-web__footer-wrapper [class*="-language"] {
    display: flex;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .grid-page-web__footer-wrapper .footer-menu-language {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.992667963489451rem;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .grid-page-web__footer-wrapper .footer-menu-copyright {
    margin-bottom: 2.992667963489451rem;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .grid-page-web__footer-wrapper .footer-menu-links {
    line-height: 5rem;
    margin-bottom: 2.992667963489451rem;
  }
}
.grid-page-web__footer-wrapper .footer-menu-extra {
  max-width: 100%;
}
.grid-page-web__footer-wrapper .footer-menu-extra a {
  text-decoration: none;
  color: #f9f9f9;
}
.grid-page-web__footer-wrapper .footer-menu-extra a:hover {
  color: #e8e8e8;
}
.grid-page-web__footer-wrapper .footer-menu-extra a:active {
  color: #f9f9f9;
}
@media screen and (min-width: 960px) {
  .grid-page-web__footer-wrapper .footer-menu {
    margin: 0;
    margin-top: 0.299266796348945rem;
    text-align: left;
  }
}
.grid-page-web__language {
  flex-shrink: 1;
}
@media screen and (min-width: 960px) {
  .grid-page-web__language {
    margin-right: 1.79560077809367rem;
  }
}
.grid-page-web__header {
  justify-content: space-between;
  margin-bottom: 2.992667963489451rem;
}
.grid-page-web__header:before {
  position: fixed;
  max-height: 80px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  content: " ";
}
@media screen and (min-width: 960px) {
  .grid-page-web__header {
    margin-bottom: 0.498777993914908rem;
  }
  .grid-page-web__header:before {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .grid-page-web .grid-page-web__header {
    justify-content: center;
  }
}
.grid-page-web__footer {
  position: relative;
  justify-content: center;
  color: rgba(249,249,249,0.3);
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .grid-page-web__footer {
    text-align: left;
    align-items: flex-start;
  }
}
.grid-page-web__footer a {
  color: rgba(249,249,249,0.65);
}

.xboxgp-logo {
  height: 100%;
  width: auto;
}
.xboxgp-logo path {
  fill: #fcfcfc;
}
@media screen and (max-width: 959px) {
  .grid-page-web .xboxgp-logo path {
    fill: #287c00;
  }
}
.xboxgp-logo__wrapper {
  display: flex;
  align-items: center;
  border-left: 1px solid #fcfcfc;
  max-height: 7.481669908723627rem;
  padding: 0.224450097261709rem 0 0.224450097261709rem 7.481669908723627rem;
  margin: 1.496333981744725rem 1.496333981744725rem 1.496333981744725rem 0;
}
@media screen and (max-width: 959px) {
  .grid-page-web .xboxgp-logo__wrapper {
    border-color: #287c00;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .xboxgp-logo__wrapper {
    max-height: 2.493889969574543rem;
    padding: 0.074816699087236rem 0 0.074816699087236rem 1.870417477180907rem;
    margin: 0.498777993914908rem 1.496333981744725rem 1.496333981744725rem 0;
  }
}

.theme-lol .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-lol .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-lol .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-lol .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-lol .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-lol .grid-panel-web-has-header .theme-lol .grid-panel-web__header {
  width: 100%;
}
.theme-lol .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-lol .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-lol .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-lol .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-lol .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-lol .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-lol .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-lol .grid-panel-web__links a:hover {
  color: #333;
}
.theme-lol .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-lol .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-lol .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-lol .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-lol .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-lor .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-lor .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-lor .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-lor .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-lor .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-lor .grid-panel-web-has-header .theme-lor .grid-panel-web__header {
  width: 100%;
}
.theme-lor .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-lor .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-lor .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-lor .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-lor .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-lor .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-lor .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-lor .grid-panel-web__links a:hover {
  color: #333;
}
.theme-lor .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-lor .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-lor .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-lor .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-lor .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-riot .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-riot .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-riot .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-riot .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-riot .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-riot .grid-panel-web-has-header .theme-riot .grid-panel-web__header {
  width: 100%;
}
.theme-riot .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-riot .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-riot .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-riot .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-riot .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-riot .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-riot .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-riot .grid-panel-web__links a:hover {
  color: #333;
}
.theme-riot .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-riot .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-riot .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-riot .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-riot .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-valorant .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-valorant .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-valorant .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-valorant .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-valorant .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-valorant .grid-panel-web-has-header .theme-valorant .grid-panel-web__header {
  width: 100%;
}
.theme-valorant .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-valorant .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-valorant .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-valorant .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-valorant .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-valorant .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-valorant .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-valorant .grid-panel-web__links a:hover {
  color: #333;
}
.theme-valorant .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-valorant .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-valorant .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-valorant .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-valorant .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-vng .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-vng .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-vng .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-vng .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-vng .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-vng .grid-panel-web-has-header .theme-vng .grid-panel-web__header {
  width: 100%;
}
.theme-vng .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-vng .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-vng .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-vng .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-vng .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-vng .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-vng .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-vng .grid-panel-web__links a:hover {
  color: #333;
}
.theme-vng .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-vng .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-vng .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-vng .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-vng .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-wildrift .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-wildrift .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-wildrift .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-wildrift .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-wildrift .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-wildrift .grid-panel-web-has-header .theme-wildrift .grid-panel-web__header {
  width: 100%;
}
.theme-wildrift .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-wildrift .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-wildrift .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-wildrift .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-wildrift .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-wildrift .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-wildrift .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-wildrift .grid-panel-web__links a:hover {
  color: #333;
}
.theme-wildrift .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-wildrift .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-wildrift .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-wildrift .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-wildrift .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-arcane .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-arcane .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-arcane .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-arcane .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-arcane .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-arcane .grid-panel-web-has-header .theme-arcane .grid-panel-web__header {
  width: 100%;
}
.theme-arcane .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-arcane .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-arcane .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-arcane .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-arcane .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-arcane .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-arcane .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-arcane .grid-panel-web__links a:hover {
  color: #333;
}
.theme-arcane .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-arcane .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-arcane .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-arcane .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-arcane .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-arcane2 .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-arcane2 .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5hNmE2Mzk2OGEsIDIwMjQvMDMvMDYtMTE6NTI6MDUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwMURDNDBFNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwMURDNDBGNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDREMjJFNTU2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDREMjJFNTY2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAJYAXADAREAAhEBAxEB/8QAhAABAQEAAgMBAAAAAAAAAAAAAAECBAcDBQYIAQEBAQEBAAAAAAAAAAAAAAAAAQIDBBABAAIBBAEDAgMHAwUAAAAAAAERAiESAwQFMUEGIgdRQhNhcYGRoTJiUhQVscHRgiMRAQACAgICAgMBAQAAAAAAAAABAhEDITFBElFxYRMEIjL/2gAMAwEAAhEDEQA/APzLPq7MAAEAZIpAhKgCIoCqiIqwBIIAAAACiIKAAAAAqoIpICoiKAKgigAAAAAAKqIgKCKAqoAAR6oLkKioAgCKAAAAAAAAAAoiCgAAAAKqCBIpCoiKAAAAAAAAAACAAAoCqiAILHqouSKiogKCIoAAAAAAAAACqiIoAAAAAqCKCLAIKAAAAAAAAAAAACAoCiIKAseqoZIoqIiioIoAAAAAAAAACqiIoAICgAKCAqoAiAKAAAAAAAAAAACAoCyqIgCqqAFICgggoAAAAAAqCKKgiggAKvsIgoCqhCKgCooIAigAAAAAAAAAKISCACqqIACgAqKnuqEoqAAAAAoACoiKqoiKAqoiKoIACqhCKAgiqIgCgAAAAAAAKIgqwISKKiIoqAKAADXsisx6qhIIigAAAAiwKSqIiqqIiggoIqggAgKsAAgKqIigAAAAAAAAKqIirAACoiKAqoAgKitewMwqGSKgAAAAALAEggKqIiioIoC+wiACgLAIAAAAAAAAIoIKAAqoiKAAoiCgCooCKgNewJAGXqCAACCgigiwKSCAACKCCgLKoAiKACAoAAAAAAAIAACgCoIoAAAAAqKikggKBAE+oIAAIACrAHoIgoAAICgKqEoEKCKgAgKAAAAAAAAAAAACAAoAAACiAqKgigLAEggAAAALAEggAAAAALCoSikASCAAAAAAAAAAAAAAAACCgigAKIQBIIoIoCiIKAACAoCwBIIAAAAACqhKKQBIIAAAAAAAAAAAAAAAACqiIoACiKKkgioIoAICgAAAgKsASCAAAAAAqoIpAEggAAAAgAKAAAAAAAAAAqoiKCAqqioqSCKgigAAAAAACoqKSIgqz6AgAAAKqIgCggKoIAAIKCKACAoAAAAAAAICgACoqKgCoIoACqiIoAACqiIqqgikggAAAiqIigALAEgQCAqoiKAACCgigAAAAAAAACoIqwBIiKCKAAqoiKAAAKgiqqIirIIAACgKiIoACwBIEASCKgigAAAAAAAAAACoIoAqCKsASAqIgKCKqoiKAAAAAqoiKoIAACwAIgoACwBIEASCKgigAAAgKAAAAAAKgigCoIqwCgkKhKCACioIoAAAACqiIoAAACwCAAACKoIoCAAAACAoAAAAAAACqiIoAACgoGIiZeoIAKAAAAAAAAAAAAAsAgAAAKqIiqCAAAAKgigAAKCAAAAAAAAAAvsC4iGQrIKqAIgCgAAAAAAAAAL7AgAAAKqIiqIgoAICqqIigAALAIAAAAAAAAACqi4gmSKgKqAIigAAAAAAAACoIqiIKoIAAICrAIqKCIoAAAAACwCAAAAAAAAAACLHqBPqKgKqIAgACgAAAAAAKqIiqqEIEioAAACgioAIoAAAAACwCAAAAAAAAAACAqwqCKKiICgigAAAAAAAKqIir7CECkgCIKACAoAAAAAAAACwCAAAAAAAsggAACosIoqAIiggKAAAAAAAAqoiKKigiKsAgAKIgoAAAAAICioIoAqCKAAAAsASCAAAKiwinuACACAAoAAC+wIAAAqCKAAAoiCgAAAAAAAAgKAAAqoiKAAAAsASCAAAqoIp7gSCAACAoAACggAAKqAIigAgCggoAAAAAAAAAAAAqCKAAAKiopIIqAAKABAEggAAAAAKCggAAAAAAAAAAIAAAAAAAAAAAAAAAAACyAAAAAAAAAAAABAAAHsAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIAAAAAAAAAAAAEASAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAEgAAAAAAAAAAAAQAAAAAAAAoICgABCBIAAAAACggAAAAAAAAAAASAAAoIAACgAgKCABCgAgAKAAAAAAAAEASAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALHoCAAAAAAAAAAAAAAAAAAAAAAAAoIAAAAoIAAAAAAACggAAAAAsegIAoAAAIAAAAAACggKCAAAAAoICgC+wIAAAAAAAAAAAAAAAAAAACwCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAR6gs+oIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoIAAAACggseoLl6gyAACx6AgACgAAAAAAAAAAAAgAAAAAAAAAKAAAAAAAAAAAAAALHqBPqCAAAsAgALAICggAAAAKCAAAAAAAAICgAAAAAAAAAAAAAAAAAAAAAAACggKAAoQgKAAAAAAACCAoIAAAAAAAAAACqIgqgACIKoICgAAABWgAAAAAAAAAHsAAAAAAAAAAAAACIAAKoAAAAAAAAAAAAAAAAAAs+gIAAAAAoIh7qEgIFAKAAAAACAAAAAKAAAUAIAAUAAACggLEAigKAAAACFAs+kAAUAAAAABQAAAAAAAAAAAACAAAAAAAAAoICgAAAAABQFAUBQFAAAAAAAAAAAoICggAAAAAAAAKACAAIAACgACgAAAAAACAACgAABSAAAoIECioIAoqHsiioAAAAAAAAAAIAAAAoICggAAoAAAAAAAoICgUCAoAIAAACggAAALQJQLEAiiwgKIACgAIIC0ABQCAACKAKAACAoACgAAABQAAAAAAAAAAAAFAAsAlAsAUIUACUC0AAACAoACACCghQpQLQFKiUBQFAtAAAUBQEQBWqgBSAoIAACgAABQAAANYxqCTGsgYge4EwAIUKUBRgKMBRgQFpEKAoEoUoFBAAUAAAEBVAAAAQgUEKAoUmBChSgWYBKEKAoCgAKAoAGsY1AmPUEgD3UEBcBQLQhQJQpQFAtIhQqAUglAAUoUC1oBQFAUBQFKEQBQFAUAABQAL7QCewFAsggAAAKBWgAJQLALPoCQqAFAtAUC0IUBQFIJQpQhSKUoiAKlAUACqAhWgpQhQALHqBMagigACglAUCglAtAgFAUBQLQFAtaAlAUBSimAiBMlBkoFoCgKBaBKApAAQSgKBKFEBQoCgKApRaBBFoCgIjUCfUEoCgKBVACgKAoCkClCgKAoCgAUClCkQoFoCgKBaApQoACgKAoCkEQKBAKRUoAClCgAAX2UQAFArUCQKAoCgKEKAoCgKAoClCgWkClCgK0AoFoQoUoCgWgIgAQUKBaApAoCgKBKQSkCgSRUAAAApQBQKAAUAKAoCgAKABREoVYgQoAAACgK9wX8qhQFAtAUBQEQYFoChCgWgKAoCgWgSgZpkSgKFSkEFKUKAoClFoQoCgKAoClCgEBQBaAoCgAAAIAAoClRuMfolFZrRUKBaQKUWIsCgWgJgQoFoChShFoCgKAoGaZVmkChUmASgKAoUmFChFoCIAApQoCgKAiNQKAoCgKEKAoFoEoFoClCgWIBfagIgCgKApRrGECgIgCgKBYgRaApRdoG0DagbQeOmVKBKRUmASgKApVAKVCgKAoCgKBaApQpApQoCgKAoCgWgKAoChFoCgKBrGNYBJjWVCgKBaQWgWIUKEKBaBdugFAtAUBQJQMTDCpMCpQJMIJQpSiUBQLEKgBQFAUBSgBQLAFAUBQFAUDWMev7gShCtAKUWgKBaQKUKAoFoCgWIBaEKBYgCgWlCgWgIgCkCgKFeOYYVKBKBJhFZoClCgKUWgKEKAVShCgKAoCgWgSgWgKApRY0v9oJQFAsQIUC0KUItCrWghQFAUC0osQC0BQhQLQLEAu0CMQXaBtBKB45hzaZoEmBWZhBKApQpQoFoCgKUKAoD3EKUKQKBaUKAoCgUEoCgWIBaEKFAWtAKEWgKBdqhtBaAoFoFoF2gRCotAsQBQLSBtBKB4phzbSYBmYBmYQSlCgSlFqQKUWIAoCrApQiAKBdugFAUIVAFAUBQNTGkAlKLQhQpSBQLEAtKLEAsQIUBQLShQLtBqIAoRdoFAtAu0DaBtA2g8Mw5NszAM0DMwCUBQFKFKFAtAUBSi0CUADURoCVoBQFCLQFKFAtAlAtAUC1oBtAjERaFWhFiFChSvQRqtAKBaBYgFiBF2gu0ClGqBKBaREoV4JhybSYBmhWZjUGaAVCgKUIgFoClCgKApQoFr1AoCgKBaEKAoFiAKBYgFmASgKBaBaBYhUWhSIBYxEapRNqC0C0o1ECLQLtEKBaFKA2gUDjzDi6MzAMzAMzAJSiTAFKFCLShUgbQWgKUKAoCgK0AoFoQoChVpUKQWgKBVCtECpUWgWgKBaUWgWIEaoCgNoixALEA1QLtAjFRdsgu1A2gbQcaYcXRmYUYmEGZgEpQpRKApUWI0AoFoClCgKAoCgKBaApRa0EKAiAWgKBYxsUoRdoFAtAUC0osQC7QXboI1EKLtENsoG0Gq0UWgajEF2gbQWMdANoFIOLMOLozMKrEwDNIiUokwolAUqLEAUC1ooUC0BEKJQLQFSgUotAUC1qoUiFCrQFAtCLQEYgu3T+KhQEQDVAsQI1WlARCo1QLt0AoCIBqMQaiAajEDaBtoDaBEA4sw4OrEwoxlAM0CUIlKJSi0BEKi0BQFKLMaAUCUCxAFARALQLQFKLGPsiG0UoFiNQWlQoFoCgKBqIBdoLEKLECNRAG0Gox0EXaBGOoNRiCxiDUQC7QNoFAbQcOYcHZmYUYygRmgZmFEmFQoClFiAKApQoRqtBUoQoChSgWIEJgVYhUWMdUFxqMrBKBaBYgDaotARALQLWn79RFiAWIUWhFiAWgaiLBYigaiBFoFiAKBrGAWMRF2gRAG0HCmHB3ZmFHjygGaESYUZpUKUKBYhRaAoCv5Aeyi0CUBQLSC4xrAE46yCxCoVSC17gUC0CxGqhQFAtARALQixH8wapRaEWI1BrbYFA1Qi7QaoFiAXaC0CxAjW0VNojtH7I/AP8AmfL/APNd7i3eN8flE4Y5R9PJzRrjjr6xj6y839GzEYh311xy6hmGlZmFHjygRmhGZhRKUSlQqVFiAWtQKApQoFoEoCIBaBYiphBZ1mVChFpAoCI1/eosYoLGOqizVRXr7gkQDVARCixH9ERYUar3/EFoFiBGoxA2+wNbRFiAWgaxgGoxA2iLECtRAPofhPwzyHynzXF0erjOPFE7uzz19PHxx6zP/Zz2bPWG9dM/TvXt/cX4B8G6XF4Pp5ZdnLqY7J4etEZfV+ac85mMd0z608karW5bttjw/Lcw9CsTAMTCjFKjMwqJt1UShFrRRYgFoCoBKUWgKAoCgKBYgFiAWIEKFWgIgRaBYjUCIFWMRFpQjEFoRYgG60/gBEAtA3ECExqC0CxiItUDUYg1EA1sA2g9v8Y+MeU+Q+U4vH+P4pz5OSfrz/Lhj75ZT7RDF7xWMy1SmXdnybo9f4J9sefg8FMz2uxy49ft96ImM5yyid+UT+Gm2Hm1f7vmXTZ1iHQGU5ZZTllNzPrMvY4PXTDzvSxMKMTiqMbVZZmFEpUSgWlRYxBaBNoFKLEATiKbQKArUFoChGqFKAoFjFEXaobdQXaDVARiIUou0F2gsR6g1ECLEA1EA1MAsQI1EAbQWI1BuoQaiBHu/ivxHy/yXyeHR8fxbr15eaf7OPH3yylm+yKw3SmXeGPj/jnwXw2Hjel5vq+M7vJMT3+7yYfrdnOvbDji9sfhbx5m85mMutrVjjLm5/Oftv5rxeXhO/5XHs8fNhHHy8nPjlhOUx+fdtiIm9Uit6zmIT9lZda/JPsn5jhme58d5cPLeN5Pq4p48sf1Ij8Kusv/AFemv9FZ74ZnX8Oo8sUdGZhR48oVmWZhUYnFRKVDaIbVGogQ2ilAUC0obQSYBKBragUC0C1/QChShGtoLWoFKLGOqC0qEQCxAi0BEKN4xpKC7VF2gsYyg1WiosQg1ECNRjCixiCxig+o+H/Be/5/PPscmUdLxHW+rueQ5dOPDGNZq/7sv2Od9mOPLpWnGZ6e98z9wev4voz4H4ZhPS8fjpz+Q9Ox2Mo0nKcvyx+EM11ZnNu2bbJniOIfBcvJy82c8nLnOeeU3OWU3Mz/ABdmGYxqVH1fwr7gea+L9qMuDOefpZT/APfp55Tsyj9n+nL9rjs0xb7araYfBTDL0M5Qo8cwrLMwqMUqJQhShQjUQoVqBQFAtAV7gm0ChSgWgWMRChVoCIBqhFoUoFoRYgF26qi7QKBYxBYgGqEWrFaoRYxBdojVAsQDWOMzMREaz6UDsz4D9pOz5L9PyXnL6vj6/U4+vMxhy82OOszG6tuH45PPs3eId668cy4v3I+ccHfyx8B4HGOt8e6M7MMOP6Y5csfXOfxj8L/e3q1+vM9uV7+0/h8FEOrDUR7g1tBYjVR6qcXnetiYEYmFZliYaZZoQpRKVFrUFoQoUoF2qEYgtaAztArUDaC7RVoRaRTaBQNRAi0oUC0C1qItAUC0CxCjW0RYgGqBYgRqIBdoLtBzfFeI8j5TucfT6HBn2OxyTWPHhFyza0R21Wsz07h+Ofb3458Tw6/c+R9zrZeZ7MZf7Lg58r4OPkiPpnKI/vrL19nltsm3XTtGK/Z9x/lPnfC/HcfD9/ucPZ8z5Ldly8/XxjGOPqT6ccTEYz9c3/BrTSJn28OeyfDpiHqcmtsA1GMg1ECNbFHqJh5nsYmFRiYVmWJhWWdqom3VUIxUWhGtoG0EoUoRYxBaFSMVRKFKQWgaxx0/gBEAUBWoNbQKkFoFpUWtQXaBQLGOoLECNUCxANUDURoIsRqo1tQfXfFPt35PzPDl5Dt5R47wvD9XP3+f6cdseuyJ/ulyvtxxHbrGvjM9Po8PuN8a+M9fPxvxXxn6sTG3m8nz55YcvLMe8fpzjljH4asfqm3Myk7fERw9n4/ufHfub2+n0vIRzeN8t0sJjiywz/Vx5uOJ3ZY3n9UZRrPqzM21x+GqzFu3XfzPyOfkfkfd5pmZ4uPknh6+M67eLi+jjx/hjjD01riIhxmczl6aMVRqIBuIUbxwmZqIufwB2D8D+1PkfN8mHc8njn1PF+tzFcnLH4YRPt/k8+zfEcQ7V1eZdTzA6sZQqSxMKzLMwrLO1USoVCIBduoLtArUFoEmFFjEFnHQGaAoCrAoGogCgK0BaBaAoF2gtUC0Iu0CIUWgaqqBdoixANRALEA5vivEeR8p3cOn0ODLsdnkn6ePCLn97NrRHbVazPTuP4r9pfFeFww73yOce738Yjkx8Zx5YVjjeuee6cd0Y+s+373mvtm3EOsRFft8n9zvuDl5zsx4rxmUcfhenO3DHjjZjy5Y6b9vtj/ph21a/WPy42t7S+BrV1ZdvfZL4V3/APkY+R9vjni63Hhlj1Iy0nkyzjbOUf4xDy79kdPRSuIzLjfPPtB5zi8p2e/4Xi/3nS7GeXJ+jhMfqcc5Tc47Z9Y/CnSm+Jjnti2v4fDcnxH5NxZ7M/F9rHKPaeLP/wAOnvHyz+u3w5vS+3vzHtzEcXiexET+bPCcI/nlUJO2seVjVZ9X4f7F/IuxOOXkefi6XH+bGJ/Uz/lj9P8AVyt/RHhqNUeZcryHN8A+EZzweP68eb83x6Zc3PMZcPFlH+MaTP7P6kRa/fEJOyK/8vQdn7rfNuxzTyR3p4Mfy8fFjjjjEfhVf9W40VcptPy//9k=);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane2 .grid-panel-web-has-background {
    background-image: url(assets/arcane2_mobile_container_2x.jpg);
  }
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web-has-background {
    background-position: center;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5hNmE2Mzk2OGEsIDIwMjQvMDMvMDYtMTE6NTI6MDUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQjFCOUMxNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBQjFCOUMyNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjAxREM0MTg2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCMUI5QzA2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAI2AcgDAREAAhEBAxEB/8QAiwABAQEAAgMBAAAAAAAAAAAAAAECBQcDBAYIAQEBAQEBAAAAAAAAAAAAAAAAAQMCBBABAAIBAwMCBAMGAwkBAAAAAAERAiESAwQFBjFBUWETB3EiMoGhsYIjFJEzFcHR4UJicmPTJBYRAQACAgICAgIDAQAAAAAAAAABAhEDITFBElFxgRNhIjJC/9oADAMBAAIRAxEAPwD8yz6tnAAABHqC5IqAsgioAiKACCggsCkggAAAAAAKIgoAAAAAAqKBCKSAqIigACoIoAAAAAAAACqiIAoqCKAqoAgKBj6gsorIiqACCCgAAKCAAAAAAAAAoIAAAAAAAqALCBIpCoIqAAAAAAAAAAAAACAAoAACiIoIoqLiguQqKiAAqCCgAAAAAAAAAAAAgAKAAAAAACAqiICwBIIKAAAAAAAAAAAAAAAAAAoIICgLCoSiioiCioICgAAAAAAAAAAAAAAAKIgoAAACggKqAAIigAAAAgKAAAAAAAAqoiKAAsqiIKoiKsKgBCBKgAggoAAAAAqCKAKgiqqIigACoIqwBIIACqhCKSCAqoAiCqIigAAAAAAAAAAALAAIICgKqAAIgqgCx6IJKix6IJIIKAAAAAqoiKtKgCIqqiIoCiCiIqwBIIAqALCKSCAqoAiKqoiKAAAAAAAAAoAiCrAEgggKAAKigAAiDcegrM+qoseiCSCCgACoIoAIoqgyICqqIigKqIgCrAEiIKAAsASCAAqoiKKgigAAAKqIigAAAiqIigLIICqiIoAIqgCIArUAk+oix6Ak+oqAAAqoiKAAsAAgAAKqIiqqIigLAgoiKAAAoIAAAAAAAAACqiIoAAACqiIoAACiIKAAqoIIKAsAgNQCAgAAKqIgCgKISKgAAKqIiioIoIvsAoAiKAAAAAAAAAAAAAKgigAAAKqIigAAAAAALAgoiAKAA0DIAAACoIAqgoICAAAKgigAKqKisiLAoCACAoAAAAAAAAAAAAAAAAqCAKAAAAAqoqKioiAKAAvsIgoAACqiIoCwCgyAAAAAAACqiorILAAIAAAAAAICgAAAAAAAAAAAAKqIigAAAiiqCKiAIAoCqiIoAACqiIoCgoMgAAAAAAAqoXoCIqwCAAAAAAAKgigAAAAAAAAAAAAKqIigAACo0igMgKgigACoIoAAAAAICrYiCgLIIAAAACqgCIqqiIoCqiIoAAIqiIoAAqCKAAAAAAAAAKgigAgKKiwgSKgCoIoAICioIoAAACqiIoqCKsAT6AgAAACooAIiggKoEggKIgqqgCIoAAqCKCAoAAAAAAAAAAAqCKAoCogCKAKgiioIoAAACqiIoIoECkggAAAKIKIigAALAEggKCAqoiKAAAAAAAAAAAAAACAoAAqCKAsASqAIAiqqIiioIoAAAAAAIACrIIAAACwAqIigAALAEggLAICqiIoAAAAAAAAAAAAAAqCAKAqoiKAsCEikQqEoIAAKKgigAAAAAAgKAAAAAAsAgAAAAiqEoqAqoiKAAAAKgigAAAAAAAAACoIoAAAACwISKuIGQMgKgigAAAAAAAAAAAAAAALAIAAAACqiIoAAAAAAAqCKAAAAoIAAAAAAAAAAACwBIi4gZCsgqoAAiKAKgigAAAAAAAAAAL7CIKAAACKoiKoEgggKKgigKqIigAAALAIAAAAAAAAAAAACqi4oqZAgKqAAIigKqIigAAAAAAACoIoCqiIqqiIoAAAACyCCKogCKAAAAAAA0CAgAAAAAAAAAAACosIEggqqgCIAAoqCKAAAAAAAAqoiAKqoIEioAAAAICrIiAACgAAAAAAALAAIAAAAAAAAAAAAqCKsKhKKKgCIoAAAAAAAAAAACqiIoC+yoiKsggL7KiIoCqiIoAAAAAAAAAAAC2CCAoAAAAACwBIIAAAqALCBICiIoAAICgAAAAAAAAKqIigCoIoICr7CIKAqoiKAAAAAAAKgigCoIoAqCKAAAAAAsASCAAKggqioqSBIIAAAqCKAAAAsASCAAAqoiKAAAAAqoiKAAAAAAAAAAKgigAAACoIoAAAAICrAEgggKKggqgAgorIAAAAAAAALCoSioqCCqAAAIAAAACgiAKAAAAAAAAAAAAAAKgigAAACoqAoSiioAAAAAAewAAAAAAAAAEASAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAEgAAAAAAAAAAAAAAAoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAEgAAAAAAAAAAAAAAAoIAAAAAAAAAAAAAAABIAAAAAACggAAAAAAAAAAAAAAQBIAACggAAAAKCAAoIAALAIoIAACggKAAAAAAAAEASAAAAAAAAAAAAAABQAAAAAACAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAgAAAAAAAAAAAAAAAAAAAAAAAAAAAACioIAAAAoIAACggAAAAAAKCAAAAAAACx6AkgAAAKCAAAAAAAAoICggAAAAAAAAAKAAAKCAAAAAAAAAAAAAAAAAAAAAAAAAsegIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADURoDIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgAAAAAKCADcfpBgAAAAFkEAAUAAAAAAAAAAAAAEBQQAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAGr0BkAAAAFkEABYABAX2BAAAAAAAAAAAAAAAAAEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQQFUAAAJQFAAAAAAAAAAAEQUEAAAAAAABQQFUAAAAAAAAAAAAAAAAAAIgAAAAAAAAAAD2AA9gAAAAAAAAAAAAAAAARABQFAAAAAAAAAAAAAAAAAAAAAAAFx9AQABQRABVABFAkAEBUEUUAAAAAAEAQAUAAEAoChSgKAoQBQAAAAAAAAFBAApRKAAoAUAEKBQAI0AAAAAAAAABQQAAAAAAAAAAAAAABAAAAAAAAAAAUAUEAAAAABQBAUAABAUAEABQQFkEBQAQAAAFBAUAABRAUBAAAEBQEBRAAUAAQAQBQABQBAAAAAAABQAAAAAAAABQQAAAACAJAAAAAgAAFoEAgAAAAAAAAAFABKQAAAKAAAAUKAAAAAAAAAABQAAAFCkAAAAAAAAABQAAAAgCYABa0BAAAKAoCgKAAAoCgVEKABABQCgAAAKAAUAAAAAABAUoARQAAAAQFBKAoAAFAAAAAAAoCIBcoBKBYjQEBZBKUKAoFoCgKAoCkCgKAABAAECgKUKAoFBAKAAAoCgFAAAFAoCgKBAUCgQCgKBZgEoCgKBaBAWgAKAAABvKNIBihFj0FQRZgCIApQoFoQoVKQWgSgKAoACkAEoCgBQCgKEWhUpUKAoCgKBaBKBaBKApQpBVAAACgWIBKAoCgWQSgKAAAAoCgKAoCgAa9TAkwuAiAKEKBaAoCkCgKBaBKAoCgKQKBKAAoVAAKAABQRRaAoChCgBQRYjQVBCgAAKAoCgKBYUSgKAoBApQAoACgKBcfUCY1BKAoFoFgChMkQBQFAUC0BRgKXAUBQFAUgAUglAUCUAKiAoUBQFAUC0BQFKAFAtAlA1WgM0BQFCFCgigUCUKCKCAUBQLShSBShQFAAQCglAAtAUIUC0KUBQhRgWlCgKApBaAoCgSgSkCgSgBUpAAoCgFAAACAWQQBRQKA9gSgKBaBKBaAoChCtBSgKAoQoUoQoCgWgSlCgWrQSlAFoCgWtAKAoFoCIAEKUWkCIAoCgWgKDJMGBKBKQRAoCgQVKAAoABQoCgAWgSgWAFACgKAoCgKAoCgAAKAoFrQRKFUQAAAoChVxjURPcClFoCgWgKAoCIBaEKAoCgWgXaGSgyUC0CUBQMU5CgQUoEpBBSlACgKApRaEKAoCgKAAUKQKUEClACgWgAAKAoAACgAAKABrHH8sglKhQFAtAUBQLMAUCxAEwgUotAUIUC0BEAtAUBQFAxTlUpBKAoVJgEoCgKApVKAoRaAoCgKUKAoCgJgCgIgCgKAoCgKEKAoFiAKBKBaUK1QKUJgCgWPgBEAs4+4FAUBQEQosxqBSI1QpQFCFKLSBSi0BQFAtAUCUDFOFSgKRUrQEmAShShClChQClQpApRaAoCgSgWgKApQpApQoFoEoCgKAoFoEoFoQoUoQoChSgKVFoGp1xhBKApQoFoCgWgWIAiBFoFoCgWgKAoCgWlCgSkV45hwJQqUBSCTAIKUoTAFAUoRAFCFClCFAUBSi0CUC0BEAUBQFAUC0BQFAucVIJQFCAFAUKUqFAtAtaAAUC0BQLEAUC7QKEWIBaApRaAoFoCgKBaA2gbQeKYZukoEmAShUQQEpQoBQoFoCYEKFKUKEWgKAoCgKAoCgKAoFpQpApQoCddQKAoCgKAoF2gUIUCxGgpQLQhQFAsQBSixALQFAtAsQIu0DaC7VFjFAoCgXaCbQeKYZumaBJgVKBJhBKUSgKUKAoFiAKAoFpRKBQKAoQpQpApQoFoEoFoCgAIx0AoCgKA1BaBKBaUWkQoFoVKUWkRaUXaBQFAsQBQLWgLQLEKi0C0BQFag1tA2gbQNoPBMMnaUCTAM0CTCCUoUCUotAUBShQLQJQLQFKFAUBQizjoKUBQFCEQBQFAUCxGkgUCUC0oUCRGqBSi0CxALQJQLGoLUVFCFCtTGkCFKFAsQC7QWgKEaiAWIBYxA2gbQWgKEWgSgeCYZNE2gzMAkxoKzSCUqFAUoAlKLQEQBQLShQAFAUBSjU+iCUBQJSixAhUgsQBQFAUBQFATALEARAhQq0BQFQC7RFiFDaC1ILtAiAWMQXaCxAFAtCNRANRChtA2gUIbRVoDaD15hi7ZoEmBWZgGaAoEpUKAmFCgKUWgIgCgWgKApRKAoFoCgKAoFiAKEKAoCgIxAoFoFmP3AlKCBQLQEQCxALShEAtCLECrSosYgtILQFKLECLQLEAtCNRiKbQKUXagm0F2g9aYYtGZhRmYBmYQSYBJhQmASlChClFoCgWIgCgKUKAoCgKAoCgNoLQFCLShthBKBaBK/eC0obdZA26gtAbQNoFAu1BaUWgXaIUobZFWIEa2gsQCxAi1QLtBdoG1RYgG8cQXaCbRFjEU2oG3QR6tMWrMwqszAMzCIzQEwolKJQFCFKLWgLQEQBShQFAUoswCUBQLWiBQFaKFA1QJQFAUBQFA1HrAJWqote6BQFAV6fMFiAWIBaUWgKBdukAsQIsQC7RFoFpRYgFoDaDUQDWMag1tBNohQFCrtB6kwwaszCjMwDEwglAlKiUoUBShtAiFRaAiAKBaUJjQCgJgCIAoFoEoFoCIBaAoCgKAoCtQK1UWhCgXbKKUB/sEWgIhRqgKBYxBYiVFpEXaotaiNTigRiosQDUYgu0DaDUQCxGoNbQTaBWgLGIPTmGDVmYVWZgGJjVESlEpUSYBKUKApRaAoQoUpUWgamNBWaEKAoUoFoQoFoEoGqBIx1AoFzj82noBQG0CI1UWhCvYF2ipSCxiqLWn8ECIUWIBaBaUWhGtqBSi0C1oDUQBtEbiAXaBQLEAsRQN0Ik4gRiDsj7L/AG//AP0PfI7h1vFu7V0ExnyRlH5eTkjXHD5/Gfk8+/ZiMQ31V8uq5hRmYBnKFGJgRKBmYUSlRKApQoGogCYUKAoCgX2ApQmASgWgKQKBrLGqBKEWtAIipArX8RShDaC7VFiAKAoACkFpUWvQVKBYgGq1EWlFiBGq+ALQLQFAu0GogRYgGogF2gu0FoFxgRraDmPE/Fe4+S954O29FhM5ck3y8n/LhhH6ssp+EONl4rGWlKZl+mel6/wnwHs3T9p5uu4eljhxvLGfzcuec/qzyxwjLLV4PW15y1teIfkCnrRmYBiYUYmBEoRJhRKUSlQoClFiAWYBKAoFpQiAWgSgKgCIBaQKBrL0j5AlagsQIlCrQiUCzAFKLEAtRERPvPqCUC0BEAtAUBUX6A1EWCxiqFA1EaiLEAtagsQDW0F2iLtQWIUajEGogFoDaCxAOQ7J2XuHee48Pb+g4Z5eo58oxxxx/jPyc2tERmXVazMu7+7dJ0/2q8D/APg28nfu45RxcnWV6ZVeW2/bD2+ery0j9lsz1DTZOIxDonrOr6rrOfPqOq5cubm5JnLPPOZmZmfxeyIYYcVMaMHoZmAYmFGJgRJhUZmJUSgSlQpRakFiAKAoClDaC0BQJQFAsQABXvILX+8CtQWgKAoCgKBaEWPUChShCMQWgWIBKUXbog3hFXPw9AJhUWgKBrGBGtoEQDVA1QG0RdoNRiDUYgu0GtoPe7J2Hufee4cXQdv4cubqOWaxxxj0+cz7RDm1orGZdVrMv0F4r4pHg/T8XS9B2rl7t3vq8Y/u+tx/p8PHjPrjHLlGkR8vV4r29+ZlvjHEOb8+8F4vJvGMe3cO3p+q6afq9JMzM4xnX5scp9ay+KadvrPPlLVy/NPfPGe89j6zPpO5dLnwcuM6bo/LMfHGfSY/B74mJ6YTWYfOzDBuzMKMTCoxMCJOKozMKJMKJQhSi0IsYgtAk4gUobRViBDaKm3QDaBGILt1A2gtARGoFAUC7QNsAbQXaIsRqBtoFjEDaC7QSvYCIBraCxiItegLGKotAtA3GOiBEeyjVe6C0qLEAu0GoxQWgaiBHN+L+Jd38j7hj0nQcVx68vNlpx8eHvlnl7Q4vsisO6Uz9Ox48w8U+3vR59t8b4sO6d5yjb1fc8/8vd8Ma1mI+U/4sf12vObOrbfFXw/ePuP5n3blnLqe5cuGE+nFxZfTwj+XGobRqrHhlMzPb1Og8x8p6Hmjl6bufUYZRN/5mUxP4xM0TqrPgjh2l4f92u2d6jDtPmXT8HJv/Lx9ZyYYzxzM6f1MZisf+6HnvpmvNW1dny6CnFo7ZpRnKBGJhUZmFRmYUTaIbVDaIUo1EAbQNoFAUBSi7QSYBKBdoEY6oLEARAG0UoF2gVAhtBYx0BaENoqxjqBQLQhShQLQFAu3UG5x9hCgWMQWMQaiBDbqDVAsQDUY6gtCNYx7A1GIPs/A/tp3Xyfn+tlE9L2rjn+v1mcVFR6xjfrLHZtiv21pr8z05XzTzHtvbujy8W8Qj6HbOP8AL1nWY/5nU5xpN5eu016/Nu3F7+3EdOu6mZv1+Mt3LUY2IsY0DURcA4uYed6mZiFGJgRicVRmYVGaETbKhSobRFoFiFCcfcCgIgCtAWgKAmLBJxFKBaAoDaC7dANuoFAUC0BGILQhGOoLQpVCLQFAbQXboBGKo1QLQLt1Bdtg3GKIRiou2wWIBrbYixALEA8nFxZ8mcYYYzlnOkYxrJMrEZdm+J/bbtnQx0vc/Neojoen58o/te35X9XlnT9UYxM446vNfbM/5bRWK99vo/u15hj2btnH4z2z6XD1PJx11M9NE448XBlrjxY/PKP1f8U0a8/2lxtvnh0nMXr7/F6mRQNxiDUY2BEaqji5i3mexmYVGJiVRiYVyzMKjNCFKFKhQEQC0Iu3QUoCIUShFjEVYgRNopQJEAtCle4EQgu0DaBQG0FqRCplRYgF2oG0FoClQoUoChFiAaiAWIBYifgDUQqNRCBSje0RdsQBtBraDl/HPFe8+Qdbj0nbeny5c5/Vl6YYx8csvSIcXvFe3daTLvTwn7cdm8Y5N/LwZdx71x8c8k808eX0cMoi4x4spx27pn3mbeS+ybfTeMR04bsf3Dy7lz906jyTtHBlx9o48+o6flzwmcuPPfGOPHfJOX6spiIaW04mIie2cWmImZdPd37l1XdO5dR3Dqs5z5+ozy5M8p+My9PTB6sQo3GILsBqMRHl4un5OXOOPjxnPkymIxxxi5mZ9oiDKxGenDU871szCoxlCozMDlicXSJtEScVQ2gbVChGqBaBNoptAoRdoLtFZ2+4E46KFIG0FoCMQXLHUVJgQoDbILt0ArUFjEFoCgKBraIm0UoRYx+Xoou3URYxBYgFiBWq1EWMQa26AuMA1toRrDDLLKMcYmcp9IgXDsfw37Q9d3Dg/wBV79nPbO0ceP1css9OTLCIuZiJ/THzlhfd4jttGuI5s8Xkv3D4+m4suy+IYf6Z2jjnblzcenNzzGm7PP8AUtdXm3Ms7Xm30+P6Tvfd+k6uOr6fq+Xj6iJuOXHOYyv8Wk0iXEcO1PLe8dw7x9oel7jy8UY9Rz9Tjh1vLhjETyRx7oxyyr4zX7WOmMXmP4bbM+sOn4xehi1GIjUQDWOMqPoPHfCPIe/csY9D0mU8V/n6jONvHj+OU6M77Iq0rqmXbXh/jPg/ifLjydd3Ppeo7xHrnnyY7eKfhjF6T85eXZe1vHDSLVrxD84zTZ2zNKjE0qMzQ5ZmlRJr4qGiomgi6ARQNaAk0oaILoomgLFAugMzQGgEUCafsBdAXRFNFQmqA0oDQF0A0BdAXQDQAFigTQF0BYoRdK+ai6ILFKi6CtaILoIuiixQPLw4cefLhhyckcWGUxGXJlEzGMT7zGMTOnyhCI5dx/b7pvtf23Piz6frMe+d9ymNnHlhPBhjl/4/7qOHCa+eV/CHl2e898Q9FZj/AJez94ufzX/Tcunx4Mp7PjMZ9X1uH08Zy3TM8fHlx4Z5ZRhh6XPrl+x1o9fyy2Z/DpR6Wbkuw9J2rqe4cfH3Trseg6K75eecOTkmvhGPHjnNubTOOHdIjPL9K8eHhuPhGOGWfHl41HBEfUyupwv9XpGW7d8rt4a+3tx29FnSneewfbbLmyz7T5PHHhMzXD1HS9VNfz4cWv8Ag9cWt5hjMVcTh2Lx3dWXknSxj8fodb/6HXtPw59a/Llu3+PfbeJiev8AKrj3x4ek6nX+bLjj+DmbX8Q6iKPt/HOD7K9NnH9r1OHXdVEXh/dxyY3Me0fVx4uPX/qY3/Z5aVmPD0/Peu+4vVdHM9L27LoPH8YrDHpOTi5N2Hxzngzy0/c61RSPPLDZ7eXVk/V3Tvvd736vSzf/2Q==);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 960px) and (min-resolution: 1.25dppx), only screen and (min-width: 960px) and (min-width: 1225px) {
  .theme-arcane2 .grid-panel-web-has-background {
    background-image: url(assets/arcane2_desktop_container_2x.jpg);
  }
}
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 960px) and (min-resolution: 3.25dppx), only screen and (min-width: 960px) and (min-width: 2449px) {
  .theme-arcane2 .grid-panel-web-has-background {
    background-image: url(assets/arcane2_desktop_container_4x.jpg);
  }
}
.theme-arcane2 .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-arcane2 .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-arcane2 .grid-panel-web-has-header .theme-arcane2 .grid-panel-web__header {
  width: 100%;
}
.theme-arcane2 .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-arcane2 .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-arcane2 .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-arcane2 .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-arcane2 .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-arcane2 .grid-panel-web__links a:hover {
  color: #333;
}
.theme-arcane2 .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-arcane2 .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-arcane2 .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-arcane2 .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-xbox .grid-panel-web {
  position: relative;
  background: #f9f9f9;
  padding: 10.474337872213077rem 5.985335926978902rem 5.985335926978902rem;
  color: #111;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .theme-xbox .grid-panel-web {
    padding: 4.489001945234176rem 2.992667963489451rem 2.992667963489451rem;
    min-height: 31.021558158122353rem;
  }
}
.theme-xbox .grid-panel-web-has-background {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.theme-xbox .grid-panel-web-has-pretitle {
  padding-top: 1.995111975659634rem;
}
.theme-xbox .grid-panel-web-has-links {
  padding-bottom: 0;
}
.theme-xbox .grid-panel-web-has-header .theme-xbox .grid-panel-web__header {
  width: 100%;
}
.theme-xbox .grid-panel-web__header {
  max-width: 100%;
  margin-bottom: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-xbox .grid-panel-web__header {
    margin-bottom: 2.992667963489451rem;
  }
}
.theme-xbox .grid-panel-web__pretitle {
  color: #852224;
  padding-bottom: 1.995111975659634rem;
}
.theme-xbox .grid-panel-web__title {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-xbox .grid-panel-web__links {
  padding: 5.985335926978902rem 0;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .theme-xbox .grid-panel-web__links {
    padding: 1.995111975659634rem 0;
  }
}
.theme-xbox .grid-panel-web__links a {
  margin-bottom: 1.496333981744725rem;
  flex-grow: 1;
}
.theme-xbox .grid-panel-web__links a:hover {
  color: #333;
}
.theme-xbox .grid-panel-web__links a:active {
  color: #111;
}
@media screen and (min-width: 960px) {
  .theme-xbox .grid-panel-web__links a {
    margin-bottom: 0.498777993914908rem;
  }
}
.theme-xbox .grid-panel-web__links a:last-child {
  margin-bottom: 0;
}
.theme-xbox .grid-panel-web__content {
  min-height: 7.481669908723627rem;
}
@media screen and (min-width: 960px) {
  .theme-xbox .grid-panel-web__content {
    min-height: 2.992667963489451rem;
  }
}
.theme-arcane2 .grid-panel-web__links a:hover {
  color: #dbe0ee;
}

.grid-panel-mobile__title {
  margin: 0;
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__title {
    display: flex;
    padding-left: 0;
    margin: 0;
    align-items: center;
    text-align: left;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile--loading .grid-panel-mobile__content {
    max-width: none;
  }
}
.grid-panel-mobile__header {
  margin: 0 4.489001945234176rem 8.978003890468353rem;
  text-align: center;
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__header {
    margin-bottom: 5.61125243154272rem;
    margin-left: 0;
  }
}
.grid-panel-mobile__button {
  justify-content: center;
  display: flex;
}
.grid-panel-mobile__button .mobile-button {
  margin-top: 7.481669908723627rem;
  margin-bottom: 8.978003890468353rem;
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__button .mobile-button {
    margin: 5.985335926978902rem 0;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__button .mobile-button__submit,
  .grid-panel-mobile__button .mobile-button__submit--loading,
  .grid-panel-mobile__button .mobile-button__accept,
  .grid-panel-mobile__button .mobile-button__accept--loading {
    position: fixed;
    right: 3.92156862745098vw;
    bottom: 3.92156862745098vw;
    margin: 0;
    z-index: 1;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__subtitle {
    text-align: left;
  }
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile--has-button .grid-panel-mobile__content,
  .grid-panel-mobile--has-button .grid-panel-mobile__subtitle,
  .grid-panel-mobile--has-button .grid-panel-mobile__title,
  .grid-panel-mobile--has-button .grid-panel-mobile__links {
    max-width: calc(100% * 31 / 47);
  }
}
.grid-panel-mobile__links {
  margin-bottom: 5.985335926978902rem;
  width: 100%;
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__links {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1.496333981744725rem;
    margin-top: 2.992667963489451rem;
  }
}
.grid-panel-mobile__links a {
  margin-bottom: 2.244500972617088rem;
}
.grid-panel-mobile__links a:last-child {
  margin-bottom: 0;
}
@media (min-aspect-ratio: 10/8) {
  .grid-panel-mobile__links a {
    text-align: left;
    flex-grow: unset;
    margin-right: 4.489001945234176rem;
  }
  .grid-panel-mobile__links a:last-child {
    margin-right: 0;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

.console-success__msg {
  font-size: 4.025138410893312rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 120%;
  color: #adadad;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .grid-page-web .console-success__msg {
    font-size: 1.246944984787271rem;
  }
}
.console-success__msg:lang(th),
.console-success__msg:lang(ko),
.console-success__msg:lang(ja),
.console-success__msg:lang(el),
.console-success__msg:lang(vi),
.console-success__msg:lang(ru),
.console-success__msg:lang(zh),
.console-success__msg:lang(pt),
.console-success__msg:lang(tr),
.console-success__msg:lang(cz) {
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .console-success__msg {
    line-height: 120% !important;
  }
}

.psn-link-toast-container {
  margin-bottom: 0.748166990872363rem;
  margin-top: 0.748166990872363rem;
}
.psn-link-toast-container .ds-toast p {
  font-size: 2.244500972617089rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .psn-link-toast-container .ds-toast p {
    font-size: 0.638435832211083rem;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .psn-link-toast-container .ds-toast .ds-toast__icon {
    height: 1.122250486308544rem;
    width: 1.122250486308544rem;
  }
}
.psn-link-toast-container .ds-toast .ds-toast-dismiss {
  opacity: 0;
  display: none;
}

.login-button {
  margin-right: 1.96078431372549vw;
  margin-bottom: 1.96078431372549vw;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.login-button:last-child {
  margin-right: 0;
}
@media (min-aspect-ratio: 10/8) {
  .login-button {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 960px) {
  .grid-page-web .login-button {
    margin-right: 0.748166990872363rem;
    margin-bottom: 0;
  }
  .grid-page-web .login-button:last-child {
    margin-right: 0;
  }
}

.grid-panel-web__header {
  margin-bottom: 0.748166990872363rem;
}
.grid-panel-mobile__header {
  margin: 0 0 2.244500972617088rem;
}
.pagination-wrapper {
  position: absolute;
  top: 4rem;
  right: 4rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .pagination-wrapper {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.pagination-wrapper .pagination--clickable {
  background: #ccc;
}

.tos-page .grid-panel-mobile__header {
  margin: 0 0 2.244500972617088rem;
  text-align: left;
}
.tos-page .grid-panel-mobile__content {
  position: relative;
}
.tos-page .grid-panel-mobile__content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tos-page .tos-content {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 2.992667963489451rem;
  color: #666;
  line-height: 120%;
  white-space: pre-wrap;
}
@media screen and (min-width: 960px) {
  .grid-page-web .tos-page .tos-content {
    font-size: 0.748166990872363rem;
  }
}
.tos-page .tos-content::after {
  content: '';
  height: 35px;
  width: 100%;
  background: linear-gradient(360deg, #f9f9f9 0%, rgba(249,249,249,0) 100%);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  display: block;
}
.tos-page .mobile-checkbox {
  margin: 1.496333981744725rem 0 4.582522819093222rem;
}
@media (min-aspect-ratio: 10/8) {
  .tos-page .mobile-checkbox {
    margin-bottom: 2.338021846476134rem;
  }
}
.tos-page .grid-button-group-mobile {
  padding: 0;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tos-page .grid-button-group-mobile .mobile-button {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 50%;
          -webkit-flex-basis: 50%;
          flex-basis: 50%;
  margin: 0;
  display: block;
}
.tos-page .grid-button-group-mobile .mobile-button:not(:last-child) {
  margin-right: 2.244500972617088rem;
}

.link-riot-identity__form {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .link-riot-identity__form {
    width: auto;
  }
}

.invalid-link-error-prompt .grid-panel__subtitle {
  font-size: 2.992667963489451rem;
  line-height: 4.489001945234176rem;
  color: #666;
}
@media screen and (min-width: 960px) {
  .grid-page-web .invalid-link-error-prompt .grid-panel__subtitle {
    font-size: 0.997555987829817rem;
    line-height: 1.496333981744725rem;
    margin-top: 1.496333981744725rem;
  }
}
.invalid-link-error-prompt .grid-panel__subtitle p:not(:last-child) {
  margin-bottom: 0.748166990872363rem;
}

@font-face {
  font-family: "FF Mark W05";
  src: url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.662fbc7901e31d6bee9c91d5f2cf42a1.woff2") format("woff2"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.ef7af500d9837d3d390db15c32e93167.woff") format("woff"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Medium.e857052c6a4c940090ac8470ecdaf9be.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.8e5368c00aa72d1e1b19d7b437c375f4.woff2") format("woff2"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.c3b94209b88cdd5dd4831d6e6db1d723.woff") format("woff"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Bold.376df397fa3385ce08264528d21520a2.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.1de8fa6eb6e45628ebb3edd635462180.woff2") format("woff2"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.00ba90c112c9a1241e19f78688edbd98.woff") format("woff"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Heavy.db74b2aba5f0dbdca5c076d4a32318c2.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "FF Mark W05";
  src: url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.f4c089710fab9b5bf7a12703bed83b8a.woff2") format("woff2"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.720bdcb352f14de2f474315da59a20c5.woff") format("woff"), url("https://lolstatic-a.akamaihd.net/accounts-fonts/FFMarkW05-Ultra.91a91bc3cd2163aae787cc4d4f955c7f.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

.arcane2-riot-logo {
  background-image: url(assets/arcane2RiotLogoSmall.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 140px;
  height: 40px;
}
@media $desktop {
  .arcane2-riot-logo {
    background-image: url(assets/arcane2RiotLogoLarge.svg);
  }
}
.theme-lol.page-background {
  background-image: url(assets/lol_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-lol.page-background {
    background-image: url(assets/lol_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-lol.page-background {
    background-image: url(assets/lol_desktop_background_1x.jpg);
  }
  .theme-lol.page-background.layout-right {
    background-image: url(assets/lol_desktop_background_signup_step1_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-lol.page-background {
    background-image: url(assets/lol_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-lol.page-background {
    background-image: url(assets/lol_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-lol.page-background.layout-right {
    background-image: url(assets/lol_desktop_background_signup_step1_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-lol.page-background.layout-right {
    background-image: url(assets/lol_desktop_background_signup_step1_4x.jpg);
  }
}
.theme-lor.page-background {
  background-image: url(assets/lor_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-lor.page-background {
    background-image: url(assets/lor_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-lor.page-background {
    background-image: url(assets/lor_desktop_background_1x.jpg);
  }
  .theme-lor.page-background.layout-right {
    background-image: url(assets/lor_desktop_background_signup_step1_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-lor.page-background {
    background-image: url(assets/lor_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-lor.page-background {
    background-image: url(assets/lor_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-lor.page-background.layout-right {
    background-image: url(assets/lor_desktop_background_signup_step1_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-lor.page-background.layout-right {
    background-image: url(assets/lor_desktop_background_signup_step1_4x.jpg);
  }
}
.theme-riot.page-background {
  background-image: url(assets/riot_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-riot.page-background {
    background-image: url(assets/riot_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-riot.page-background {
    background-image: url(assets/riot_desktop_background_1x.jpg);
  }
  .theme-riot.page-background.layout-right {
    background-image: url(assets/riot_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-riot.page-background {
    background-image: url(assets/riot_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-riot.page-background {
    background-image: url(assets/riot_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-riot.page-background.layout-right {
    background-image: url(assets/riot_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-riot.page-background.layout-right {
    background-image: url(assets/riot_desktop_background_4x.jpg);
  }
}
.theme-valorant.page-background {
  background-image: url(assets/valorant_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-valorant.page-background {
    background-image: url(assets/valorant_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-valorant.page-background {
    background-image: url(assets/valorant_desktop_background_1x.jpg);
  }
  .theme-valorant.page-background.layout-right {
    background-image: url(assets/valorant_desktop_background_signup_step1_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-valorant.page-background {
    background-image: url(assets/valorant_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-valorant.page-background {
    background-image: url(assets/valorant_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-valorant.page-background.layout-right {
    background-image: url(assets/valorant_desktop_background_signup_step1_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-valorant.page-background.layout-right {
    background-image: url(assets/valorant_desktop_background_signup_step1_4x.jpg);
  }
}
.theme-vng.page-background {
  background-image: url(assets/arcane_mobile_default_BG_vng.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-vng.page-background {
    background-image: url(assets/arcane_mobile_default_BG_vng_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-vng.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_vng.jpg);
  }
  .theme-vng.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_vng.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-vng.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_vng_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-vng.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_vng_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-vng.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_vng_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-vng.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_vng_4x.jpg);
  }
}
.theme-wildrift.page-background {
  background-image: url(assets/wildrift_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-wildrift.page-background {
    background-image: url(assets/wildrift_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-wildrift.page-background {
    background-image: url(assets/wildrift_desktop_background_1x.jpg);
  }
  .theme-wildrift.page-background.layout-right {
    background-image: url(assets/wildrift_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-wildrift.page-background {
    background-image: url(assets/wildrift_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-wildrift.page-background {
    background-image: url(assets/wildrift_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-wildrift.page-background.layout-right {
    background-image: url(assets/wildrift_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-wildrift.page-background.layout-right {
    background-image: url(assets/wildrift_desktop_background_4x.jpg);
  }
}
.theme-arcane.page-background {
  background-image: url(assets/arcane_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane.page-background {
    background-image: url(assets/arcane_mobile_default_BG_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-arcane.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG.jpg);
  }
  .theme-arcane.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-arcane.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-arcane.page-background {
    background-image: url(assets/arcane_dsktp_centerAlignedCrd_BG_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-arcane.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-arcane.page-background.layout-right {
    background-image: url(assets/arcane_dsktp_rightAlignedCard_BG_4x.jpg);
  }
}
.theme-arcane2.page-background {
  background-image: url(assets/arcane2_mobile_default_BG.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane2.page-background {
    background-image: url(assets/arcane2_mobile_default_BG_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-arcane2.page-background {
    background-image: url(assets/arcane2_dsktop_signin_BG.jpg);
  }
  .theme-arcane2.page-background.layout-right {
    background-image: url(assets/arcane2_dsktp_signup_BG.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-arcane2.page-background {
    background-image: url(assets/arcane2_dsktop_signin_BG_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-arcane2.page-background {
    background-image: url(assets/arcane2_dsktop_signin_BG_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-arcane2.page-background.layout-right {
    background-image: url(assets/arcane2_dsktp_signup_BG_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-arcane2.page-background.layout-right {
    background-image: url(assets/arcane2_dsktp_signup_BG_4x.jpg);
  }
}
.theme-xbox.page-background {
  background-image: url(assets/xbox_mobile_background_1x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-xbox.page-background {
    background-image: url(assets/xbox_mobile_background_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-xbox.page-background {
    background-image: url(assets/xbox_desktop_background_1x.jpg);
  }
  .theme-xbox.page-background.layout-right {
    background-image: url(assets/xbox_desktop_background_1x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-xbox.page-background {
    background-image: url(assets/xbox_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-xbox.page-background {
    background-image: url(assets/xbox_desktop_background_4x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-xbox.page-background.layout-right {
    background-image: url(assets/xbox_desktop_background_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-xbox.page-background.layout-right {
    background-image: url(assets/xbox_desktop_background_4x.jpg);
  }
}
/*
 * Adding this styl sheet because relative paths to cdn don't work within styled components
 * so we have to use stylus to import background images instead
 * below background image gradient was causing conflict in styled css, so moved here.
 * Was causing readability issues so when new image comes will need to be refactored and added back
 * background-image: linear-gradient(rgba(3, 57, 66, 0), rgba(3, 57, 66, 0) 55%, #033942 85%);
 */
.page-background:before {
  background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
  position: fixed;
  max-height: 303px;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
}

.arcane2-riot-logo {
  background-image: url(assets/arcane2RiotLogoSmall.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 140px;
  height: 40px;
}
@media $desktop {
  .arcane2-riot-logo {
    background-image: url(assets/arcane2RiotLogoLarge.svg);
  }
}
.theme-lol.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-lor.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-riot.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-valorant.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-vng.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-wildrift.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-arcane.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.theme-arcane2.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5hNmE2Mzk2OGEsIDIwMjQvMDMvMDYtMTE6NTI6MDUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwMURDNDBFNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwMURDNDBGNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDREMjJFNTU2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDREMjJFNTY2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAJYAXADAREAAhEBAxEB/8QAhAABAQEAAgMBAAAAAAAAAAAAAAECBAcDBQYIAQEBAQEBAAAAAAAAAAAAAAAAAQIDBBABAAIBBAEDAgMHAwUAAAAAAAERAiESAwQFMUEGIgdRQhNhcYGRoTJiUhQVscHRgiMRAQACAgICAgMBAQAAAAAAAAABAhEDITFBElFxYRMEIjL/2gAMAwEAAhEDEQA/APzLPq7MAAEAZIpAhKgCIoCqiIqwBIIAAAACiIKAAAAAqoIpICoiKAKgigAAAAAAKqIgKCKAqoAAR6oLkKioAgCKAAAAAAAAAAoiCgAAAAKqCBIpCoiKAAAAAAAAAACAAAoCqiAILHqouSKiogKCIoAAAAAAAAACqiIoAAAAAqCKCLAIKAAAAAAAAAAAACAoCiIKAseqoZIoqIiioIoAAAAAAAAACqiIoAICgAKCAqoAiAKAAAAAAAAAAACAoCyqIgCqqAFICgggoAAAAAAqCKKgiggAKvsIgoCqhCKgCooIAigAAAAAAAAAKISCACqqIACgAqKnuqEoqAAAAAoACoiKqoiKAqoiKoIACqhCKAgiqIgCgAAAAAAAKIgqwISKKiIoqAKAADXsisx6qhIIigAAAAiwKSqIiqqIiggoIqggAgKsAAgKqIigAAAAAAAAKqIirAACoiKAqoAgKitewMwqGSKgAAAAALAEggKqIiioIoC+wiACgLAIAAAAAAAAIoIKAAqoiKAAoiCgCooCKgNewJAGXqCAACCgigiwKSCAACKCCgLKoAiKACAoAAAAAAAIAACgCoIoAAAAAqKikggKBAE+oIAAIACrAHoIgoAAICgKqEoEKCKgAgKAAAAAAAAAAAACAAoAAACiAqKgigLAEggAAAALAEggAAAAALCoSikASCAAAAAAAAAAAAAAAACCgigAKIQBIIoIoCiIKAACAoCwBIIAAAAACqhKKQBIIAAAAAAAAAAAAAAAACqiIoACiKKkgioIoAICgAAAgKsASCAAAAAAqoIpAEggAAAAgAKAAAAAAAAAAqoiKCAqqioqSCKgigAAAAAACoqKSIgqz6AgAAAKqIgCggKoIAAIKCKACAoAAAAAAAICgACoqKgCoIoACqiIoAACqiIqqgikggAAAiqIigALAEgQCAqoiKAACCgigAAAAAAAACoIqwBIiKCKAAqoiKAAAKgiqqIirIIAACgKiIoACwBIEASCKgigAAAAAAAAAACoIoAqCKsASAqIgKCKqoiKAAAAAqoiKoIAACwAIgoACwBIEASCKgigAAAgKAAAAAAKgigCoIqwCgkKhKCACioIoAAAACqiIoAAACwCAAACKoIoCAAAACAoAAAAAAACqiIoAACgoGIiZeoIAKAAAAAAAAAAAAAsAgAAAKqIiqCAAAAKgigAAKCAAAAAAAAAAvsC4iGQrIKqAIgCgAAAAAAAAAL7AgAAAKqIiqIgoAICqqIigAALAIAAAAAAAAACqi4gmSKgKqAIigAAAAAAAACoIqiIKoIAAICrAIqKCIoAAAAACwCAAAAAAAAAACLHqBPqKgKqIAgACgAAAAAAKqIiqqEIEioAAACgioAIoAAAAACwCAAAAAAAAAACAqwqCKKiICgigAAAAAAAKqIir7CECkgCIKACAoAAAAAAAACwCAAAAAAAsggAACosIoqAIiggKAAAAAAAAqoiKKigiKsAgAKIgoAAAAAICioIoAqCKAAAAsASCAAAKiwinuACACAAoAAC+wIAAAqCKAAAoiCgAAAAAAAAgKAAAqoiKAAAAsASCAAAqoIp7gSCAACAoAACggAAKqAIigAgCggoAAAAAAAAAAAAqCKAAAKiopIIqAAKABAEggAAAAAKCggAAAAAAAAAAIAAAAAAAAAAAAAAAAACyAAAAAAAAAAAABAAAHsAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIAAAAAAAAAAAAEASAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAEgAAAAAAAAAAAAQAAAAAAAAoICgABCBIAAAAACggAAAAAAAAAAASAAAoIAACgAgKCABCgAgAKAAAAAAAAEASAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALHoCAAAAAAAAAAAAAAAAAAAAAAAAoIAAAAoIAAAAAAACggAAAAAsegIAoAAAIAAAAAACggKCAAAAAoICgC+wIAAAAAAAAAAAAAAAAAAACwCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAR6gs+oIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoIAAAACggseoLl6gyAACx6AgACgAAAAAAAAAAAAgAAAAAAAAAKAAAAAAAAAAAAAALHqBPqCAAAsAgALAICggAAAAKCAAAAAAAAICgAAAAAAAAAAAAAAAAAAAAAAACggKAAoQgKAAAAAAACCAoIAAAAAAAAAACqIgqgACIKoICgAAABWgAAAAAAAAAHsAAAAAAAAAAAAACIAAKoAAAAAAAAAAAAAAAAAAs+gIAAAAAoIh7qEgIFAKAAAAACAAAAAKAAAUAIAAUAAACggLEAigKAAAACFAs+kAAUAAAAABQAAAAAAAAAAAACAAAAAAAAAoICgAAAAABQFAUBQFAAAAAAAAAAAoICggAAAAAAAAKACAAIAACgACgAAAAAACAACgAABSAAAoIECioIAoqHsiioAAAAAAAAAAIAAAAoICggAAoAAAAAAAoICgUCAoAIAAACggAAALQJQLEAiiwgKIACgAIIC0ABQCAACKAKAACAoACgAAABQAAAAAAAAAAAAFAAsAlAsAUIUACUC0AAACAoACACCghQpQLQFKiUBQFAtAAAUBQEQBWqgBSAoIAACgAABQAAANYxqCTGsgYge4EwAIUKUBRgKMBRgQFpEKAoEoUoFBAAUAAAEBVAAAAQgUEKAoUmBChSgWYBKEKAoCgAKAoAGsY1AmPUEgD3UEBcBQLQhQJQpQFAtIhQqAUglAAUoUC1oBQFAUBQFKEQBQFAUAABQAL7QCewFAsggAAAKBWgAJQLALPoCQqAFAtAUC0IUBQFIJQpQhSKUoiAKlAUACqAhWgpQhQALHqBMagigACglAUCglAtAgFAUBQLQFAtaAlAUBSimAiBMlBkoFoCgKBaBKApAAQSgKBKFEBQoCgKApRaBBFoCgIjUCfUEoCgKBVACgKAoCkClCgKAoCgAUClCkQoFoCgKBaApQoACgKAoCkEQKBAKRUoAClCgAAX2UQAFArUCQKAoCgKEKAoCgKAoClCgWkClCgK0AoFoQoUoCgWgIgAQUKBaApAoCgKBKQSkCgSRUAAAApQBQKAAUAKAoCgAKABREoVYgQoAAACgK9wX8qhQFAtAUBQEQYFoChCgWgKAoCgWgSgZpkSgKFSkEFKUKAoClFoQoCgKAoClCgEBQBaAoCgAAAIAAoClRuMfolFZrRUKBaQKUWIsCgWgJgQoFoChShFoCgKAoGaZVmkChUmASgKAoUmFChFoCIAApQoCgKAiNQKAoCgKEKAoFoEoFoClCgWIBfagIgCgKApRrGECgIgCgKBYgRaApRdoG0DagbQeOmVKBKRUmASgKApVAKVCgKAoCgKBaApQpApQoCgKAoCgWgKAoChFoCgKBrGNYBJjWVCgKBaQWgWIUKEKBaBdugFAtAUBQJQMTDCpMCpQJMIJQpSiUBQLEKgBQFAUBSgBQLAFAUBQFAUDWMev7gShCtAKUWgKBaQKUKAoFoCgWIBaEKBYgCgWlCgWgIgCkCgKFeOYYVKBKBJhFZoClCgKUWgKEKAVShCgKAoCgWgSgWgKApRY0v9oJQFAsQIUC0KUItCrWghQFAUC0osQC0BQhQLQLEAu0CMQXaBtBKB45hzaZoEmBWZhBKApQpQoFoCgKUKAoD3EKUKQKBaUKAoCgUEoCgWIBaEKFAWtAKEWgKBdqhtBaAoFoFoF2gRCotAsQBQLSBtBKB4phzbSYBmYBmYQSlCgSlFqQKUWIAoCrApQiAKBdugFAUIVAFAUBQNTGkAlKLQhQpSBQLEAtKLEAsQIUBQLShQLtBqIAoRdoFAtAu0DaBtA2g8Mw5NszAM0DMwCUBQFKFKFAtAUBSi0CUADURoCVoBQFCLQFKFAtAlAtAUC1oBtAjERaFWhFiFChSvQRqtAKBaBYgFiBF2gu0ClGqBKBaREoV4JhybSYBmhWZjUGaAVCgKUIgFoClCgKApQoFr1AoCgKBaEKAoFiAKBYgFmASgKBaBaBYhUWhSIBYxEapRNqC0C0o1ECLQLtEKBaFKA2gUDjzDi6MzAMzAMzAJSiTAFKFCLShUgbQWgKUKAoCgK0AoFoQoChVpUKQWgKBVCtECpUWgWgKBaUWgWIEaoCgNoixALEA1QLtAjFRdsgu1A2gbQcaYcXRmYUYmEGZgEpQpRKApUWI0AoFoClCgKAoCgKBaApRa0EKAiAWgKBYxsUoRdoFAtAUC0osQC7QXboI1EKLtENsoG0Gq0UWgajEF2gbQWMdANoFIOLMOLozMKrEwDNIiUokwolAUqLEAUC1ooUC0BEKJQLQFSgUotAUC1qoUiFCrQFAtCLQEYgu3T+KhQEQDVAsQI1WlARCo1QLt0AoCIBqMQaiAajEDaBtoDaBEA4sw4OrEwoxlAM0CUIlKJSi0BEKi0BQFKLMaAUCUCxAFARALQLQFKLGPsiG0UoFiNQWlQoFoCgKBqIBdoLEKLECNRAG0Gox0EXaBGOoNRiCxiDUQC7QNoFAbQcOYcHZmYUYygRmgZmFEmFQoClFiAKApQoRqtBUoQoChSgWIEJgVYhUWMdUFxqMrBKBaBYgDaotARALQLWn79RFiAWIUWhFiAWgaiLBYigaiBFoFiAKBrGAWMRF2gRAG0HCmHB3ZmFHjygGaESYUZpUKUKBYhRaAoCv5Aeyi0CUBQLSC4xrAE46yCxCoVSC17gUC0CxGqhQFAtARALQixH8wapRaEWI1BrbYFA1Qi7QaoFiAXaC0CxAjW0VNojtH7I/AP8AmfL/APNd7i3eN8flE4Y5R9PJzRrjjr6xj6y839GzEYh311xy6hmGlZmFHjygRmhGZhRKUSlQqVFiAWtQKApQoFoEoCIBaBYiphBZ1mVChFpAoCI1/eosYoLGOqizVRXr7gkQDVARCixH9ERYUar3/EFoFiBGoxA2+wNbRFiAWgaxgGoxA2iLECtRAPofhPwzyHynzXF0erjOPFE7uzz19PHxx6zP/Zz2bPWG9dM/TvXt/cX4B8G6XF4Pp5ZdnLqY7J4etEZfV+ac85mMd0z608karW5bttjw/Lcw9CsTAMTCjFKjMwqJt1UShFrRRYgFoCoBKUWgKAoCgKBYgFiAWIEKFWgIgRaBYjUCIFWMRFpQjEFoRYgG60/gBEAtA3ECExqC0CxiItUDUYg1EA1sA2g9v8Y+MeU+Q+U4vH+P4pz5OSfrz/Lhj75ZT7RDF7xWMy1SmXdnybo9f4J9sefg8FMz2uxy49ft96ImM5yyid+UT+Gm2Hm1f7vmXTZ1iHQGU5ZZTllNzPrMvY4PXTDzvSxMKMTiqMbVZZmFEpUSgWlRYxBaBNoFKLEATiKbQKArUFoChGqFKAoFjFEXaobdQXaDVARiIUou0F2gsR6g1ECLEA1EA1MAsQI1EAbQWI1BuoQaiBHu/ivxHy/yXyeHR8fxbr15eaf7OPH3yylm+yKw3SmXeGPj/jnwXw2Hjel5vq+M7vJMT3+7yYfrdnOvbDji9sfhbx5m85mMutrVjjLm5/Oftv5rxeXhO/5XHs8fNhHHy8nPjlhOUx+fdtiIm9Uit6zmIT9lZda/JPsn5jhme58d5cPLeN5Pq4p48sf1Ij8Kusv/AFemv9FZ74ZnX8Oo8sUdGZhR48oVmWZhUYnFRKVDaIbVGogQ2ilAUC0obQSYBKBragUC0C1/QChShGtoLWoFKLGOqC0qEQCxAi0BEKN4xpKC7VF2gsYyg1WiosQg1ECNRjCixiCxig+o+H/Be/5/PPscmUdLxHW+rueQ5dOPDGNZq/7sv2Od9mOPLpWnGZ6e98z9wev4voz4H4ZhPS8fjpz+Q9Ox2Mo0nKcvyx+EM11ZnNu2bbJniOIfBcvJy82c8nLnOeeU3OWU3Mz/ABdmGYxqVH1fwr7gea+L9qMuDOefpZT/APfp55Tsyj9n+nL9rjs0xb7araYfBTDL0M5Qo8cwrLMwqMUqJQhShQjUQoVqBQFAtAV7gm0ChSgWgWMRChVoCIBqhFoUoFoRYgF26qi7QKBYxBYgGqEWrFaoRYxBdojVAsQDWOMzMREaz6UDsz4D9pOz5L9PyXnL6vj6/U4+vMxhy82OOszG6tuH45PPs3eId668cy4v3I+ccHfyx8B4HGOt8e6M7MMOP6Y5csfXOfxj8L/e3q1+vM9uV7+0/h8FEOrDUR7g1tBYjVR6qcXnetiYEYmFZliYaZZoQpRKVFrUFoQoUoF2qEYgtaAztArUDaC7RVoRaRTaBQNRAi0oUC0C1qItAUC0CxCjW0RYgGqBYgRqIBdoLtBzfFeI8j5TucfT6HBn2OxyTWPHhFyza0R21Wsz07h+Ofb3458Tw6/c+R9zrZeZ7MZf7Lg58r4OPkiPpnKI/vrL19nltsm3XTtGK/Z9x/lPnfC/HcfD9/ucPZ8z5Ldly8/XxjGOPqT6ccTEYz9c3/BrTSJn28OeyfDpiHqcmtsA1GMg1ECNbFHqJh5nsYmFRiYVmWJhWWdqom3VUIxUWhGtoG0EoUoRYxBaFSMVRKFKQWgaxx0/gBEAUBWoNbQKkFoFpUWtQXaBQLGOoLECNUCxANUDURoIsRqo1tQfXfFPt35PzPDl5Dt5R47wvD9XP3+f6cdseuyJ/ulyvtxxHbrGvjM9Po8PuN8a+M9fPxvxXxn6sTG3m8nz55YcvLMe8fpzjljH4asfqm3Myk7fERw9n4/ufHfub2+n0vIRzeN8t0sJjiywz/Vx5uOJ3ZY3n9UZRrPqzM21x+GqzFu3XfzPyOfkfkfd5pmZ4uPknh6+M67eLi+jjx/hjjD01riIhxmczl6aMVRqIBuIUbxwmZqIufwB2D8D+1PkfN8mHc8njn1PF+tzFcnLH4YRPt/k8+zfEcQ7V1eZdTzA6sZQqSxMKzLMwrLO1USoVCIBduoLtArUFoEmFFjEFnHQGaAoCrAoGogCgK0BaBaAoF2gtUC0Iu0CIUWgaqqBdoixANRALEA5vivEeR8p3cOn0ODLsdnkn6ePCLn97NrRHbVazPTuP4r9pfFeFww73yOce738Yjkx8Zx5YVjjeuee6cd0Y+s+373mvtm3EOsRFft8n9zvuDl5zsx4rxmUcfhenO3DHjjZjy5Y6b9vtj/ph21a/WPy42t7S+BrV1ZdvfZL4V3/APkY+R9vjni63Hhlj1Iy0nkyzjbOUf4xDy79kdPRSuIzLjfPPtB5zi8p2e/4Xi/3nS7GeXJ+jhMfqcc5Tc47Z9Y/CnSm+Jjnti2v4fDcnxH5NxZ7M/F9rHKPaeLP/wAOnvHyz+u3w5vS+3vzHtzEcXiexET+bPCcI/nlUJO2seVjVZ9X4f7F/IuxOOXkefi6XH+bGJ/Uz/lj9P8AVyt/RHhqNUeZcryHN8A+EZzweP68eb83x6Zc3PMZcPFlH+MaTP7P6kRa/fEJOyK/8vQdn7rfNuxzTyR3p4Mfy8fFjjjjEfhVf9W40VcptPy//9k=);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-width: 835px) {
  .theme-arcane2.main-background {
    background-image: url(assets/arcane2_mobile_container_BG_2x.jpg);
  }
}
@media (min-width: 1040px) {
  .theme-arcane2.main-background {
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5hNmE2Mzk2OGEsIDIwMjQvMDMvMDYtMTE6NTI6MDUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS45IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQjFCOUMxNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBQjFCOUMyNjE4QjExRUZCRUMwQzc5MjQwMTc3NTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjAxREM0MTg2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCMUI5QzA2MThCMTFFRkJFQzBDNzkyNDAxNzc1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAI2AcgDAREAAhEBAxEB/8QAiwABAQEAAgMBAAAAAAAAAAAAAAECBQcDBAYIAQEBAQEBAAAAAAAAAAAAAAAAAQMCBBABAAIBAwMCBAMGAwkBAAAAAAERAiESAwQFBjFBUWETB3EiMoGhsYIjFJEzFcHR4UJicmPTJBYRAQACAgICAgIDAQAAAAAAAAABAhEDITFBElFxgRNhIjJC/9oADAMBAAIRAxEAPwD8yz6tnAAABHqC5IqAsgioAiKACCggsCkggAAAAAAKIgoAAAAAAqKBCKSAqIigACoIoAAAAAAAACqiIAoqCKAqoAgKBj6gsorIiqACCCgAAKCAAAAAAAAAoIAAAAAAAqALCBIpCoIqAAAAAAAAAAAAACAAoAACiIoIoqLiguQqKiAAqCCgAAAAAAAAAAAAgAKAAAAAACAqiICwBIIKAAAAAAAAAAAAAAAAAAoIICgLCoSiioiCioICgAAAAAAAAAAAAAAAKIgoAAACggKqAAIigAAAAgKAAAAAAAAqoiKAAsqiIKoiKsKgBCBKgAggoAAAAAqCKAKgiqqIigACoIqwBIIACqhCKSCAqoAiCqIigAAAAAAAAAAALAAIICgKqAAIgqgCx6IJKix6IJIIKAAAAAqoiKtKgCIqqiIoCiCiIqwBIIAqALCKSCAqoAiKqoiKAAAAAAAAAoAiCrAEgggKAAKigAAiDcegrM+qoseiCSCCgACoIoAIoqgyICqqIigKqIgCrAEiIKAAsASCAAqoiKKgigAAAKqIigAAAiqIigLIICqiIoAIqgCIArUAk+oix6Ak+oqAAAqoiKAAsAAgAAKqIiqqIigLAgoiKAAAoIAAAAAAAAACqiIoAAACqiIoAACiIKAAqoIIKAsAgNQCAgAAKqIgCgKISKgAAKqIiioIoIvsAoAiKAAAAAAAAAAAAAKgigAAAKqIigAAAAAALAgoiAKAA0DIAAACoIAqgoICAAAKgigAKqKisiLAoCACAoAAAAAAAAAAAAAAAAqCAKAAAAAqoqKioiAKAAvsIgoAACqiIoCwCgyAAAAAAACqiorILAAIAAAAAAICgAAAAAAAAAAAAKqIigAAAiiqCKiAIAoCqiIoAACqiIoCgoMgAAAAAAAqoXoCIqwCAAAAAAAKgigAAAAAAAAAAAAKqIigAACo0igMgKgigACoIoAAAAAICrYiCgLIIAAAACqgCIqqiIoCqiIoAAIqiIoAAqCKAAAAAAAAAKgigAgKKiwgSKgCoIoAICioIoAAACqiIoqCKsAT6AgAAACooAIiggKoEggKIgqqgCIoAAqCKCAoAAAAAAAAAAAqCKAoCogCKAKgiioIoAAACqiIoIoECkggAAAKIKIigAALAEggKCAqoiKAAAAAAAAAAAAAACAoAAqCKAsASqAIAiqqIiioIoAAAAAAIACrIIAAACwAqIigAALAEggLAICqiIoAAAAAAAAAAAAAAqCAKAqoiKAsCEikQqEoIAAKKgigAAAAAAgKAAAAAAsAgAAAAiqEoqAqoiKAAAAKgigAAAAAAAAACoIoAAAACwISKuIGQMgKgigAAAAAAAAAAAAAAALAIAAAACqiIoAAAAAAAqCKAAAAoIAAAAAAAAAAACwBIi4gZCsgqoAAiKAKgigAAAAAAAAAAL7CIKAAACKoiKoEgggKKgigKqIigAAALAIAAAAAAAAAAAACqi4oqZAgKqAAIigKqIigAAAAAAACoIoCqiIqqiIoAAAACyCCKogCKAAAAAAA0CAgAAAAAAAAAAACosIEggqqgCIAAoqCKAAAAAAAAqoiAKqoIEioAAAAICrIiAACgAAAAAAALAAIAAAAAAAAAAAAqCKsKhKKKgCIoAAAAAAAAAAACqiIoC+yoiKsggL7KiIoCqiIoAAAAAAAAAAAC2CCAoAAAAACwBIIAAAqALCBICiIoAAICgAAAAAAAAKqIigCoIoICr7CIKAqoiKAAAAAAAKgigCoIoAqCKAAAAAAsASCAAKggqioqSBIIAAAqCKAAAAsASCAAAqoiKAAAAAqoiKAAAAAAAAAAKgigAAACoIoAAAAICrAEgggKKggqgAgorIAAAAAAAALCoSioqCCqAAAIAAAACgiAKAAAAAAAAAAAAAAKgigAAACoqAoSiioAAAAAAewAAAAAAAAAEASAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAEgAAAAAAAAAAAAAAAoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAEgAAAAAAAAAAAAAAAoIAAAAAAAAAAAAAAABIAAAAAACggAAAAAAAAAAAAAAQBIAACggAAAAKCAAoIAALAIoIAACggKAAAAAAAAEASAAAAAAAAAAAAAABQAAAAAACAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAgAAAAAAAAAAAAAAAAAAAAAAAAAAAACioIAAAAoIAACggAAAAAAKCAAAAAAACx6AkgAAAKCAAAAAAAAoICggAAAAAAAAAKAAAKCAAAAAAAAAAAAAAAAAAAAAAAAAsegIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADURoDIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgAAAAAKCADcfpBgAAAAFkEAAUAAAAAAAAAAAAAEBQQAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAGr0BkAAAAFkEABYABAX2BAAAAAAAAAAAAAAAAAEBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQQFUAAAJQFAAAAAAAAAAAEQUEAAAAAAABQQFUAAAAAAAAAAAAAAAAAAIgAAAAAAAAAAD2AA9gAAAAAAAAAAAAAAAARABQFAAAAAAAAAAAAAAAAAAAAAAAFx9AQABQRABVABFAkAEBUEUUAAAAAAEAQAUAAEAoChSgKAoQBQAAAAAAAAFBAApRKAAoAUAEKBQAI0AAAAAAAAABQQAAAAAAAAAAAAAABAAAAAAAAAAAUAUEAAAAABQBAUAABAUAEABQQFkEBQAQAAAFBAUAABRAUBAAAEBQEBRAAUAAQAQBQABQBAAAAAAABQAAAAAAAABQQAAAACAJAAAAAgAAFoEAgAAAAAAAAAFABKQAAAKAAAAUKAAAAAAAAAABQAAAFCkAAAAAAAAABQAAAAgCYABa0BAAAKAoCgKAAAoCgVEKABABQCgAAAKAAUAAAAAABAUoARQAAAAQFBKAoAAFAAAAAAAoCIBcoBKBYjQEBZBKUKAoFoCgKAoCkCgKAABAAECgKUKAoFBAKAAAoCgFAAAFAoCgKBAUCgQCgKBZgEoCgKBaBAWgAKAAABvKNIBihFj0FQRZgCIApQoFoQoVKQWgSgKAoACkAEoCgBQCgKEWhUpUKAoCgKBaBKBaBKApQpBVAAACgWIBKAoCgWQSgKAAAAoCgKAoCgAa9TAkwuAiAKEKBaAoCkCgKBaBKAoCgKQKBKAAoVAAKAABQRRaAoChCgBQRYjQVBCgAAKAoCgKBYUSgKAoBApQAoACgKBcfUCY1BKAoFoFgChMkQBQFAUC0BRgKXAUBQFAUgAUglAUCUAKiAoUBQFAUC0BQFKAFAtAlA1WgM0BQFCFCgigUCUKCKCAUBQLShSBShQFAAQCglAAtAUIUC0KUBQhRgWlCgKApBaAoCgSgSkCgSgBUpAAoCgFAAACAWQQBRQKA9gSgKBaBKBaAoChCtBSgKAoQoUoQoCgWgSlCgWrQSlAFoCgWtAKAoFoCIAEKUWkCIAoCgWgKDJMGBKBKQRAoCgQVKAAoABQoCgAWgSgWAFACgKAoCgKAoCgAAKAoFrQRKFUQAAAoChVxjURPcClFoCgWgKAoCIBaEKAoCgWgXaGSgyUC0CUBQMU5CgQUoEpBBSlACgKApRaEKAoCgKAAUKQKUEClACgWgAAKAoAACgAAKABrHH8sglKhQFAtAUBQLMAUCxAEwgUotAUIUC0BEAtAUBQFAxTlUpBKAoVJgEoCgKApVKAoRaAoCgKUKAoCgJgCgIgCgKAoCgKEKAoFiAKBKBaUK1QKUJgCgWPgBEAs4+4FAUBQEQosxqBSI1QpQFCFKLSBSi0BQFAtAUCUDFOFSgKRUrQEmAShShClChQClQpApRaAoCgSgWgKApQpApQoFoEoCgKAoFoEoFoQoUoQoChSgKVFoGp1xhBKApQoFoCgWgWIAiBFoFoCgWgKAoCgWlCgSkV45hwJQqUBSCTAIKUoTAFAUoRAFCFClCFAUBSi0CUC0BEAUBQFAUC0BQFAucVIJQFCAFAUKUqFAtAtaAAUC0BQLEAUC7QKEWIBaApRaAoFoCgKBaA2gbQeKYZukoEmAShUQQEpQoBQoFoCYEKFKUKEWgKAoCgKAoCgKAoFpQpApQoCddQKAoCgKAoF2gUIUCxGgpQLQhQFAsQBSixALQFAtAsQIu0DaC7VFjFAoCgXaCbQeKYZumaBJgVKBJhBKUSgKUKAoFiAKAoFpRKBQKAoQpQpApQoFoEoFoCgAIx0AoCgKA1BaBKBaUWkQoFoVKUWkRaUXaBQFAsQBQLWgLQLEKi0C0BQFag1tA2gbQNoPBMMnaUCTAM0CTCCUoUCUotAUBShQLQJQLQFKFAUBQizjoKUBQFCEQBQFAUCxGkgUCUC0oUCRGqBSi0CxALQJQLGoLUVFCFCtTGkCFKFAsQC7QWgKEaiAWIBYxA2gbQWgKEWgSgeCYZNE2gzMAkxoKzSCUqFAUoAlKLQEQBQLShQAFAUBSjU+iCUBQJSixAhUgsQBQFAUBQFATALEARAhQq0BQFQC7RFiFDaC1ILtAiAWMQXaCxAFAtCNRANRChtA2gUIbRVoDaD15hi7ZoEmBWZgGaAoEpUKAmFCgKUWgIgCgWgKApRKAoFoCgKAoFiAKEKAoCgIxAoFoFmP3AlKCBQLQEQCxALShEAtCLECrSosYgtILQFKLECLQLEAtCNRiKbQKUXagm0F2g9aYYtGZhRmYBmYQSYBJhQmASlChClFoCgWIgCgKUKAoCgKAoCgNoLQFCLShthBKBaBK/eC0obdZA26gtAbQNoFAu1BaUWgXaIUobZFWIEa2gsQCxAi1QLtBdoG1RYgG8cQXaCbRFjEU2oG3QR6tMWrMwqszAMzCIzQEwolKJQFCFKLWgLQEQBShQFAUoswCUBQLWiBQFaKFA1QJQFAUBQFA1HrAJWqote6BQFAV6fMFiAWIBaUWgKBdukAsQIsQC7RFoFpRYgFoDaDUQDWMag1tBNohQFCrtB6kwwaszCjMwDEwglAlKiUoUBShtAiFRaAiAKBaUJjQCgJgCIAoFoEoFoCIBaAoCgKAoCtQK1UWhCgXbKKUB/sEWgIhRqgKBYxBYiVFpEXaotaiNTigRiosQDUYgu0DaDUQCxGoNbQTaBWgLGIPTmGDVmYVWZgGJjVESlEpUSYBKUKApRaAoQoUpUWgamNBWaEKAoUoFoQoFoEoGqBIx1AoFzj82noBQG0CI1UWhCvYF2ipSCxiqLWn8ECIUWIBaBaUWhGtqBSi0C1oDUQBtEbiAXaBQLEAsRQN0Ik4gRiDsj7L/AG//AP0PfI7h1vFu7V0ExnyRlH5eTkjXHD5/Gfk8+/ZiMQ31V8uq5hRmYBnKFGJgRKBmYUSlRKApQoGogCYUKAoCgX2ApQmASgWgKQKBrLGqBKEWtAIipArX8RShDaC7VFiAKAoACkFpUWvQVKBYgGq1EWlFiBGq+ALQLQFAu0GogRYgGogF2gu0FoFxgRraDmPE/Fe4+S954O29FhM5ck3y8n/LhhH6ssp+EONl4rGWlKZl+mel6/wnwHs3T9p5uu4eljhxvLGfzcuec/qzyxwjLLV4PW15y1teIfkCnrRmYBiYUYmBEoRJhRKUSlQoClFiAWYBKAoFpQiAWgSgKgCIBaQKBrL0j5AlagsQIlCrQiUCzAFKLEAtRERPvPqCUC0BEAtAUBUX6A1EWCxiqFA1EaiLEAtagsQDW0F2iLtQWIUajEGogFoDaCxAOQ7J2XuHee48Pb+g4Z5eo58oxxxx/jPyc2tERmXVazMu7+7dJ0/2q8D/APg28nfu45RxcnWV6ZVeW2/bD2+ery0j9lsz1DTZOIxDonrOr6rrOfPqOq5cubm5JnLPPOZmZmfxeyIYYcVMaMHoZmAYmFGJgRJhUZmJUSgSlQpRakFiAKAoClDaC0BQJQFAsQABXvILX+8CtQWgKAoCgKBaEWPUChShCMQWgWIBKUXbog3hFXPw9AJhUWgKBrGBGtoEQDVA1QG0RdoNRiDUYgu0GtoPe7J2Hufee4cXQdv4cubqOWaxxxj0+cz7RDm1orGZdVrMv0F4r4pHg/T8XS9B2rl7t3vq8Y/u+tx/p8PHjPrjHLlGkR8vV4r29+ZlvjHEOb8+8F4vJvGMe3cO3p+q6afq9JMzM4xnX5scp9ay+KadvrPPlLVy/NPfPGe89j6zPpO5dLnwcuM6bo/LMfHGfSY/B74mJ6YTWYfOzDBuzMKMTCoxMCJOKozMKJMKJQhSi0IsYgtAk4gUobRViBDaKm3QDaBGILt1A2gtARGoFAUC7QNsAbQXaIsRqBtoFjEDaC7QSvYCIBraCxiItegLGKotAtA3GOiBEeyjVe6C0qLEAu0GoxQWgaiBHN+L+Jd38j7hj0nQcVx68vNlpx8eHvlnl7Q4vsisO6Uz9Ox48w8U+3vR59t8b4sO6d5yjb1fc8/8vd8Ma1mI+U/4sf12vObOrbfFXw/ePuP5n3blnLqe5cuGE+nFxZfTwj+XGobRqrHhlMzPb1Og8x8p6Hmjl6bufUYZRN/5mUxP4xM0TqrPgjh2l4f92u2d6jDtPmXT8HJv/Lx9ZyYYzxzM6f1MZisf+6HnvpmvNW1dny6CnFo7ZpRnKBGJhUZmFRmYUTaIbVDaIUo1EAbQNoFAUBSi7QSYBKBdoEY6oLEARAG0UoF2gVAhtBYx0BaENoqxjqBQLQhShQLQFAu3UG5x9hCgWMQWMQaiBDbqDVAsQDUY6gtCNYx7A1GIPs/A/tp3Xyfn+tlE9L2rjn+v1mcVFR6xjfrLHZtiv21pr8z05XzTzHtvbujy8W8Qj6HbOP8AL1nWY/5nU5xpN5eu016/Nu3F7+3EdOu6mZv1+Mt3LUY2IsY0DURcA4uYed6mZiFGJgRicVRmYVGaETbKhSobRFoFiFCcfcCgIgCtAWgKAmLBJxFKBaAoDaC7dANuoFAUC0BGILQhGOoLQpVCLQFAbQXboBGKo1QLQLt1Bdtg3GKIRiou2wWIBrbYixALEA8nFxZ8mcYYYzlnOkYxrJMrEZdm+J/bbtnQx0vc/Neojoen58o/te35X9XlnT9UYxM446vNfbM/5bRWK99vo/u15hj2btnH4z2z6XD1PJx11M9NE448XBlrjxY/PKP1f8U0a8/2lxtvnh0nMXr7/F6mRQNxiDUY2BEaqji5i3mexmYVGJiVRiYVyzMKjNCFKFKhQEQC0Iu3QUoCIUShFjEVYgRNopQJEAtCle4EQgu0DaBQG0FqRCplRYgF2oG0FoClQoUoChFiAaiAWIBYifgDUQqNRCBSje0RdsQBtBraDl/HPFe8+Qdbj0nbeny5c5/Vl6YYx8csvSIcXvFe3daTLvTwn7cdm8Y5N/LwZdx71x8c8k808eX0cMoi4x4spx27pn3mbeS+ybfTeMR04bsf3Dy7lz906jyTtHBlx9o48+o6flzwmcuPPfGOPHfJOX6spiIaW04mIie2cWmImZdPd37l1XdO5dR3Dqs5z5+ozy5M8p+My9PTB6sQo3GILsBqMRHl4un5OXOOPjxnPkymIxxxi5mZ9oiDKxGenDU871szCoxlCozMDlicXSJtEScVQ2gbVChGqBaBNoptAoRdoLtFZ2+4E46KFIG0FoCMQXLHUVJgQoDbILt0ArUFjEFoCgKBraIm0UoRYx+Xoou3URYxBYgFiBWq1EWMQa26AuMA1toRrDDLLKMcYmcp9IgXDsfw37Q9d3Dg/wBV79nPbO0ceP1css9OTLCIuZiJ/THzlhfd4jttGuI5s8Xkv3D4+m4suy+IYf6Z2jjnblzcenNzzGm7PP8AUtdXm3Ms7Xm30+P6Tvfd+k6uOr6fq+Xj6iJuOXHOYyv8Wk0iXEcO1PLe8dw7x9oel7jy8UY9Rz9Tjh1vLhjETyRx7oxyyr4zX7WOmMXmP4bbM+sOn4xehi1GIjUQDWOMqPoPHfCPIe/csY9D0mU8V/n6jONvHj+OU6M77Iq0rqmXbXh/jPg/ifLjydd3Ppeo7xHrnnyY7eKfhjF6T85eXZe1vHDSLVrxD84zTZ2zNKjE0qMzQ5ZmlRJr4qGiomgi6ARQNaAk0oaILoomgLFAugMzQGgEUCafsBdAXRFNFQmqA0oDQF0A0BdAXQDQAFigTQF0BYoRdK+ai6ILFKi6CtaILoIuiixQPLw4cefLhhyckcWGUxGXJlEzGMT7zGMTOnyhCI5dx/b7pvtf23Piz6frMe+d9ymNnHlhPBhjl/4/7qOHCa+eV/CHl2e898Q9FZj/AJez94ufzX/Tcunx4Mp7PjMZ9X1uH08Zy3TM8fHlx4Z5ZRhh6XPrl+x1o9fyy2Z/DpR6Wbkuw9J2rqe4cfH3Trseg6K75eecOTkmvhGPHjnNubTOOHdIjPL9K8eHhuPhGOGWfHl41HBEfUyupwv9XpGW7d8rt4a+3tx29FnSneewfbbLmyz7T5PHHhMzXD1HS9VNfz4cWv8Ag9cWt5hjMVcTh2Lx3dWXknSxj8fodb/6HXtPw59a/Llu3+PfbeJiev8AKrj3x4ek6nX+bLjj+DmbX8Q6iKPt/HOD7K9NnH9r1OHXdVEXh/dxyY3Me0fVx4uPX/qY3/Z5aVmPD0/Peu+4vVdHM9L27LoPH8YrDHpOTi5N2Hxzngzy0/c61RSPPLDZ7eXVk/V3Tvvd736vSzf/2Q==);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 1.25), only screen and (min-width: 1040px) and (min-resolution: 1.25dppx), only screen and (min-width: 1040px) and (min-width: 1225px) {
  .theme-arcane2.main-background {
    background-image: url(assets/arcane2_dsktp_container_BG_2x.jpg);
  }
}
@media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-device-pixel-ratio: 3.25), only screen and (min-width: 1040px) and (min-resolution: 3.25dppx), only screen and (min-width: 1040px) and (min-width: 2449px) {
  .theme-arcane2.main-background {
    background-image: url(assets/arcane2_dsktp_container_BG_4x.jpg);
  }
}
.theme-xbox.main-background {
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.mfa-prompt .grid-panel__subtitle {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.mfa-prompt .grid-panel-web__content {
  margin-bottom: 4rem;
}
.mfa-prompt .mfafield {
  min-width: 6.5rem;
}
.mfa-prompt .mfa-remember-device-wrapper {
  margin-top: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-aspect-ratio: 10/8) {
  .mfa-prompt .mfa-remember-device-wrapper {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .mfa-prompt .mfa-remember-device-wrapper {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.mfa-prompt .mfa-toast-desktop-container {
  margin-top: 1.496333981744725rem;
}
.mfa-toast-mobile-container {
  position: absolute;
  width: 100%;
  padding: inherit;
  top: 0;
  left: 0;
  z-index: 100;
}
.mfa-toast-mobile-container .mfa-toast-mobile {
  width: 100%;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}

.theme-lol .text__web-h1,
.theme-lol .text__web-h2,
.theme-lol .text__web-h3,
.theme-lol .text__web-h4,
.theme-lol .text__web-h5 {
  color: ;
}
.theme-lol .text__web-subtitle,
.theme-lol .text__web-body1,
.theme-lol .text__web-body2,
.theme-lol .text--center,
.theme-lol .text__web-link,
.theme-lol .text__web-caption {
  color: ;
}
.theme-lol a {
  color: ;
}
.theme-lor .text__web-h1,
.theme-lor .text__web-h2,
.theme-lor .text__web-h3,
.theme-lor .text__web-h4,
.theme-lor .text__web-h5 {
  color: ;
}
.theme-lor .text__web-subtitle,
.theme-lor .text__web-body1,
.theme-lor .text__web-body2,
.theme-lor .text--center,
.theme-lor .text__web-link,
.theme-lor .text__web-caption {
  color: ;
}
.theme-lor a {
  color: ;
}
.theme-riot .text__web-h1,
.theme-riot .text__web-h2,
.theme-riot .text__web-h3,
.theme-riot .text__web-h4,
.theme-riot .text__web-h5 {
  color: ;
}
.theme-riot .text__web-subtitle,
.theme-riot .text__web-body1,
.theme-riot .text__web-body2,
.theme-riot .text--center,
.theme-riot .text__web-link,
.theme-riot .text__web-caption {
  color: ;
}
.theme-riot a {
  color: ;
}
.theme-valorant .text__web-h1,
.theme-valorant .text__web-h2,
.theme-valorant .text__web-h3,
.theme-valorant .text__web-h4,
.theme-valorant .text__web-h5 {
  color: ;
}
.theme-valorant .text__web-subtitle,
.theme-valorant .text__web-body1,
.theme-valorant .text__web-body2,
.theme-valorant .text--center,
.theme-valorant .text__web-link,
.theme-valorant .text__web-caption {
  color: ;
}
.theme-valorant a {
  color: ;
}
.theme-vng .text__web-h1,
.theme-vng .text__web-h2,
.theme-vng .text__web-h3,
.theme-vng .text__web-h4,
.theme-vng .text__web-h5 {
  color: ;
}
.theme-vng .text__web-subtitle,
.theme-vng .text__web-body1,
.theme-vng .text__web-body2,
.theme-vng .text--center,
.theme-vng .text__web-link,
.theme-vng .text__web-caption {
  color: ;
}
.theme-vng a {
  color: ;
}
.theme-wildrift .text__web-h1,
.theme-wildrift .text__web-h2,
.theme-wildrift .text__web-h3,
.theme-wildrift .text__web-h4,
.theme-wildrift .text__web-h5 {
  color: ;
}
.theme-wildrift .text__web-subtitle,
.theme-wildrift .text__web-body1,
.theme-wildrift .text__web-body2,
.theme-wildrift .text--center,
.theme-wildrift .text__web-link,
.theme-wildrift .text__web-caption {
  color: ;
}
.theme-wildrift a {
  color: ;
}
.theme-arcane .text__web-h1,
.theme-arcane .text__web-h2,
.theme-arcane .text__web-h3,
.theme-arcane .text__web-h4,
.theme-arcane .text__web-h5 {
  color: ;
}
.theme-arcane .text__web-subtitle,
.theme-arcane .text__web-body1,
.theme-arcane .text__web-body2,
.theme-arcane .text--center,
.theme-arcane .text__web-link,
.theme-arcane .text__web-caption {
  color: ;
}
.theme-arcane a {
  color: ;
}
.theme-arcane2 .text__web-h1,
.theme-arcane2 .text__web-h2,
.theme-arcane2 .text__web-h3,
.theme-arcane2 .text__web-h4,
.theme-arcane2 .text__web-h5 {
  color: #f5f5f5;
}
.theme-arcane2 .text__web-subtitle,
.theme-arcane2 .text__web-body1,
.theme-arcane2 .text__web-body2,
.theme-arcane2 .text--center,
.theme-arcane2 .text__web-link,
.theme-arcane2 .text__web-caption {
  color: #94a3cd;
}
.theme-arcane2 a {
  color: #7184bd;
}
.theme-xbox .text__web-h1,
.theme-xbox .text__web-h2,
.theme-xbox .text__web-h3,
.theme-xbox .text__web-h4,
.theme-xbox .text__web-h5 {
  color: ;
}
.theme-xbox .text__web-subtitle,
.theme-xbox .text__web-body1,
.theme-xbox .text__web-body2,
.theme-xbox .text--center,
.theme-xbox .text__web-link,
.theme-xbox .text__web-caption {
  color: ;
}
.theme-xbox a {
  color: ;
}
.text--center {
  text-align: center;
}
.text__web-h1 {
  font-size: 9.718689211431993rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h1 {
    font-size: 9.290363609157565rem;
  }
}
.text__web-h2 {
  font-size: 8.637587909621429rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h2 {
    font-size: 7.432415581824531rem;
  }
}
.text__web-code {
  font-size: 6.82515337423313rem;
  font-weight: 800;
  letter-spacing: 0.4em;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-code {
    font-size: 2.435283555289541rem;
  }
}
.text__web-h3 {
  font-size: 6.067634295974862rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h3 {
    font-size: 3.805676093570752rem;
  }
}
.text__web-h3:lang(th),
.text__web-h3:lang(ko),
.text__web-h3:lang(ja),
.text__web-h3:lang(el),
.text__web-h3:lang(vi),
.text__web-h3:lang(ru),
.text__web-h3:lang(zh),
.text__web-h3:lang(pt),
.text__web-h3:lang(tr),
.text__web-h3:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .text__web-h3 {
    line-height: 100% !important;
  }
}
.text__web-h4 {
  font-size: 5.392413586712554rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h4 {
    font-size: 3.043792707865729rem;
  }
}
.text__web-h5 {
  font-size: 4.793879994014665rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-h5 {
    font-size: 1.558681230984089rem;
  }
}
.text__web-h5:lang(th),
.text__web-h5:lang(ko),
.text__web-h5:lang(ja),
.text__web-h5:lang(el),
.text__web-h5:lang(vi),
.text__web-h5:lang(ru),
.text__web-h5:lang(zh),
.text__web-h5:lang(pt),
.text__web-h5:lang(tr),
.text__web-h5:lang(cz) {
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .text__web-h5 {
    line-height: 110% !important;
  }
}
.text__web-body1 {
  font-size: 3.366751458925633rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-body1 {
    font-size: 0.997555987829817rem;
  }
}
.text__web-body2 {
  font-size: 2.65973365255125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-body2 {
    font-size: 0.798044790263854rem;
  }
}
.text__web-body2:lang(th) {
  line-height: 140%;
}
.text__web-subtitle {
  font-size: 4.025138410893312rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-subtitle {
    font-size: 1.246944984787271rem;
  }
}
.text__web-subtitle:lang(th),
.text__web-subtitle:lang(ko),
.text__web-subtitle:lang(ja),
.text__web-subtitle:lang(el),
.text__web-subtitle:lang(vi),
.text__web-subtitle:lang(ru),
.text__web-subtitle:lang(zh),
.text__web-subtitle:lang(pt),
.text__web-subtitle:lang(tr),
.text__web-subtitle:lang(cz) {
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .text__web-subtitle {
    line-height: 120% !important;
  }
}
.text__web-link {
  font-size: 2.364207691156667rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-link {
    font-size: 0.638435832211083rem;
  }
}
.text__web-caption {
  font-size: 2.102349244351339rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 130%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-caption {
    font-size: 0.510623971270388rem;
  }
}
.text__web-caption:lang(th) {
  line-height: 150%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-caption {
    font-size: 8.19px;
  }
}
.text__web-button1 {
  font-size: 3.366751458925633rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button1 {
    font-size: 1.246944984787271rem;
  }
}
.text__web-button2 {
  font-size: 2.992667963489451rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button2 {
    font-size: 0.997555987829817rem;
  }
}
.text__web-button3 {
  font-size: 2.65973365255125rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 110%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-button3 {
    font-size: 0.798044790263854rem;
  }
}
.text__web-input-label-inactive {
  font-size: 2.364207691156667rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-input-label-inactive {
    font-size: 0.638435832211083rem;
  }
}
.text__web-toast,
.toast p {
  font-size: 2.476432739787521rem;
  line-height: 140%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-toast,
  .grid-page-web .toast p {
    font-size: 0.638435832211083rem;
  }
}
.text__web-error {
  color: #be29cc;
  margin: 0 0 4.489001945234176rem;
  text-align: center;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-error {
    margin-bottom: 1.496333981744725rem;
  }
}
.text__web-error a {
  color: #7e3584;
  text-decoration: none;
}
.text__web-error a:hover {
  color: #6a2d70;
}
.text__web-success {
  color: #39ccaf;
  margin: 0 0 4.489001945234176rem;
  text-align: center;
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-page-web .text__web-success {
    margin-bottom: 1.496333981744725rem;
  }
}
.text__web-success a {
  color: #568f84;
  text-decoration: none;
}
.text__web-success a:hover {
  color: #4e7a72;
}
.toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  border-radius: 2px;
}
@media screen and (min-width: 960px) {
  .toast {
    padding: 6px 12px;
    border-radius: 2px;
  }
}
.toast p {
  flex: 1;
  margin: 0 16px;
}
@media screen and (min-width: 960px) {
  .toast p {
    margin: 0 12px;
  }
}
.toast .toast__icon {
  height: 24px;
  width: 24px;
}
@media screen and (min-width: 960px) {
  .toast .toast__icon {
    height: 16px;
    width: 16px;
  }
}
.toast:hover .toast-dismiss,
.toast-dismiss:focus {
  opacity: 1;
}
.toast-dismiss {
  font-size: 0;
  display: flex;
  padding: 0;
  opacity: 0.4;
  background: none;
  border: none;
}
.toast-dismiss__icon {
  height: 14px;
  width: 14px;
}
@media screen and (min-width: 960px) {
  .toast-dismiss__icon {
    height: 9.3px;
    width: 9.3px;
  }
}
.toast--error {
  color: #522f5d;
  background-color: #eed6f5;
}
.toast--error .toast-dismiss__icon,
.toast--error .toast__icon {
  fill: #522f5d;
}
.toast--affirmative {
  color: #2f4c42;
  background-color: #d5e9e2;
}
.toast--affirmative .toast-dismiss__icon,
.toast--affirmative .toast__icon {
  fill: #2f4c42;
}
.toast--notice {
  color: #666;
  background-color: rgba(138,138,138,0.1);
}
.toast--notice .toast-dismiss__icon,
.toast--notice .toast__icon {
  fill: #666;
}
.theme__display-touch .toast {
  height: 8.978003890468353rem;
}
.theme__display-touch .toast-dismiss__icon {
  height: 2.244500972617088rem;
  width: 2.244500972617088rem;
}

.console-link .mfafield {
  min-width: 6.5rem;
}
.console-link .console-link-toast-container {
  margin-top: 1.496333981744725rem;
}

.gp_reward {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
          -webkit-align-content: flex-start;
          align-content: flex-start;
}
.gp_reward__icon {
  margin-right: 1.496333981744725rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .gp_reward__icon {
    margin-right: 0.498777993914908rem;
  }
}
.gp_reward__icon path {
  fill: #d53235;
}
.gp_reward__header {
  color: #211e1f;
  font-size: 3.366751458925632rem;
  line-height: 4.713452042495885rem;
  margin: 0 0 0.748166990872363rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .gp_reward__header {
    font-size: 0.997555987829817rem;
    margin: 0 0 0.249388996957454rem;
    line-height: 1.496333981744725rem;
  }
}
.gp_reward__text {
  font-size: 2.992667963489451rem;
  line-height: 4.189735148885231rem;
  margin-bottom: 2.992667963489451rem;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #666;
}
@media screen and (min-width: 960px) {
  .grid-page-web .gp_reward__text {
    font-size: 0.810514240111726rem;
    margin-bottom: 0.997555987829817rem;
    line-height: 1.122250486308544rem;
  }
}

.xbox-gp-prompt.grid-panel-web {
  padding: 5.985335926978902rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt.grid-panel-web {
    padding: 2.992667963489451rem 2.992667963489451rem 2.493889969574543rem;
  }
}
.xbox-gp-prompt .grid-panel-mobile__content,
.xbox-gp-prompt .grid-panel-mobile__title,
.xbox-gp-prompt .grid-panel-mobile__subtitle,
.xbox-gp-prompt .grid-panel-mobile__links {
  max-width: 100%;
}
.xbox-gp-prompt .grid-panel-web__header {
  padding: 2.992667963489451rem;
  margin-bottom: 1.496333981744725rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt .grid-panel-web__header {
    padding: 0;
  }
}
.xbox-gp-prompt .grid-panel__subtitle {
  font-size: 2.992667963489451rem;
  line-height: 4.713452042495885rem;
  color: #666;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt .grid-panel__subtitle {
    font-size: 0.997555987829817rem;
    line-height: 1.496333981744725rem;
    margin-top: 1.496333981744725rem;
  }
}
.xbox-gp-prompt .mobile-button__primary {
  width: 100%;
  height: 11.970671853957803rem;
  border-radius: 4.489001945234176rem;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt .mobile-button__primary {
    height: 3.990223951319268rem;
    border-radius: 1.496333981744725rem;
  }
}
.xbox-gp-prompt__spinner {
  margin: 5.985335926978902rem 0;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt__spinner {
    margin: 1.995111975659634rem 0;
  }
}
.xbox-gp-prompt__note {
  font-size: 2.992667963489451rem;
  text-align: center;
  color: #666;
  line-height: 140%;
  margin-bottom: 4.489001945234176rem;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt__note {
    font-size: 0.997555987829817rem;
    line-height: 120%;
    margin-bottom: 1.496333981744725rem;
  }
}
.xbox-gp-prompt__disclaimer {
  font-size: 2.102349244351339rem;
  color: #666;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 130%;
  text-align: center;
  margin: 4.489001945234176rem 0 7.481669908723627rem;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 960px) {
  .grid-page-web .xbox-gp-prompt__disclaimer {
    font-size: 0.510748665768866rem;
    margin: 0.498777993914908rem 0 2.774452591151678rem;
  }
}
.xbox-gp-prompt__disclaimer a {
  color: #666;
}
.xbox-gp-prompt.grid-panel-mobile .xbox-gp-prompt__note {
  text-align: left;
}
.xbox-gp-prompt.grid-panel-mobile .xbox-gp-prompt__disclaimer {
  text-align: left;
}


/*# sourceMappingURL=rso-authenticator-ui.css.map*/
/*# sourceMappingURL=rso-authenticator-ui.css.map*/