.blur___2vNrU {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-radius: 6px;
  z-index: 2; }
  .blur___2vNrU:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.25); }

.sensitiveContentText___2jEkI {
  font-family: Roboto;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.blurMultiline___2pqXx {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-radius: 8px;
  z-index: 50; }
  .blurMultiline___2pqXx:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.25); }

.sensitiveContentTextMultiline___2ZxKi {
  font-family: Roboto;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  padding-left: 6px;
  padding-right: 6px; }

.fullContainer___no0BW {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: calc(0px + 100vh);
  transform: translate(-50%, -50%); }

.container___124oS {
  width: 100%; }
  @media (min-width: 801px) {
    .container___124oS {
      width: 801px; } }
  @media (min-width: 1121px) {
    .container___124oS {
      width: 960px; } }

.icon___3uW4b {
  cursor: pointer;
  margin-left: 24px; }
  .icon___3uW4b path {
    transition: stroke-opacity 0.35s;
    stroke-opacity: 0.5; }
  .icon___3uW4b:hover g {
    opacity: 1; }
  .icon___3uW4b:hover path {
    stroke-opacity: 1; }

.pointsWrap___1T7Gj {
  padding: 24px; }
  .pointsWrap___1T7Gj span {
    width: 88px;
    height: 88px;
    padding-top: 14px;
    padding-bottom: 16px;
    font-size: 2.25rem;
    line-height: 36px;
    font-weight: 700;
    border-radius: 6px;
    box-sizing: border-box;
    visibility: hidden; }
    @media (min-width: 1121px) {
      .pointsWrap___1T7Gj span {
        visibility: visible; } }

.assetFooterContainer___1zaZZ {
  display: flex;
  background: #2f2f2f;
  width: 100%;
  max-height: 136px;
  border-radius: 0px 0px 6px 6px;
  justify-content: space-between;
  height: 136px;
  position: absolute;
  bottom: 0px; }
  @media (min-width: 801px) {
    .assetFooterContainer___1zaZZ {
      position: relative;
      bottom: unset; } }

.footerLeft___34t_5 {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media (min-width: 1121px) {
    .footerLeft___34t_5 {
      border-right: 2px solid #1a1a1a;
      width: 66.4%; } }

.footerlogoutLeft___18MOd {
  border: none; }

.footerRight___2Qst3 {
  display: none;
  flex-direction: column;
  padding: 22px 24px 24px 24px; }
  @media (min-width: 801px) {
    .footerRight___2Qst3 {
      display: flex; } }

.footerLogoutRight___rXryr {
  height: 136px; }

.dropDownSettingContainer___1-elY {
  display: flex;
  align-items: center;
  padding-bottom: 22px; }

.assetInfo___ulh5d {
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%; }
  .assetInfo___ulh5d:before {
    content: '';
    display: block;
    height: 16px;
    /* make pseudo elements sticky as well */
    position: sticky;
    -webkit-position: sticky;
    top: 110px;
    /* shadow is at bottom of element, so at 48 + 16 = 64px */
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.26); }

.assetInfoPopup___3bwHV {
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  border-radius: 6px; }

