@enact/sandstone/ThemeDecorator/ThemeDecorator.module.css

Large-screen/TV support library for Enact, containing a variety of UI components.

:global .enact-body-fit {
  margin: 0;
  height: 100%;
  overflow: auto;
  position: relative;
}
:global .enact-fit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
:global .enact-clip {
  overflow: hidden;
}
:global .enact-no-touch-action {
  touch-action: none;
}
:global .enact-untouchable {
  pointer-events: none;
}
:global .enact-untouchable > * {
  pointer-events: auto;
}
:global .enact-unselectable {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
:global .enact-selectable {
  cursor: auto;
  -webkit-user-select: text;
  user-select: text;
}
:global .debug.aria [aria-label]::after,
:global .debug.aria [aria-valuetext]::after {
  position: absolute;
  font-size: small;
  font-weight: 100;
  background-color: #ffaa0099;
  color: white;
  border: 1px solid #ffaa00;
  border-radius: 0.5em;
  border-top-left-radius: 0;
  bottom: 0;
  padding: 0 1ex;
  transform: translateY(100%);
  line-height: 1.3em;
  z-index: 2;
  pointer-events: none;
}
:global .debug.aria [aria-label]::after {
  content: "Aria Label:\0020" attr(aria-label);
}
:global .debug.aria [aria-valuetext]::after {
  content: "Aria Value:\0020" attr(aria-valuetext);
}
:global .debug.aria [aria-label][aria-valuetext]::after {
  content: "Aria Label:\0020'" attr(aria-label) "'; Aria Value:\0020'" attr(aria-valuetext) "';";
}
/* ----- MISO - Deprecated ------ */
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI Condensed Regular"), local("LGSmartUICondensed-Regular"), local("Miso"), url("../fonts/Miso/Miso-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI Condensed Light"), local("LGSmartUICondensed-Light"), local("Miso"), url("../fonts/Miso/Miso-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone Miso";
  src: local("LG Smart UI Condensed Bold"), local("LGSmartUICondensed-Bold"), local("Miso"), url("../fonts/Miso/Miso-Bold.ttf") format("truetype");
  font-weight: 700;
}
/* ----- Museo Sans - Deprecated ------ */
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 100;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Light"), local("LGSmartUI-Light"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Light"), local("LGSmartUI-Light"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 500;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI"), local("LGSmartUI-RegularOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 700;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Bold"), local("LGSmartUI-Bold"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI"), local("LGSmartUI-BoldOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 900;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI Bold"), local("LGSmartUI-Bold"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Black.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "MuseoSans";
  src: local("LG Smart UI"), local("LGSmartUI-BoldOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/* ----- Sandstone Condensed ------ */
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Condensed Regular"), local("LGSmartUICondensed-Regular"), local("Miso"), url("../fonts/Miso/Miso-Regular.ttf") format("truetype");
  font-stretch: condensed;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Condensed Light"), local("LGSmartUICondensed-Light"), local("Miso"), url("../fonts/Miso/Miso-Light.ttf") format("truetype");
  font-stretch: condensed;
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Condensed SemiBold"), local("LGSmartUICondensed-SemiBold"), local("Miso"), url("../fonts/Miso/Miso-Bold.ttf") format("truetype");
  font-stretch: condensed;
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Condensed Bold"), local("LGSmartUICondensed-Bold"), local("Miso"), url("../fonts/Miso/Miso-Bold.ttf") format("truetype");
  font-stretch: condensed;
  font-weight: 700;
}
/* ----- Sandstone Number ------ */
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI Condensed Regular"), local("LGSmartUICondensed-Regular"), local("Miso"), url("../fonts/Miso/Miso-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI NUMBER"), local("LGSmartUINUMBER");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI Condensed Light"), local("LGSmartUICondensed-Light"), local("Miso"), url("../fonts/Miso/Miso-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI NUMBER Light"), local("LGSmartUINUMBER-Light");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI Condensed SemiBold"), local("LGSmartUICondensed-SemiBold"), local("Miso"), url("../fonts/Miso/Miso-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI NUMBER SemiBold"), local("LGSmartUINUMBER-SemiBold");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI Condensed Bold"), local("LGSmartUICondensed-Bold"), local("Miso"), url("../fonts/Miso/Miso-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone Number";
  src: local("LG Smart UI NUMBER Bold"), local("LGSmartUINUMBER-Bold");
  font-weight: 700;
}
/* ----- Manual Sandstone Locale Fonts (Stacking onto "Sandstone") ------ */
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH Regular"), local("LGSmartUIARHETH-Regular"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH SemiBold"), local("LGSmartUIARHETH-SemiBold"), url(https://fonts.gstatic.com/s/notosansthai/v13/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2h.woff2) format('woff2');
  font-weight: 700;
}
/* ----- Generated Sandstone Locale Fonts (Stacking onto "Sandstone") ------ */
@font-face {
  font-family: "Sandstone am";
  src: local("LG Smart UI Amharic");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Amharic");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone am";
  src: local("LG Smart UI Amharic");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Amharic");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone am";
  src: local("LG Smart UI Amharic");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Amharic");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone am";
  src: local("LG Smart UI Amharic");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Amharic");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone ar";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone ar";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone ar";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone ar";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone as";
  src: local("LG Smart UI Bengali");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone as";
  src: local("LG Smart UI Bengali");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone as";
  src: local("LG Smart UI Bengali");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone as";
  src: local("LG Smart UI Bengali");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone bn";
  src: local("LG Smart UI Bengali");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone bn";
  src: local("LG Smart UI Bengali");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone bn";
  src: local("LG Smart UI Bengali");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone bn";
  src: local("LG Smart UI Bengali");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bengali");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone gu";
  src: local("LG Smart UI Gujarati");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gujarati");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone gu";
  src: local("LG Smart UI Gujarati");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gujarati");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone gu";
  src: local("LG Smart UI Gujarati");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gujarati");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone gu";
  src: local("LG Smart UI Gujarati");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gujarati");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone he";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone he";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone he";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone he";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone hi";
  src: local("LG Smart UI Devanagari");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone hi";
  src: local("LG Smart UI Devanagari");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone hi";
  src: local("LG Smart UI Devanagari");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone hi";
  src: local("LG Smart UI Devanagari");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone ja";
  src: local("LG Smart UI JP");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI JP");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone ja";
  src: local("LG Smart UI JP");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI JP");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone ja";
  src: local("LG Smart UI JP");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI JP");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone ja";
  src: local("LG Smart UI JP");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI JP");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone kn";
  src: local("LG Smart UI Kannada");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Kannada");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone kn";
  src: local("LG Smart UI Kannada");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Kannada");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone kn";
  src: local("LG Smart UI Kannada");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Kannada");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone kn";
  src: local("LG Smart UI Kannada");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Kannada");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone ml";
  src: local("LG Smart UI Malayalam");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Malayalam");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone ml";
  src: local("LG Smart UI Malayalam");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Malayalam");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone ml";
  src: local("LG Smart UI Malayalam");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Malayalam");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone ml";
  src: local("LG Smart UI Malayalam");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Malayalam");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone mr";
  src: local("LG Smart UI Devanagari");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone mr";
  src: local("LG Smart UI Devanagari");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone mr";
  src: local("LG Smart UI Devanagari");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone mr";
  src: local("LG Smart UI Devanagari");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Devanagari");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone or";
  src: local("LG Smart UI Oriya");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Oriya");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone or";
  src: local("LG Smart UI Oriya");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Oriya");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone or";
  src: local("LG Smart UI Oriya");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Oriya");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone or";
  src: local("LG Smart UI Oriya");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Oriya");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone pa";
  src: local("LG Smart UI Gurmukhi");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gurmukhi");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone pa";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone pa";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone pa";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Gurmukhi");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone ta";
  src: local("LG Smart UI Tamil");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Tamil");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone ta";
  src: local("LG Smart UI Tamil");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Tamil");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone ta";
  src: local("LG Smart UI Tamil");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Tamil");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone ta";
  src: local("LG Smart UI Tamil");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Tamil");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone te";
  src: local("LG Smart UI Telugu");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Telugu");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone te";
  src: local("LG Smart UI Telugu");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Telugu");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone te";
  src: local("LG Smart UI Telugu");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Telugu");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone te";
  src: local("LG Smart UI Telugu");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Telugu");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone th";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone th";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone th";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone th";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI AR HE TH");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone zh-HK";
  src: local("LG Smart UI TC");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone zh-HK";
  src: local("LG Smart UI TC");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone zh-HK";
  src: local("LG Smart UI TC");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone zh-HK";
  src: local("LG Smart UI TC");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone zh-TW";
  src: local("LG Smart UI TC");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone zh-TW";
  src: local("LG Smart UI TC");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone zh-TW";
  src: local("LG Smart UI TC");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone zh-TW";
  src: local("LG Smart UI TC");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI TC");
  font-weight: 700;
}
/* ----- Sandstone ------ */
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Light"), local("LGSmartUI-Light"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI"), local("LGSmartUI-LightOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI"), local("LGSmartUI-RegularOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-MediumItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI SemiBold"), local("LGSmartUI-SemiBold"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI"), local("LGSmartUI-SemiBoldOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-BoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI Bold"), local("LGSmartUI-Bold"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Sandstone";
  src: local("LG Smart UI"), local("LGSmartUI-BoldOblique"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* ----- Sandstone Icons ("Dingbat" Icons) ------ */
@font-face {
  font-family: "Sandstone Icons";
  src: local("Sandstone Icons"), local("SandstoneIcons"), url("../fonts/Sandstone_Icons.ttf") format("truetype");
  font-weight: normal;
}
/* ----- LG Icons ("Dingbat" Icons) ------ */
@font-face {
  font-family: "LG Icons";
  src: local("LG Smart UI Regular"), local("LGSmartUI-Regular"), local("Museo Sans"), url("../fonts/MuseoSans/MuseoSans-Medium.ttf") format("truetype"), local("LG Smart UI Dingbat"), local("LGSmartUIDingbat");
  font-weight: normal;
}
:global(.neutral) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.neutral) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.neutral)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.neutral)[disabled] [disabled] {
  opacity: 1;
}
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast)[disabled] [disabled] {
  opacity: 1;
}
:global(.light) {
  color: rgb(var(--sand-text-color-rgb, 46, 50, 57));
}
:global(.light) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.light)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.light)[disabled] [disabled] {
  opacity: 1;
}
:global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.game) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.game)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.game)[disabled] [disabled] {
  opacity: 1;
}
:global(.green) :global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.green) :global(.game) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.green) :global(.game)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.green) :global(.game)[disabled] [disabled] {
  opacity: 1;
}
:global(.orange) :global(.game) {
  color: rgb(var(--sand-text-color-rgb, 230, 230, 230));
}
:global(.orange) :global(.game) ::selection {
  color: var(--sand-selection-color, #4c5059);
  background-color: var(--sand-selection-bg-color, #3399ff);
}
:global(.orange) :global(.game)[disabled] {
  opacity: 0.28;
  cursor: default;
}
:global(.orange) :global(.game)[disabled] [disabled] {
  opacity: 1;
}
.root {
  font-family: "Sandstone";
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  -webkit-tap-highlight-color: transparent;
}
.root:global(.enact-locale-non-latin) {
  font-family: "Sandstone";
  font-weight: normal;
}
.root:global(.enact-locale-km) {
  line-height: 1.7em;
}
.root:global(.enact-locale-si) {
  line-height: 1.7em;
}
.root:global(.enact-locale-th) {
  line-height: 1.7em;
}
.root:global(.enact-locale-vi) {
  line-height: 1.7em;
}
.root.bg,
.root > .bg {
  padding: 1rem;
}
.root:global(.enact-locale-right-to-left) {
  direction: rtl;
}
.root :focus {
  outline: none;
}
:global(.neutral).bg,
:global(.neutral) > .bg {
  background-color: var(--sand-bg-color, #000000);
}
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast).bg,
:global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) > .bg {
  background-color: var(--sand-bg-color, #000000);
}
:global(.light).bg,
:global(.light) > .bg {
  background-color: var(--sand-bg-color, #cacbcc);
}
:global(.game).bg,
:global(.game) > .bg {
  background-color: var(--sand-bg-color, #000000);
}
:global(.green) :global(.game).bg,
:global(.green) :global(.game) > .bg {
  background-color: var(--sand-bg-color, #000000);
}
:global(.orange) :global(.game).bg,
:global(.orange) :global(.game) > .bg {
  background-color: var(--sand-bg-color, #000000);
}