.background___1dGua {
  background: #2F2F2F; }

.assetName___3TQ_y {
  font-family: Roboto Condensed, Open Sans Condensed, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 6px;
  text-transform: uppercase;
  color: white;
  max-width: 453px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.assetDetials___vzppa {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 8px; }

.assetTypes___3mRJb {
  display: flex;
  align-items: center; }

.typeColor___cnAhk {
  color: rgba(255, 255, 255, 0.5); }

.updateColor___3B9i9 {
  color: #FE9B07; }

.exportColor___25ZPD {
  color: #26BBFF; }

.acquiredColor___1FPSq {
  color: #8BC24A; }

.assetActionIconsBox___2yoQz {
  display: flex;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 8px; }
  .assetActionIconsBox___2yoQz span {
    margin-right: 4px; }

.assetActionIconsBoxLarge___3Wo5i {
  display: flex;
  align-items: center;
  padding-top: 20px; }

.favoritedFill___jbEpq {
  fill: #ff4040; }
  .favoritedFill___jbEpq path {
    opacity: 1 !important;
    stroke: #ff4040;
    stroke-width: 1.5; }
  @media (min-width: 1121px) {
    .favoritedFill___jbEpq:hover {
      fill: #fff;
      opacity: 1; }
      .favoritedFill___jbEpq:hover path {
        opacity: 1;
        stroke: white;
        stroke-width: 1.5; } }

.icon___gpM4p {
  cursor: pointer; }
  .icon___gpM4p path {
    opacity: 0.5;
    transition: opacity 0.25s,stroke-opacity 0.25s, fill 0.25s, stroke 0.25s; }
  @media (min-width: 1121px) {
    .icon___gpM4p:hover g {
      opacity: 1; }
    .icon___gpM4p:hover path {
      transition: opacity 0.25s,stroke-opacity 0.25s, fill 0.25s, stroke 0.25s;
      opacity: 1;
      stroke-opacity: 1;
      stroke: white;
      stroke-width: 1.5; } }

.tabView___3R7qv {
  display: flex;
  align-items: center; }

.tabViewLogin___2IOMj {
  display: flex;
  align-items: center; }

.tabViewContainer___2PLvs {
  display: flex;
  flex-direction: column; }

.infoBlock___22q7u {
  padding: 24px;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #2F2F2F; }

.staticHeight___1mXkO {
  height: 128px; }

.borderRadius___28fHH {
  border-radius: 6px; }

.stickyHeader___1U_-i {
  position: sticky;
  top: 0px;
  z-index: 2;
  background: #2F2F2F;
  width: 100%; }

.boxShadow___3RWFL {
  position: sticky;
  -webkit-position: sticky;
  /* negative top allows for 16 pixels of movement before sticking */
  top: -16px;
  /* make sure header overlaps main*/
  z-index: 1;
  color: white;
  /* fix weird flickering issue in chrome: https://stackoverflow.com/a/22224884/286685 */
  -webkit-backface-visibility: hidden;
  /* SHADOW */ }
  .boxShadow___3RWFL:before {
    content: '';
    display: block;
    height: 16px;
    /* make pseudo elements sticky as well */
    position: sticky;
    -webkit-position: sticky; }
  .boxShadow___3RWFL:before {
    top: 143px;
    /* shadow is at bottom of element, so at 48 + 16 = 64px */
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.26); }

.assetNameContainer___28hSo {
  display: flex;
  justify-content: space-between; }

.mhcButton___20GfK {
  width: 110px !important;
  height: 24px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  text-align: center !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important; }

.assetEditButton___eAfJe {
  position: absolute;
  top: 24px;
  right: 24px; }

.details___1pYCW {
  position: relative; }

.icon___2JpOS {
  cursor: pointer;
  margin-right: 8px;
  transition: opacity 0.25s, fill 0.25s;
  opacity: 0.5; }
  .icon___2JpOS:hover {
    opacity: 1;
    transition: opacity 0.25s; }

.items___11D3k {
  font-family: Roboto, Source Sans Pro, sans-serif;
  padding: 3px;
  padding-left: 12px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  /* UI / White 100 */
  color: #FFFFFF;
  cursor: pointer; }
  .items___11D3k:hover {
    background: #2F2F2F; }

.itemsMedium___2HrCl {
  font-family: Roboto, Source Sans Pro, sans-serif;
  padding: 3px;
  padding-left: 12px;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.25px;
  /* UI / White 100 */
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer; }
  .itemsMedium___2HrCl:hover {
    background: #2F2F2F; }

.selected___2a3qR {
  color: #FFFFFF;
  background: #2F2F2F; }

.selectedMedium___5eCmp {
  background: #242424; }

.spacing___oZ16C {
  margin-top: 8px;
  margin-bottom: 8px; }

.heading___1qeeb {
  padding: 3px;
  padding-left: 12px;
  padding-top: 6px;
  padding-bottom: 11px;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 10px;
  line-height: 10px;
  /* identical to box height, or 100% */
  letter-spacing: 1px;
  text-transform: uppercase;
  /* UI / White 50 */
  color: rgba(255, 255, 255, 0.5); }

.tick___seLzL {
  margin-right: 11px; }

.noTick___1_g5R {
  margin-left: 23px; }

.dark___2c8An {
  color: #FFFFFF; }

.container___2PxLA {
  position: absolute;
  top: 24px;
  min-width: 160px;
  background: #383838;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.25s linear;
  visibility: hidden; }

.visibility___3Fr6t {
  opacity: 1;
  transition: opacity 0.25s linear;
  visibility: visible; }

.hr___2u8yz {
  width: 100%;
  height: 2px;
  padding: 1px;
  background: #1A1A1A;
  position: relative; }

.light___1NJjA {
  background: #2F2F2F !important; }

.mid___2chqm {
  background: #242424; }

.max___bc1pt {
  width: 480px; }

.mainContainer___2_2VA {
  display: flex;
  flex-direction: column;
  background: #2F2F2F;
  width: 100%; }

.container___1vxTx {
  display: flex;
  align-items: flex-end;
  padding-left: 24px;
  height: 100%;
  padding-top: 10px; }

.dropShadowTop___iipVC {
  position: absolute;
  z-index: 2;
  width: 100%;
  background: transparent;
  height: 32px;
  top: 56px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 32px;
  color: black;
  transition: opacity 0.25, visibility 0.25;
  visibility: hidden; }

.popUpContainer___tT7Qc {
  display: flex;
  align-items: flex-end;
  padding-left: 16px;
  height: 100%;
  padding-top: 10px; }

.tabs___u8mj3 {
  margin-right: 24px; }

.content___3NtXx {
  display: flex;
  width: inherit;
  background: #242424;
  color: white; }

.scrollable___2I2sz {
  display: block;
  height: 100%;
  position: absolute;
  top: 87px;
  padding-bottom: 87px;
  color: transparent;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  z-index: 1;
  transition: color 0.25s linear;
  will-change: transform; }
  .scrollable___2I2sz::-webkit-scrollbar-thumb {
    background: none;
    box-shadow: inset 0 0 0 10px; }
  .scrollable___2I2sz:hover {
    color: rgba(110, 110, 110, 0.9); }

.stickyHeader___1xCxP {
  position: sticky;
  top: 84px;
  z-index: 1;
  background: #2F2F2F;
  width: 100%;
  margin-top: -16px; }

.stickyLoggedIn___3FIbV {
  top: 128px; }

.boxShadowLogin___33rb9 {
  top: 128px !important; }

.containerDocker___2AYIQ {
  position: absolute;
  z-index: 4;
  width: 100%;
  background: #2F2F2F; }

.boxShadow___2YzaE {
  position: sticky;
  -webkit-position: sticky;
  /* negative top allows for 16 pixels of movement before sticking */
  top: 90px;
  /* make sure header overlaps main*/
  z-index: 1;
  color: white;
  /* fix weird flickering issue in chrome: https://stackoverflow.com/a/22224884/286685 */
  -webkit-backface-visibility: hidden;
  /* SHADOW */ }
  .boxShadow___2YzaE:before {
    content: '';
    display: block;
    height: 16px;
    /* make pseudo elements sticky as well */
    position: sticky;
    -webkit-position: sticky; }
  .boxShadow___2YzaE:before {
    top: 143px;
    /* shadow is at bottom of element, so at 48 + 16 = 64px */
    box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.26); }

.Button___1mkoh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background 0.25s;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #8BC24A;
  color: #000000;
  background: #8BC24A;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.875em 2em;
  cursor: pointer;
  border-radius: 4px; }
  .Button___1mkoh:hover {
    transition: background 0.25s , box-shadow 0.25s;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), #8BC24A;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }
    .Button___1mkoh:hover:disabled {
      color: rgba(255, 255, 255, 0.25) !important;
      background: #242424;
      border: 2px solid #555;
      box-shadow: none;
      cursor: auto; }
  .Button___1mkoh:focus {
    outline: none; }
  .Button___1mkoh:disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    background: #242424;
    border: 2px solid #555;
    box-shadow: none;
    cursor: auto; }

.Button--small___2GesI {
  padding: 0.4375em 1.25em;
  font-size: 12px;
  line-height: 12px; }

.Button--lite___16jvm {
  padding: 0.5em 0;
  font-weight: normal;
  text-transform: none; }

.Button--fat___2rrWV {
  padding: 1.5em;
  font-size: 16px;
  line-height: 16px; }

.Button--fullWidth___2subI {
  display: block;
  width: 100%;
  letter-spacing: 1px;
  height: 32px;
  padding: 0; }

.Button--secondary___3a1xo {
  border: none;
  outline: none;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  transition: c;
  -webkit-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: background 0.25s , box-shadow 0.25s; }
  .Button--secondary___3a1xo:hover {
    transition: background 0.25s , box-shadow 0.25s;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none;
    outline: none; }

.Button--primary___MHrXD {
  color: black !important;
  background: #26BBFF;
  border-color: #26BBFF;
  transition: background 0.25s , box-shadow 0.25s; }
  .Button--primary___MHrXD:hover {
    transition: background 0.25s , box-shadow 0.25s;
    background: #6ccbff;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--territory___2pqhC {
  color: black !important;
  background: #FE9B07;
  border-color: #FE9B07;
  transition: background 0.25s , box-shadow 0.25s; }
  .Button--territory___2pqhC:hover {
    transition: background 0.25s , box-shadow 0.25s;
    background: #FCFCFC; }

.Button--purchased___2cxeY {
  border: 2px solid rgba(255, 255, 255, 0.25);
  height: 32px;
  padding: 0;
  color: rgba(255, 255, 255, 0.25);
  background: transparent; }
  .Button--purchased___2cxeY:hover {
    transition: background 0.25s , box-shadow 0.25s;
    color: black;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--slim___2L6B0 {
  height: 32px;
  width: 180px;
  padding: 0;
  letter-spacing: 1px; }

.Button--smallSize___1v0Vr {
  height: 24px;
  width: 120px;
  padding: 0;
  letter-spacing: 1px; }

.popupContainer___150UR {
  width: 100%;
  position: absolute;
  height: 0;
  min-height: calc(100% - 136px);
  top: 0; }
  @media (min-width: 801px) {
    .popupContainer___150UR {
      position: relative;
      height: 540px;
      min-height: unset;
      top: unset; } }

.rightPanelContainer___2vOWt {
  height: 270px;
  width: 100%;
  background: black;
  position: relative; }

.image___24YS3 {
  position: relative;
  display: inline-block;
  opacity: 1;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #1b1b1b;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center; }

.borderRadius___1z3VG {
  border-radius: 6px 6px 0 0; }

.image3dView___3hBlu {
  background-size: contain; }

.texture___3_LA6 {
  position: absolute;
  background: #1A1A1A;
  z-index: 200;
  height: 24px;
  width: 160px;
  bottom: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-left: 8px;
  padding-bottom: 40; }

.dropdownSize___1uQTe {
  width: 100%; }
  .dropdownSize___1uQTe input {
    width: 100%; }

.container___2po7h {
  height: 32px;
  width: 100%;
  position: absolute;
  z-index: 10; }

.rightPanelContainer___6LWuF {
  top: 8px;
  left: 8px; }

.iconsContainer___1j1OG {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: 6px; }
  .iconsContainer___1j1OG span {
    line-height: 0; }

.cross___j6-bJ {
  display: flex;
  position: absolute;
  right: 8px;
  top: 0px; }

.siteCross___CuMe2 {
  position: absolute;
  right: 17px;
  top: 24px;
  display: flex;
  height: 32px; }

.manufecturer___2BNUg {
  position: absolute;
  top: 24px;
  left: 24px; }

.fullScreeIcon___3kpMj {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .fullScreeIcon___3kpMj path {
    stroke-width: 2px; }
  @media (min-width: 1121px) {
    .has-side-panel .fullScreeIcon___3kpMj {
      display: block; } }
  @media (min-width: 801px) {
    .no-side-panel .fullScreeIcon___3kpMj {
      display: block; } }

.bridgeFullScreeIcon___3cs04 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .bridgeFullScreeIcon___3cs04 path {
    stroke-width: 2px; }

.crossIcon___3Onif {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .crossIcon___3Onif path {
    stroke-width: 2px; }

.icon___27x_T {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #383838;
  transition: opacity 0.25s ease,background 0.25s ease; }
  .icon___27x_T svg {
    transition: opacity 0.25s ease;
    opacity: 0.5; }
  .icon___27x_T:hover svg {
    transition: opacity 0.25s ease;
    opacity: 1; }

.radiusRight___227Nq {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 9px; }

.radiusLeft___3lYoK {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.selected___9z-3C {
  background: #1A1A1A;
  transition: stroke 0.25s ease,background 0.25s ease; }
  .selected___9z-3C svg {
    opacity: 1; }
  .selected___9z-3C path {
    stroke: #26BBFF;
    transition: stroke 0.25s ease; }
  .selected___9z-3C rect {
    stroke: #26BBFF;
    transition: stroke 0.25s ease; }
  .selected___9z-3C:hover path {
    stroke: #26BBFF;
    transition: stroke 0.25s ease; }
  .selected___9z-3C:hover rect {
    stroke: #26BBFF;
    transition: stroke 0.25s ease; }

.circle___2RiS2 {
  background: #383838;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: background 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
  box-shadow: none; }
  .circle___2RiS2:hover {
    transition: background 0.25s ease, box-shadow 0.25s ease;
    background: #464646;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24); }

.circleF___XU4rS {
  background: #383838;
  border-radius: 50%;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: background 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
  box-shadow: none; }
  .circleF___XU4rS:hover {
    transition: background 0.25s ease, box-shadow 0.25s ease;
    background: #464646;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24); }
  @media (min-width: 1121px) {
    .has-side-panel .circleF___XU4rS {
      display: flex; } }
  @media (min-width: 801px) {
    .no-side-panel .circleF___XU4rS {
      display: flex; } }

.image___ko4ag {
  color: white;
  position: relative;
  display: inline-block;
  opacity: 1;
  background-size: contain;
  width: 100%;
  height: 100%;
  background-color: #1b1b1b;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center; }
  @media screen and (max-width: 801px) {
    .image___ko4ag {
      height: calc(100vh - 136px); } }

.borderRadius___3cuVG {
  border-radius: 6px 6px 0px 0px; }

.image3dView___17n9q {
  background-size: contain;
  border-width: 20px;
  border-style: solid;
  border-color: transparent;
  border-image: initial; }

.imageDHI___1ObX5 {
  background-size: cover; }

.next___hnUsP {
  position: absolute;
  right: 2%;
  top: 50%; }

.prev___13SoN {
  position: absolute;
  left: 2%;
  top: 50%; }

.footer___1bHeZ {
  position: absolute;
  background: #1a1a1a;
  z-index: 100;
  height: 24px;
  width: 160px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px; }

.footerContainer___Bkmyw {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: space-between; }

.rightPanelFooter___3VZZ0 {
  bottom: 8px;
  left: 8px; }

.popupFooter___-bLPf {
  bottom: 24px;
  left: 24px;
  height: 24px; }

.text___3I8ZD {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #ffffff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-transform: capitalize; }

.actionButtons___1uTYw {
  position: absolute;
  right: 0px;
  display: flex;
  height: 24px;
  align-items: center; }
  .actionButtons___1uTYw span {
    line-height: 2;
    display: inline-flex; }
  .actionButtons___1uTYw span:first-child {
    padding-right: 10px; }
  .actionButtons___1uTYw span:nth-child(2) {
    padding-left: 10px; }

.icon___2dOru {
  cursor: pointer; }
  .icon___2dOru path {
    transition: opacity 0.25s;
    stroke: white;
    opacity: 0.5; }
  .icon___2dOru:hover {
    opacity: 1; }
    .icon___2dOru:hover path {
      opacity: 1; }

.disable___dOW-Z {
  cursor: default; }
  .disable___dOW-Z:hover path {
    stroke: white;
    opacity: 0.5; }

.spinner___Dn51I {
  display: block;
  text-align: center;
  position: absolute;
  top: calc(50% - 20px);
  left: 50%;
  opacity: 0.5;
  height: 20px;
  width: 30px;
  transform: translateX(-50%, -50%); }

.borderRadius___3cuVG {
  border-radius: 6px 6px 0px 0px; }

.button___5ULZL {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .button___5ULZL:hover svg {
    cursor: pointer;
    opacity: 1; }
    .button___5ULZL:hover svg path {
      opacity: 1; }

.leftContainer___d8IRZ {
  display: flex;
  align-items: center; }

.loading___CL-RI {
  overflow: hidden;
  border: none; }

.uppercase___2cfo0 {
  text-transform: uppercase; }

.skeleton-placeholder___dh5Pc {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateX(-90%);
  content: "";
  background: linear-gradient(0.25turn, transparent, #2F2F2F, transparent);
  pointer-events: none;
  opacity: 0.5;
  animation: skeleton-animation___1r4RT 2s infinite; }

@keyframes skeleton-animation___1r4RT {
  0% {
    transform: translateX(-90%); }
  30% {
    transform: translateX(-90%); }
  100% {
    transform: translateX(100%); } }

.light___3AS7t {
  background: linear-gradient(0.25turn, transparent, #ffffff40, transparent); }

.warningMessage___1XjpV {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  right: 24px;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #FE9B07;
  display: none; }
  @media (min-width: 801px) {
    .warningMessage___1XjpV {
      display: flex;
      align-items: center; } }

.icon___3RAtr {
  margin-right: 8px; }
  .icon___3RAtr path {
    stroke: #FE9B07; }
  .icon___3RAtr circle {
    fill: #FE9B07; }

.points___2P5cf {
  display: inline-block;
  border: 2px solid #6f6f6f;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-family: Roboto Condensed, Open Sans Condensed, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase; }
  .points___2P5cf .label___ESlNf {
    display: block;
    width: auto;
    height: auto;
    padding-top: 6px;
    margin: 0 auto;
    font-family: Roboto, Source Sans Pro, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase; }

.free___3myhL {
  font-size: 1.5rem;
  padding-top: 10px; }

.cutPoints___2Nz2j {
  font-size: 1rem;
  color: #6F6F6F;
  text-decoration: line-through; }

.container___3d6Vu {
  margin-top: 56px;
  border-radius: 6px 6px 0px 0px; }

.form___Mt_-d {
  display: flex;
  background: #242424;
  height: 604px;
  overflow: auto;
  border-radius: 0 0 6px 6px; }

.separator___1uqbx {
  width: 2px;
  height: 100%;
  background: #1A1A1A; }

.container-large___YREiT {
  width: 100%;
  margin-top: 72px; }

.hr___2-sjg {
  height: 1200px;
  padding: 1px;
  background: #1A1A1A; }

.leftAction___1M0KW {
  display: flex;
  align-items: center;
  width: 82px;
  margin-left: 84px;
  cursor: pointer; }
  .leftAction___1M0KW path {
    stroke: #808080;
    transition: stroke 0.25s ease, color 0.25s ease; }
  .leftAction___1M0KW:hover path {
    stroke: #FFFFFF;
    transition: stroke 0.25s ease, color 0.25s ease; }
  .leftAction___1M0KW:hover button {
    color: white;
    transition: stroke 0.25s ease, color 0.25s ease; }

.rightAction___24Sxw {
  position: relative;
  right: 10px;
  cursor: pointer;
  transition: stroke 0.25s ease, color 0.25s ease; }
  .rightAction___24Sxw path {
    transition: stroke-opacity 0.25s ease, color 0.25s ease; }
  .rightAction___24Sxw:hover path {
    stroke-opacity: 1;
    transition: stroke-opacity 0.25s ease, color 0.25s ease; }

.footer___tluZa {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.container___37Ig1 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #2F2F2F; }

.container-large___2jN1g {
  height: 72px;
  border-radius: 6px 6px 0 0; }

.innerContainer___2bYC3 {
  height: 100%;
  width: 100%;
  position: relative; }

.rightSide___2Rr8G {
  position: absolute;
  right: 24px;
  top: 0px;
  height: 100%;
  z-index: 1; }

.leftSide___14j67 {
  position: absolute;
  left: 24px;
  top: 0px;
  height: 100%; }

.item___3zZS_ {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* or 3d alternative if you will add animations (smoother transitions) */
  transform: translate3d(-50%, -50%, 0); }

.heading___1EtOf {
  font-family: Roboto Condensed, Open Sans Condensed, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF; }

.footer___3YUCs {
  position: absolute;
  top: 56px;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 32px;
  width: 486px;
  background: #2F2F2F;
  z-index: 1; }

.crossIcon___2ipjX {
  cursor: pointer; }
  .crossIcon___2ipjX:hover path {
    stroke-opacity: 1;
    transition: all 0.25s ease; }

.container___3A17u {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 24px;
  padding-top: 16px;
  padding-left: 29px; }

.container-large___1pig9 {
  flex-basis: 50%;
  padding-top: 24px; }

.subContainer___RvsQ1 {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 8px;
  min-height: 28px; }

.left___1p6qr {
  flex-basis: 58%;
  padding-left: 2px; }

.right___1bMrE {
  flex-basis: 42%;
  width: 100%; }

.select___uZKtq [role="button"] {
  width: 100%; }

.row___3Nl-p {
  margin-top: 28px; }

.tab-header___2rp10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px; }

.tab-header-large___1HDRk {
  padding-bottom: 13px;
  min-height: 35px; }

.spacing___2uR5E {
  margin-top: 24px;
  margin-bottom: 24px; }

.heading___1fwxs {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF; }

.content___CNKDA {
  padding: 24px; }

.main___2-GkF {
  display: flex;
  flex-direction: column; }

.positioning___sNCmE {
  width: 50%; }

.note___3ghWj {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.5); }

.noteContainer___26zQv {
  margin-top: 12px; }

.mainSubContainer___3GMQw {
  display: flex;
  width: 100%;
  min-height: 28px; }

.subContainerLeft___1DUbb {
  flex-basis: 28%;
  margin-right: 24px;
  display: flex;
  justify-content: flex-end; }

.subContainerRight___1-lX4 {
  flex-basis: 72%;
  width: 100%; }

.label___2-RpH {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5); }

.mapLabel___32PmJ {
  margin-top: 13px;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5); }

.metaLabel___223OZ {
  margin-top: 36px;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5); }

.container___1Qbr_ {
  width: 100%;
  display: flex;
  border: 2px solid #575757;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 21px; }

.icon___2mgCo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  opacity: 0.5; }

.textContainer___3a4qW {
  display: flex;
  margin-left: 21px;
  flex-direction: column; }

.text___7haNS {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.container___3YaWn {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-top: 0px; }

.container-large___Lz64p {
  flex-basis: 50%;
  padding-top: 0px; }

.content___1WFTo {
  padding: 24px; }

.subContainer___2ALnu {
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 36px; }

.left___2S9Lx {
  flex-basis: 29.7%;
  margin-right: 24px;
  display: flex;
  justify-content: flex-end; }

.right___38KOV {
  flex-basis: 70.3%;
  width: 100%; }

.select___7xAb_ [role="button"] {
  width: 100%; }

.info-override-right___1EEkH {
  flex-basis: 15%;
  width: 100%; }

.info___2mwHs {
  flex-basis: 45.2%;
  width: 100%; }

.row___2pugq {
  margin-top: 28px; }

.label___2h7yz {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5); }

.label-info___3jdC5 {
  padding-left: 24px; }

.tab-header___36tMb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  width: 100%;
  padding-bottom: 0px; }

.heading___gFcc4 {
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF; }

.triCounts___1d4nv {
  font-family: Roboto, Source Sans Pro, sans-serif;
  margin-left: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.note___3MyDm {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 144px; }

.lods___3k6xT {
  padding-top: 0px;
  margin-top: -8px; }

@charset "UTF-8";
.panel___3LmCZ {
  flex: 1;
  height: 100%;
  background: #242424;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  user-select: none; }
  .panel___3LmCZ img {
    width: 100%;
    height: auto; }
  .panel___3LmCZ:after {
    content: '\1F6A7   Integration pending \1F6A7\A\AThese are just images';
    text-align: center;
    white-space: pre;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.25);
    transition-delay: 1s;
    transition: opacity 0.5s, visibility 0.5s; }

.panel--active___3JrLw:after {
  opacity: 1;
  visibility: visible;
  transition-delay: 0;
  transition: opacity 0.05s, visibility 0.05s; }

.closeButton___1iUWo {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px; }

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

html {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 100%; }

body {
  font-family: inherit;
  font-size: 1em;
  background-color: #242424;
  color: #fcfcfc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: hidden;
  cursor: default; }

*,
*:after,
*:before {
  box-sizing: border-box; }

a,
a:hover,
a:visited,
a:active {
  text-decoration: none; }

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  background: rgba(0, 0, 0, 0);
  position: absolute; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 15px;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(110, 110, 110, 0.9); }

.overlay___90CoZ {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10001; }

.wrap___V1c-C {
  min-width: 18em;
  width: 40em;
  height: 8em;
  border-radius: 6px;
  background-color: #242424;
  display: flex;
  align-items: center;
  justify-content: center; }

.preloader___1L1_- {
  margin-right: 1em; }

.label___3Y12G {
  font-size: 0.875em;
  color: white;
  text-transform: uppercase;
  font-weight: bold; }

.popupBox___1hUO4 {
  border-radius: 6px;
  overflow: hidden;
  width: 30em;
  min-width: 18em;
  min-height: 8em;
  background-color: #242424; }
  .popupBox___1hUO4 p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(255, 255, 255, 0.5); }

.popupBoxInner___2p1n2 {
  padding: 48px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.epicSubscription___xFunw {
  margin-bottom: 2em; }

.preloaderWrap___2bV4E {
  display: flex;
  justify-content: center;
  padding: 5em 0; }

.noUnrealLicense___3nXgB a {
  color: #2b98f0;
  text-decoration: none;
  transition: box-shadow 0.2s, color 0.2s ease-in-out; }

.noUnrealLicense___3nXgB a:hover {
  color: #ffffff; }

.footer___1I0jo {
  display: flex;
  justify-content: center;
  padding: 16px;
  border-top: 1px solid #181818;
  font-size: 0.9375em;
  color: #747474; }

.header___hvrD3 {
  position: relative;
  background-color: #2f2f2f;
  padding: 14px;
  padding-left: 16px; }
  .header___hvrD3 h1 {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff; }

.Button___1X8be {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background 0.25s;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #8bc24a;
  color: #000000;
  background: #8bc24a;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.875em 2em;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  .Button___1X8be:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), #8bc24a;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }
    .Button___1X8be:hover:disabled {
      color: rgba(255, 255, 255, 0.25) !important;
      background: #242424;
      border: 2px solid #555;
      box-shadow: none;
      cursor: auto; }
  .Button___1X8be:focus {
    outline: none; }
  .Button___1X8be:disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    background: #242424;
    border: 2px solid #555;
    box-shadow: none;
    cursor: auto; }

.Button--small___3Q9HM {
  padding: 0.4375em 1.25em;
  font-size: 12px;
  line-height: 12px; }

.Button--lite___X9qz7 {
  padding: 0.5em 0;
  font-weight: normal;
  text-transform: none; }

.Button--fat___2t4TN {
  padding: 1.5em;
  font-size: 16px;
  line-height: 16px; }

.Button--fullWidth___2sCwn {
  width: 100%;
  letter-spacing: 1px;
  height: 32px;
  padding: 0; }

.Button--secondary___1z9n1 {
  border: none;
  outline: none;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  transition: c;
  -webkit-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--secondary___1z9n1:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none;
    outline: none; }

.Button--primary___oyFzZ {
  color: black !important;
  background: #26bbff;
  border-color: #26bbff;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--primary___oyFzZ:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: #6ccbff;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--territory___3Rh1W {
  color: black !important;
  background: #fe9b07;
  border-color: #fe9b07;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--territory___3Rh1W:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: #fcfcfc; }

.Button--purchased___1tGHq {
  border: 2px solid rgba(255, 255, 255, 0.25);
  height: 32px;
  padding: 0;
  color: rgba(255, 255, 255, 0.25);
  background: transparent; }
  .Button--purchased___1tGHq:hover {
    transition: background 0.25s, box-shadow 0.25s;
    color: black;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--slim___3UyyQ {
  height: 32px;
  width: 180px;
  padding: 0;
  letter-spacing: 1px; }

.Button--smallSize___27-wk {
  height: 24px;
  width: 136px;
  padding: 0;
  letter-spacing: 1px; }

.container___30s52 {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .container___30s52 a {
    color: #2b98f0;
    text-decoration: none;
    transition: box-shadow 0.2s, color 0.2s ease-in-out; }
  .container___30s52 a:hover {
    color: #ffffff; }

.button___2Bis0 {
  margin: auto;
  cursor: pointer; }

.footer___1r8ik {
  display: grid;
  justify-content: end;
  width: 100%; }

.container___33IIN {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .container___33IIN a {
    color: #2b98f0;
    text-decoration: none;
    transition: box-shadow 0.2s, color 0.2s ease-in-out; }
  .container___33IIN a:hover {
    color: #ffffff; }

.iconContainer___1Mqhe {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.icon___1FKen {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.icon___1FKen:last-child {
  margin-left: 24px; }

.icon___1FKen:first-child {
  margin-left: 0; }

.megascans___X1vkh {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.unreal___3liXC {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.heading___5t9UN {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 8px; }

.para___2ymqy {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.actionButton___3eB-f {
  margin-top: 48px; }

.footer___2Sm34 {
  display: grid;
  justify-content: end;
  width: 100%; }

.checkboxLabel___SEQFh {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  letter-spacing: 0.25px;
  /* UI / White - 50% */
  color: rgba(255, 255, 255, 0.5);
  margin-top: 26px; }
  .checkboxLabel___SEQFh > span {
    position: relative;
    top: -1px; }

.button___1Vrmj {
  margin: auto;
  cursor: pointer; }

.error___2WQZ4 {
  margin-top: 1em;
  text-align: center;
  color: #e15141 !important;
  line-height: 1.5;
  max-width: 24em;
  width: 100%;
  margin: auto;
  margin-top: 24px; }

.errorRatelimit___1VgDq {
  position: absolute;
  margin-top: 1em;
  text-align: center;
  color: #e15141 !important;
  line-height: 1.5;
  max-width: 24em;
  width: 100%;
  margin: auto;
  margin-top: 24px; }

.container___RX13A {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .container___RX13A a {
    color: #2b98f0;
    text-decoration: none;
    transition: box-shadow 0.2s, color 0.2s ease-in-out; }
  .container___RX13A a:hover {
    color: #ffffff; }

.iconContainer___2nOp5 {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.icon___22evA {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.icon___22evA:last-child {
  margin-left: 24px; }

.icon___22evA:first-child {
  margin-left: 0; }

.megascans___3nzFl {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.unreal___I2Cys {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.heading___2PBQR {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 8px; }

.para___3rerj {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.actionButton___1lisO {
  margin-top: 48px; }

.footer___lGk8p a {
  color: #2b98f0;
  text-decoration: none;
  transition: box-shadow 0.2s, color 0.2s ease-in-out;
  font-size: 0.9375em; }

.footer___lGk8p a:hover {
  color: #ffffff; }

.footer___lGk8p:not(:last-child)::after {
  content: "|";
  color: #919191;
  margin: 0 0.75em; }

.checkboxLabel___2Q8WR {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */
  letter-spacing: 0.25px;
  /* UI / White - 50% */
  color: rgba(255, 255, 255, 0.5);
  margin-top: 26px; }
  .checkboxLabel___2Q8WR > span {
    position: relative;
    top: -1px; }

.button___1Is7K {
  margin: auto;
  cursor: pointer; }

.error___1Parf {
  margin-top: 1em;
  text-align: center;
  color: #e15141 !important;
  line-height: 1.5;
  max-width: 24em;
  width: 100%;
  margin: auto;
  margin-top: 24px; }

.loginBtn___3H9-b {
  margin-top: 24px;
  display: flex;
  justify-content: center; }

.button___1Is7K {
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1.125em 4.6875em;
  background-color: #2f2f2f;
  border-radius: 6px;
  color: #ffffff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height, or 100% */
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background-color 0.2s;
  cursor: pointer; }
  .button___1Is7K:active, .button___1Is7K:focus {
    outline: none; }
  .button___1Is7K img {
    width: 1.875em;
    height: auto;
    margin-right: 1em;
    margin-top: 1px;
    margin-bottom: -1px; }
  .button___1Is7K:hover {
    background-color: #363636; }

.bgWithContent___3iuey {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.bgContainer___3Z4FJ {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.bgAutogeneratedContainer___25mEe {
  background-size: contain;
  margin: 5%; }

.content___UN5F9 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }

.contentLayoutContainer___tuTHX {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.contentLayoutContainerWithOverlay___aA2Bt {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  @media (min-width: 1121px) {
    .has-side-panel .contentLayoutContainerWithOverlay___aA2Bt {
      background-size: 50% 100%; } }
  @media (min-width: 801px) {
    .no-side-panel .contentLayoutContainerWithOverlay___aA2Bt {
      background-size: 50% 100%; } }

.contentLayoutContainerWithCoverOverlay___1fPI2 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.contentLayoutButtonsGroup___3PxJw {
  margin-top: 2em;
  display: flex;
  align-items: center; }

.contentLayoutFooter___2DXkx {
  padding: 1em;
  white-space: normal; }
  @media (min-width: 2081px) {
    .has-side-panel .contentLayoutFooter___2DXkx {
      padding: 1.5em;
      padding-bottom: 0px; } }
  @media (min-width: 1601px) {
    .no-side-panel .contentLayoutFooter___2DXkx {
      padding: 1.5em;
      padding-bottom: 0px; } }
  @media (min-width: 2561px) {
    .has-side-panel .contentLayoutFooter___2DXkx {
      padding: 2em; } }
  @media (min-width: 2081px) {
    .no-side-panel .contentLayoutFooter___2DXkx {
      padding: 2em; } }

.contentLayoutFooterExtraPadding___1o1r2 {
  padding: 2em; }
  @media (min-width: 1601px) {
    .has-side-panel .contentLayoutFooterExtraPadding___1o1r2 {
      padding: 3.5em; } }
  @media (min-width: 1121px) {
    .no-side-panel .contentLayoutFooterExtraPadding___1o1r2 {
      padding: 3.5em; } }

.contentLayoutFooterWithOverlay___28M48 {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.contentLayoutFooterWithOverlayLight___3FIYs {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); }

.button___1y0rK {
  font-family: Source Sans Pro, sans-serif;
  -webkit-appearance: none;
  border-radius: 20px;
  border: none;
  font: inherit;
  font-size: 1em;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  height: 2.5em;
  padding: 0 2.5em;
  color: #242424;
  background-color: #26BBFF;
  cursor: pointer;
  transition-property: background-color, box-shadow;
  transition-duration: 0.25s; }
  .button___1y0rK:hover {
    background-color: #5CCCFF;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24); }
  .button___1y0rK:focus {
    outline: none; }
  @media (min-width: 2561px) {
    .has-side-panel .button___1y0rK {
      height: 3em;
      padding: 0 3em;
      border-radius: 24px; } }
  @media (min-width: 2081px) {
    .no-side-panel .button___1y0rK {
      height: 3em;
      padding: 0 3em;
      border-radius: 24px; } }

.content___2JKss {
  max-width: 35em;
  color: white; }
  .content___2JKss h2 {
    font-family: Source Sans Pro, sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1px;
    margin-bottom: 0.45em; }
  .content___2JKss h1 {
    font-family: Open Sans Condensed, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 3em;
    letter-spacing: -1px;
    margin-bottom: 0.2em; }
  .content___2JKss p {
    font-size: 1.125em;
    line-height: 1.35em; }
  @media (min-width: 2561px) {
    .has-side-panel .content___2JKss {
      max-width: 45em; }
      .has-side-panel .content___2JKss h1 {
        font-size: 4.5em; }
      .has-side-panel .content___2JKss h2 {
        font-size: 1.125em; }
      .has-side-panel .content___2JKss p {
        font-size: 1.5em; } }
  @media (min-width: 2081px) {
    .no-side-panel .content___2JKss {
      max-width: 45em; }
      .no-side-panel .content___2JKss h1 {
        font-size: 4.5em; }
      .no-side-panel .content___2JKss h2 {
        font-size: 1.125em; }
      .no-side-panel .content___2JKss p {
        font-size: 1.5em; } }

.heroWrap___YBX4j {
  position: relative;
  height: 400px; }

@media (min-width: 2561px) {
  .has-side-panel .heroWrap___YBX4j {
    height: 560px; } }

@media (min-width: 2081px) {
  .no-side-panel .heroWrap___YBX4j {
    height: 560px; } }

.secondaryButton___36HZW {
  color: #26bbff;
  font-size: 18px;
  line-height: 1.278em;
  margin-top: -0.389em;
  align-items: center;
  transition: color 0.25s linear; }
  .secondaryButton___36HZW span {
    padding-bottom: 2px;
    display: inline-block;
    vertical-align: middle; }
  .secondaryButton___36HZW svg {
    margin-left: 0.4375em;
    display: inline-block;
    vertical-align: middle; }
  .secondaryButton___36HZW path {
    transition: fill 0.25s linear; }
  .secondaryButton___36HZW:hover {
    color: white; }
    .secondaryButton___36HZW:hover path {
      fill: white; }

.categoryPath___3BCIP {
  margin-top: 2.417em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.250em;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5); }
  .categoryPath___3BCIP svg {
    margin: 0 0.547em 0 0.547em; }
  .categoryPath___3BCIP a {
    color: inherit; }

.noMatches___3e_X7 {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .noMatches___3e_X7 h1 {
    font-family: Open Sans Condensed, sans-serif;
    font-weight: bold;
    font-size: 3em;
    line-height: 48px;
    color: white;
    text-transform: uppercase;
    letter-spacing: -1px; }
  .noMatches___3e_X7 p {
    font-size: 1.125em;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.5); }

.heading___2ebwy {
  padding-bottom: 1rem;
  text-transform: uppercase; }

.promotionalContainer___2VliG {
  margin-top: 7.5rem;
  margin-bottom: 1rem;
  display: none; }
  @media (min-width: 1601px) {
    .has-side-panel .promotionalContainer___2VliG {
      display: block; } }
  @media (min-width: 1121px) {
    .no-side-panel .promotionalContainer___2VliG {
      display: block; } }

.buttonContainer___3gf-i {
  padding-top: 2rem; }

.placeholder___hKMxt {
  background: #202020; }

@use "sass:map";
.horizontalScroll___1O_E3 {
  will-change: transform;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 2px 0; }
  .horizontalScroll___1O_E3 .sideArrow___1s2uV {
    display: none; }
  .horizontalScroll___1O_E3::-webkit-scrollbar {
    display: none; }
  @media (min-width: 801px) {
    .horizontalScroll___1O_E3 {
      overflow: unset;
      padding: 0; }
      .horizontalScroll___1O_E3 .sideArrow___1s2uV {
        display: block;
        opacity: 0;
        transition: opacity 0.25s, visibility 0.25s; }
      .horizontalScroll___1O_E3:hover .sideArrow___1s2uV {
        opacity: 1; } }

.horizontalScrollWithPlaceholderItems___20RcV {
  pointer-events: none; }

.row___2fBWZ {
  white-space: nowrap;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  font-size: 0;
  transition: transform 0.5s;
  padding: 0 8px; }
  .row___2fBWZ::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0; }
  @media (min-width: 801px) {
    .row___2fBWZ {
      padding: 0 24px; } }
  @media (min-width: 1601px) {
    .has-side-panel .row___2fBWZ {
      padding: 0 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .row___2fBWZ {
      padding: 0 48px; } }

.cell___3sPIk {
  display: inline-block;
  margin-left: 8px; }
  .cell___3sPIk:last-child {
    margin-right: 8px; }

.cellGuts___1TMU_ {
  position: relative;
  width: 100%; }
  .cellGuts___1TMU_ > * {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    font-size: 16px; }

.cell--collections___30oNl .cellGuts___1TMU_ {
  padding-bottom: 56.25%; }

@media (min-width: 0px) {
  .has-side-panel .cell--collections___30oNl {
    width: calc(50% * 1 - 12px); } }

@media (min-width: 0px) {
  .no-side-panel .cell--collections___30oNl {
    width: calc(50% * 1 - 12px); } }

@media (min-width: 1121px) {
  .has-side-panel .cell--collections___30oNl {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 801px) {
  .no-side-panel .cell--collections___30oNl {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 1601px) {
  .has-side-panel .cell--collections___30oNl {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 1121px) {
  .no-side-panel .cell--collections___30oNl {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 2081px) {
  .has-side-panel .cell--collections___30oNl {
    width: calc(25% * 1 - 10px); } }

@media (min-width: 1601px) {
  .no-side-panel .cell--collections___30oNl {
    width: calc(25% * 1 - 10px); } }

@media (min-width: 2561px) {
  .has-side-panel .cell--collections___30oNl {
    width: calc(25% * 1 - 10px); } }

@media (min-width: 2081px) {
  .no-side-panel .cell--collections___30oNl {
    width: calc(25% * 1 - 10px); } }

.cell--assets___1fQBs .cellGuts___1TMU_ {
  padding-bottom: 100%; }

@media (min-width: 0px) {
  .has-side-panel .cell--assets___1fQBs {
    width: calc(50% * 1 - 12px); } }

@media (min-width: 0px) {
  .no-side-panel .cell--assets___1fQBs {
    width: calc(50% * 1 - 12px); } }

@media (min-width: 1121px) {
  .has-side-panel .cell--assets___1fQBs {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 801px) {
  .no-side-panel .cell--assets___1fQBs {
    width: calc(33.33333% * 1 - 10.66667px); } }

@media (min-width: 1601px) {
  .has-side-panel .cell--assets___1fQBs {
    width: calc(25% * 1 - 10px); } }

@media (min-width: 1121px) {
  .no-side-panel .cell--assets___1fQBs {
    width: calc(25% * 1 - 10px); } }

@media (min-width: 2081px) {
  .has-side-panel .cell--assets___1fQBs {
    width: calc(20% * 1 - 9.6px); } }

@media (min-width: 1601px) {
  .no-side-panel .cell--assets___1fQBs {
    width: calc(20% * 1 - 9.6px); } }

@media (min-width: 2561px) {
  .has-side-panel .cell--assets___1fQBs {
    width: calc(16.66667% * 1 - 9.33333px); } }

@media (min-width: 2081px) {
  .no-side-panel .cell--assets___1fQBs {
    width: calc(16.66667% * 1 - 9.33333px); } }

.sideArrow___1s2uV {
  position: absolute;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  padding: 0;
  background: rgba(36, 36, 36, 0.5);
  border: none;
  z-index: 10;
  width: 8px; }
  @media (min-width: 801px) {
    .sideArrow___1s2uV {
      width: 24px; } }
  @media (min-width: 1601px) {
    .has-side-panel .sideArrow___1s2uV {
      width: 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .sideArrow___1s2uV {
      width: 48px; } }
  .sideArrow___1s2uV:active, .sideArrow___1s2uV:focus {
    outline: none; }
  .sideArrow___1s2uV:hover svg path {
    stroke: white; }
  .sideArrow___1s2uV svg {
    width: 100%;
    max-width: 45px;
    transition: transform 0.25s; }
    .sideArrow___1s2uV svg path {
      stroke: rgba(255, 255, 255, 0.5);
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke 0.25s; }

.sideArrowLeft___3E_Fq {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }
  .sideArrowLeft___3E_Fq:hover svg {
    transform: scale(1.1); }

.sideArrowRight___3W9nJ {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }
  .sideArrowRight___3W9nJ svg {
    transform: rotate(-180deg); }
  .sideArrowRight___3W9nJ:hover svg {
    transform: rotate(-180deg) scale(1.1); }

.boxWithAspectRatioContainer___2hILe {
  position: relative; }

.boxWithAspectRatioInner___2gUvu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.clickableBox___1HFCs {
  display: block;
  transition: box-shadow 0.15s ease-in;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  background-color: #202020; }
  @media (min-width: 1121px) {
    .has-side-panel .clickableBox___1HFCs:hover {
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.25); } }
  @media (min-width: 801px) {
    .no-side-panel .clickableBox___1HFCs:hover {
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.25); } }

.content___3kRsE h2 {
  font-family: Source Sans Pro, sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
  margin-bottom: 0.375em; }

.content___3kRsE h1 {
  font-family: Open Sans Condensed, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.25em;
  letter-spacing: -1px; }

@media (min-width: 1121px) {
  .has-side-panel .content___3kRsE h2 {
    font-size: 0.875em; } }

@media (min-width: 801px) {
  .no-side-panel .content___3kRsE h2 {
    font-size: 0.875em; } }

@media (min-width: 2081px) {
  .has-side-panel .content___3kRsE h2 {
    font-size: 1em; } }

@media (min-width: 1601px) {
  .no-side-panel .content___3kRsE h2 {
    font-size: 1em; } }

@media (min-width: 2561px) {
  .has-side-panel .content___3kRsE h2 {
    font-size: 1.125em; }
  .has-side-panel .content___3kRsE h1 {
    font-size: 3em; } }

@media (min-width: 2081px) {
  .no-side-panel .content___3kRsE h2 {
    font-size: 1.125em; }
  .no-side-panel .content___3kRsE h1 {
    font-size: 3em; } }

.newsStack___1H9zj {
  display: grid;
  grid-gap: 8px; }

@media (min-width: 1121px) {
  .has-side-panel .newsStack___1H9zj {
    grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 801px) {
  .no-side-panel .newsStack___1H9zj {
    grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1601px) {
  .has-side-panel .newsStack___1H9zj {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1121px) {
  .no-side-panel .newsStack___1H9zj {
    grid-template-columns: repeat(3, 1fr); } }

.collectionStack___2jdbO {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr); }

@media (min-width: 1121px) {
  .has-side-panel .collectionStack___2jdbO {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 801px) {
  .no-side-panel .collectionStack___2jdbO {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 2081px) {
  .has-side-panel .collectionStack___2jdbO {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1601px) {
  .no-side-panel .collectionStack___2jdbO {
    grid-template-columns: repeat(4, 1fr); } }

.placeholderBox___14EFc {
  width: 100%;
  padding-bottom: 56.25%;
  background: #202020; }

.posterStack___3DOyZ {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr); }

@media (min-width: 1121px) {
  .has-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 801px) {
  .no-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1601px) {
  .has-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1121px) {
  .no-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 2081px) {
  .has-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(5, 1fr); } }

@media (min-width: 1601px) {
  .no-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(5, 1fr); } }

@media (min-width: 2561px) {
  .has-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 2081px) {
  .no-side-panel .posterStack___3DOyZ {
    grid-template-columns: repeat(6, 1fr); } }

.content___3DKsi h1 {
  font-family: Open Sans Condensed, sans-serif; }

.content___3DKsi h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125em; }

@media (min-width: 1121px) {
  .has-side-panel .content___3DKsi h1 {
    font-size: 1.5em; } }

@media (min-width: 801px) {
  .no-side-panel .content___3DKsi h1 {
    font-size: 1.5em; } }

@media (min-width: 2561px) {
  .has-side-panel .content___3DKsi h1 {
    font-size: 2.25em;
    letter-spacing: 1px; } }

@media (min-width: 2081px) {
  .no-side-panel .content___3DKsi h1 {
    font-size: 2.25em;
    letter-spacing: 1px; } }

.container___1dyH7 {
  position: relative;
  cursor: pointer; }

.showMoreButton___1VQ1F {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  color: #ffffff;
  background-color: transparent;
  padding: 5px 30px;
  cursor: pointer;
  outline: none; }

.loaderShowMoreArea___1vMxV {
  text-align: center;
  margin: 4.5em 0; }

.grid___1U4kQ {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr); }

@media (min-width: 1121px) {
  .has-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 801px) {
  .no-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1601px) {
  .has-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1121px) {
  .no-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 2081px) {
  .has-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(5, 1fr); } }

@media (min-width: 1601px) {
  .no-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(5, 1fr); } }

@media (min-width: 2561px) {
  .has-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 2081px) {
  .no-side-panel .grid___1U4kQ {
    grid-template-columns: repeat(6, 1fr); } }

.placeholderBox___3zeNi {
  width: 100%;
  padding-bottom: 100%;
  background: #202020; }

.mainGrid___phXto {
  position: relative;
  width: 100%; }

.gridDiv___m7dLb {
  position: absolute;
  left: 0;
  right: 0; }

.curatedContent___HJO5O {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  will-change: transform;
  -webkit-overflow-scrolling: touch; }
  .has-side-panel .curatedContent___HJO5O {
    min-width: 568px; }
  .curatedContent___HJO5O ::-webkit-scrollbar-thumb {
    background: none;
    box-shadow: inset 0 0 0 10px; }

.contentBelowBanner___1csYL {
  margin: 32px 0;
  max-width: 100%; }
  @media (min-width: 1440px) {
    .contentBelowBanner___1csYL {
      margin: 56px 0; } }

.contentBelowBannerWithTabView___1nkNt {
  margin: 0; }

.curatedContentWithCustomSidebar___1UV6M {
  position: relative;
  flex: 1;
  color: transparent;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  z-index: 1;
  margin-top: 72px;
  transition: color 0.25s linear;
  will-change: transform; }
  @media (min-width: 1121px) {
    .has-side-panel .curatedContentWithCustomSidebar___1UV6M {
      margin-top: 120px; } }
  @media (min-width: 801px) {
    .no-side-panel .curatedContentWithCustomSidebar___1UV6M {
      margin-top: 120px; } }
  .curatedContentWithCustomSidebar___1UV6M::-webkit-scrollbar-thumb {
    background: none;
    box-shadow: inset 0 0 0 10px; }
  .curatedContentWithCustomSidebar___1UV6M:hover {
    color: rgba(110, 110, 110, 0.9); }

.sectionContentArea___1D9dg {
  margin-bottom: 32px;
  padding: 0 16px; }
  .sectionContentArea___1D9dg:last-child {
    margin-bottom: 0; }
  @media (min-width: 1601px) {
    .has-side-panel .sectionContentArea___1D9dg {
      margin-bottom: 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .sectionContentArea___1D9dg {
      margin-bottom: 48px; } }
  @media (min-width: 801px) {
    .sectionContentArea___1D9dg {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .sectionContentArea___1D9dg {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .sectionContentArea___1D9dg {
      padding: 0 56px; } }

.hoverableSectionContentArea___1lGFe {
  margin-bottom: 32px;
  padding: 0 16px; }
  .hoverableSectionContentArea___1lGFe:last-child {
    margin-bottom: 0; }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableSectionContentArea___1lGFe {
      margin-bottom: 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableSectionContentArea___1lGFe {
      margin-bottom: 48px; } }
  @media (min-width: 801px) {
    .hoverableSectionContentArea___1lGFe {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableSectionContentArea___1lGFe {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableSectionContentArea___1lGFe {
      padding: 0 56px; } }
  .hoverableSectionContentArea___1lGFe:hover {
    cursor: pointer; }
    .hoverableSectionContentArea___1lGFe:hover svg {
      opacity: 1; }

.headingTitle___1KP4v {
  display: inline-flex;
  align-items: center;
  font-family: Open Sans Condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.125em;
  margin-bottom: 16px; }
  @media (min-width: 1601px) {
    .has-side-panel .headingTitle___1KP4v {
      margin-bottom: 24px; } }
  @media (min-width: 1121px) {
    .no-side-panel .headingTitle___1KP4v {
      margin-bottom: 24px; } }

.hoverableHeadingTitle___3Gx6i {
  display: inline-flex;
  align-items: center;
  font-family: Open Sans Condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.125em;
  margin-bottom: 16px;
  height: 1.125em;
  transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -webkit-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -ms-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -o-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -moz-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear; }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableHeadingTitle___3Gx6i {
      margin-bottom: 24px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableHeadingTitle___3Gx6i {
      margin-bottom: 24px; } }
  .hoverableHeadingTitle___3Gx6i:hover {
    color: #fff; }
    .hoverableHeadingTitle___3Gx6i:hover svg path {
      stroke: #fff; }
  .hoverableHeadingTitle___3Gx6i svg {
    transition: inherit;
    opacity: 0;
    margin-left: 8px; }
    .hoverableHeadingTitle___3Gx6i svg path {
      transition: inherit; }

.contentAreaNoPadding___3E_yM {
  padding: 0 !important; }

.titlePadding___1ngFc {
  padding: 0 16px; }
  @media (min-width: 801px) {
    .titlePadding___1ngFc {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .titlePadding___1ngFc {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .titlePadding___1ngFc {
      padding: 0 56px; } }

.bar___24eA3 {
  padding: 0 16px;
  height: 48px;
  width: 100%;
  display: flex;
  background: #2f2f2f;
  align-items: center; }
  @media (min-width: 801px) {
    .bar___24eA3 {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .bar___24eA3 {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .bar___24eA3 {
      padding: 0 56px; } }

.buttonStyle___3mFDA {
  height: inherit;
  padding-right: 1.5em; }
  .buttonStyle___3mFDA button {
    font-size: 0.875rem;
    line-height: 14px;
    letter-spacing: 1px; }
    .buttonStyle___3mFDA button span {
      border-bottom: none !important; }

.isActive___2Rfdp {
  padding: 1.2em 0;
  border-bottom: 2px solid #26BBFF; }

.emptyStateGridContainer___1MUBh {
  position: relative;
  margin-top: 6em; }

.sectionContentArea___25kZM {
  margin-bottom: 32px;
  padding: 0 16px; }
  .sectionContentArea___25kZM:last-child {
    margin-bottom: 0; }
  @media (min-width: 1601px) {
    .has-side-panel .sectionContentArea___25kZM {
      margin-bottom: 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .sectionContentArea___25kZM {
      margin-bottom: 48px; } }
  @media (min-width: 801px) {
    .sectionContentArea___25kZM {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .sectionContentArea___25kZM {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .sectionContentArea___25kZM {
      padding: 0 56px; } }

.hoverableSectionContentArea___29Fcd {
  margin-bottom: 32px;
  padding: 0 16px; }
  .hoverableSectionContentArea___29Fcd:last-child {
    margin-bottom: 0; }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableSectionContentArea___29Fcd {
      margin-bottom: 48px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableSectionContentArea___29Fcd {
      margin-bottom: 48px; } }
  @media (min-width: 801px) {
    .hoverableSectionContentArea___29Fcd {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableSectionContentArea___29Fcd {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableSectionContentArea___29Fcd {
      padding: 0 56px; } }
  .hoverableSectionContentArea___29Fcd:hover {
    cursor: pointer; }
    .hoverableSectionContentArea___29Fcd:hover svg {
      opacity: 1; }

.headingTitle___10BV8 {
  display: inline-flex;
  align-items: center;
  font-family: Open Sans Condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.125em;
  margin-bottom: 16px; }
  @media (min-width: 1601px) {
    .has-side-panel .headingTitle___10BV8 {
      margin-bottom: 24px; } }
  @media (min-width: 1121px) {
    .no-side-panel .headingTitle___10BV8 {
      margin-bottom: 24px; } }

.hoverableHeadingTitle___1ezRI {
  display: inline-flex;
  align-items: center;
  font-family: Open Sans Condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.125em;
  margin-bottom: 16px;
  height: 1.125em;
  transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -webkit-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -ms-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -o-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear;
  -moz-transition: color 150ms linear, stroke 150ms linear, opacity 150ms linear; }
  @media (min-width: 1601px) {
    .has-side-panel .hoverableHeadingTitle___1ezRI {
      margin-bottom: 24px; } }
  @media (min-width: 1121px) {
    .no-side-panel .hoverableHeadingTitle___1ezRI {
      margin-bottom: 24px; } }
  .hoverableHeadingTitle___1ezRI:hover {
    color: #fff; }
    .hoverableHeadingTitle___1ezRI:hover svg path {
      stroke: #fff; }
  .hoverableHeadingTitle___1ezRI svg {
    transition: inherit;
    opacity: 0;
    margin-left: 8px; }
    .hoverableHeadingTitle___1ezRI svg path {
      transition: inherit; }

.contentAreaNoPadding___2M1NZ {
  padding: 0 !important; }

.titlePadding___2lp1P {
  padding: 0 16px; }
  @media (min-width: 801px) {
    .titlePadding___2lp1P {
      padding: 0 32px; } }
  @media (min-width: 1601px) {
    .has-side-panel .titlePadding___2lp1P {
      padding: 0 56px; } }
  @media (min-width: 1121px) {
    .no-side-panel .titlePadding___2lp1P {
      padding: 0 56px; } }

.gridStack___14W_F {
  display: grid;
  grid-gap: 8px; }

@media (min-width: 1121px) {
  .has-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 801px) {
  .no-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1601px) {
  .has-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 1121px) {
  .no-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 2081px) {
  .has-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 1601px) {
  .no-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 2561px) {
  .has-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 2081px) {
  .no-side-panel .gridStack___14W_F {
    grid-template-columns: repeat(6, 1fr); } }

.filterBar___1krKf {
  background: #2F2F2F;
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 2; }
  @media (min-width: 801px) {
    .filterBar___1krKf {
      display: flex; } }

.dropdown___1kPM8 {
  display: flex; }
  .dropdown___1kPM8:after {
    content: '';
    display: block;
    align-self: center;
    width: 2px;
    height: 1.5em;
    background: #383838; }

.clearButton___xBrUP {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  height: 3em;
  text-transform: uppercase;
  align-self: center;
  color: #26BBFF;
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0 1.1rem;
  letter-spacing: 1px;
  transition: box-shadow 0.25s, color 0.25s ease-in-out; }
  .clearButton___xBrUP:hover {
    cursor: pointer;
    color: #ffffff; }

.searchInputField___3Z8kw {
  flex: 1; }
  .searchInputField___3Z8kw input {
    -webkit-appearance: none;
    background-color: transparent;
    width: 100%;
    min-width: 200px;
    color: white;
    font: inherit;
    font-size: 1.125em;
    border: none;
    padding: 0;
    margin-top: 1px;
    line-height: 1.125; }
    .searchInputField___3Z8kw input::-webkit-search-decoration, .searchInputField___3Z8kw input::-webkit-search-cancel-button, .searchInputField___3Z8kw input::-webkit-search-results-button, .searchInputField___3Z8kw input::-webkit-search-results-decoration {
      -Webkit-appearance: none; }
    .searchInputField___3Z8kw input::placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .searchInputField___3Z8kw input:focus {
      outline: none; }
    @media (min-width: 801px) {
      .searchInputField___3Z8kw input {
        padding-left: 0.375em;
        padding-right: 0.5625em; } }

.libraryHeader___iTifW {
  display: grid;
  grid-template-columns: minmax(0px, 100%) 1fr;
  align-items: center;
  height: 4.5em;
  padding-left: 1em;
  padding-right: 1.5em;
  background-color: #2F2F2F;
  position: relative;
  z-index: 10; }

.logoSection___1YXlw {
  padding: 1rem 24px 0px 0;
  height: 100%; }
  .logoSection___1YXlw svg {
    width: 40px;
    height: 40px;
    cursor: pointer; }
  @media (min-width: 801px) {
    .logoSection___1YXlw {
      display: none; } }

.searchField___2xwVs {
  flex: 1; }

.menuButton___Jkszf {
  display: none; }
  @media (min-width: 801px) {
    .menuButton___Jkszf {
      display: block;
      margin-left: 1.5em; } }

.user-button___iJUay {
  display: flex;
  align-items: center;
  margin-left: 2.375em; }

.isCompact___1m7FT {
  flex-basis: 56px; }

.button___2bOY7 {
  display: flex;
  align-items: center;
  padding: 0 1em;
  height: 48px;
  outline: none;
  cursor: pointer; }
  .button___2bOY7 svg {
    fill: rgba(255, 255, 255, 0.5);
    transition: fill 0.15s ease-in; }
  .button___2bOY7:hover svg {
    fill: #FFFFFF; }
  .button___2bOY7:hover .label___h4Skm {
    color: #FFFFFF; }
  .has-sidebar-collapsed .button___2bOY7 {
    padding: 0;
    justify-content: center; }
  @media (max-width: 1600px) {
    .button___2bOY7 {
      padding: 0;
      justify-content: center; } }

.collapsedIcon___lhiFD, .expandedIcon___ynGQR {
  line-height: 0; }

.expandedIcon___ynGQR {
  display: block; }
  .has-sidebar-collapsed .expandedIcon___ynGQR {
    display: none; }
  @media (max-width: 1600px) {
    .expandedIcon___ynGQR {
      display: none; } }

.collapsedIcon___lhiFD {
  display: none; }
  .has-sidebar-collapsed .collapsedIcon___lhiFD {
    display: block; }
  @media (max-width: 1600px) {
    .collapsedIcon___lhiFD {
      display: block; } }

.buttonContent___2vHzo {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center; }
  .has-sidebar-collapsed .buttonContent___2vHzo {
    flex: none; }
  @media (max-width: 1600px) {
    .buttonContent___2vHzo {
      flex: none; } }

.label___h4Skm {
  font-family: Source Sans Pro, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.15s ease-in;
  margin-left: 8px; }

.count___DrrDx {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.25); }

.has-sidebar-collapsed .label___h4Skm, .has-sidebar-collapsed .count___DrrDx {
  display: none; }

@media (max-width: 1600px) {
  .label___h4Skm, .count___DrrDx {
    display: none; } }

.buttonExactSelected___3TzhR, .buttonSelected___kmDjD {
  border-left: 2px solid #0099F7; }
  .buttonExactSelected___3TzhR .buttonContent___2vHzo, .buttonSelected___kmDjD .buttonContent___2vHzo {
    margin-left: -2px; }
    .has-sidebar-collapsed .buttonExactSelected___3TzhR .buttonContent___2vHzo, .has-sidebar-collapsed .buttonSelected___kmDjD .buttonContent___2vHzo {
      margin-left: -1; }
    @media (max-width: 1600px) {
      .buttonExactSelected___3TzhR .buttonContent___2vHzo, .buttonSelected___kmDjD .buttonContent___2vHzo {
        margin-left: -1; } }
  .buttonExactSelected___3TzhR .label___h4Skm, .buttonSelected___kmDjD .label___h4Skm {
    color: white; }
  .buttonExactSelected___3TzhR svg, .buttonSelected___kmDjD svg {
    fill: #FFFFFF; }

.newIndicator___3QHgh {
  z-index: 1;
  background-color: #2B98F0;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  left: 0;
  top: 0; }

.charactersIcon___sMWNd svg {
  fill: none;
  opacity: 0.5;
  stroke: white;
  stroke-width: 1.5px;
  transition: fill 0.15s ease-in; }

.charactersIcon___sMWNd:hover svg {
  fill: none;
  opacity: 1;
  stroke: white;
  stroke-width: 1.5px;
  transition: fill 0.15s ease-in; }

.charactersIconSelected___2wRvT svg {
  fill: none;
  opacity: 1;
  stroke: white;
  stroke-width: 1.5px; }

.mediumCharacterIcon___1enSK {
  margin-left: 7px; }

.button___191cB {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  width: 100%;
  padding: 0.375em 1.375em 0.375em 1.5em;
  line-height: 1.25;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  outline: none; }
  .button___191cB span {
    color: #6F6F6F;
    transition: color 0.15s ease-in;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .button___191cB:hover span {
    color: #FFFFFF; }

.buttonExactSelected___2I5sD {
  border-left: 2px solid #0099F7;
  margin-left: -2px;
  padding-right: 1.25em; }

.buttonSelected___18Ggi span {
  color: #FFFFFF; }

.count___O1yXv {
  margin-right: -4px; }

.subtree___bC7TQ {
  background-color: #0F0F0F; }
  .has-sidebar-collapsed .subtree___bC7TQ {
    background-color: #1A1A1A; }
  @media (max-width: 1600px) {
    .subtree___bC7TQ {
      background-color: #1A1A1A; } }

.subtreeLabel___2FS8f {
  display: none; }
  .has-sidebar-collapsed .subtreeLabel___2FS8f {
    display: block;
    padding-top: 24px;
    padding-left: 24px;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-size: 0.875em;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white; }
  @media (max-width: 1600px) {
    .subtreeLabel___2FS8f {
      display: block;
      padding-top: 24px;
      padding-left: 24px;
      margin: 0 0 1em 0;
      font-weight: bold;
      font-size: 0.875em;
      line-height: 1em;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: white; } }

.subtreeInner___1_8Mi {
  margin-left: 1.375em;
  border-left: 2px solid #383838; }

.subtreeDepthZero___1_4O6 {
  padding: 1em 0; }
  .has-sidebar-collapsed .subtreeDepthZero___1_4O6 {
    padding: 0; }
    .has-sidebar-collapsed .subtreeDepthZero___1_4O6 > .subtreeWrap___1K5ny {
      height: max-content;
      min-height: 100%;
      margin-bottom: -48px;
      border-left: 2px solid #383838; }
      .has-sidebar-collapsed .subtreeDepthZero___1_4O6 > .subtreeWrap___1K5ny > .subtreeInner___1_8Mi {
        margin-left: 0;
        border-left: none; }
  @media (max-width: 1600px) {
    .subtreeDepthZero___1_4O6 {
      padding: 0; }
      .subtreeDepthZero___1_4O6 > .subtreeWrap___1K5ny {
        height: max-content;
        min-height: 100%;
        margin-bottom: -48px;
        border-left: 2px solid #383838; }
        .subtreeDepthZero___1_4O6 > .subtreeWrap___1K5ny > .subtreeInner___1_8Mi {
          margin-left: 0;
          border-left: none; } }

.topLevelSubtree___2SjJQ {
  overflow-y: auto; }
  .has-sidebar-collapsed .topLevelSubtree___2SjJQ {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 72px;
    width: 248px;
    height: 100vh; }
  @media (max-width: 1600px) {
    .topLevelSubtree___2SjJQ {
      visibility: hidden;
      position: absolute;
      top: 0;
      left: 72px;
      width: 248px;
      height: 100vh; } }

.has-sidebar-collapsed .sidebar:hover .topLevelSubtree___2SjJQ {
  visibility: visible;
  box-shadow: 16px 0 32px 2px rgba(0, 0, 0, 0.25); }

@media (max-width: 1600px) {
  .sidebar:hover .topLevelSubtree___2SjJQ {
    visibility: visible;
    box-shadow: 16px 0 32px 2px rgba(0, 0, 0, 0.25); } }

.list___3_EoS {
  width: 100%; }

.logo___3eZeB {
  display: block; }
  .has-sidebar-collapsed .logo___3eZeB {
    display: none; }
  @media (max-width: 1600px) {
    .logo___3eZeB {
      display: none; } }

.logoCompactView___3_Req {
  display: none; }
  .has-sidebar-collapsed .logoCompactView___3_Req {
    display: block;
    margin: auto; }
  @media (max-width: 1600px) {
    .logoCompactView___3_Req {
      display: block;
      margin: auto; } }

.header___1cO7h {
  display: flex;
  background: #1A1A1A; }

.headerLogo___34D_w {
  flex: 1;
  padding: 1.25em 1em;
  cursor: pointer; }
  .has-sidebar-collapsed .headerLogo___34D_w {
    display: none; }
  @media (max-width: 1600px) {
    .headerLogo___34D_w {
      display: none; } }
  @media (max-width: 1600px) {
    .headerLogo___34D_w {
      display: block !important; } }

.headerToggleButton___2SsFL {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  display: none; }
  @media (min-width: 1601px) {
    .headerToggleButton___2SsFL {
      display: flex;
      justify-content: center;
      cursor: pointer;
      padding: 1.5em 1em; }
      .headerToggleButton___2SsFL:active, .headerToggleButton___2SsFL:focus {
        outline: none; }
      .headerToggleButton___2SsFL path {
        opacity: 0.5;
        transition: opacity 0.25s linear; }
      .headerToggleButton___2SsFL:hover path {
        opacity: 1; } }
  .has-sidebar-collapsed .headerToggleButton___2SsFL {
    flex: 1; }
    .has-sidebar-collapsed .headerToggleButton___2SsFL svg {
      transform: rotate(180deg); }
  @media (max-width: 1600px) {
    .headerToggleButton___2SsFL {
      flex: 1; }
      .headerToggleButton___2SsFL svg {
        transform: rotate(180deg); } }

.sidebar___Ukyk7 {
  height: 100%;
  position: relative;
  color: #1a1a1a;
  background: #1A1A1A;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  z-index: 11;
  transition: color 0.25s linear; }
  .sidebar___Ukyk7::-webkit-scrollbar-thumb {
    background: none;
    box-shadow: inset 0 0 0 10px; }
  .sidebar___Ukyk7:hover {
    color: rgba(110, 110, 110, 0.9); }
  .has-sidebar-collapsed .sidebar___Ukyk7 {
    overflow: visible;
    margin-bottom: 0 !important; }
  @media (max-width: 1600px) {
    .sidebar___Ukyk7 {
      overflow: visible;
      margin-bottom: 0 !important; } }

.modalContainer___wLYm8 {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }

.modalBackdrop___EQXv7 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75); }

.modalContent___1Vd1b {
  position: absolute;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto; }

.Button___1o0H_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background 0.25s;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #8bc24a;
  color: #000000;
  background: #8bc24a;
  font-family: Roboto, Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height, or 100% */
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.875em 2em;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  .Button___1o0H_:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), #8bc24a;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }
    .Button___1o0H_:hover:disabled {
      color: rgba(255, 255, 255, 0.25) !important;
      background: #242424;
      border: 2px solid #555;
      box-shadow: none;
      cursor: auto; }
  .Button___1o0H_:focus {
    outline: none; }
  .Button___1o0H_:disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    background: #242424;
    border: 2px solid #555;
    box-shadow: none;
    cursor: auto; }

.Button--small___qhexD {
  padding: 0.4375em 1.25em;
  font-size: 12px;
  line-height: 12px; }

.Button--lite___3xefO {
  padding: 0.5em 0;
  font-weight: normal;
  text-transform: none; }

.Button--fat___3hjGH {
  padding: 1.5em;
  font-size: 16px;
  line-height: 16px; }

.Button--fullWidth___1uxN3 {
  width: 100%;
  letter-spacing: 1px;
  height: 32px;
  padding: 0; }

.Button--secondary___TOopp {
  border: none;
  outline: none;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  transition: c;
  -webkit-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--secondary___TOopp:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none;
    outline: none; }

.Button--primary___2PSTH {
  color: black !important;
  background: #26bbff;
  border-color: #26bbff;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--primary___2PSTH:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: #6ccbff;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--territory___189qJ {
  color: black !important;
  background: #fe9b07;
  border-color: #fe9b07;
  transition: background 0.25s, box-shadow 0.25s; }
  .Button--territory___189qJ:hover {
    transition: background 0.25s, box-shadow 0.25s;
    background: #fcfcfc; }

.Button--purchased___2SLrN {
  border: 2px solid rgba(255, 255, 255, 0.25);
  height: 32px;
  padding: 0;
  color: rgba(255, 255, 255, 0.25);
  background: transparent; }
  .Button--purchased___2SLrN:hover {
    transition: background 0.25s, box-shadow 0.25s;
    color: black;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    border: none; }

.Button--slim___10aEI {
  height: 32px;
  width: 180px;
  padding: 0;
  letter-spacing: 1px; }

.Button--smallSize___22jyv {
  height: 24px;
  width: 136px;
  padding: 0;
  letter-spacing: 1px; }

.container___5eUod {
  display: flex;
  justify-content: center;
  flex-direction: column; }

.iconContainer___mw1Ff {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.icon___fH2e1 {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.icon___fH2e1:last-child {
  margin-left: 24px; }

.icon___fH2e1:first-child {
  margin-left: 0; }

.megascans___1WNu9 {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.unreal___3dMR3 {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.heading___323b0 {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 8px; }

.para___1PQl6 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.actionButton___3Bf0d {
  margin-top: 48px; }

.footer___S2elr {
  padding: 32px; }

.container___12EY7 {
  display: flex;
  flex-direction: column; }

.iconContainer___1HRa8 {
  display: flex;
  flex-direction: row; }

.icon___9UCgl {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 24px;
  margin-bottom: 24px; }

.mixer___3VJYt {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/mixer_icon_2048_preview.png); }

.bridge___3DmQk {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/bridge_icon_2048.png); }

.megascans___1n2T9 {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.unreal___1C9Fi {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.heading___yBuLZ {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 8px; }

.para___1-IQH {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.actionButton___1qVs9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.footer___1TIrG {
  padding: 16px; }

.button___2ccg7 {
  width: 136px; }

.container___2P0gb {
  display: flex;
  flex-direction: column; }

.iconContainer___A8Fzh {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.icon___vpnAD {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-top: 24px; }

.mixer___1rr8r {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/mixer_icon_2048_preview.png); }

.bridge___11ic8 {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/bridge_icon_2048.png); }

.megascans___mvoj4 {
  margin-top: 0px;
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.unreal___h9WJe {
  background-image: url(https://d3uwib8iif8w1p.cloudfront.net/quixel/icons/megascans_icon_2048_preview.png); }

.heading___3vp80 {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 8px; }

.para___Tvgjm {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.actionButton___6Job2 {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%; }

.footer___rSkQB {
  padding: 16px; }

.button___3LuNh {
  width: 136px; }

:root {
  --hud-margin: 12px;
  --image-margin: 120px; }
  @media (min-width: 801px) {
    :root {
      --hud-margin: 24px;
      --image-margin: 144px; } }
  @media (min-width: 1601px) {
    :root {
      --hud-margin: 72px;
      --image-margin: 240px; } }

.button___tFIf-, .leftArrowButton___1LJyQ, .rightArrowButton___2pTnq, .closeButton___qw3IV {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  position: absolute;
  cursor: pointer; }
  .button___tFIf-:focus, .leftArrowButton___1LJyQ:focus, .rightArrowButton___2pTnq:focus, .closeButton___qw3IV:focus {
    outline: none; }
  .button___tFIf- path, .leftArrowButton___1LJyQ path, .rightArrowButton___2pTnq path, .closeButton___qw3IV path {
    transition: stroke-opacity 0.15s; }
  .button___tFIf-:hover path, .leftArrowButton___1LJyQ:hover path, .rightArrowButton___2pTnq:hover path, .closeButton___qw3IV:hover path {
    stroke-opacity: 1; }

.leftArrowButton___1LJyQ {
  top: 50%;
  left: var(--hud-margin);
  transform: translateY(-50%); }

.rightArrowButton___2pTnq {
  top: 50%;
  right: var(--hud-margin);
  transform: translateY(-50%); }

.closeButton___qw3IV {
  top: var(--hud-margin);
  right: var(--hud-margin); }

.lightboxImage___Zlu08 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  image-rendering: -webkit-optimize-contrast;
  opacity: 0;
  height: 0; }

.lightboxImageLandscape___30ntS {
  opacity: 1;
  transition: opacity 0.15s;
  width: calc(100vw - var(--image-margin));
  height: auto; }

.lightboxImagePortrait___3dGrE {
  opacity: 1;
  transition: opacity 0.15s;
  width: auto;
  height: calc(100vh - var(--image-margin)); }

.preloaderWrap___1l6Kh {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.counter___2S7Rq {
  position: absolute;
  bottom: var(--hud-margin);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center; }

.icon___htAgq {
  margin-top: 10px;
  margin-left: 5px; }

.mainDialog___2LDSv {
  position: relative;
  height: 270px;
  width: 480px;
  background: #242424;
  padding: 0;
  border-radius: 5px;
  overflow: none;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.24); }

.header___1PjOc {
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0 0;
  height: 48px;
  padding: 16px 16px;
  background: #2F2F2F; }

.heading___axjYm {
  padding: 0;
  margin: 0;
  font-size: 18;
  font-family: Roboto Condensed;
  font-weight: bold;
  line-height: 20px;
  color: white;
  text-Transform: uppercase;
  letter-Spacing: 1px; }

.dialogBody___TRjex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 480px;
  height: 208px;
  position: fixed;
  border-radius: 5px;
  background: #242424;
  flex-direction: column; }

.bodyLine___36cyi {
  margin: 48px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: o 0.25px;
  color: rgba(255, 255, 255, 0.5); }

.checkboxLine___33eIy {
  width: 100%;
  align-items: center; }

.separator___3vTAr::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 2px;
  height: 10px;
  bottom: 9px;
  /* left: 50%; */
  display: block; }

.footer___3M3-t a {
  color: #2B98F0;
  text-decoration: none;
  transition: box-shadow 0.2s, color 0.2s ease-in-out;
  font-size: 0.9375em; }

.footer___3M3-t a:hover {
  color: #FFFFFF; }

.pageLayout___3fM5V {
  display: grid;
  width: 100vw;
  height: 100vh;
  --left-sidebar-width: 0;
  --right-sidebar-width: 0;
  grid-template-rows: [start] minmax(72px, auto) [header] minmax(0, 1fr) [end];
  grid-template-columns: [start] var(--left-sidebar-width) [left-sidebar] minmax(0, 1fr) [right-sidebar] var(--right-sidebar-width) [end]; }
  @media (min-width: 801px) {
    .pageLayout___3fM5V {
      --left-sidebar-width: 320px; }
      .has-sidebar-collapsed .pageLayout___3fM5V {
        --left-sidebar-width: 72px; } }
  @media (min-width: 801px) and (max-width: 1600px) {
    .pageLayout___3fM5V {
      --left-sidebar-width: 72px; } }
  .has-side-panel .pageLayout___3fM5V {
    --right-sidebar-width: minmax(0, 480px); }

.leftSidebar___1TsfF {
  display: none;
  grid-column-start: start;
  grid-column-end: left-sidebar;
  grid-row-start: start;
  grid-row-end: end; }
  @media (min-width: 801px) {
    .leftSidebar___1TsfF {
      display: grid; } }

.content___35dny {
  position: relative;
  grid-column-start: left-sidebar;
  grid-column-end: right-sidebar; }
  .has-side-panel .content___35dny:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: 0.65;
    transition: opacity 0.15s; }
  @media (min-width: 1121px) {
    .has-side-panel .content___35dny:after {
      display: none; } }
  @media (min-width: 801px) {
    .content___35dny {
      grid-column-start: 0; } }

.rightSidebar___19qxV {
  grid-column-start: right-sidebar;
  grid-column-end: end;
  grid-row-start: start;
  grid-row-end: end; }
  @media (min-height: 480px) {
    .rightSidebar___19qxV {
      grid-row-start: header;
      grid-row-end: end; } }

.header___3pRcI {
  grid-column-start: left-sidebar;
  grid-column-end: right-sidebar;
  grid-row-start: start;
  grid-row-end: header; }
  @media (min-height: 480px) {
    .header___3pRcI {
      grid-column-start: left-sidebar;
      grid-column-end: end; } }