@layer modules {.StripeCardFields-module__cardElement--IEqfge80 {
  padding: 6px 8px;
  background: var(--controls-bg-color);
  flex: 1;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  align-items: center;
  font-size: 13px;
}

  .StripeCardFields-module__cardElement--IEqfge80:hover {
    background: rgba(255, 255, 255, 0.1);
  }

.StripeCardFields-module__cardElementFocused---FVWW0ya {
  background: rgba(255, 255, 255, 0.1);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.BillingLocationFields-module__countryDropdownTrigger--lSKE22Fe {
  width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.GlobalErrorModal-module__modal--OfRcjgtG {
  /* TODO(ben) Specificity conflict with modalContainer class, !important is just a workaround */
  max-width: min(90vw, 500px) !important;
  height: unset !important;
}

.GlobalErrorModal-module__link---7sN6vCp {
  font-size: 16px;
}

.sentry-error-embed-wrapper {
  z-index: 2000000001 !important;
}

.GlobalErrorModal-module__mutedText--XsJEQ1yj {
  color: #888;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PrivacyPolicyModal-module__modalOverlay--sJcCxzKV {
    z-index: 2000000102 !important;
}

.PrivacyPolicyModal-module__modalBody--R8nwZL1d {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px;
}

.PrivacyPolicyModal-module__modalLayout--N5yUYP0Q {
    display: flex;
    flex-direction: column;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PricingPlan-module__pricingPlan--1wYWMGtL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  background-color: var(--color-neutral-950);
  border-radius: 15px;
  overflow: hidden;
}

  @media (max-width: 1023px) {.PricingPlan-module__pricingPlan--1wYWMGtL {
    padding: 16px
}
  }

  @media (max-width: 767px) {.PricingPlan-module__pricingPlan--1wYWMGtL {
    min-width: unset;

    margin: 10px
}
  }

  @media (max-width: 484px) {.PricingPlan-module__pricingPlan--1wYWMGtL {
    flex-direction: column;
    margin-bottom: 20px;
    text-align: center;

    max-width: 320px;
    min-width: unset
}
  }

  .PricingPlan-module__pricingPlan--1wYWMGtL {

  position: relative;
}

  .PricingPlan-module__pricingPlan--1wYWMGtL * {
    z-index: 1;
  }

  .PricingPlan-module__pricingPlan--1wYWMGtL.PricingPlan-module__large--F3uTjYUS {
    width: 375px;
    height: 568px;
  }

    @media (max-width: 1023px) {

  .PricingPlan-module__pricingPlan--1wYWMGtL.PricingPlan-module__large--F3uTjYUS {
      min-width: 250px;
      width: 100%;
      padding: 20px
  }
    }

.PricingPlan-module__basePrice--TEm4dWK8 {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
  color: var(--color-neutral-300);
}

.PricingPlan-module__gradientText--yGvSbxE0 {
  background: linear-gradient(90deg, #ffcc5a 40.55%, #f39528 59.71%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.PricingPlan-module__bestDealIcon--xnjcelAT {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 84px;
  height: 20px;
  border-radius: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PricingPlan-module__pricingPlanIcon--Qo0qOtkk {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 170px;
  z-index: 0;
  opacity: 0.1;
}
  @media (max-width: 484px) {

.PricingPlan-module__pricingFeatures--PhW7L6v3 {
    margin-left: 0
}
  }

.PricingPlan-module__pricingLink--o4hEZrcn {
  text-align: center;
  width: 100% !important;
  padding: 19px;
  margin-top: 20px;
  font-weight: 700;
}
  .PricingPlan-module__pricingLink--o4hEZrcn.PricingPlan-module__disabled--9jtr4zRu {
    opacity: 0.5;
    pointer-events: none;
  }
  @media (max-width: 1023px) {

.PricingPlan-module__pricingLink--o4hEZrcn {
    max-width: unset;
    text-align: center
}
  }

.PricingPlan-module__callToActionWrapper--wiOxJXiM {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding-left: inherit;
  padding-right: inherit;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PromoCodeModal-module__modalOverlay--zgNAy3Oq {
  z-index: 2000000100 !important;
}

.PromoCodeModal-module__modalLayout--cJpkIeb3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  padding-top: 65px;
  height: 100%;
}

  @media (max-width: 774px) {

.PromoCodeModal-module__modalLayout--cJpkIeb3 {
    flex-direction: column
}
  }

.PromoCodeModal-module__modalTextBody--8FZ-pD-N {
  display: flex;
  flex-direction: column;
  width: 40%;
  max-width: 600px;
  min-width: 180px;
}
  @media (max-width: 774px) {

.PromoCodeModal-module__modalTextBody--8FZ-pD-N {
    width: 60%
}
  }

.PromoCodeModal-module__modalSpacer--zce9sZFU {
  width: 5%;
  height: 5%;
  max-width: 64px;
}

.PromoCodeModal-module__codeField--RO2dIBK8 {
  width: 100%;
}

.PromoCodeModal-module__flexRight--JokGbNfO {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

  @media (max-width: 774px) {

.PromoCodeModal-module__flexRight--JokGbNfO {
    justify-content: center
}
  }

.PromoCodeModal-module__submitButton--R-PFG8Lh {
  margin-top: 20px;
}
  @media (max-width: 774px) {

.PromoCodeModal-module__submitButton--R-PFG8Lh {
    margin-top: 26px
}
  }

.PromoCodeModal-module__createdLayout--ok9oA8wg {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.PromoCodeModal-module__continueButton--si2xVUbm {
  display: block;
  margin-top: 22px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.SubscriptionCostSummary-module__priceRow--Ds5z-pbI {
  font-size: 13px;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.StripeBillingForm-module__cardElement--Pww9zIbs {
  padding: 6px 8px;
  border: 1px solid var(--controls-border-color);
  background: var(--controls-bg-color);
  flex: 1;
  width: 100%;
}

  .StripeBillingForm-module__cardElement--Pww9zIbs:hover {
    border: 1px solid var(--controls-border-color-hover);
  }

.StripeBillingForm-module__cardElementFocused--eVIXnevi {
  border: 1px solid var(--controls-border-color-hover);
}

.StripeBillingForm-module__payButton--ZsIhwUKN {
  min-width: 100px;
  margin-left: 8px;
}

  @media (max-width: 859.98px) {

.StripeBillingForm-module__payButton--ZsIhwUKN {
    width: 100%;
    margin-left: 0px;
    margin-top: 8px
}
  }

.StripeBillingForm-module__error---5zr8xRW {
  color: #ff6d71;
}

.StripeBillingForm-module__modalOverlay--8VcYqzfe {
  z-index: 2000000200 !important;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.UpdateBillingModal-module__modal--8oKfnQuh {
  max-width: 542px;
  width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.SubscriptionExpiredModal-module__expiredSubscriptionModal--Ugo1-XoK {
  max-width: 500px !important;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.TrialExpiredModal-module__modalOverlay--1swUg-9O {
  z-index: 2000000101 !important;
}

.TrialExpiredModal-module__modalBody--B39cOMXQ {
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 16px;
}

.TrialExpiredModal-module__modalLayout--ul8Du797 {
  display: flex;
  flex-direction: column;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PaymentModal-module__modalOverlay---qd5cKbY {
  z-index: 2000000100 !important;
}

.PaymentModal-module__modal--5SQldtdR {
}

.PaymentModal-module__modalBody--4K0tv-1b {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1e1e20 0%, #000 77.79%) !important;
}

.PaymentModal-module__textContent--6LbWunxE {
  font-size: 22px;
  line-height: 1.5;
  max-width: 700px;
  color: white;
  padding: 0 30px;
  margin: 20px auto;
  text-align: center;
}

.PaymentModal-module__container--nCsrf0jZ {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

  @media (max-width: 767.98px) {

.PaymentModal-module__container--nCsrf0jZ {
    flex-direction: column;
    align-items: center
}
  }

.PaymentModal-module__dropdownMenu--hx-YQxGQ {
  z-index: 10000000000;
}

.PaymentModal-module__paymentDetails--Tgc7ooR7 {
  padding-top: 26px;
  padding-bottom: 25px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
  max-width: 440px;
}

  @media (max-width: 767.98px) {

.PaymentModal-module__paymentDetails--Tgc7ooR7 {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px
}
  }

.PaymentModal-module__countryDropdownTrigger--EO8FzwIV {
  width: 100%;
}

.PaymentModal-module__creditButton--9J1ESFrv {
  width: 216px;
}

.PaymentModal-module__paypalButton--F9p91kXg {
  width: 100%;
  max-width: 216px;
  height: 36px;
  overflow: hidden;
}

.PaymentModal-module__spacer---isH-gu- {
  display: flex;
  width: 100%;
  max-height: 35px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}

.PaymentModal-module__footer--cGz8ze18 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-grow: 0;
  margin-top: 32px;
}

  @media (max-width: 767.98px) {

.PaymentModal-module__footer--cGz8ze18 {
    flex-direction: column;
    gap: 12px
}
  }

.PaymentModal-module__footer--cGz8ze18 a {
  min-width: 125px;
  text-align: center;
  font-size: 0.9em;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PaypalUpgradeModal-module__modalOverlay--krFVIIJR {
  z-index: 2000000100 !important;
}

.PaypalUpgradeModal-module__modalBody--lIIs3pdr {
  background-size: 60%;
  background-position-x: -30%;
  background-position-y: 140%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}

.PaypalUpgradeModal-module__textContent--3U-g1-WQ {
  font-size: 22px;
  line-height: 1.5;
  max-width: 700px;
  color: white;
  padding: 0 30px;
  margin: 20px auto;
  text-align: center;
}

.PaypalUpgradeModal-module__container--onbbXn6L {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

  @media (max-width: 767.98px) {

.PaypalUpgradeModal-module__container--onbbXn6L {
    flex-direction: column;
    align-items: center
}
  }

.PaypalUpgradeModal-module__dropdownMenu--0WrWOv7h {
  z-index: 10000000000;
}

.PaypalUpgradeModal-module__paymentDetails--I103A769 {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
  max-width: 440px;
}

  @media (max-width: 767.98px) {

.PaypalUpgradeModal-module__paymentDetails--I103A769 {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px
}
  }

.PaypalUpgradeModal-module__countryDropdownTrigger--NVOGOHlN {
  width: 100%;
}

.PaypalUpgradeModal-module__creditButton--DRnUWfdV {
  width: 216px;
}

.PaypalUpgradeModal-module__paypalButton----D4djVT {
  width: 100%;
  max-width: 216px;
  height: 36px;
  overflow: hidden;
}

.PaypalUpgradeModal-module__spacer--shTDowl6 {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}

.PaypalUpgradeModal-module__footer--wtuMYGT7 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-grow: 0;
  margin-top: 32px;
}

  @media (max-width: 767.98px) {

.PaypalUpgradeModal-module__footer--wtuMYGT7 {
    flex-direction: column;
    gap: 12px
}
  }

.PaypalUpgradeModal-module__footer--wtuMYGT7 a {
  min-width: 125px;
  text-align: center;
  font-size: 0.9em;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PricingPlanPicker-module__periodSwitch--HlgBzeh- {
  border-radius: 5px;
  border: 2px solid #1f1f1f;
  border: 2px solid var(--Grays-Neutral-800, #1f1f1f);
  background: #1f1f1f;
  background: var(--Grays-Neutral-800, #1f1f1f);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 34px;
  margin-top: 18px;
}

.PricingPlanPicker-module__periodSwitchItem--F2oq1rmy {
  cursor: pointer;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 30px;
  color: white;
}

.PricingPlanPicker-module__periodSwitchItemActive--TbcQjDWr {
  border-radius: 3px;
  background: #4d93d6;
  background: var(--Blues-Ocean-Blue, #4d93d6);
}

.PricingPlanPicker-module__pricingPlans--MWizA57d {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 18px;
  gap: 16px;
  min-height: 400px;
}

@media (max-width: 774px) {
  .PricingPlanPicker-module__pricingPlans--MWizA57d {
    flex-direction: column;
    margin: 16px auto;
  }

  .PricingPlanPicker-module__pricingPlans--MWizA57d > * {
    margin: 0;
  }
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}@layer modules {.UpgradeModal-module__modalOverlay--1ElSpz4d {
  z-index: 2000000100 !important;
}

.UpgradeModal-module__modalBody--ttGyQvx4 {
  background-color: #292929;
}
  .UpgradeModal-module__modalBody--ttGyQvx4:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: 0;
  }

.UpgradeModal-module__modalBodyContainer--IStv11A2 {
  width: 100%;

  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
  @media (min-width: 775px) {

.UpgradeModal-module__modalBodyContainer--IStv11A2 {
    align-content: center
}
  }

.UpgradeModal-module__gradientBorder--8CyZAL1o {
  border-radius: 5px;
  padding: 1px !important; /* border thickness */
  background: linear-gradient(90deg, #ffcc5a 40.55%, #f39528 59.71%);
  overflow: hidden;
}

.UpgradeModal-module__gradientText--8ygKpM8A {
  background: linear-gradient(90deg, #ffcc5a 40.55%, #f39528 59.71%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.UpgradeModal-module__textContent--AAKcWpUH {
  font-size: 24px;
  line-height: 1.2;
  max-width: 700px;
  font-weight: 700;
  padding: 0 30px;
  margin: 16px auto;
  text-align: center;
}

.UpgradeModal-module__subtext--MSlusuqi {
  color: var(--color-neutral-300);
  text-align: center;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
}

.UpgradeModal-module__pricingPlans--K4B5mqPM {
  display: flex;

  align-items: center;
  justify-content: center;
  margin-top: 18px;
  gap: 16px;
}
  @media (max-width: 774px) {

.UpgradeModal-module__pricingPlans--K4B5mqPM {
    grid-template-columns: 1fr;
    margin: 16px auto
}
  }
    @media (max-width: 774px) {

  .UpgradeModal-module__pricingPlans--K4B5mqPM > * {
      margin: 0
  }
    }

.UpgradeModal-module__promoCodeButton--q92xsZhZ {
  margin-top: 4px;
  margin-bottom: 8px;
}

.UpgradeModal-module__promoCodeButton--q92xsZhZ:hover {
  cursor: pointer;
}

.UpgradeModal-module__promoCodeCTAContainer--ulgoVnhr {
  width: 100%;
  height: 40px;
  background-color: var(--color-neutral-800);
}

.UpgradeModal-module__promoCodeCTAText--KPltPg0x {
  font-family: Lusitana;
  font-size: 24px;
  line-height: 1.2;
  max-width: 700px;
  padding: 0 30px;
  margin: 20px auto 11px auto;
  text-align: center;
  color: var(--color-site-dark-text);
}

.UpgradeModal-module__couponButton--xPKqwVH4 {
  text-align: center;
  width: 160px;
  height: 44px;
  min-height: 44px;
  padding: 10px 0;
}

  @media (max-width: 1023px) {

.UpgradeModal-module__couponButton--xPKqwVH4 {
    max-width: unset;
    text-align: center
}
  }

.UpgradeModal-module__priceDisclaimer--O8jtlzp9 {
  padding-bottom: 27px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}

@layer modules {
  body.Intercom-module__hideIntercom--GXLsOg18 .intercom-launcher-frame,
  body.Intercom-module__hideIntercom--GXLsOg18 .intercom-launcher {
    display: none !important;
  }
    body.editor-open .intercom-launcher-frame, body.editor-open .intercom-launcher {
      bottom: 32px;
    }

.Intercom-module__modalOverlay--K3uxeb2W {
  z-index: 2000000102 !important;
}

.Intercom-module__modalBody--FGi9vdOV {
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 16px;
}

.Intercom-module__modalLayout--SHymB1-s {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Intercom-module__modalFooterText--u2vREnH1 {
  font-size: 0.75em;
  color: var(--color-golden-yellow);
}

.Intercom-module__mockIntercomButton--6xq8dsrC {
  position: fixed;
  z-index: 200000000;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ffac41;
  cursor: pointer;
  box-shadow:
    0 1px 6px 0 rgb(0 0 0 / 6%),
    0 2px 32px 0 rgb(0 0 0 / 16%);
  animation: Intercom-module__intercom-lightweight-app-launcher--43f-v9nU 250ms ease;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.WebGlUnsupportedModal-module__modalOverlay--cxA0c1Pv {
  z-index: 2000000000 !important;
}

.WebGlUnsupportedModal-module__modalBody--s3qwEXwd {
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
}

.WebGlUnsupportedModal-module__modalLayout--AvcS7rOy {
  display: flex;
  flex-direction: column;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.BetaFeatureRoundBadge-module__badge--a7yNHag5 {
  background: #7e48cc;
  color: white;
  padding: 5px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

  .BetaFeatureRoundBadge-module__badge--a7yNHag5 .icon {
    width: 20px;
    height: 20px;
  }/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.SceneStyleGridThumbnail-module__assetCount---C-XPQsH {
  z-index: 1;
  background: #0000007a;
  border-radius: 4px;
  padding: 4px 10px;
  position: absolute;
  text-shadow:
    0 0 5px black,
    0 0 8px black,
    0 0 1px black;
  color: #eaeaea;
  font-size: 14px;
  bottom: 4px;
  right: 4px;
}

.SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO {
  width: 100%;
  min-width: 200px;
  outline: none;

  overflow: visible;
  position: relative;

  border-style: solid;
  border-width: 1px;
  border-color: transparent;

  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  margin-bottom: 8px;

  background-color: black;
}

  .SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO.SceneStyleGridThumbnail-module__selected--QsM2YDu8 {
    border-color: var(--color-accent);
  }

    .SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO.SceneStyleGridThumbnail-module__selected--QsM2YDu8 .SceneStyleGridThumbnail-module__title--BO6yS3jD {
      color: var(--color-accent);
    }

  .SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO .SceneStyleGridThumbnail-module__title--BO6yS3jD {
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 12px;
  }

  .SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO .SceneStyleGridThumbnail-module__betaBadge--cm9-wfij {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1;
  }

  .SceneStyleGridThumbnail-module__sceneThumbnail--PKIPV9MO .SceneStyleGridThumbnail-module__proFeatureFlag---ehVB5f9 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    margin: 0;
  }

.SceneStyleGridThumbnail-module__backgroundContainer--YmH-fYFy {
  position: relative;
  width: 100%;
  height: 89px;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.7);
}

.SceneStyleGridThumbnail-module__imageContainer--3sCL-f2S {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 89px;

  object-fit: cover;

  transition: background-size 0.5s;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5))}@media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px 10px;left:50%;transform:translateX(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;-o-object-fit:contain;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px hsl(0,0%,10%);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:rgba(0,0,0,0);padding:0}@media(max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}
@layer modules {.CreateNewMapModal-module__modal--B7taj3BW {
  /* TODO(ben) Specificity conflict with modalContainer class, !important is just a workaround */
  max-width: min(90vw, 800px) !important;
  max-height: min(95vh, 680px) !important;
  max-height: min(calc(var(--vh, 1vh)*95), 680px) !important;
}

.CreateNewMapModal-module__modalBody--MuteMkhT {
  height: 100%;
  overflow-x: hidden;
  padding: 0 3px !important;
  display: flex;
}

.CreateNewMapModal-module__stepTitle--gnasdwkV {
  padding-left: 20px;
}

.CreateNewMapModal-module__header--6p6O8zsQ {
  font-size: 16px;
  margin-top: 0;
  display: block;
}

.CreateNewMapModal-module__loadingContainer--dCIRG4Uq {
  padding: 20px;
}

.CreateNewMapModal-module__masterDetailStyleContainer--heP90k7F {
  min-height: 500px;
  width: 100%;
  background: #141414;
  /* flex: 1; */
  display: flex;
}

  @media screen and (max-width: 570px) {

.CreateNewMapModal-module__masterDetailStyleContainer--heP90k7F {
    justify-content: center
}
  }

.CreateNewMapModal-module__masterStyleView--hho8TMT- {
  background: #0003;
  overflow: auto;
  max-width: 330px;
  min-width: 260px;
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

  @media screen and (max-width: 570px) {

.CreateNewMapModal-module__masterStyleView--hho8TMT- {
    max-width: 300px;
    width: 100%;
    background: none
}
  }

.CreateNewMapModal-module__galleryContainer--YXTr7YWq {
  position: relative;
}

.CreateNewMapModal-module__assetsCountContainer--EpF0lS7o {
  position: absolute;
  top: 16px;
  left: -20px;
  display: flex;
  flex-direction: column;
}

  .CreateNewMapModal-module__assetsCountContainer--EpF0lS7o > * {
    margin-bottom: 16px;
  }

.CreateNewMapModal-module__proAssetsCount--12FGO8XD {
  padding: 4px 10px;
  background: #920606;
  min-width: 145px;
  height: 38px;
  font-size: 13px;
  color: white;
  display: inline-flex;
  align-items: center;
}

  .CreateNewMapModal-module__proAssetsCount--12FGO8XD .icon {
    color: var(--color-accent);
    margin-right: 8px;
    height: 30px;
    font-size: 20px;
  }

.CreateNewMapModal-module__freeAssetsCount--5FYq100D {
  padding: 4px 10px;
  height: 38px;
  min-width: 145px;
  background: #333;
  font-size: 13px;
  color: white;
  display: inline-flex;
  align-items: center;
}

  .CreateNewMapModal-module__freeAssetsCount--5FYq100D .icon {
    color: var(--color-accent);
    margin-right: 8px;
    font-size: 24px;
    height: 30px;
  }

.CreateNewMapModal-module__battlemapBetaLabel--YEp-k4sm {
  margin: 8px 0;
  border-radius: 4px;
  background: #7e48cc;
  padding: 4px 8px;
  color: white;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}

  .CreateNewMapModal-module__battlemapBetaLabel--YEp-k4sm .icon {
    width: 24px;
    height: 24px;
  }

.CreateNewMapModal-module__gallery--UoE7DDAJ {
  max-width: 440px;
}

  .CreateNewMapModal-module__gallery--UoE7DDAJ .image-gallery-slide {
    background: transparent;
    min-height: 310px;
  }

.CreateNewMapModal-module__detailDescription--kLyhMaF- {
  font-size: 12px;
  line-height: 20px;
}

.CreateNewMapModal-module__detailStyleView--q5lYPCP0 {
  padding: 20px;
  padding-left: 30px;
  padding-right: 40px;
  flex: 4;
  overflow: hidden;
}

  @media screen and (max-width: 570px) {

.CreateNewMapModal-module__detailStyleView--q5lYPCP0 {
    display: none
}
  }

  .CreateNewMapModal-module__detailStyleView--q5lYPCP0 h2 {
    color: var(--color-accent);
    font-size: 26px;
    font-weight: 600;
  }
  .image-gallery-thumbnail {
    border: 1px solid transparent !important;
  }
  .image-gallery-thumbnail.active {
    border: 1px solid #eee !important;
  }

  .image-gallery-slide {
    transition: transform 450ms ease-out 0s !important;
  }
    .image-gallery-content.fullscreen .image-gallery-thumbnails-wrapper {
      display: none;
    }
    .image-gallery-content.fullscreen .image-gallery-slide {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .image-gallery-content.fullscreen .image-gallery-image {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

      .image-gallery-content.fullscreen .image-gallery-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

.CreateNewMapModal-module__detailGalleryItem--rGbC0zLG {
  outline: none;
}

.CreateNewMapModal-module__error--bg2PC7T6 {
  color: #ff8888;
  font-size: 0.8em;
}

.CreateNewMapModal-module__mutedText---h9DwMDe {
  color: #888;
}

.CreateNewMapModal-module__sizeFieldsContainer--WXDsD1Ev {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.CreateNewMapModal-module__widthHeighContainer--Z69ytmL6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
  @media screen and (max-width: 570px) {

.CreateNewMapModal-module__widthHeighContainer--Z69ytmL6 {
    width: 100%;
    margin-top: 8px
}
  }

.CreateNewMapModal-module__sizeField--hIBvX9fg {
  flex: 1;
  max-width: 120px;
}

  .CreateNewMapModal-module__sizeField--hIBvX9fg label {
    color: #bcbcbc;
  }

.CreateNewMapModal-module__aspectRatioDropdown--zeY-nRjY {
  height: 37.95px;
}

.CreateNewMapModal-module__secondStep--Dof47gyk {
  background: #151515;
  width: 100%;

  display: flex;
  flex-direction: row;
}

.CreateNewMapModal-module__mainContainer--CD4Bful4 {
  flex: 1;
  padding: 16px 20px;
}

.CreateNewMapModal-module__customAspectRatioSettings--X3WCkhUp {
  width: 180px;
  padding: 16px 20px;
  background: #212121;
}

.CreateNewMapModal-module__aspectRatios--NZ8UOsdC {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.CreateNewMapModal-module__aspectRatio--mGbM-Tvr {
  width: 130px;
  height: 130px;
  border-radius: 5px;
  margin-right: 8px;
  margin-bottom: 8px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: #000000;
  color: #e6e6e6;
}
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w {
    color: #e6e6e6;
  }
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr {
  border: 1px solid transparent;

  position: relative;
}

  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i,
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:hover,
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:active {
    border: 1px solid var(--color-accent);
  }

    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:hover .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:hover .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:hover .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:active .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:active .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:active .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w {
      color: var(--color-accent);
    }

    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq, .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:hover .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq, .CreateNewMapModal-module__aspectRatio--mGbM-Tvr.CreateNewMapModal-module__selected--n7yjbz5i:active .CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq {
      opacity: 0.8;
    }

  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:hover,
  .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:active {
    border: 1px solid #c1c1c1;
  }

    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:hover .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:hover .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:active .CreateNewMapModal-module__aspectRatioTitle--5paEpAdI,
    .CreateNewMapModal-module__aspectRatio--mGbM-Tvr:active .CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w {
      color: #e6e6e6;
    }

.CreateNewMapModal-module__aspectRatio--mGbM-Tvr:nth-child(3n) {
  /* margin-right: 0; */
}

.CreateNewMapModal-module__proLabel--abImPkqw {
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  right: 0;
}

.CreateNewMapModal-module__proLabelQuality--cfZmj46Y {
  font-size: 0.7rem;
  margin-left: 8px;
}
  .CreateNewMapModal-module__proLabelQuality--cfZmj46Y .CreateNewMapModal-module__icon--vT0ceE9y {
    font-size: 15px;
    margin-right: 0 !important;
  }

.CreateNewMapModal-module__aspectRatioIconWrapper--dMNioFZv {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CreateNewMapModal-module__aspectRatioIcon--o6mVYK4w {
  color: #e6e6e6;
}

.CreateNewMapModal-module__aspectRatioTitle--5paEpAdI {
  margin: 0;
  margin-bottom: 8px;
  margin-top: 8px;
}

.CreateNewMapModal-module__aspectRatioDescription--CK8QP3gq {
  margin: 0;
  font-size: 12px;
  color: #888;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.WorldEditorPage-module__container--h-tDNaIT {
  width: 100vw;
  height: 100vh;
  /* https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ */
  height: 100vh;
  height: calc(var(--vh, 1vh)*100);
  overflow: hidden;
}

.WorldEditorPage-module__body--2H6w7Lr2 {
  background: var(--color-page-background);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.WhatsNewModal-module__modal--l3ajSVw8 {
  max-width: 1000px;
}

.WhatsNewModal-module__reader--TBBvm0Uf {
  display: flex;
  justify-content: center;
  height: 100%;
}
  .WhatsNewModal-module__contentPreview--KH7cpcYP p {
    margin: 5px 0;
  }

.WhatsNewModal-module__clearNotifications--OoAxI7to {
}

.WhatsNewModal-module__previewList--BMLluKgq {
  max-width: 300px;
  overflow-y: auto;
  border-right: 1px solid #6c6c6c63;
}

.WhatsNewModal-module__previewItem--K0N0x-fd {
  color: #ddd;
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 12px 16px;
  overflow-wrap: break-word;
  font-size: 13px;

  border-right: none;
  position: relative;
}

  .WhatsNewModal-module__previewItem--K0N0x-fd:not(:first-child) {
    border-top: none;
  }

  .WhatsNewModal-module__previewItem--K0N0x-fd:hover,
  .WhatsNewModal-module__previewItem--K0N0x-fd:focus {
    background-color: rgba(255, 255, 255, 0.1);
  }

    .WhatsNewModal-module__previewItem--K0N0x-fd:hover.WhatsNewModal-module__selected--v-Js-Bj-, .WhatsNewModal-module__previewItem--K0N0x-fd:focus.WhatsNewModal-module__selected--v-Js-Bj- {
      background-color: rgba(77, 147, 214, 0.3);
    }

  .WhatsNewModal-module__previewItem--K0N0x-fd.WhatsNewModal-module__selected--v-Js-Bj- {
    background-color: rgba(77, 147, 214, 0.3);
    border: 1px solid #4d93d6;
  }

  .WhatsNewModal-module__previewItem--K0N0x-fd.WhatsNewModal-module__unread--i3TUYcIg {
    background: rgba(0, 255, 178, 0.1);
  }
    .WhatsNewModal-module__previewItem--K0N0x-fd.WhatsNewModal-module__unread--i3TUYcIg:hover {
      background: rgba(0, 255, 178, 0.2);
    }
  .WhatsNewModal-module__singlePane--DyN0EGnG .WhatsNewModal-module__previewList--BMLluKgq {
    width: 100%;
    max-width: inherit;
  }

.WhatsNewModal-module__unreadBadge--zXoCLCys {
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: #3dff00;
  content: ' ';
  width: 9px;
  height: 9px;
  border-radius: 5px;
}

.WhatsNewModal-module__detail--ELHKi1JO {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-wrap: break-word;
  padding: 24px 20px;
}
    .WhatsNewModal-module__detail--ELHKi1JO h2:first-of-type {
      font-size: 24px;
      font-weight: 700;
    }

  .WhatsNewModal-module__detail--ELHKi1JO {

  font-size: 16px;
  line-height: normal;
}

.WhatsNewModal-module__timestamp--BT-XvVsm {
  font-size: 11px;
  color: rgba(221, 221, 221, 0.5);
}

.WhatsNewModal-module__detailTimestamp--N0uMFKvM {
  color: rgba(221, 221, 221, 0.5);
  font-size: 13px;
  margin-bottom: 40px;
  margin-top: 5px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AccountDetailsPage-module__header--vRlIryKr {
  display: flex;
  margin-bottom: 60px;
}

.AccountDetailsPage-module__headerCol2--5FwYjkzB {
  margin-left: 26px;
  margin-top: 6px;
}

  @media (max-width: 767.98px) {

.AccountDetailsPage-module__headerCol2--5FwYjkzB {
    margin-left: 18px
}
  }

.AccountDetailsPage-module__field--5co69jJq {
  margin-top: 25px;
}

  @media (max-width: 767.98px) {

.AccountDetailsPage-module__field--5co69jJq {
    margin-top: 2px
}
  }

.AccountDetailsPage-module__delete--lsF7JqPn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.AccountDetailsPage-module__deleteButton--rA1lg5KF {
}

.AccountDetailsPage-module__saveCheckIcon--38CxcE-B {
  font-size: 20px;
  margin-bottom: -5px;
}

.AccountDetailsPage-module__email--oIYVmqEo {
  position: relative;
  padding: 12px 14px;
  width: 100%;
  color: var(--controls-text);
  display: flex;
  border: 1px solid var(--color-neutral-500);
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  background: var(--color-neutral-800);
}

  @media (max-width: 767.98px) {

.AccountDetailsPage-module__email--oIYVmqEo {
    margin-bottom: 15px
}
  }

  .AccountDetailsPage-module__email--oIYVmqEo:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
    .AccountDetailsPage-module__email--oIYVmqEo:hover .AccountDetailsPage-module__emailEditIcon--aS97fccj {
      opacity: 1;
    }

.AccountDetailsPage-module__emailEditIcon--aS97fccj {
  position: absolute;
  top: 6px;
  opacity: 0;
  transition: all 0.2s;
  right: 8px;
  color: var(--color-accent);
  font-size: 26px;
}

.AccountDetailsPage-module__emailChanged--aO3NaXJ5 {
  font-family: var(--font-family-alt);
  font-size: 18px;
  font-weight: bold;
  padding: 12px 15px;
  border: 1px solid var(--color-accent);
}

.AccountDetailsPage-module__emailChangedIcon--XGyELg12 {
  color: var(--color-accent);
  font-size: 24px;
  margin-bottom: -5px;
}

.AccountDetailsPage-module__deleteAccountModal--waYQx8qd {
  max-width: 400px !important;
  border: 1px solid #ee0000;
}

.AccountDetailsPage-module__deleteAccountModalOverlay--qBLxyhPe {
  z-index: 2000000104 !important;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.App-module__memoryStats--AkZSFGY9 {
  z-index: 2147483647;
}
  .App-module__memoryStats--AkZSFGY9 div {
    z-index: 2147483647;
  }/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.PaymentRequiredModal-module__modal--95YjvoN2 {
  max-width: 500px;
  width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.Footer-module__footer--Uyw-ET3T {
  background-size: 100% 85%;
  background-color: #1a1a1a;
  border-top: 1px solid #2f2f2f;
  text-align: center;
}

.Footer-module__footer--Uyw-ET3T .Footer-module__footerPrimaryLinks--zF-CiJ6x {
  padding: 32px 0 8px;
}

.Footer-module__footer--Uyw-ET3T .Footer-module__footerSecondaryLinks--p6FTCjW4 {
  padding: 8px 0 32px;
  margin-top: 16px;
}

  @media (min-width: 768px) {

.Footer-module__footer--Uyw-ET3T .Footer-module__footerSecondaryLinks--p6FTCjW4 {
    height: auto;
    margin-top: 0px
}
  }

  .Footer-module__footer--Uyw-ET3T .Footer-module__footerSecondaryLinks--p6FTCjW4 a {
    color: var(--color-text-muted);
  }
    .Footer-module__footer--Uyw-ET3T .Footer-module__footerSecondaryLinks--p6FTCjW4 a:hover {
      color: var(--color-text-muted);
    }

.Footer-module__socialIcon--lzBJJrzt {
  display: inline-block;
  font-size: 24px;
  margin-right: 6px;
}

.Footer-module__footer--Uyw-ET3T ul {
  list-style: none;
  font-size: 16px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

  @media (min-width: 768px) {

.Footer-module__footer--Uyw-ET3T ul {
    flex-direction: row;
    justify-content: center
}
  }

.Footer-module__footer--Uyw-ET3T li {
  display: block;
  font-size: 16px;
  padding: 8px 4px;
}

  @media (min-width: 768px) {

.Footer-module__footer--Uyw-ET3T li {
    padding: 0px
}
  }

.Footer-module__footer--Uyw-ET3T li + li {
  border: none;
}

  @media (min-width: 768px) {

.Footer-module__footer--Uyw-ET3T li + li {
    margin-left: 10px;
    padding-left: 10px;
    margin-left: 6px;
    padding-right: 6px
}
  }

.Footer-module__footer--Uyw-ET3T a {
  font-size: 16px;
  display: inline-flex;
}

.Footer-module__footer--Uyw-ET3T a:hover,
.Footer-module__footer--Uyw-ET3T a:focus {
  color: #e7deb2;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AppMainLayout-module__appContainer--JcEeMB7X {
  min-height: 100vh;
  /* https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ */
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh)*100);
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
          user-select: none;
}

.AppMainLayout-module__appMainContainer--wQWcDTIx {
  flex: 1;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.NotificationsModalFooter-module__footer--8aOMELdv {
  background-size: 100% 85%;
  background-color: #1a1a1a;
  text-align: center;
}

.NotificationsModalFooter-module__footer--8aOMELdv .NotificationsModalFooter-module__footerPrimaryLinks--Vsvw9U3V {
  padding: 20px;
}

.NotificationsModalFooter-module__socialIcon--7HobiKCJ {
  display: inline-block;
  font-size: 24px;
  margin-right: 6px;
}

.NotificationsModalFooter-module__footer--8aOMELdv ul {
  list-style: none;
  font-size: 16px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

  @media (min-width: 768px) {

.NotificationsModalFooter-module__footer--8aOMELdv ul {
    flex-direction: row;
    justify-content: center
}
  }

.NotificationsModalFooter-module__footer--8aOMELdv li {
  display: block;
  font-size: 16px;
  padding: 8px 4px;
}

  @media (min-width: 768px) {

.NotificationsModalFooter-module__footer--8aOMELdv li {
    padding: 0px
}
  }

.NotificationsModalFooter-module__footer--8aOMELdv li + li {
  border: none;
}

  @media (min-width: 768px) {

.NotificationsModalFooter-module__footer--8aOMELdv li + li {
    margin-left: 10px;
    padding-left: 10px;
    margin-left: 6px;
    padding-right: 6px
}
  }

.NotificationsModalFooter-module__footer--8aOMELdv a {
  font-size: 16px;
  display: inline-flex;
}

.NotificationsModalFooter-module__footer--8aOMELdv a:hover,
.NotificationsModalFooter-module__footer--8aOMELdv a:focus {
  color: #e7deb2;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.NotificationsModal-module__modal--JlQRPlHY {
  max-width: 1000px !important;
}

.NotificationsModal-module__reader--JlCfPtWl {
  display: flex;
  justify-content: center;
  height: 100%;
}
  .NotificationsModal-module__contentPreview--BNDq9grX p {
    margin: 5px 0;
  }

.NotificationsModal-module__clearNotifications--sxCHMxYR {
}

.NotificationsModal-module__previewList--Y6wKP-yq {
  max-width: 300px;
  overflow-y: auto;
  border-right: 1px solid #6c6c6c63;
}

.NotificationsModal-module__previewItem--Mw4omvBR {
  color: #ddd;
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 12px 16px;
  overflow-wrap: break-word;
  font-size: 13px;

  border-right: none;
  position: relative;
}

  .NotificationsModal-module__previewItem--Mw4omvBR:not(:first-child) {
    border-top: none;
  }

  .NotificationsModal-module__previewItem--Mw4omvBR:hover,
  .NotificationsModal-module__previewItem--Mw4omvBR:focus {
    background-color: rgba(255, 255, 255, 0.1);
  }

    .NotificationsModal-module__previewItem--Mw4omvBR:hover.NotificationsModal-module__selected--rrsf-W2A, .NotificationsModal-module__previewItem--Mw4omvBR:focus.NotificationsModal-module__selected--rrsf-W2A {
      background-color: rgba(77, 147, 214, 0.3);
    }

  .NotificationsModal-module__previewItem--Mw4omvBR.NotificationsModal-module__selected--rrsf-W2A {
    background-color: rgba(77, 147, 214, 0.3);
    border: 1px solid #4d93d6;
  }

  .NotificationsModal-module__previewItem--Mw4omvBR.NotificationsModal-module__unread---AflC1Yz {
    background: rgba(0, 255, 178, 0.1);
  }
    .NotificationsModal-module__previewItem--Mw4omvBR.NotificationsModal-module__unread---AflC1Yz:hover {
      background: rgba(0, 255, 178, 0.2);
    }
  .NotificationsModal-module__singlePane--JKyVIdZO .NotificationsModal-module__previewList--Y6wKP-yq {
    width: 100%;
    max-width: inherit;
  }

.NotificationsModal-module__unreadBadge--Hw4QHJCx {
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: #3dff00;
  content: ' ';
  width: 9px;
  height: 9px;
  border-radius: 5px;
}

.NotificationsModal-module__detail--EDALPm3d {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-wrap: break-word;
  padding: 24px 20px;
}
    .NotificationsModal-module__detail--EDALPm3d h2:first-of-type {
      font-size: 24px;
      font-weight: 700;
    }

  .NotificationsModal-module__detail--EDALPm3d {

  font-size: 16px;
  line-height: normal;
}

.NotificationsModal-module__timestamp--DvfJEqTw {
  font-size: 11px;
  color: rgba(221, 221, 221, 0.5);
}

.NotificationsModal-module__detailTimestamp--R28RZXIq {
  color: rgba(221, 221, 221, 0.5);
  font-size: 13px;
  margin-bottom: 40px;
  margin-top: 5px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.SearchAutocompleteInputV2-module__container--sLGqoySv {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 500px;
  width: 100%;
  height: 32px;
}

.SearchAutocompleteInputV2-module__searchInputWrapper--91HvgD1M {
  flex: 1;
  min-width: 200px;
  height: 32px;
  position: relative;
}

.SearchAutocompleteInputV2-module__inputWrapper--YAJHI-lZ {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 32px;
  background: var(--color-neutral-800);
  border-radius: 6px;
  transition: border-color 0.2s ease;
  overflow: visible;
}

.SearchAutocompleteInputV2-module__searchButton--whonEneo {
  background: var(--color-inkarnate-gold);
  border: none;
  padding: 5px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 6px 0 0 6px;
}

.SearchAutocompleteInputV2-module__searchIcon--xtj27yYj {
  color: #000;
  width: 20px;
  height: 20px;
}

.SearchAutocompleteInputV2-module__input--UW2Lc9Rh {
  flex: 1;
  height: 32px;
  background: transparent;
  border: none;
  color: var(--color-neutral-100);
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  outline: none;
}

.SearchAutocompleteInputV2-module__input--UW2Lc9Rh::placeholder {
  color: var(--color-neutral-400);
}

.SearchAutocompleteInputV2-module__clearIcon--K2yr99mS {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-400);
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
  transition:
    color 0.2s ease,
    right 0.2s ease;
}

.SearchAutocompleteInputV2-module__clearIcon--K2yr99mS.SearchAutocompleteInputV2-module__withSortButton--7uIwOuzp {
  right: 44px;
}

.SearchAutocompleteInputV2-module__clearIcon--K2yr99mS.SearchAutocompleteInputV2-module__withFilterButton--KTAf-9d8 {
  right: 44px;
}

.SearchAutocompleteInputV2-module__clearIcon--K2yr99mS.SearchAutocompleteInputV2-module__withBothButtons--4MeVdcAq {
  right: 76px;
}

.SearchAutocompleteInputV2-module__clearIcon--K2yr99mS:hover {
  color: var(--color-neutral-200);
}

.SearchAutocompleteInputV2-module__suggestionsMenu--YdKuFwGQ {
  z-index: 1000;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  padding: 0;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-600);
  background: var(--color-neutral-800);
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4);
}

.SearchAutocompleteInputV2-module__suggestionItem--XYXoKhZ3 {
  cursor: pointer;
  padding: 8px 12px;
  margin: 0;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}

.SearchAutocompleteInputV2-module__suggestionItem--XYXoKhZ3:hover,
.SearchAutocompleteInputV2-module__suggestionItem--XYXoKhZ3.SearchAutocompleteInputV2-module__highlighted--HXAFtVWC {
  background-color: var(--color-neutral-700);
}

.SearchAutocompleteInputV2-module__suggestionSearchItem--gvZjnYPD {
  border-bottom: 1px solid var(--color-neutral-600);
  font-size: 13px;
  color: var(--color-neutral-200);
}

.SearchAutocompleteInputV2-module__suggestionSearchIcon--ZIIrqOkL {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  opacity: 0.5;
}

.SearchAutocompleteInputV2-module__suggestionFilterItem--OXc9Kocc {
  font-size: 12px;
  color: var(--color-neutral-300);
  background-color: var(--color-neutral-700);
  border: 1px solid var(--color-neutral-600);
  border-radius: 3px;
  padding: 2px 6px;
  height: 18px;
  display: flex;
  align-items: center;
}

.SearchAutocompleteInputV2-module__sortDropdownWrapper--ZEvanQoF {
  min-width: 140px;
  flex-shrink: 0;
}

.SearchAutocompleteInputV2-module__filterWrapper--QTdIu5Bx {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.SearchAutocompleteInputV2-module__filterToggleButton--yw6-tF3O {
  background: var(--color-neutral-700);
  border-left: none;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 0 6px 6px 0;
  position: relative;
}

  .SearchAutocompleteInputV2-module__filterToggleButton--yw6-tF3O:hover,
  .SearchAutocompleteInputV2-module__filterToggleButton--yw6-tF3O.SearchAutocompleteInputV2-module__active--HEB-0s0F {
    color: var(--color-inkarnate-gold);
  }

  .SearchAutocompleteInputV2-module__filterToggleButton--yw6-tF3O:hover {
    background: var(--color-neutral-600);
  }

.SearchAutocompleteInputV2-module__filterToggleIcon--8cHvI8fI {
  width: 16px;
  height: 16px;
}

.SearchAutocompleteInputV2-module__filterBadge--SRTiWEAo {
  position: absolute;
  top: -3px;
  right: -3px;
  background: var(--color-inkarnate-gold);
  color: #000;
  font-size: 10px;
  font-weight: 700;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  box-sizing: border-box;
}

.SearchAutocompleteInputV2-module__sortDropdownButton--xNkcKf0U {
  background: var(--color-neutral-700);
  height: 100%;
  border-left: none;
  border-right: none;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}

  .SearchAutocompleteInputV2-module__sortDropdownButton--xNkcKf0U svg {
    width: 18px;
    height: 18px;
  }

.SearchAutocompleteInputV2-module__sortDropdownButton--xNkcKf0U:hover {
  background: var(--color-neutral-600);
}

.SearchAutocompleteInputV2-module__sortDropdownIcon--fBi-caXH {
  width: 16px;
  height: 16px;
  color: var(--color-neutral-300);
}

.SearchAutocompleteInputV2-module__sortDropdown--9jKgSkqo {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  z-index: 1000;
  min-width: 200px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AppTopLayout-module__body--4mpQeoBS {
  background: var(--color-page-background);
}

.AppTopLayout-module__mainLayout--p8vtejU0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh)*100);
}

.AppTopLayout-module__topLayoutContainer--kb-VYVB- {
  margin: 0 auto;
  flex: 1;
  width: 100%;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
}

.AppTopLayout-module__pageTitle--1QX-CZpj {
  margin-top: 4px;
  margin-bottom: 2px;
}

.AppTopLayout-module__mainContainer--iUuaEOmZ {
  display: flex;
  flex-direction: column;
  flex: 1;

  padding-bottom: 50px;
}

.AppTopLayout-module__mainContainerBlockPointerEvents--gFTvxzoR {
  pointer-events: none;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.SideNavLayout-module__container--g6q6MVvP {
  -webkit-user-select: text;
          user-select: text;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}
  .SideNavLayout-module__container--g6q6MVvP * {
  }

.SideNavLayout-module__content--a-KqhVId {
  display: flex;
  flex: 1;
  height: 100%;
  padding: 40px 28px 55px 20px;
  flex-grow: 1;
}

.SideNavLayout-module__pageTitle--DjdyPMLA {
  margin-top: 4px;
  margin-bottom: 2px;
  font-size: var(--font-size-xl);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.TagsManager-module__modal--2Dr7cf6n {
  max-width: 500px;
  width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.AdminTable-module__adminTable--W8B1osgw {
  width: 100%;
}

  .AdminTable-module__adminTable--W8B1osgw td,
  .AdminTable-module__adminTable--W8B1osgw th {
    padding: 8px 16px;
  }
    .AdminTable-module__adminTable--W8B1osgw.AdminTable-module__compact--hJHoMbDb td,
    .AdminTable-module__adminTable--W8B1osgw.AdminTable-module__compact--hJHoMbDb th {
      font-size: 0.8em;
      padding: 4px 8px;
    }

  .AdminTable-module__adminTable--W8B1osgw th {
    text-align: left;
  }
    .AdminTable-module__adminTable--W8B1osgw tr td,
    .AdminTable-module__adminTable--W8B1osgw tr th {
      border-bottom: 1px solid gray;
    }/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.PaginationControls-module__pagination--qd8D4i0z {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.PaginationControls-module__paginationInfo--EJmYLUhT {
  padding: 8px 32px;
  color: var(--color-text-muted);
}

.PaginationControls-module__paginationLink--wBcvSewX {
  flex: 1;
  padding: 8px 16px;
  max-width: 100px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AdminNotificationsPage-module__modal--LtpqrOR2 {
  max-width: 800px;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.InfoTable-module__infoTable--24JFgePD {
  font-size: 13px;

  color: #ddd;
  background-color: #222;

  border-collapse: collapse;
}
  .InfoTable-module__infoTable--24JFgePD,
  .InfoTable-module__infoTable--24JFgePD td,
  .InfoTable-module__infoTable--24JFgePD th {
    border: 1px solid #bbb;
  }

  .InfoTable-module__infoTable--24JFgePD td,
  .InfoTable-module__infoTable--24JFgePD th {
    padding: 5px 10px;
  }

  .InfoTable-module__infoTable--24JFgePD th {
    text-align: left;
  }/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.EditSceneAtQualityModal-module__editSceneQualityModal--MNeAjfWA {
  min-height: 300px;
  flex: 1;
}

.EditSceneAtQualityModal-module__editorHeader--05EmFajb {
  display: flex;
}

.EditSceneAtQualityModal-module__mutedText--6s4zgu77 {
  color: #888;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.SceneGrid-module__gridContainer--xcIw-Bh1 {
  display: flex;
  justify-content: center;
}
  .SceneGrid-module__gridContainer--xcIw-Bh1 > div:first-child {
    width: 100%;
  }

.SceneGrid-module__grid--qYTbZXGw {
  width: var(--thumbnail-grid-width);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: visible !important;

  justify-content: flex-start;
}

  @media (max-width: 859.98px) {

.SceneGrid-module__grid--qYTbZXGw {
    margin: 0 16px 16px 16px
}
  }

.SceneGrid-module__moreActionsBtnContainer--u-a8EKrU {
  width: 30px;
  overflow: visible !important;
}

.SceneGrid-module__moreActionsBtn--o58AXz1x {
  padding-top: 8px;
}
    .SceneGrid-module__moreActionsBtn--o58AXz1x:hover .SceneGrid-module__moreActionsBtnIcon--mHji-lGx {
      opacity: 1;
      color: var(--color-accent);
    }

  .SceneGrid-module__moreActionsBtn--o58AXz1x .SceneGrid-module__moreActionsBtnIcon--mHji-lGx {
    font-size: 22px;
    color: white;
  }

.SceneGrid-module__sceneThumbnail--Mi--33Vu {
  width: 300px;
  height: 252px;
  margin: 10px 10px 15px 10px;
  outline: none;

  overflow: visible;

  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  position: relative;
  transition: transform 0.2s;
}

  @media screen and (max-width: 660px) {

.SceneGrid-module__sceneThumbnail--Mi--33Vu {
    width: 100%;
    padding-bottom: 80%
}
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu.SceneGrid-module__inSelectionMode--3bV1-Qel {
    cursor: pointer;
  }
    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__selectCheckboxContainer--l0vwN6-n.SceneGrid-module__isSelected--HUVQ-iZj {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 12px;
      margin-left: 12px;
      z-index: 21;
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__selectCheckbox--EqviLOnc {
    width: 22px;
    height: 22px;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__selectCheckboxUnselected--1Xg82cz5 {
    background: rgba(0, 0, 0, 0.6);
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__selectCheckboxUnselected--1Xg82cz5:hover {
      background: rgba(0, 0, 0, 0.8) !important;
    }
      .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openDetailsBtn--KR3bt4e5:hover .SceneGrid-module__openDetailsBtnIcon--VBtPp0yn,
      .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openDetailsBtn--KR3bt4e5:hover .SceneGrid-module__openDetailsBtnIcon--VBtPp0yn path {
        fill: var(--color-accent);
        color: var(--color-accent);
      }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openDetailsBtn--KR3bt4e5 .SceneGrid-module__openDetailsBtnIcon--VBtPp0yn,
    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openDetailsBtn--KR3bt4e5 .SceneGrid-module__openDetailsBtnIcon--VBtPp0yn path {
      font-size: 26px;
      color: white;
      fill: white;
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openSharingBtn--PFncEa2U {
    left: 0;
    bottom: 0;
    padding: 8px;
    opacity: 0;
  }
      .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openSharingBtn--PFncEa2U:hover .SceneGrid-module__openSharingBtnIcon---TZNaCbH {
        opacity: 1;
      }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openSharingBtn--PFncEa2U .SceneGrid-module__openSharingBtnIcon---TZNaCbH {
      font-size: 30px;
      color: white;
      opacity: 0.75;
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__timestamps--v59JObfR {
    font-size: 0.8rem;
    color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__timestampLabel--H8g3flKo {
    font-weight: 600;
    text-align: end;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__infoBar--2M2hX3FS {
    font-size: 16px;
    font-weight: 400;

    padding-top: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 7px;
    padding-bottom: 4px;

    color: #dddddd;

    opacity: 1;
    transition: 0.3s opacity color;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__title--LJwOwAjz {
    color: var(--color-text-bright);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__title--LJwOwAjz:hover {
      color: var(--color-accent);
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfo--XMNhmQni {
    display: flex;
    align-items: center;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfoItem--Fb3Obs75 {
    display: flex;
    align-items: center;
    margin-right: 12px;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfoLikes--rDg2dNi6 {
    color: inherit;
    font-weight: inherit;
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfoLikes--rDg2dNi6.SceneGrid-module__notClickable--jQZxZRi- {
      cursor: default;
    }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfoLikes--rDg2dNi6:hover {
      color: var(--color-accent);
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__rightInfolikeHeart--FtxtEZ6I {
    font-size: 13px;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__liked--v25yghpW {
    color: #ff3450 !important;
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__sharing--Nn6D3vDg {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__sharing--Nn6D3vDg:hover {
      color: var(--color-accent);
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__sharingIcon--s-tj9aPR {
    font-size: 16px;
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__sharingIcon--s-tj9aPR:hover {
      opacity: 1;
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__proBadge--YKaulgcD {
  }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openInEditorLabel--qbx8nWbG {
    text-align: center;
    font-size: 28px;
    font-weight: bold;

    text-shadow:
      0 0 5px black,
      0 0 8px black,
      0 0 1px black;
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__openInEditorLabel--qbx8nWbG:hover {
      color: var(--color-accent);
    }

  .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__editWithProBtn--H7xrDUCo {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 166px;
    height: 38px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 8px;
    color: #ddd;
    background-color: var(--color-greenPro);
  }

    .SceneGrid-module__sceneThumbnail--Mi--33Vu .SceneGrid-module__editWithProBtn--H7xrDUCo .SceneGrid-module__editWithProText--NOtvMuC3 {
      font-size: 16px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000;
      text-shadow: none;
    }

.SceneGrid-module__overlayControls--eYy6FphI {
  opacity: 0;
  transition: 0.3s opacity;
  cursor: pointer;
}
    .SceneGrid-module__overlayLikeBtn--xi3cevO3:hover .SceneGrid-module__overlayLikeBtnIcon--wYSl7ENS {
      color: var(--color-accent);
    }

  .SceneGrid-module__overlayLikeBtn--xi3cevO3 .SceneGrid-module__overlayLikeBtnIcon--wYSl7ENS {
    font-size: 26px;
    color: white;
  }

.SceneGrid-module__sceneThumbnailContent--I27qTed6 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.SceneGrid-module__gradientBackground--o74sezWk {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-color: #00000033;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0) 52%,
    rgba(0, 0, 0, 0.5) 100%
  );
  transition: opacity 0.2s;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
}

  .SceneGrid-module__gradientBackground--o74sezWk:hover,
  .SceneGrid-module__gradientBackground--o74sezWk.SceneGrid-module__isTouched--1ppX7Bo1 {
    opacity: 1;
  }

    .SceneGrid-module__gradientBackground--o74sezWk:hover .SceneGrid-module__overlayControls--eYy6FphI, .SceneGrid-module__gradientBackground--o74sezWk.SceneGrid-module__isTouched--1ppX7Bo1 .SceneGrid-module__overlayControls--eYy6FphI {
      opacity: 1;
    }

.SceneGrid-module__imageContainer--Ku63stiS {
  position: relative;
  transition: all 0.1s;
  height: calc(100% - 32px);
  width: 100%;
}

.SceneGrid-module__image--vMHcubvE {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 3px;
  pointer-events: none;
}

.SceneGrid-module__autosaveImage--x98UUE7W {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}

.SceneGrid-module__opacityOne--J6oB-Mx- {
  opacity: 1;
}

.SceneGrid-module__imageSelected--vALx8DL- {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  background-color: rgba(255, 204, 90, 0.2);
  transition: opacity 0.2s;
  border: 3px solid var(--color-accent);
  border-radius: 4px;
  pointer-events: none;
}

  .SceneGrid-module__imageSelected--vALx8DL-.SceneGrid-module__isSelected--HUVQ-iZj {
    opacity: 1;
  }

.SceneGrid-module__loadingMore--Okh35lZE {
  text-align: center;
  font-size: 24px;
  width: 100%;
}

.SceneGrid-module__infoBarLeft---2hrHnJx {
  display: flex;
  align-items: center;
  width: 0;
  flex-grow: 1;
  margin-right: 4px;
  padding: 4px;
}

.SceneGrid-module__infoBarAvatarAndName--LxI5VcvK {
  display: flex;
  overflow: hidden;
  color: var(--color-text-bright);
}

  .SceneGrid-module__infoBarAvatarAndName--LxI5VcvK.SceneGrid-module__highlight--uFg7SQBR {
    color: var(--color-accent);
  }

.SceneGrid-module__infoBarAvatar--YFOwJ9qa {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.SceneGrid-module__infoBarAvatarPlaceholder--wZ34NWAa {
  flex-shrink: 0;
}

.SceneGrid-module__infoBarName--JL0fa0yv {
  overflow: hidden;
  text-overflow: ellipsis;
}

.SceneGrid-module__infoBarFollow--5V2OcWqo {
  color: var(--color-text-bright);
}

.SceneGrid-module__sceneEditContainer--k7-FKeX4 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.SceneGrid-module__topContainer--ogUcS-bV {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  padding-left: 8px;
  padding-right: 6px;
  min-height: 42px;
}

.SceneGrid-module__centerContainer--1Dnia95- {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.SceneGrid-module__bottomContainer--GhH3H4MX {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 2px;
  align-items: flex-end;

  justify-content: space-between;
}

.SceneGrid-module__dividerLine--vG8oQEsL {
  width: 100%;
  height: 1px;
  background-color: #ffffff55;
  margin-top: 14px;
  margin-bottom: 8px;
}

.SceneGrid-module__secondaryText--mkobIDhC {
  font-size: 0.7em;
  font-weight: bold;
  text-shadow:
    0 0 4px black,
    0 0 5px black,
    0 0 1px black;
  margin-bottom: 2px;
}

.SceneGrid-module__secondaryChangesText--UlRkY6iX {
  font-size: 0.7em;
  font-weight: bold;
  color: #86c4ff;
  text-shadow:
    0 0 4px black,
    0 0 5px black,
    0 0 1px black;
  margin-bottom: 2px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PublishingTermsModal-module__modal--f1AwJ8Qg {
  max-width: 600px;
  width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.MapNavigation-module__bottomNav--plbIushu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #161616;
  padding: 24px 32px;
  border-top: 1px solid #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

.MapNavigation-module__prevNextButtons--7XkgRTMT {
  display: flex;
  gap: 16px;
}

@media (max-width: 768px) {
  .MapNavigation-module__bottomNav--plbIushu {
    padding: 16px 20px;
  }
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}@layer modules {.ViewMap-module__mainContainer--JrQCR3wE {
  position: relative;
  padding: 0 !important;
  height: 100%;
  background-color: var(--color-page-background);
}

.ViewMap-module__contentContainer--QSG986vw {
  position: relative;
  display: flex;
  padding: 0 18px 0 25px;
}

  @media (max-width: 767.98px) {

.ViewMap-module__contentContainer--QSG986vw {
    flex-direction: column;
    padding: 20px
}
  }

  .ViewMap-module__contentContainer--QSG986vw.ViewMap-module__hasBottomNav--c9LIpBHr {
    height: calc(100vh - 152px);
  }

.ViewMap-module__unzoomedPreviewImage--sjOsPn6Z {
  cursor: zoom-in;
}

.ViewMap-module__previewImageContainer--YwBf36cZ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

  @media (max-width: 767.98px) {

.ViewMap-module__previewImageContainer--YwBf36cZ {
    max-width: 100%
}
  }

.ViewMap-module__previewImage--ClUbEZMY {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  cursor: zoom-in;
}

.ViewMap-module__previewImageZoomed--qq6tNDPP {
  width: 100%;
  height: 100%;
}

.ViewMap-module__socialCountList--UjMalOv2 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -6px;
}

.ViewMap-module__socialCountItem--7PSAk-dv {
  display: flex;
  padding: 8px 6px;
  align-items: center;
  color: inherit;
  cursor: default;
  font-size: 22px;
  margin-right: 10px;
}

.ViewMap-module__formPanel--v9G1RHZI {
  width: 40%;
  padding-left: 32px;
  padding-top: 30px;
  font-size: 14px;
}
  @media (min-width: 890px) {

.ViewMap-module__formPanel--v9G1RHZI {
    max-width: 500px;
    overflow: auto
}
  }

  @media (max-width: 767.98px) {

.ViewMap-module__formPanel--v9G1RHZI {
    width: 100%;
    padding-left: 0;
    padding-top: 20px
}
  }

  .ViewMap-module__formPanel--v9G1RHZI.ViewMap-module__hide--D595QqYi {
    display: none;
  }

.ViewMap-module__publicCloneContent--KVHSB5tM {
  position: relative;
  left: -5px;
}

.ViewMap-module__likes--PW0YihUB {
  color: inherit;
  font-weight: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
}

  .ViewMap-module__likes--PW0YihUB:hover {
    color: var(--color-accent);
  }

  .ViewMap-module__likes--PW0YihUB.ViewMap-module__notClickable--0G-2SaoJ {
    cursor: default;
  }

.ViewMap-module__likeButton--kHwal5DM {
  display: flex;
  color: inherit;
}

.ViewMap-module__likeHeart--SRY7JiVV {
  font-size: 26px;
}

  .ViewMap-module__likeHeart--SRY7JiVV.ViewMap-module__liked--jdghFjw8 {
    color: #ff3450;
  }

.ViewMap-module__sectionHeading--aJX75Tem {
  color: var(--color-text-muted);
  font-weight: 600;
}

.ViewMap-module__followIcon--znBUsx76 {
  color: var(--color-text-bright);
  margin-bottom: -2px;
  font-size: 24px;
}

.ViewMap-module__publishedLink--gV4hRbUz {
  display: flex;
}

.ViewMap-module__shareButtons--BXHJ6I0H {
  display: flex;
}

.ViewMap-module__actions--E0-1vjtj {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

  .ViewMap-module__actions--E0-1vjtj > * {
    margin-right: 10px;
    margin-bottom: 16px;
  }

.ViewMap-module__actionsHelpIcon--1-Rtu01A {
  padding: 5px;
  cursor: pointer;
  font-size: 16px;
}

.ViewMap-module__publishedLinkInput--yn25W6bv {
  display: block;
  max-width: 470px;
  width: 100%;
  font-size: 14px;
  padding: 14px;
  border: none;
  background-color: var(--color-controls-background);
  color: var(--color-text-primary);
}

.ViewMap-module__socialButton--7WHlFmBg {
  font-size: 20px !important;
  padding: 9px 10px !important;
}

.ViewMap-module__bottomNav---zZleLAW {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 15px;
  background-color: var(--color-controls-background);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
.iv {
  /***** snap view css *****/
  /*** zoom actions ***/
  /**** snap view css end *****/
}
.iv-container {
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.iv-fullscreen {
  position: fixed;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}
.iv-fullscreen-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.iv-fullscreen-close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-shadow: 0 0 3px #6d6d6d;
  transition: all ease 200ms;
}
.iv-fullscreen-close:after, .iv-fullscreen-close:before {
  content: "";
  height: 4px;
  width: 24px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.iv-fullscreen-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.iv-fullscreen-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.iv-fullscreen-close:hover {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.iv-snap-view {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 20px;
  border: 1px solid #aaa;
  background: black;
  z-index: 100;
  box-sizing: content-box;
  transition: opacity ease 400ms;
  opacity: 0;
  left: 20px;
}
.iv-snap-image-wrap {
  display: inline-block;
  position: absolute;
  max-width: 150px;
  max-height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.iv-snap-image {
  position: relative;
  touch-action: none;
}
.iv-snap-handle {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid #aaa;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  cursor: grab;
}
.iv-snap-handle:active {
  cursor: grabbing;
}
.iv-zoom-actions {
  width: 100%;
  box-sizing: content-box;
  position: absolute;
  top: 150px;
  left: -1px;
  height: 20px;
  border: 1px solid #aaa;
  border-top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.iv-zoom-actions--has-buttons .iv-zoom-slider {
  left: 24px;
  right: 24px;
}
.iv-zoom-handle {
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  cursor: pointer;
  cursor: grab;
}
.iv-zoom-handle:active {
  cursor: grabbing;
}
.iv-zoom-slider {
  box-sizing: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.iv-button-zoom, .iv-button-zoom--in, .iv-button-zoom--out {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iv-button-zoom:before, .iv-button-zoom--in:before, .iv-button-zoom--out:before, .iv-button-zoom:after, .iv-button-zoom--in:after, .iv-button-zoom--out:after {
  content: "";
  height: 2px;
  width: 10px;
  background: #fff;
  position: absolute;
}
.iv-button-zoom--in {
  right: 0;
}
.iv-button-zoom--in:after {
  transform: rotate(90deg);
}
.iv-button-zoom--out {
  left: 0;
}
.iv-image-mode {
  display: inline-block;
}
.iv-image-view {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.iv-image-wrap {
  display: inline-block;
}
.iv-image-wrap:active {
  cursor: move;
}
.iv-image {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  touch-action: none;
  transform: translate3d(0, 0, 0);
}
.iv-loader {
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  z-index: 100;
  margin-top: -16px;
  margin-left: -16px;
  font-size: 5px;
  position: absolute;
  text-indent: -9999em;
  border: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #fff;
  transform: translateZ(0);
  animation: loading-icon 1.1s infinite linear;
}
.iv-loader:after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}
@keyframes loading-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .iv-snap-view {
    z-index: -1;
    visibility: hidden;
  }
}.iv-image-view {
  cursor: grab;
}

.iv-snap-image {
  max-width: initial !important;
}

.iv-fullscreen {
  z-index: 2147483647 !important;
}

.iv-fullscreen-close {
  filter: drop-shadow(0px 2px 5px #000);
}

.iv-fullscreen-close:before,
  .iv-fullscreen-close:after {
    height: 2px;
  }

.iv-fullscreen-close:hover {
  transform: none;
}
@layer modules {.ProgressiveImage-module__progressiveImageContainer--Fj07P9-f {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.MapNavigationV2-module__navigationContainer--OJLXJ4Gu {
  position: relative;
  width: 100%;
  height: 100%;
}

.MapNavigationV2-module__backButton--RyiqxNKq {
  position: absolute;
  top: 16px;
  left: 8px;
}

.MapNavigationV2-module__contentWithPadding---S6LKxhG {
}

.MapNavigationV2-module__sideNavigation--K-5cooHn {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.MapNavigationV2-module__navButton--Mt5Zm306 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 300;
  border: none;
  background: none;
  color: var(--color-gray-300);
  padding: 0;
}
  .MapNavigationV2-module__navButton--Mt5Zm306:hover {
    color: var(--color-gray-100);
  }

  .MapNavigationV2-module__navButton--Mt5Zm306:disabled {
    color: var(--color-gray-300);
    opacity: 0.5;
  }

.MapNavigationV2-module__prevButton--z5V0xUHd {
  position: fixed;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.MapNavigationV2-module__nextButton--LBPu0-G9 {
  position: fixed;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .MapNavigationV2-module__backButton--RyiqxNKq {
    top: 42px;
    left: 8px;
  }

  .MapNavigationV2-module__contentWithPadding---S6LKxhG {
    padding-left: 16px;
    padding-right: 16px;
  }

  .MapNavigationV2-module__navButton--Mt5Zm306 {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {/* Main Layout */
.ViewMapV2-module__mainContainer--w2US3Hwk {
  background: var(--color-gray-black);
}
.ViewMapV2-module__container--ODQTo5As {
  display: flex;
  flex-direction: column;
  max-width: 1424px;
  margin: 0 auto;
  padding: 20px 48px;
  padding-top: 8px;
  flex: 1;
  min-height: 0;
}
.ViewMapV2-module__header--mrRAkz-9 {
  display: flex;
  justify-content: flex-end;
}
.ViewMapV2-module__headerActions--t-vG9dh6 {
  display: flex;
  gap: 12px;
}
.ViewMapV2-module__iconButton--VSkItrLa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-inkarnate-gold);
  cursor: pointer;
  transition: all 0.2s ease;
}
.ViewMapV2-module__iconButton--VSkItrLa:hover {
  border-color: var(--color-inkarnate-gold);
}
.ViewMapV2-module__iconButton--VSkItrLa.ViewMapV2-module__disabled--aCxFYQg0 {
  opacity: 0.5;
  cursor: not-allowed;
}
.ViewMapV2-module__content--7jJ-Kise {
  display: flex;
  flex: 1;
  gap: 16px;
  min-height: 0;
}
/* Preview Section */
.ViewMapV2-module__previewSection--KbW-9cG1 {
  max-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
.ViewMapV2-module__previewImageContainer--1TQQElfE {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  overflow: hidden;
}
.ViewMapV2-module__previewImage--idru0-e2 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: pointer;
  transition: transform 0.2s ease;
  border-radius: 5px;
}
/* Sidebar */
.ViewMapV2-module__sidebar--ls78O6xB {
  -webkit-user-select: text;
          user-select: text;
  width: 414px;
  min-width: 414px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--color-gray-900);
  padding-top: 16px;
  border-radius: 5px;
  align-self: flex-start;
}
/* Details Section */
.ViewMapV2-module__detailsSection--BxzDXUAL {
  display: flex;
  flex-direction: column;
}
.ViewMapV2-module__mapTitle--tS4Qmn5q {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-neutral-100);
  margin: 0;
  line-height: 1;
}
.ViewMapV2-module__descriptionSection--ta-UsXkR {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--color-gray-800);
  margin: 16px 8px;
  border-radius: 5px;
  overflow: hidden;
}
.ViewMapV2-module__description--O-Xl8UPv {
  color: var(--color-neutral-300);
  line-height: 1.5;
  margin: 0;
  padding: 24px 8px;
  border-radius: 5px;
  height: 450px;
  overflow-y: auto;
}
.ViewMapV2-module__showFullDescriptionButton--AAWOk2s1 {
  align-self: flex-start;
  background: none;
  border: none;
  color: var(--color-gray-300);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.ViewMapV2-module__showFullDescriptionButton--AAWOk2s1:hover {
  color: var(--color-inkarnate-gold-light);
}
/* Social Section */
.ViewMapV2-module__socialSection--T9BBxBMJ {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ViewMapV2-module__likeButton---i8aEi5S {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border-radius: 3px;
  padding: 7px 8px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-neutral-300);
  cursor: pointer;
  transition: all 0.2s ease;
  height: 30px;
}
.ViewMapV2-module__likeButton---i8aEi5S:hover {
  background: rgba(255, 255, 255, 0.2);
}
  .ViewMapV2-module__likeButton---i8aEi5S:hover svg {
    color: var(--color-inkarnate-gold);
  }
  .ViewMapV2-module__likeButton---i8aEi5S.ViewMapV2-module__liked--Wejv9C-J svg {
    color: var(--color-inkarnate-gold);
  }
.ViewMapV2-module__likeButton---i8aEi5S:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ViewMapV2-module__featuredTag--wb7mEph- {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--color-gray-100);
  padding: 7px 8px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 30px;
}
/* Author Section */
.ViewMapV2-module__authorSection--KXpeTN24 {
  display: flex;
  align-items: center;
}
.ViewMapV2-module__authorButton--h7jLuWeM {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: var(--color-inkarnate-gold);
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  padding: 0;
}
.ViewMapV2-module__authorButton--h7jLuWeM:hover {
  color: var(--color-inkarnate-gold-light);
}
.ViewMapV2-module__officialIcon--Tccy-mJu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-inkarnate-gold);
  font-size: 18px;
  margin-right: 4px;
}
/* Meta Section */
.ViewMapV2-module__metaSection--CzsYLiQW {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ViewMapV2-module__mapDetails--QvoBBhIl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--color-neutral-100);
  font-size: 14px;
}
.ViewMapV2-module__mapDetailsSubsection--HXp0L4nZ {
  padding: 16px;
  border-top: 2px solid var(--color-gray-700);
}
/* Actions Section */
.ViewMapV2-module__actionsSection--oo0qb15e {
  display: flex;
  flex-direction: column;
}
.ViewMapV2-module__dependenciesButton--X9ST8Sy4 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-neutral-700);
  border: 1px solid var(--color-neutral-600);
  border-radius: 6px;
  padding: 12px 16px;
  color: var(--color-neutral-200);
  cursor: pointer;
  transition: all 0.2s ease;
}
.ViewMapV2-module__dependenciesButton--X9ST8Sy4:hover {
  background: var(--color-neutral-600);
  border-color: var(--color-inkarnate-gold);
}
.ViewMapV2-module__actionButtons--BTKLF4yo {
  display: flex;
  gap: 8px;
}
.ViewMapV2-module__actionButtons--BTKLF4yo button {
  justify-content: flex-start;
  gap: 12px;
}
/* Modals */
.ViewMapV2-module__fullDescription--PVUxDX16 {
  color: var(--color-neutral-200);
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-y: auto;
}
/* Responsive */
@media (max-width: 768px) {
  .ViewMapV2-module__container--ODQTo5As {
    padding: 16px;
  }

  .ViewMapV2-module__content--7jJ-Kise {
    flex-direction: column;
    gap: 20px;
  }

  .ViewMapV2-module__sidebar--ls78O6xB {
    width: 100%;
    min-width: auto;
  }

  .ViewMapV2-module__header--mrRAkz-9 {
    justify-content: center;
  }

  .ViewMapV2-module__headerActions--t-vG9dh6 {
    gap: 8px;
  }

  .ViewMapV2-module__mapTitle--tS4Qmn5q {
    font-size: 20px;
  }
}
/* Custom Media Queries for PostCSS */
/* Breakpoints for the landing page */
}
@layer modules {.SocialActions-module__likeButton--7qaD1Bb6 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border-radius: 3px;
  padding: 7px 8px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-neutral-300);
  cursor: pointer;
  transition: all 0.2s ease;
  height: 30px;
}

.SocialActions-module__likeButton--7qaD1Bb6:hover {
  background: rgba(255, 255, 255, 0.2);
}
  .SocialActions-module__likeButton--7qaD1Bb6:hover svg {
    color: var(--color-inkarnate-gold);
  }
  .SocialActions-module__likeButton--7qaD1Bb6.SocialActions-module__liked---iXDepsq svg {
    color: var(--color-inkarnate-gold);
  }

.SocialActions-module__likeButton--7qaD1Bb6:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.SocialActions-module__featuredTag---TxomJTr {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--color-gray-100);
  padding: 7px 8px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 30px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AdminScenesPage-module__topBar--GnvbT7Mn {
  display: flex;
  margin-bottom: 32px;
}

.AdminScenesPage-module__filtering--Z3zxY49s {
  display: flex;
  flex: 1;
  align-items: center;
}

.AdminScenesPage-module__search---Zfifbyq {
  max-width: 500px;
}

.AdminScenesPage-module__searchInputWrapper--iIs0EOfq {
  height: 38px;
}

.AdminScenesPage-module__filters--oH1NAz0R {
  z-index: 100;
}

.AdminScenesPage-module__scenesGrid--JAzPM--f {
  margin: 0 -16px;
  width: 100%;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AdminUsersPage-module__searchFilterBar--VmS5Uexc {
  display: flex;
  align-items: center;
}

.AdminUsersPage-module__search--AbU47YJL {
  max-width: 500px;
}

.AdminUsersPage-module__searchResults--c4tnAkLs {
  width: 100%;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.admin-view-user-module__viewMapOverlay--R9ve2IKg {
  z-index: 2000000001 !important;
  top: 0 !important;
}

.admin-view-user-module__infoContainer--07tKYt-g {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.admin-view-user-module__infoContainerColumn--yu-kjEz8 {
  flex: 1;
  margin-bottom: 16px;
  margin-right: 16px;
  width: 100%;
  min-width: 350px;
}

.admin-view-user-module__wideColumn--a3rCFTjg {
  flex: 3;
}

.admin-view-user-module__scenesGrid--XoWOauMC {
  margin: 0 -16px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AdminCouponCodesPage-module__width400--4C5UDfc- {
    width: 400px
}

.AdminCouponCodesPage-module__width325--09dbKyzD {
    width: 325px
}

.AdminCouponCodesPage-module__formInputMargins--cxQ63A56 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.AdminCouponCodesPage-module__newUsersTextbox--DvRUS3KB {
    margin-top: 16px;
    margin-bottom: 24px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AdminTaxableLocation-module__countryDropdownTrigger--krVQjlut {
  width: 100%;
  margin-top: 5px;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.AccountLayout-module__container--Y0VNTXgT {
  background-color: var(--color-page-background);
  padding-bottom: 0;
}

.AccountLayout-module__wrapper--biapYfFl {
  margin: 40px 20px;
}

.AccountLayout-module__content--YXmH8Iin {
  font-size: 14px;
  width: 100%;
  max-width: 746px;
  padding: 25px 25px 20px 25px;
  height: fit-content;
}
  @media (max-width: 767.98px) {

.AccountLayout-module__content--YXmH8Iin {
    margin: 0
}
  }

.AccountLayout-module__header--wAK-809C {
  display: flex;
}

.AccountLayout-module__headerCol1--WB8ug5V3 {
  position: relative;
}

.AccountLayout-module__headerAvatar--uSO-7gkc {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__headerAvatar--uSO-7gkc {
    width: 70px;
    height: 70px
}
  }

.AccountLayout-module__headerAvatarPlaceholder--IQ5vtYnf {
  font-size: 54px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__headerAvatarPlaceholder--IQ5vtYnf {
    font-size: 70px
}
  }

.AccountLayout-module__headerAvatarEditIcon--UTNQaArP {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d1123;
  background-color: var(--color-accent);
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: 17px;
}

.AccountLayout-module__headerCol2--aR3KS9fD {
  margin-left: 26px;
  margin-top: 6px;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__headerCol2--aR3KS9fD {
    margin-left: 18px
}
  }

.AccountLayout-module__title--0H3odXjg {
  font-family: var(--font-family-alt);
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__title--0H3odXjg {
    font-size: 18px
}
  }

.AccountLayout-module__subtitle--Rt9vmNax {
  opacity: 0.5;
  font-size: 16px;
  color: #ffffff;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__subtitle--Rt9vmNax {
    font-size: 12px;
    line-height: 1.6
}
  }

.AccountLayout-module__main--Ttd1FiFJ {
  margin-top: 60px;
}

  @media (min-width: 768px) {

.AccountLayout-module__main--Ttd1FiFJ {
    margin-left: 80px
}
  }

.AccountLayout-module__accountNav--LJ55MW1g {
  font-size: 14px;
  display: flex;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__accountNav--LJ55MW1g {
    font-size: 12px
}
  }

.AccountLayout-module__navLink--XCd-P5G8 {
  font-size: 16px;
  display: block;
  padding: 4px 0;
  cursor: pointer;
  color: white;
  opacity: 0.7;
  margin-right: 21px;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

  @media (max-width: 767.98px) {

.AccountLayout-module__navLink--XCd-P5G8 {
    font-size: 14px;
    margin-right: 18px
}
  }

.AccountLayout-module__navLinkActive--j9dGv7Tt {
  font-weight: bold;
  opacity: 1;
  border-bottom: 1px solid var(--color-accent);
}

.AccountLayout-module__mainContent--VoKIcJ0n {
  margin-top: 32px;
  width: 100%;
}

  @media (min-width: 768px) {

.AccountLayout-module__mainContent--VoKIcJ0n {
    max-width: 670px
}
  }

  @media (max-width: 767.98px) {

.AccountLayout-module__mainContent--VoKIcJ0n {
    margin-top: 36px
}
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.ChangeEmailModal-module__modal--Eee-CHhU {
  max-width: 934px;
  height: 642px;
  width: 100%;
}

.ChangeEmailModal-module__modalContent--EAs4Zcmt {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.ChangeEmailModal-module__modalBodyEmailPassword--RP-rVxvB {
  max-width: 670px;
  width: 100%;
  padding: 0;
}

.ChangeEmailModal-module__modalBodyVerify--E-TNgmFY {
  max-width: 400px;
  width: 100%;
  padding: 0;
}

.ChangeEmailModal-module__inactiveFormStep--ZYNs9WRT {
  display: none;
}

.ChangeEmailModal-module__stepTitle--9dZPl52T {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  margin-bottom: 48px;
}

.ChangeEmailModal-module__stepSubtitle--fknyHSJH {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.ChangeEmailModal-module__instructions--58Zx7-8o {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  line-height: 1.86;
}

.ChangeEmailModal-module__resendLink--XY61HN72 {
  color: var(--color-accent);
  font-size: 14px;
  font-weight: 600;
}

.ChangeEmailModal-module__resendComplete--h5oiLe3K {
  font-size: 13px;
}

.ChangeEmailModal-module__button--1nVcsJnN {
  width: 135px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.VerificationInput-module__input--VqZj0B-Y {
  color: var(--controls-text);
  background: var(--controls-bg-color);
  border: none;
  outline: none;
  width: 50px;
  height: 60px;
  margin-right: 16px;
  text-align: center;
  border-radius: 6px;
}

  .VerificationInput-module__input--VqZj0B-Y:active,
  .VerificationInput-module__input--VqZj0B-Y:focus {
    border: solid 1.5px var(--color-accent);
  }/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.FormTextInput-module__wrapper--1n-mgoBs {
  width: 100%;
  margin-bottom: 15px;
}

.FormTextInput-module__error--iqHJLsyf {
  padding-left: 15px;
  margin-top: 10px;
}

.FormTextInput-module__inputGroup--2pKS-K7O {
  position: relative;
  width: 100%;
  min-height: 40px;
  margin-bottom: 5px;

  border-radius: 4px;
  display: flex;
  flex-direction: column;

  background-color: white;
}

  .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__dark--nUxX9F74 {
    background-color: #2a2a2a;
  }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__dark--nUxX9F74 input,
    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__dark--nUxX9F74 textarea {
      color: var(--color-neutral-200);
    }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__dark--nUxX9F74:hover {
      background-color: rgba(255, 255, 255, 0.15);
    }

  .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__mediumDark--4KIh9Yo6 {
    background-color: #1f1f1f;
  }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__mediumDark--4KIh9Yo6 input,
    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__mediumDark--4KIh9Yo6 textarea {
      color: var(--color-neutral-200);
    }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__mediumDark--4KIh9Yo6:hover {
      background-color: rgba(255, 255, 255, 0.15);
    }

  .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__veryDark--aPCGTjtK {
    background-color: #141414;
  }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__veryDark--aPCGTjtK input,
    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__veryDark--aPCGTjtK textarea {
      color: var(--color-neutral-200);
    }

    .FormTextInput-module__inputGroup--2pKS-K7O.FormTextInput-module__veryDark--aPCGTjtK:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

  .FormTextInput-module__inputGroup--2pKS-K7O input,
  .FormTextInput-module__inputGroup--2pKS-K7O textarea {
    border: 1px solid #464646;
    border-radius: 4px;
    padding: 7px 14px;
    min-height: 40px;
    outline: none;
    background-color: transparent;

    font-family: var(--font-main);
    font-size: 16px;
    color: var(--color-dark);
  }

    .FormTextInput-module__inputGroup--2pKS-K7O input:disabled, .FormTextInput-module__inputGroup--2pKS-K7O textarea:disabled {
      opacity: 0.5;
    }

  .FormTextInput-module__inputGroup--2pKS-K7O textarea {
    resize: none;
  }

.FormTextInput-module__updatedIcon--fgI4DHmz {
  color: var(--color-accent);
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 25px;
}

.FormTextInput-module__inputIcon---eg9YcFR {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.CancelSubscriptionModal-module__cancelSubscriptionModal--txRpp7gz {
  max-width: 500px !important;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {
  @media (max-width: 767.98px) {.BillingPage-module__currentPlanSecondButton--FFoIzslP {
    margin-top: 10px;
    display: block
}
  }

.BillingPage-module__promoCodeButton--rn-QGbJ- {
  color: var(--color-golden-yellow);
  font-size: 90%;
  margin-top: 20px;
  display: block;
}

.BillingPage-module__promoCodeButton--rn-QGbJ-:hover {
  color: #ffd17e;
  cursor: pointer;
}

.BillingPage-module__planIcon--AgcR0bMi {
  height: 22px;
  width: fit-content;
}

.BillingPage-module__basicPlanIcon--WFX1Gvbx {
  background: var(--color-inkarnate-gold);
}

.BillingPage-module__proPlanIcon--iJvjgSV- {
  background: var(--color-inkarnate-gold);
}

.BillingPage-module__legacyProPlanIcon--zN08J1CA {
  background: var(--color-neon-orange);
}

.BillingPage-module__premiumPlanIcon--uITOu0a9 {
  background: var(--color-neon-blue);
}

.BillingPage-module__adventurerPlanIcon--8uPeU2-v {
  background: var(--color-greenPro);
}

.BillingPage-module__freePlanIcon--T1gsL4xz {
  background: var(--color-neutral-300);
}

.BillingPage-module__creatorPlanIcon---sI32xcT {
  background: var(--color-greenPro);
}

.BillingPage-module__studioPlanIcon--WCfRu0qS {
  background: var(--color-oceanBlue);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.DeleteBillingInfoModal-module__deleteBillingInfoModal--j66YOjzH {
  max-width: 500px !important;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.AvatarDisplay-module__headerAvatar--fLcswTYm {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

  @media (max-width: 767.98px) {.AvatarDisplay-module__headerAvatar--fLcswTYm {
    width: 70px;
    height: 70px
}
  }

.AvatarDisplay-module__headerAvatarPlaceholder--0KHMY8IY {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

  .AvatarDisplay-module__headerAvatarPlaceholder--0KHMY8IY svg {
    width: 50px;
    height: 50px;
  }

  @media (max-width: 767.98px) {

.AvatarDisplay-module__headerAvatarPlaceholder--0KHMY8IY {
    font-size: 70px
}
  }

.AvatarDisplay-module__headerAvatarEditIcon--wHGLCT2W {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-dark);
  background-color: var(--color-accent);
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: 17px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.FormFieldLocationInput-module__wrapper--y3EqKgN6 {
  position: relative;
  font-size: 16px;
}

.FormFieldLocationInput-module__updatedIcon--Y1YGqlQf {
  color: var(--color-accent);
  position: absolute;
  right: 32px;
  top: 7px;
  font-size: 25px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.FormTextArea-module__wrapper--65dqm0l0 {
  width: 100%;
  margin-bottom: 15px;
}

.FormTextArea-module__error--yuPq8vq- {
  padding-left: 15px;
  margin-top: 10px;
}

.FormTextArea-module__inputGroup--gzXGoofo {
  position: relative;
  width: 100%;
  min-height: 40px;
  margin-bottom: 5px;

  border-radius: 4px;
  display: flex;
  flex-direction: column;

  background-color: white;
  border: 1px solid transparent;
}
    .FormTextArea-module__inputGroup--gzXGoofo:focus-within input,
    .FormTextArea-module__inputGroup--gzXGoofo:focus-within textarea {
      border: 4px solid var(--color-accent);
    }

  .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j- {
    background-color: var(--color-neutral-800);
  }
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j- input,
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j- textarea {
      border: 1px solid var(--color-neutral-500);
      color: var(--color-neutral-200);
    }
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:hover {
      background-color: var(--color-neutral-700);
    }
      .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:hover input,
      .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:hover textarea {
        border: 1px solid var(--color-neutral-400);
      }
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:focus-within {
      background-color: var(--color-neutral-800);
    }

      .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:focus-within input,
      .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__v2--BWgsx3j-:focus-within textarea {
        border: 1px solid var(--color-neutral-400);
      }

  .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__dark--9GM0VeyP {
    background-color: #2a2a2a;
  }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__dark--9GM0VeyP input,
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__dark--9GM0VeyP textarea {
      color: var(--color-neutral-200);
    }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__dark--9GM0VeyP:hover {
      background-color: rgba(255, 255, 255, 0.15);
    }

  .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__mediumDark--2-opOrQX {
    background-color: #1f1f1f;
  }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__mediumDark--2-opOrQX input,
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__mediumDark--2-opOrQX textarea {
      color: var(--color-neutral-200);
    }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__mediumDark--2-opOrQX:hover {
      background-color: rgba(255, 255, 255, 0.15);
    }

  .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__veryDark--pUEAWmiM {
    background-color: #141414;
  }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__veryDark--pUEAWmiM input,
    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__veryDark--pUEAWmiM textarea {
      color: var(--color-neutral-200);
    }

    .FormTextArea-module__inputGroup--gzXGoofo.FormTextArea-module__veryDark--pUEAWmiM:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

  .FormTextArea-module__inputGroup--gzXGoofo input,
  .FormTextArea-module__inputGroup--gzXGoofo textarea {
    border: 4px solid transparent;
    border-radius: 4px;
    padding: 7px 14px;
    height: 227px;
    min-height: 40px;
    outline: none;
    background-color: transparent;

    font-family: var(--font-main);
    font-size: 16px;
    color: var(--color-dark);
  }

    .FormTextArea-module__inputGroup--gzXGoofo input:disabled, .FormTextArea-module__inputGroup--gzXGoofo textarea:disabled {
      opacity: 0.5;
    }

  .FormTextArea-module__inputGroup--gzXGoofo textarea {
    resize: none;
  }

    .FormTextArea-module__inputGroup--gzXGoofo textarea::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.15);
    }

    .FormTextArea-module__inputGroup--gzXGoofo textarea::-webkit-scrollbar {
      width: 12px;
      background: rgba(255, 255, 255, 0.3);
    }

    .FormTextArea-module__inputGroup--gzXGoofo textarea::-webkit-scrollbar-thumb {
      border-radius: 12px;
      box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.35);
      background: rgba(255, 255, 255, 0.6);
      visibility: visible;
    }

.FormTextArea-module__updatedIcon--lUoXVq-g {
  color: var(--color-accent);
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 25px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.ProfileSettings-module__content--Gl4qMi7U {
  margin: 40px auto 0;
  font-size: 14px;
  width: 100%;
  max-width: 880px;
}

  @media (max-width: 767.98px) {.ProfileSettings-module__content--Gl4qMi7U {
    margin: 0
}
  }

.ProfileSettings-module__avatarSection--gD-cgAB7 {
  display: flex;
  align-items: center;
}

.ProfileSettings-module__username--qzGkreQQ {
  margin-left: 25px;
  font-family: Lusitana;
  font-size: 24px;
}

.ProfileSettings-module__formSection--k4jRPP74 {
  margin-top: 30px;
  padding: 25px 25px 30px 25px;
  width: 900px;
  height: 857px;
  background-color: var(--color-dark-500);
}

.ProfileSettings-module__formFieldLabel--CfbA5hsB {
  font-size: 16px;
  margin-bottom: 7px;
  font-weight: 600;
}

.ProfileSettings-module__field--GlUQY13v {
  margin-bottom: 30px;
  width: 400px;
}

.ProfileSettings-module__textArea--YxOSFdL7 {
}

.ProfileSettings-module__socialLinksLabel--B-ILXDkY {
  font-size: 16px;
  margin-bottom: 11px;
  font-weight: 600;
}

.ProfileSettings-module__socialsField--t6GYJBkG {
  margin-bottom: 15px;
  width: 400px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.EditUserSettingsPage-module__avatarSection--9rk1begD { 
  display: flex;
  align-items: center;
}

.EditUserSettingsPage-module__headerAvatar--cU4951eB {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

  @media (max-width: 767.98px) {

.EditUserSettingsPage-module__headerAvatar--cU4951eB {
    width: 70px;
    height: 70px
}
  }

.EditUserSettingsPage-module__headerAvatarPlaceholder--XwgtKw5g {
  font-size: 54px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

  @media (max-width: 767.98px) {

.EditUserSettingsPage-module__headerAvatarPlaceholder--XwgtKw5g {
    font-size: 70px
}
  }

.EditUserSettingsPage-module__headerAvatarEditIcon--XHlkTHuw {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-dark);
  background-color: var(--color-accent);
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: 17px;
}

.EditUserSettingsPage-module__container--y-CcBnv6 {
  background-color: var(--color-dark-200);
}

.EditUserSettingsPage-module__content--WugaWk1m {
  margin: 40px auto 0;
  font-size: 14px;
  width: 100%;
  max-width: 880px;
}

  @media (max-width: 767.98px) {

.EditUserSettingsPage-module__content--WugaWk1m {
    margin: 0
}
  }

.EditUserSettingsPage-module__username--a5SYOL8V {
  margin-left: 25px;
  font-family: Lusitana;
  font-size: 24px;
}

.EditUserSettingsPage-module__formSection--OTK0r6A4 {
  margin-top: 30px;
  padding: 25px 25px 30px 25px;
  width: 900px;
  height: 1001px;
  background-color: var(--color-dark-500);
}

.EditUserSettingsPage-module__formFieldLabel--HtGPKadx {
  font-size: 16px;
  margin-bottom: 7px;
  font-weight: 600;
}

.EditUserSettingsPage-module__socialLinksLabel--rAb6iqKC {
  font-size: 16px;
  margin-bottom: 11px;
  font-weight: 600;
}

.EditUserSettingsPage-module__field--kL-XTs7F {
  margin-bottom: 30px;
  width: 400px;
}

.EditUserSettingsPage-module__textArea--qIbBQNKP {
  margin-bottom: 30px;
}

.EditUserSettingsPage-module__socialsField--z4jbwdsG {
  margin-bottom: 15px;
  width: 400px;
}

.EditUserSettingsPage-module__profileVisibilityLabel--I9trS--- {
  font-size: 16px;
  margin-bottom: 11px;
  font-weight: 600;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.MarketplaceProductDetail-module__productInfoRow--pg6X8FxO {
  display: flex;
  justify-content: space-between;
}

  .MarketplaceProductDetail-module__productInfoRow--pg6X8FxO:not(:last-of-type) {
    margin-bottom: 20px;
  }

.MarketplaceProductDetail-module__productInfoBlock--WasjS2HL {
  display: flex;
  flex-direction: column;
  gap: 5px;

  padding: 16px;
}
  .MarketplaceProductDetail-module__productInfoBlock--WasjS2HL:first-of-type {
    padding-top: 0;
  }
  .MarketplaceProductDetail-module__productInfoBlock--WasjS2HL:not(:last-of-type) {
    border-bottom: 1px solid var(--color-neutral-600);
  }
  .MarketplaceProductDetail-module__productInfoBlock--WasjS2HL .MarketplaceProductDetail-module__value--JkdRVJE2 {
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
  }
    .MarketplaceProductDetail-module__productInfoBlock--WasjS2HL .MarketplaceProductDetail-module__value--JkdRVJE2:not(:last-of-type) {
      margin-bottom: 3px;
    }
  .MarketplaceProductDetail-module__productInfoBlock--WasjS2HL .MarketplaceProductDetail-module__report--dtlVI9O8 {
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-inkarnate-gold);
  }

.MarketplaceProductDetail-module__sceneDescriptionSection--XrXsj9nB {
  display: flex;
  flex-direction: column;
  background: var(--color-gray-800);
  border-radius: 5px;
  overflow: hidden;
  margin: 0 -8px;
}

.MarketplaceProductDetail-module__sceneDescription--mNoDEj8f {
  color: var(--color-neutral-300);
  line-height: 1.5;
  margin: 0;
  padding: 24px 8px;
  height: 177px;
  overflow-y: auto;
  font-family: 'Inter', sans-serif !important;
}

  .MarketplaceProductDetail-module__sceneDescription--mNoDEj8f > * {
    font-family: 'Inter', sans-serif !important;
  }

  .MarketplaceProductDetail-module__sceneDescription--mNoDEj8f p {
    color: var(--color-neutral-300);
    font-size: 13px;
  }

  .MarketplaceProductDetail-module__sceneDescription--mNoDEj8f {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.MarketplaceProductDetail-module__showFullSceneDescriptionButton--7FHyf4Eh {
  align-self: flex-start;
  background: none;
  border: none;
  color: var(--color-gray-300);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.MarketplaceProductDetail-module__showFullSceneDescriptionButton--7FHyf4Eh:hover {
  color: var(--color-inkarnate-gold-light);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.ViewMapProductPage-module__mainContainer--7clBlc0n {
  background: var(--color-gray-black);
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.ExplorePage-module__container--9RiX6Vf- {
  max-width: 1600px;
  margin: 0 auto;
}

.ExplorePage-module__toolbar--DJAoMGb- {
  justify-content: flex-end;
  width: var(--thumbnail-grid-width);
  margin: 20px 0px 16px 0px;
  position: relative;
  display: flex;
  background-color: #2a2a2a;
  padding: 6px;
  align-items: center;
  height: 42px;
}

.ExplorePage-module__searchInputWrapper--gp6YPJcB {
  border: none !important;
}

.ExplorePage-module__search--RKIw5RqK {
  justify-self: flex-end;
  margin-right: 16px;
  min-width: 140px;
}

  @media (max-width: 767.98px) {

.ExplorePage-module__search--RKIw5RqK {
    flex: 3;
    margin-right: 8px;
    max-width: unset
}
  }

.ExplorePage-module__searchInput--OD0dup1w {
  border: none !important;
  margin-left: 12px;
}

.ExplorePage-module__filterField--Fa0g0RmQ {
  flex-shrink: 0;
  margin-right: 12px;
}

.ExplorePage-module__loadingContainer--VmvN1Hkx {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.ExplorePage-module__noMaps--1ZDDySc- {
  text-align: center;
  margin-top: 20xp;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.NoItemsMessage-module__wrapper--DbrgYpE- {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.NoItemsMessage-module__container--blBNNDS- {
  margin-top: -26vh;
  font-size: 2rem;
  text-align: center;
  padding: 0 20px;
}

.NoItemsMessage-module__heading---SKoV2uE {
  color: gray;
}

.NoItemsMessage-module__secondary--WYZ0apQK {
  font-size: 1.2rem;
  line-height: 1.3rem;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.FeedPage-module__loadingContainer--zbvEv8xM {
  text-align: center;
}

.FeedPage-module__container--ra-zph62 {
  max-width: 1600px;
  margin: 0 auto;
}

.FeedPage-module__noMaps--kAm2mm8M {
  text-align: center;
}

.FeedPage-module__heading--N5DRxqoN {
  text-align: center;
}

.FeedPage-module__infoBarAvatarAndName--coxjK-bR {
  display: flex;
  flex: 1;
  overflow: hidden;
  color: var(--color-text-bright);
}

  .FeedPage-module__infoBarAvatarAndName--coxjK-bR:hover {
    color: var(--color-accent);
  }

.FeedPage-module__infoBarAvatar--UpW3i-9o {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.FeedPage-module__infoBarAvatarPlaceholder--AHylugPG {
  flex-shrink: 0;
}

.FeedPage-module__infoBarName--Um6GqidD {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.LegacySharedMapPage-module__content--9BOduU0j {
  display: flex;
}

.LegacySharedMapPage-module__previewImage--GmsinCNX {
  cursor: zoom-in;
}

.LegacySharedMapPage-module__col2--HKf1hXeP {
  max-width: 400px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.liked-maps-module__mapsPageMainContainer---b-M-PQN {
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 0;
}

  @media (max-width: 859.98px) {.liked-maps-module__mapsPageMainContainer---b-M-PQN {
    padding: 0
}
  }

.liked-maps-module__contentContainer--KFgypeyG {
  overflow-x: hidden;
  flex: 1;
  max-width: 1600px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
}
    @media (min-width: 768px) {

  .liked-maps-module__contentContainer--KFgypeyG.liked-maps-module__contentContainerToolbarFixed--YHnyEcRX {
      margin-top: 130px
  }
    }

.liked-maps-module__moreActions--iFOQR2jt {
  display: flex;
  align-items: center;
}

  @media screen and (max-width: 340px) {

.liked-maps-module__moreActions--iFOQR2jt {
    padding: 6px !important;
    width: 40px
}
  }

.liked-maps-module__grid--zUgJRunl {
  margin: 4px 0;
}

.liked-maps-module__spacer--ceb2mBUQ {
  flex: 1;
}

.liked-maps-module__link--7hQayYEW {
  padding: 0;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.RestoreOfflineBackupModal-module__modal---5-1bkbU {
  max-width: 900px;
}

.RestoreOfflineBackupModal-module__modalContent--xUopZP35 {
  max-height: 95vh !important;
}
  @media screen and (max-width: 500px) {

.RestoreOfflineBackupModal-module__modalContent--xUopZP35 {
    max-height: 100vh !important
}
  }

.RestoreOfflineBackupModal-module__previewImgContainer--EfLL3Jb9 {
  height: 350px;
  width: 100%;

  background-color: rgba(0, 0, 0, 0.5);
}

.RestoreOfflineBackupModal-module__previewImg--VnPBHuWH {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.MapFolderTiledImages-module__empty--jAc0pXgo {
  background-color: var(--color-controls-background);
  width: 100%;
  padding-top: 32px;
  text-align: center;
  border-radius: 4px;
}

.MapFolderTiledImages-module__imageColumn--TFRC23O3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.MapFolderTiledImages-module__image--6xZ2DzoS {
  padding: 1px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.MyMapsToolbar-module__searchSortFields--DLz4m1YV {
  position: relative;
  display: flex;
  flex: 1;
  padding: 6px;
  align-items: center;
  height: 42px;
}

.MyMapsToolbar-module__search--i-pa8F61 {
  justify-self: flex-end;
  margin-right: 16px;
  min-width: 140px;
}

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__search--i-pa8F61 {
    flex: 3;
    margin-right: 8px;
    max-width: unset
}
  }

.MyMapsToolbar-module__searchInput--i1oLY99A {
  border: none !important;
}

.MyMapsToolbar-module__sortDropdown--8Z1u7k2j {
  flex-shrink: 0;
}

  .MyMapsToolbar-module__sortDropdown--8Z1u7k2j:hover {
    color: var(--color-text-primary);
  }

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__sortDropdown--8Z1u7k2j {
    margin-left: 8px;
    font-size: 0.9rem
}
  }

.MyMapsToolbar-module__filtersDropdown--h1fiU9Qb {
  margin-left: 8px;
  flex-shrink: 0;
}

  .MyMapsToolbar-module__filtersDropdown--h1fiU9Qb:hover {
    color: var(--color-text-primary);
  }

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__filtersDropdown--h1fiU9Qb {
    font-size: 0.9rem
}
  }

.MyMapsToolbar-module__toolbar--kuPcmSlr {
  color: var(--color-text-muted);
  background: var(--color-page-background);
  margin: 0 auto;
  border-bottom: 1px solid #171717;
  transition:
    width 0.2s,
    max-width 0.2s;
  width: 100%;
}

  @media (max-width: 859.98px) {

.MyMapsToolbar-module__toolbar--kuPcmSlr {
    padding: 16px 16px 0 16px
}
  }

  @media (min-width: 890px) {

.MyMapsToolbar-module__toolbar--kuPcmSlr {
    padding: 30px 10px 0 10px;
    margin: auto
}
  }

  .MyMapsToolbar-module__toolbar--kuPcmSlr.MyMapsToolbar-module__mobileToolbarPinned--9DpGXgTk {
    position: relative;
    top: var(--top-nav-height);
  }

  .MyMapsToolbar-module__toolbar--kuPcmSlr.MyMapsToolbar-module__desktopToolbarFixed--x-uB75iQ {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 30;
    margin: 0 auto;
  }

    @media (max-width: 767.98px) {

  .MyMapsToolbar-module__toolbar--kuPcmSlr.MyMapsToolbar-module__desktopToolbarFixed--x-uB75iQ {
      top: 97px
  }
    }

    @media (max-width: 859.98px) {

  .MyMapsToolbar-module__toolbar--kuPcmSlr.MyMapsToolbar-module__desktopToolbarFixed--x-uB75iQ {
      /* padding: 10px; */
  }
    }

    @media (min-width: 890px) {

  .MyMapsToolbar-module__toolbar--kuPcmSlr.MyMapsToolbar-module__desktopToolbarFixed--x-uB75iQ {
      top: var(--top-nav-height);
      padding: 10px 100px
  }
    }

.MyMapsToolbar-module__toolbarContent--oW-qQ1PW {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__toolbarContent--oW-qQ1PW {
    flex-direction: column;
    align-items: stretch
}
  }

.MyMapsToolbar-module__topBar--6YqgK31r {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #171717;
}

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__topBar--6YqgK31r {
    flex-direction: column;
    align-items: stretch
}
  }

  .MyMapsToolbar-module__topBar--6YqgK31r.MyMapsToolbar-module__toolbarPinned--4BQtPC2q {
    position: relative;
    top: var(--top-nav-height);
  }

  .MyMapsToolbar-module__topBar--6YqgK31r.MyMapsToolbar-module__toolbarFixed--kAIwK4Pc {
    position: fixed;
    top: var(--top-nav-height);
    z-index: 30;
    width: 100%;
    left: 0;
  }

.MyMapsToolbar-module__toolbarSearchSort--q883WHmC {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;

  flex: 1;
}

.MyMapsToolbar-module__toolbarActions--UW-4rZrW {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-start;

  flex: 5;
}

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__toolbarActions--UW-4rZrW {
    flex-wrap: wrap;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}
  }

.MyMapsToolbar-module__searchResults--hf-p3uES {
  z-index: 40;
  position: absolute;
  top: 42px;
  left: 0;
  display: flex;
  width: 100%;
  background-color: #292929;
  color: var(--color-text-bright);
  justify-content: center;
}

.MyMapsToolbar-module__searchResultsEmpty--097iRmFg {
  padding: 16px;
}

.MyMapsToolbar-module__searchResultsList--8eBfGEVZ {
  width: 370px;
  max-height: 450px;
  overflow-y: scroll;
}

.MyMapsToolbar-module__searchResultsHeading--lbUcQu4X {
  background-color: #464646;
  font-size: 12px;
  text-transform: uppercase;
  padding: 3px 0 3px 43px;
  opacity: 0.7;
}

.MyMapsToolbar-module__searchResultsLoadingMore--3ktKStJN {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}

.MyMapsToolbar-module__searchResultsItem--V1BQh47V {
  padding: 6px 16px;
  cursor: pointer;
}

  .MyMapsToolbar-module__searchResultsItem--V1BQh47V:hover {
    background-color: var(--color-accent);
    color: black;
  }

.MyMapsToolbar-module__searchPreview--0fb9XidT {
  height: 450px;
  flex: 1;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.MyMapsToolbar-module__searchPreviewMapImage--yqNQnfIc {
  margin-top: 40px;
  width: 300px;
  height: 220px;
  object-fit: contain;
  border-radius: 4px;
}

.MyMapsToolbar-module__searchPreviewFolderImage--FoEF-URY {
  margin-top: 40px;
  width: 300px;
  height: 220px;
  display: flex;
}

.MyMapsToolbar-module__searchPreviewInfoLabel--oNVsNRMh {
  font-weight: 600;
}

.MyMapsToolbar-module__searchPreviewTitleBar--UfFGMgAS {
  display: flex;
  justify-content: space-between;
  width: 300px;
  padding: 10px;
  font-weight: 600;
}

.MyMapsToolbar-module__searchPreviewShareCount--9DmhwLLt {
  display: flex;
  align-items: center;
  color: var(--color-accent);
}

.MyMapsToolbar-module__bottomBar--2n8-Gs4u {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  height: 36px;
  box-sizing: content-box;
  padding-bottom: 10px;
}

  @media (min-width: 890px) {

.MyMapsToolbar-module__bottomBar--2n8-Gs4u {
    height: 40px
}
  }

  @media (max-width: 767.98px) {

.MyMapsToolbar-module__bottomBar--2n8-Gs4u {
    margin-top: 12px;
    margin-bottom: 12px
}
  }

.MyMapsToolbar-module__bottomBarSpacer--9I9J13Ck {
  width: 100%;
  margin-bottom: 16px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.CountTabNavBar-module__container--wyanJ5E2 {
  text-align: left;
}
  @media (max-width: 767.98px) {.CountTabNavBar-module__container--wyanJ5E2 {
    font-size: 14px
}
  }

.CountTabNavBar-module__navLink--h83wPGnm {
  display: inline-flex;
  align-items: center;
  height: 36px;
  color: var(--color-text-bright);
  font-weight: normal;
  opacity: 0.7;
  margin-right: 32px;
}

  @media (max-width: 767.98px) {

.CountTabNavBar-module__navLink--h83wPGnm {
    margin-right: 16px
}
  }

.CountTabNavBar-module__navLinkDisabled--RRp3m7-y {
  display: inline-flex;
  align-items: center;
  height: 36px;
  color: #cccccc;
  font-weight: normal;
  opacity: 0.7;
  margin-right: 32px;
  cursor: not-allowed;
}

  @media (max-width: 767.98px) {

.CountTabNavBar-module__navLinkDisabled--RRp3m7-y {
    margin-right: 16px
}
  }

.CountTabNavBar-module__navLinkActive--tYQUG1gC {
  font-weight: 600;
  opacity: 1;
}

.CountTabNavBar-module__count--lclIoY81 {
  color: var(--color-accent);
  margin-left: 10px;
}

  @media (max-width: 767.98px) {

.CountTabNavBar-module__count--lclIoY81 {
    margin-left: 4px
}
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.MapFoldersPage-module__mainContainer--EfNjNkFn {
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 0;
}

  @media (max-width: 859.98px) {.MapFoldersPage-module__mainContainer--EfNjNkFn {
    padding: 0
}
  }

.MapFoldersPage-module__contentContainer--0iq8rWpY {
  overflow-x: hidden;
  flex: 1;

  display: flex;
  flex-direction: column;
}
    @media (min-width: 768px) {

  .MapFoldersPage-module__contentContainer--0iq8rWpY.MapFoldersPage-module__contentContainerToolbarFixed--28yj3eC3 {
      margin-top: 130px
  }
    }

.MapFoldersPage-module__newFolder--yIwsN-Ih {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--color-text-bright);
}

  .MapFoldersPage-module__newFolder--yIwsN-Ih:hover {
    color: var(--color-accent);
  }

.MapFoldersPage-module__newFolderIcon--mDeVD4fk {
  font-size: 36px;
  color: var(--color-accent);
}

.MapFoldersPage-module__gridContainer--K9BPcnzB {
  flex: 1;
  display: flex;
  width: var(--thumbnail-grid-width);
  margin: 0 auto;
  justify-content: center;
}

.MapFoldersPage-module__grid--Rg5aDedh {
  overflow: overlay;
  width: var(--thumbnail-grid-width);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  overflow-x: hidden;
}

.MapFoldersPage-module__folderThumbnail--43azmJHl {
  width: 300px;
  height: 252px;
  outline: none;
  margin: 10px 10px 15px 10px;

  overflow: visible;

  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  position: relative;
  transition: transform 0.2s;
}

  @media screen and (max-width: 660px) {

.MapFoldersPage-module__folderThumbnail--43azmJHl {
    width: 100%;
    padding-bottom: 80%
}
  }
    .MapFoldersPage-module__folderThumbnail--43azmJHl:hover .MapFoldersPage-module__gradient--Mm-oHA-C, .MapFoldersPage-module__folderThumbnail--43azmJHl.MapFoldersPage-module__isTouched--0nURQVE3 .MapFoldersPage-module__gradient--Mm-oHA-C {
      opacity: 1;
    }

    .MapFoldersPage-module__folderThumbnail--43azmJHl:hover .MapFoldersPage-module__overlayControls--UhhUc4cf, .MapFoldersPage-module__folderThumbnail--43azmJHl.MapFoldersPage-module__isTouched--0nURQVE3 .MapFoldersPage-module__overlayControls--UhhUc4cf {
      opacity: 1;
      color: var(--color-accent);
    }

    .MapFoldersPage-module__folderThumbnail--43azmJHl:hover .MapFoldersPage-module__infoBar--6O1-834t, .MapFoldersPage-module__folderThumbnail--43azmJHl.MapFoldersPage-module__isTouched--0nURQVE3 .MapFoldersPage-module__infoBar--6O1-834t {
      color: var(--color-accent);
    }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__moreActionsBtnContainer--ewY45u4Z {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    overflow: visible !important;
    z-index: 21;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__moreActionsBtn--6np97-jZ {
    padding: 23px 20px 32px 32px;
    top: 0;
    right: 0;
  }
      .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__moreActionsBtn--6np97-jZ:hover .MapFoldersPage-module__moreActionsBtnIcon--GDpYuKDB {
        opacity: 1;
        color: var(--color-accent);
      }

    .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__moreActionsBtn--6np97-jZ .MapFoldersPage-module__moreActionsBtnIcon--GDpYuKDB {
      font-size: 22px;
      color: white;
    }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openDetailsBtn--BEVqcFfe {
    left: 0;
    top: 0;
    padding: 22px 32px 32px 12px;
  }
      .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openDetailsBtn--BEVqcFfe:hover .MapFoldersPage-module__openDetailsBtnIcon--MVw5aKKx {
        color: var(--color-accent);
      }

    .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openDetailsBtn--BEVqcFfe .MapFoldersPage-module__openDetailsBtnIcon--MVw5aKKx {
      font-size: 26px;
      color: white;
    }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openSharingBtn--4MsJcgrf {
    left: 0;
    bottom: 0;
    padding: 8px;
    opacity: 0;
  }
      .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openSharingBtn--4MsJcgrf:hover .MapFoldersPage-module__openSharingBtnIcon--zHfnivxR {
        opacity: 1;
      }

    .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__openSharingBtn--4MsJcgrf .MapFoldersPage-module__openSharingBtnIcon--zHfnivxR {
      font-size: 30px;
      color: white;
      opacity: 0.75;
    }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__timestamps--i227EctM {
    bottom: 4px;
    font-size: 0.8rem;
    color: white;
    text-align: right;
    right: 0;
    bottom: 0;
    padding: 8px;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__infoBar--6O1-834t {
    font-size: 16px;
    font-weight: 600;

    padding-top: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 10px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;

    color: #e8e8e8;

    opacity: 1;
    transition: 0.3s opacity color;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__title---kJ7w54j {
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__mapCount--YgPSjThV {
    display: flex;
    align-items: center;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__sharing--L6S3ylr6 {
    display: flex;
    color: var(--color-accent);
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__sharingIcon--TVBHbTu6 {
    font-size: 20px;
  }

    .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__sharingIcon--TVBHbTu6:hover {
      opacity: 1;
    }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__proBadge--Y6Fb3n22 {
    right: 8px;
    bottom: 8px;
    position: absolute;
    z-index: 20;
  }

  .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__overlayActionLabel--3NJuh3lt {
    top: 50%;
    left: 50%;
    text-align: center;
    width: 90%;
    height: 30px;
    font-size: 33px;
    font-weight: bold;
    margin-left: -45%;
    padding: 16px 0;
    margin-top: -32px;
    text-shadow:
      0 0 5px black,
      0 0 8px black,
      0 0 1px black;
  }

    .MapFoldersPage-module__folderThumbnail--43azmJHl .MapFoldersPage-module__overlayActionLabel--3NJuh3lt:hover {
      color: var(--color-accent);
    }

.MapFoldersPage-module__backgroundContainer--5egE-Da6 {
  position: relative;
  width: 100%;
  height: 100%;
}

.MapFoldersPage-module__overlayControls--UhhUc4cf {
  opacity: 0;
  transition: 0.3s opacity;
  position: absolute;
  z-index: 20;
}

.MapFoldersPage-module__folderThumbnailContent--axx-KEPm {
  position: absolute;
  width: 100%;
  height: 100%;
}

.MapFoldersPage-module__gradient--Mm-oHA-C {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0) 52%,
    rgba(0, 0, 0, 0.5) 100%
  );
  transition: opacity 0.2s;
}

.MapFoldersPage-module__imagesContainer--hfQiSr-A {
  position: relative;
  display: flex;
  transition: all 0.1s;
  height: calc(100% - 32px);
  width: 100%;
}

.MapFoldersPage-module__emptyFolder--NIFjU2p5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: black;
  border-radius: 4px;
}

.MapFoldersPage-module__emptyFolderAdd--XyCXuV1J {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  color: var(--color-text-bright);
}

  .MapFoldersPage-module__emptyFolderAdd--XyCXuV1J:hover {
    color: var(--color-accent);
  }

.MapFoldersPage-module__emptyFolderAddIcon--AeqRnjlh {
  font-size: 37px;
  color: var(--color-accent);
}

.MapFoldersPage-module__noFolders--wa5lCSni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-text-bright);
  font-size: 14px;
}

.MapFoldersPage-module__noFoldersButton--nmAyvykg {
  min-width: 190px;
}

.MapFoldersPage-module__deleteFolderModalBody--cLqrhdUv {
  margin: 16px;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.MapPickerModal-module__modalBody--JvH7PY6K {
  background-color: var(--color-page-background);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.MapPickerModal-module__modalFooter--7W1NikTd {
  border-top: none;
  padding: 15px 20px !important;
}

.MapPickerModal-module__instructions--rZLx56ay {
  font-size: 24px;
}

.MapPickerModal-module__mapGrid--rtxyNYW5 {
  width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(0, 180px));
}

.MapPickerModal-module__map--CmIasIHr {
  display: flex;
  flex-direction: column;
  width: 100%; /* Now fills its grid cell */
  transition: all 0.2s ease;
}

  .MapPickerModal-module__map--CmIasIHr.MapPickerModal-module__notSelected--Sq2sXAKn {
    opacity: 0.5;
  }

.MapPickerModal-module__mapImage--y0H1pOvJ {
  width: 100%;
  height: 135px;
  object-fit: cover;
}

  .MapPickerModal-module__mapImage--y0H1pOvJ.MapPickerModal-module__selected--6L79qEVk {
    border: solid 2px var(--color-accent);
  }

.MapPickerModal-module__mapInfo--v5dFkBNV {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
  margin-left: 5px;
  margin-bottom: 6px;
  color: var(--color-text-bright);
}

.MapPickerModal-module__noMapsMessage--ri81Gt6Y {
  font-size: 16px;
  width: 100%;
}

.MapPickerModal-module__loadingState--2EfwdLdx {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

.MapPickerModal-module__loadingMore--GNf-DnE6 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 16px 0 4px;
}

.MapPickerModal-module__modal--q5R-aKos {
  max-width: 1000px;
  max-height: 746px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.BulkMapActions-module__icon--BiouliQX {
  font-size: 20px;
  cursor: pointer;
  color: var(--color-neutral-300);
}

  .BulkMapActions-module__icon--BiouliQX:hover {
    color: var(--color-accent);
  }
  @media (min-width: 890px) {

.BulkMapActions-module__placeholder--JckDICpT {
    width: 104px;
    height: 39px
}
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.my-maps-module__mapsPageMainContainer--J-pnSyRb {
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 0;
}

  @media (max-width: 859.98px) {.my-maps-module__mapsPageMainContainer--J-pnSyRb {
    padding: 0
}
  }

.my-maps-module__contentContainer--mCSLjGRS {
  overflow-x: hidden;
  flex: 1;
  max-width: 1600px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
}
    @media (min-width: 768px) {

  .my-maps-module__contentContainer--mCSLjGRS.my-maps-module__contentContainerToolbarFixed--7ocU9cF7 {
      padding-top: 130px
  }
    }

.my-maps-module__moreActions--blzoH5aW {
  display: flex;
  align-items: center;
}

  @media screen and (max-width: 340px) {

.my-maps-module__moreActions--blzoH5aW {
    padding: 6px !important;
    width: 40px
}
  }

.my-maps-module__grid--kdBGI0Wr {
  margin: 4px 0;
}

.my-maps-module__spacer--m6eFPvo7 {
  flex: 1;
}

.my-maps-module__link--rFv-WfuR {
  padding: 0;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.EditProfileModal-module__labelStyle--drSFa1vh {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

/** Makes the country dropdown button mimic appearance of input */
  .EditProfileModal-module__countryTrigger--CTWrlBv4 > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.profile-header-module__header--LnhExsaE {
  display: flex;
  margin-top: 66px;
  margin-bottom: 44px;
  -webkit-user-select: text;
          user-select: text;
}

  @media (max-width: 767.98px) {.profile-header-module__header--LnhExsaE {
    margin-top: 16px;
    margin-bottom: 16px
}
  }

.profile-header-module__headerCol1--k4IAOT17 {
  flex-direction: column;
  display: flex;
  align-items: center;
}

.profile-header-module__headerAvatar--9lBe6iPM {
  width: 106px;
  height: 106px;
  border-radius: 50%;
}

.profile-header-module__headerAvatarPlaceholder---MtREzrB {
  font-size: 106px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.profile-header-module__headerCol2--OY2aQj3c {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 38px;
  max-width: 500px;
}

.profile-header-module__title--uVEY-03X {
  font-family: var(--font-family-alt);
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
}

.profile-header-module__location--DLdFo5py {
  font-family: var(--font-family-alt);
  font-size: 16px;
  font-weight: bold;
  color: var(--color-accent);
}

.profile-header-module__subtitle--O9kt3if9 {
  opacity: 0.5;
  font-size: 16px;
  color: #ffffff;
}

.profile-header-module__headerButtons--aEmKOBAA,
.profile-header-module__headerButtonsMobile--IOaRwmJs {
  display: flex;
  flex-wrap: wrap;
}
  .profile-header-module__headerButtons--aEmKOBAA > *, .profile-header-module__headerButtonsMobile--IOaRwmJs > * {
    margin-right: 8px;
    margin-bottom: 16px;
  }
  @media (max-width: 767.98px) {

.profile-header-module__headerButtons--aEmKOBAA {
    display: none
}
  }
  @media (min-width: 768px) {

.profile-header-module__headerButtonsMobile--IOaRwmJs {
    display: none
}
  }

.profile-header-module__copyIcon--OXVT0nKD {
  font-size: 20px;
  margin-bottom: -5px;
  margin-top: -3px;
}

.profile-header-module__toolbar--3J5BC-ff {
  display: flex;
  min-height: 30px;
  justify-content: space-between;
  align-items: center;
  width: var(--thumbnail-grid-width);
  margin: 0 auto;
  font-size: 16px;
}

  .profile-header-module__toolbar--3J5BC-ff.profile-header-module__navHidden--jgUBFUAA {
    justify-content: flex-end;
  }

.profile-header-module__sortingAndFiltering--LzYddATd {
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.my-profile-module__container--FJkYmYpw {
  background-color: var(--color-page-background-dark);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  margin: 0 auto;
  max-width: 1600px;
}

  @media (max-width: 767.98px) {.my-profile-module__container--FJkYmYpw {
    margin-top: 16px
}
  }

.my-profile-module__sceneGridContainer--jH1OUr79 {
  width: 100%;
}

.my-profile-module__sceneGrid--KXyIOXWh {
  justify-content: flex-start;
}

.my-profile-module__noMapsContent--EdhWT2xC {
  font-size: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-profile-module__noMapsHeading--zPyw8dKa {
  color: var(--color-text-muted);
}

.my-profile-module__hiddenProfileUrlInput--Dv24MINd {
  opacity: 0;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.public-profile-module__loading--tAMpJYlB {
  font-size: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.public-profile-module__container--mTOhbDQy {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  margin: 0 auto;
  max-width: 1600px;
  background: var(--color-page-background-dark);
}
  @media (max-width: 767.98px) {

.public-profile-module__container--mTOhbDQy {
    margin-top: 16px
}
  }

.public-profile-module__sceneGridContainer--rWjLwNpg {
  width: 100%;
}

.public-profile-module__notFoundHeading--b-tj4GJ- {
  font-size: 32px;
}

.public-profile-module__infoBarRightItems--3mYzRalm {
  display: flex;
  align-items: center;
}

.public-profile-module__infoBarRightItem--68MAPCu0 {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.public-profile-module__noMapsContent--3swaD34N {
  font-size: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.public-profile-module__noMapsHeading--T3ntGXay {
  color: var(--color-text-muted);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.PublicMapPage-module__content--jPqq2loA {
  display: flex;
}

.PublicMapPage-module__previewImage--GsQNxQaE {
  cursor: zoom-in;
}

.PublicMapPage-module__col2--Bfg5yxrV {
  max-width: 400px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.TeamSettings-module__content--2X7PbLyR {
  margin: 40px auto 0;
  font-size: 14px;
  width: 100%;
  max-width: 880px;
}

  @media (max-width: 767.98px) {.TeamSettings-module__content--2X7PbLyR {
    margin: 0
}
  }

.TeamSettings-module__avatarSection---9OQol-- { 
  display: flex;
  align-items: center;
}

.TeamSettings-module__username--3gspcDhj {
  margin-left: 25px;
  font-family: Lusitana;
  font-size: 24px;
}

.TeamSettings-module__formSection--KjRNZstV {
  margin-top: 30px;
  padding: 25px 25px 30px 25px;
  width: 900px;
  height: 857px;
  background-color: var(--color-dark-500);
}

.TeamSettings-module__formFieldLabel--1WP42yxK {
  font-size: 16px;
  margin-bottom: 7px;
  font-weight: 600;
}

.TeamSettings-module__field--6c-WhXAH {
  margin-bottom: 30px;
  width: 400px;
}

.TeamSettings-module__textArea--BP0fgeb9 {
  margin-bottom: 30px;
}

.TeamSettings-module__socialLinksLabel--kBUdMwZ3 {
  font-size: 16px;
  margin-bottom: 11px;
  font-weight: 600;
}

.TeamSettings-module__socialsField--6foB6jZn {
  margin-bottom: 15px;
  width: 400px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.ViewMapFolderPage-module__mainContainer--PispFap1 {
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 0;
}

  @media (max-width: 859.98px) {.ViewMapFolderPage-module__mainContainer--PispFap1 {
    padding: 0
}
  }

.ViewMapFolderPage-module__contentContainer--Bgz2kczx {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 auto;
  max-width: 1600px;
}
    @media (min-width: 768px) {

  .ViewMapFolderPage-module__contentContainer--Bgz2kczx.ViewMapFolderPage-module__contentContainerToolbarFixed--5-sHhSxo {
      margin-top: 130px
  }
    }

.ViewMapFolderPage-module__navTitleBar--c3K9MT-a {
  font-size: 24px;
  display: flex;
  margin-top: 2px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ViewMapFolderPage-module__navBack--el1RoWuD {
  display: flex;
  align-items: center;
  color: var(--color-text-bright);
  padding-top: 1px;
  font-size: 16px;
}

  @media (min-width: 890px) {

.ViewMapFolderPage-module__navBack--el1RoWuD {
    width: 195px
}
  }

.ViewMapFolderPage-module__navBackIcon--s7kffMa9 {
  font-size: 38px;
}

.ViewMapFolderPage-module__title---oMdK063 {
  display: flex;
}

.ViewMapFolderPage-module__titleInput--83HIaa8- {
  border: none;
  background-color: inherit;
  color: white;
  outline: none;
  text-align: center;
  padding: 3px 10px;
  border-radius: 4px;
}

  @media (max-width: 767.98px) {

.ViewMapFolderPage-module__titleInput--83HIaa8- {
    max-width: 150px
}
  }

  .ViewMapFolderPage-module__titleInput--83HIaa8-:hover,
  .ViewMapFolderPage-module__titleInput--83HIaa8-:focus {
    background-color: var(--color-controls-background);
  }

.ViewMapFolderPage-module__titleUpdatedIcon--4jPWnmyo {
  color: var(--color-accent);
  font-size: 28px;
}

.ViewMapFolderPage-module__titleError--webjeRp1 {
  color: #ff6d71;
  font-size: 14px;
}

.ViewMapFolderPage-module__bulkMapsDropdown--GFKh26YC {
  width: 195px;
}

  @media (max-width: 767.98px) {

.ViewMapFolderPage-module__bulkMapsDropdown--GFKh26YC {
    width: 74px
}
  }

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

.ViewMapFolderPage-module__mobileBulkMapsDropdown--UeQJgkFf {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.ViewMapFolderPage-module__noMaps--rdKDFzCY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-text-bright);
  font-size: 14px;
  flex: 1;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AssetBrowser-module__toolbar--yWLMOmhI {
  max-width: 100%;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.BulkUploadScreen-module__modal--i1e0Ys4G {
  border-radius: 5px;
  border: none;
}

.BulkUploadScreen-module__modalContent--2HItjbBO {
  border-radius: 5px;
  border: none;
}

.BulkUploadScreen-module__modalBody--1bgcgKcI {
  font-size: 12px;
  padding: 0;
}

.BulkUploadScreen-module__itemSection--P-3Dnzov {
  padding-left: 20px;
}

.BulkUploadScreen-module__assetCount--4Q7RskQu {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  margin-left: 8px;
  color: var(--color-neutral-200);
  opacity: 0.35;
}

.BulkUploadScreen-module__assetCountWarning--o6S8eiD8 {
  font-size: 13px;
  color: var(--color-inkarnate-gold);
  opacity: 1;
}

.BulkUploadScreen-module__itemRow--hB6i9njC {
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
}

.BulkUploadScreen-module__titleRow--Rf9-Qkof {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.BulkUploadScreen-module__headerRow--8-3J-G3i {
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 11px 0;
}

.BulkUploadScreen-module__itemRowCol--0ngzmNmB {
  font-size: 13px;
  width: 210px;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
  .BulkUploadScreen-module__itemRowCol--0ngzmNmB.BulkUploadScreen-module__thumbnail--FL1tNVYC {
    width: 129px;
  }
  .BulkUploadScreen-module__itemRowCol--0ngzmNmB.BulkUploadScreen-module__fileName--ZsEc8CHT {
    width: 359px;
  }
  .BulkUploadScreen-module__itemRowCol--0ngzmNmB.BulkUploadScreen-module__contentCol--0uIykSzw {
    color: var(--color-neutral-200);
    opacity: 0.5;
  }
  .BulkUploadScreen-module__itemRowCol--0ngzmNmB.BulkUploadScreen-module__colButton--nu4Bxlfg {
    width: 38px;
    padding-right: 0;
    justify-content: flex-end;
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.BulkUploadFailureModal-module__modal--KRBJPvJl {
  border-radius: 5px;
  border: none;
}

.BulkUploadFailureModal-module__modalContent--PafKxweW {
  border-radius: 5px;
  border: none;
}
  .BulkUploadFailureModal-module__modalHeader--2N0riiNR h1 {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.5;
  }

.BulkUploadFailureModal-module__modalSearchBar--4ubcOxgz {
  padding: 20px;
  border-bottom: 1px solid #141414;
}

.BulkUploadFailureModal-module__searchInput--6j5B42E- {
  width: 325px;
}

.BulkUploadFailureModal-module__modalBody--5n6sPUKb {
  font-size: 12px;
  padding: 0;
}

.BulkUploadFailureModal-module__modalFooter--CRDbu-z5 {
  display: flex;
  justify-content: flex-end;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.am-clipboard-module__listWrapper--cTcK-HA- {
  overflow-y: overlay;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.FormFieldCollision-module__canvas--TSrRPr7W {
  cursor: default;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 20;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.PathAssetCreationInfoModal-module__modal--wQLN4S76 {
  max-width: 650px !important;
  max-height: 750px !important;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border-radius: 5px;
  border: none;
}

.PathAssetCreationInfoModal-module__creationInfo--Ty34-RWR {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 0.84;
  background: center / contain no-repeat url('/assets/stroke-creation-info-1-69-1.jpg')
}

.PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 {
  height: 100%;
  line-height: normal;
}

  .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 h2 {
    font-size: 16px;
    font-weight: 600;
  }

  .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 div, .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 li {
    font-size: 13px;
    font-weight: 400;
  }

  .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 li {
    margin-left: 6px;
  }

  .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 b {
    font-size: 13px;
    font-weight: 700;
  }

  .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 ol, .PathAssetCreationInfoModal-module__modalBody--2qSwr7k3 ul {
    padding-inline-start: 20px;
    margin-bottom: 30px;
  }

.PathAssetCreationInfoModal-module__footer--XliZFpid {
  height: 20px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.CreatePathAssetModal-module__modal--zM-QTZZp {
  border-radius: 5px;
  border: none;
}

.CreatePathAssetModal-module__modalContent--krymAx8Z {
  border-radius: 5px;
  border: none;
}

.CreatePathAssetModal-module__modalHeader--2Y0F7t65 {
  background: #1f1f1f;
}
  .CreatePathAssetModal-module__modalHeader--2Y0F7t65 h1 {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.5;
  }

.CreatePathAssetModal-module__modalBody--P21PXRV- {
  padding: 0;
  background-color: #292929;
  font-size: 12px;
}

.CreatePathAssetModal-module__modalFooter--H4h-n4hg {
  background-color: #292929;
  border-top: 1px solid #141414;
  padding: 15px 20px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.ReorderableList-module__cardText--A8eq4FKV {
  flex-grow: 1;
}

.ReorderableList-module__card--JpVqx49- {
  display: flex;
  align-items: center;
  padding: 2px 0.5rem;
  margin-bottom: 0.5rem;
  cursor: move;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.FormFieldAsset-module__wrapper--ITDsfx-x {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
  .FormFieldAsset-module__wrapper--ITDsfx-x.FormFieldAsset-module__disabled--TQKM0Tkr {
    filter: grayscale(100%) brightness(70%);
  }

.FormFieldAsset-module__search--3CZ7mECk {
  margin-left: 8px;
}

.FormFieldAsset-module__modalBody--VlX-ri34 {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.FormFieldAsset-module__label--ghNfjEnE {
  color: #ffffff;
}

.FormFieldAsset-module__toggleButton--033lwtSQ {
  color: var(--color-text-muted);
  background: var(--controls-bg-color);
  border: 1px solid var(--controls-border-color);
  width: 100px;
  height: 100px;
  padding: 0;
  text-align: center;
}

  .FormFieldAsset-module__toggleButton--033lwtSQ:hover {
    border-color: var(--controls-border-color-hover);
    background: var(--controls-bg-color-hover);
  }

.FormFieldAsset-module__toggleButtonDisabled--fiSrieE1 {
  cursor: default;
}

.FormFieldAsset-module__selectedImage--qQkuAUU4 {
  width: 98px;
  height: 98px;
  object-fit: contain;
}

.FormFieldAsset-module__error--pw-wNwVL {
  font-size: 14px;
  color: #ef1f24;
}

.FormFieldAsset-module__assetGridAutoSizerWrapper--cJ89-H35 {
  flex: 1;
  background: var(--color-neutral-900);
  padding: 20px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.edit-scene-style-form-module__formLayout--iGlcld-n {
  max-width: 1400px;
}

.edit-scene-style-form-module__cols--n6psYIdv {
  display: flex;
  flex-wrap: wrap;

  flex-direction: row;
}

  @media (max-width: 859.98px) {

.edit-scene-style-form-module__cols--n6psYIdv {
    flex-direction: column
}
  }

.edit-scene-style-form-module__cols12--6koYJiJ- {
  flex: 1;
  display: flex;
  flex-direction: row;
}

  @media (max-width: 859.98px) {

.edit-scene-style-form-module__cols12--6koYJiJ- {
    flex-direction: column;
    max-width: 340px
}
  }

.edit-scene-style-form-module__col1--QgzbKgka {
  padding: 5px;
  flex: 1;
  max-width: 340px;
  min-width: 300px;
  margin-right: 30px;
}

  @media (max-width: 859.98px) {

.edit-scene-style-form-module__col1--QgzbKgka {
    margin-right: 0;
    margin-bottom: 20px
}
  }

.edit-scene-style-form-module__col2--M32-LKbj {
  padding: 5px;
  flex: 1;
  max-width: 520px;

  margin-right: 30px;
}
  @media (max-width: 859.98px) {

.edit-scene-style-form-module__col2--M32-LKbj {
    margin-right: 0;
    margin-bottom: 20px
}
  }

.edit-scene-style-form-module__col3--k6K5CMy6 {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  max-width: 300px;
}

.edit-scene-style-form-module__defaults--OK6-l-WP {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

  .edit-scene-style-form-module__defaults--OK6-l-WP > * {
    margin-right: 5px;
    margin-bottom: 5px;
  }

.edit-scene-style-form-module__mapIdRow---YzGGpbN {
  display: flex;
  align-items: center;
  max-width: 400px;
}

.edit-scene-style-form-module__mapIdInput--8cen5ofO {
  flex: 1;
}

.edit-scene-style-form-module__maskEffectPresetsBtn--muP7fxgL {
  font-size: 20px;
  padding: 8px 2px;
}

.edit-scene-style-form-module__warning--sVbc53bs {
  display: flex;
  color: orange;
}

.edit-scene-style-form-module__maskEffectPresetRow--IzOw-UR2 {
  display: flex;
  flex-direction: row;
}

.edit-scene-style-form-module__maskEffectPresetTitle--7lNU4hhJ {
  max-width: 300px;
  width: 100%;
}

.edit-scene-style-form-module__maskEffectPresetDefault--vG1cZLfg {
  padding: 2px;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #ddd;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.edit-scene-style-form-module__maskEffectFieldCombo--TVvPJo0z {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 252px;
}

.edit-scene-style-form-module__maskEffectRippleColor--OA-J7dSZ {
  display: inline-block;
}

.edit-scene-style-form-module__addExampleButton--1K-ZHQ2e {
  margin-left: 43px;
}

.edit-scene-style-form-module__addExampleIconContainer--I8cgsoXo {
  width: 55px;
  height: 41px;
}

.edit-scene-style-form-module__addExampleText--svExOPe7 {
  margin-left: 20px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
.full-height-no-scroll {
  height: 100vh;
  overflow: hidden;
}
@layer modules {.MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs- {
  aspect-ratio: 1/1;
  border-radius: 5px;
  overflow: hidden;
}

  .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs-.MarketplaceProductImagesField-module__empty--eC6EnMun {
    border: 1px solid var(--color-neutral-200);
    opacity: 0.35;
  }
  .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs-.MarketplaceProductImagesField-module__addImage--QA7WkeSg {
    cursor: pointer;
    background: var(--color-neutral-700);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-neutral-200);
    transition: 0.2s background ease;
  }
    .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs-.MarketplaceProductImagesField-module__addImage--QA7WkeSg:hover {
      background: var(--color-neutral-600);
    }
  .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs-.MarketplaceProductImagesField-module__error--8B665xkE {
    border: 1px solid var(--color-reds-signal);
  }
  .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs- button {
    opacity: 0;
  }
  .MarketplaceProductImagesField-module__thumbnailWrapper--lQzzjfs-:hover button {
    opacity: 1;
    animation: MarketplaceProductImagesField-module__fadeIn--VW-D82ft 0.2s;
  }

.MarketplaceProductImagesField-module__imageConstraints--NcfVxGuB {
  color: var(--color-neutral-200);
  opacity: 0.5;
}
  .MarketplaceProductImagesField-module__imageConstraints--NcfVxGuB .MarketplaceProductImagesField-module__imageConstraint--Avs5nck2 {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }
    .MarketplaceProductImagesField-module__imageConstraints--NcfVxGuB .MarketplaceProductImagesField-module__imageConstraint--Avs5nck2 .MarketplaceProductImagesField-module__columnName--fmrmy91F {
      width: 103px;
      margin-right: 10px;
    }

@keyframes MarketplaceProductImagesField-module__fadeIn--VW-D82ft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.Footer-module__footer--vvO60o1s {
  background: #fff;
}

.Footer-module__footerInner--FJ1NFfAO {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

  @media (max-width: 1023px) {

.Footer-module__footerInner--FJ1NFfAO {
    padding-top: 30px;
    padding-bottom: 20px
}
  }

  @media (max-width: 767px) {

.Footer-module__footerInner--FJ1NFfAO {
    padding-left: 10px;
    padding-right: 10px
}
  }

.Footer-module__footerSocialLinks--HNLbdi-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

  .Footer-module__footerSocialLinks--HNLbdi-5 a {
    position: relative;
    display: flex;
    align-items: center;

    font-family: 'Quattrocento';
    font-size: 20px;
    color: var(--color-site-dark-text);
  }

    .Footer-module__footerSocialLinks--HNLbdi-5 a:hover {
      color: var(--color-accent);
    }

    .Footer-module__footerSocialLinks--HNLbdi-5 a {

    padding: 5px 10px;
}

    .Footer-module__footerSocialLinks--HNLbdi-5 a:last-of-type {
      margin-right: 0;
    }

      .Footer-module__footerSocialLinks--HNLbdi-5 a:last-of-type::before {
        display: none;
      }

    .Footer-module__footerSocialLinks--HNLbdi-5 a svg {
      width: 24px;
      height: 24px;
      margin-right: 6px;
    }

    .Footer-module__footerSocialLinks--HNLbdi-5 a {

    cursor: pointer;
}

    .Footer-module__footerSocialLinks--HNLbdi-5 a:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

    @media (max-width: 1023px) {

  .Footer-module__footerSocialLinks--HNLbdi-5 a {
      font-size: 16px
  }
    }

    @media (max-width: 767px) {

  .Footer-module__footerSocialLinks--HNLbdi-5 a {
      font-size: 0
  }

      .Footer-module__footerSocialLinks--HNLbdi-5 a svg {
        margin-right: 0;
        padding: 5px;
        box-sizing: content-box;
        width: 30px;
        height: 30px;
      }
    }

.Footer-module__footerCopyrightLinks--1vekhN4K {
  display: flex;
  margin-bottom: 60px;
}

  .Footer-module__footerCopyrightLinks--1vekhN4K a {
    position: relative;
    font-family: 'Quattrocento';
    font-size: 16px;
    color: var(--color-site-dark-text);
    margin-right: 21px;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
  }

    .Footer-module__footerCopyrightLinks--1vekhN4K a::before {
      position: absolute;
      content: '';
      right: -12px;
      top: 0;
      width: 1px;
      height: 20px;
      background-color: var(--color-site-dark-text);
    }

    .Footer-module__footerCopyrightLinks--1vekhN4K a:last-of-type {
      margin-right: 0;
    }

      .Footer-module__footerCopyrightLinks--1vekhN4K a:last-of-type::before {
        display: none;
      }

    .Footer-module__footerCopyrightLinks--1vekhN4K a {

    cursor: pointer;
}

    .Footer-module__footerCopyrightLinks--1vekhN4K a:hover {
      border-color: var(--color-site-dark-text);
    }

    @media (max-width: 1023px) {

  .Footer-module__footerCopyrightLinks--1vekhN4K a {
      font-size: 18px;
      padding: 10px 0
  }

      .Footer-module__footerCopyrightLinks--1vekhN4K a::before {
        display: none;
      }
    }

  @media (max-width: 600px) {

.Footer-module__footerCopyrightLinks--1vekhN4K {
    flex-direction: column;
    align-items: center
}

    .Footer-module__footerCopyrightLinks--1vekhN4K a {
      font-size: 16px;
      margin-right: 0;
      margin-bottom: 5px;
    }

      .Footer-module__footerCopyrightLinks--1vekhN4K a::before {
        display: none;
      }
  }

.Footer-module__footerContactEmail--8NRLqHQZ {
  margin: -10px 0 40px;
  color: var(--color-site-dark-text);
  font-family: 'Quattrocento';
  font-size: 18px;
}

  .Footer-module__footerContactEmail--8NRLqHQZ a {
    color: var(--color-site-dark-text);
    border-bottom: 1px solid transparent;
  }
    .Footer-module__footerContactEmail--8NRLqHQZ a:hover {
      color: var(--color-accent);
      border-color: var(--color-site-dark-text);
    }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.Header-module__header--h93ZRxah {
  background: var(--color-site-dark);
}

  .Header-module__header--h93ZRxah.Header-module__pinned--qzgr7TWw {
    position: fixed;
    top: 0;
    width: 100%;
  }

.Header-module__disableScroll--Yc1oYOp1 {
  overflow-y: hidden;
}

.Header-module__mobileBgBlock--vIYn6W0r {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.Header-module__headerWrapper--REdOe3Bd {
  position: relative;
  z-index: 100000;

  padding: 0 50px;
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  align-items: center;

  font-size: 40px;
}

  @media (max-width: 1023px) {

.Header-module__headerWrapper--REdOe3Bd {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px
}
  }

  @media (max-width: 767px) {

.Header-module__headerWrapper--REdOe3Bd {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}
  }

.Header-module__menuBtn--48VL-0Sb {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  padding: 10px;
  font-size: 40px;

  margin-top: -10px;
  margin-bottom: -10px;

  align-items: center;
  justify-content: center;
  margin-left: auto;

  display: none;
}
    .Header-module__menuBtn--48VL-0Sb:hover .Header-module__menuBtnIcon--TeVHAUKl {
      color: var(--color-accent);
    }

  .Header-module__menuBtn--48VL-0Sb .Header-module__menuBtnIcon--TeVHAUKl {
    color: white;
  }

  @media (max-width: 1023px) {

.Header-module__menuBtn--48VL-0Sb {
    display: block
}
  }

.Header-module__headerLogoLink--GFRyE2mr {
  padding-right: 20px;
  margin-right: 15px;
  border-right: 1px solid #fff3;
}

  @media (max-width: 1023px) {

.Header-module__headerLogoLink--GFRyE2mr {
    border-right: none
}
  }

.Header-module__headerLinks--98u4xV09 {
  display: flex;
  flex: 1;
}

  @media (max-width: 1023px) {

.Header-module__headerLinks--98u4xV09 {
    position: absolute;
    right: 0;
    top: 60px;
    width: 100%;

    flex-direction: column;
    background: var(--color-site-dark);
    padding: 20px;
    padding-left: 40px;
    border-bottom: 5px solid var(--color-accent)
}

    .Header-module__headerLinks--98u4xV09.Header-module__mobileMenuClosed---THessvj {
      display: none;
    }
  }

  @media (max-width: 767px) {

.Header-module__headerLinks--98u4xV09 {
    padding-left: 10px
}
  }

.Header-module__headerLink--OVMM7tcY {
  display: inline-flex;
  align-items: center;
  padding: 32px 15px 26px;
}
  @media (max-width: 1023px) {

.Header-module__headerLink--OVMM7tcY {
    padding: 15px
}
  }
  .Header-module__headerLink--OVMM7tcY {
  margin-right: 10px;
  color: white;
  font-family: var(--font-main);
  font-size: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;

  cursor: pointer;
}

  @media (max-width: 1279px) {

.Header-module__headerLink--OVMM7tcY {
    padding: 32px 5px 26px;
    font-size: 14px
}
  }
  @media (max-width: 1023px) {

.Header-module__headerLink--OVMM7tcY {
    padding: 15px 15px;
    font-size: 14px
}
  }

  .Header-module__headerLink--OVMM7tcY:hover {
    color: var(--color-accent);
  }

  .Header-module__headerLink--OVMM7tcY.Header-module__active--HHf7L8qz {
    color: var(--color-accent);
  }
    @media (max-width: 1023px) {

  .Header-module__headerLink--OVMM7tcY.Header-module__accentLink--gXtMc-n7 {
      color: var(--color-accent)
  }
    }

.Header-module__rightLink--8ITq9m4e {
  margin-left: auto;
}

  @media (max-width: 1023px) {

.Header-module__rightLink--8ITq9m4e {
    margin-left: 0;
    border-top: 1px solid #fff3
}

    .Header-module__rightLink--8ITq9m4e .icon {
      display: none;
    }
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.LandingLayout-module__landingLayout--N9UNT-Fr {
  color: white;
  width: 100%;
  overflow-x: hidden;
}

  .LandingLayout-module__landingLayout--N9UNT-Fr h1,
  .LandingLayout-module__landingLayout--N9UNT-Fr h2,
  .LandingLayout-module__landingLayout--N9UNT-Fr h3,
  .LandingLayout-module__landingLayout--N9UNT-Fr h4,
  .LandingLayout-module__landingLayout--N9UNT-Fr h5,
  .LandingLayout-module__landingLayout--N9UNT-Fr h6 {
    font-family: var(--font-additional);
  }

  .LandingLayout-module__landingLayout--N9UNT-Fr h1 {
    font-size: 50px;
  }

  .LandingLayout-module__landingLayout--N9UNT-Fr {

  background-image: url('/assets/dice-bg-1-69-1.svg');
  background-size: 700px;
  background-position-x: -20%;
  background-position-y: 122%;
  background-repeat: no-repeat;
}

.LandingLayout-module__main--Xup-bLB0 {
  min-height: 100vh;
}

.LandingLayout-module__cookieConsent---lTBB9Ox {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-color: black;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

  @media (max-width: 767px) {

.LandingLayout-module__cookieConsent---lTBB9Ox {
    padding: 8px;
    font-size: 13px;
    line-height: 15px
}
  }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.SitePageLayout-module__header--Dkp7jR2i {
  background-color: var(--color-site-dark);
  position: relative;
  z-index: 1;
}

  .SitePageLayout-module__header--Dkp7jR2i::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    height: calc(100% + 70px);
    width: 100%;
    background: radial-gradient(
      ellipse at center,
      var(--color-site-dark) 0,
      var(--color-site-dark) 60%,
      transparent 60%,
      transparent 100%
    );
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 200vw;
    background-position-x: center;
  }

    @media (max-width: 767px) {

  .SitePageLayout-module__header--Dkp7jR2i::before {
      background-size: 300vw
  }
    }

  .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb {
    width: 100%;
    margin: 0 auto;
    max-width: 590px;
    padding: 0 20px;

    color: #fff;

    padding-top: 80px;

    text-align: center;
  }

    @media (max-width: 1023px) {

  .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb {
      padding-top: 60px
  }
    }
    @media (max-width: 767px) {

  .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb {
      padding-top: 40px
  }
    }

    .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb h1 {
      margin-top: 0;
      margin-bottom: 22px;
      font-size: 80px;
    }

      @media (max-width: 767px) {

    .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb h1 {
        font-size: 60px
    }
      }

    .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb p {
      margin: 0 auto;
      max-width: 480px;
      font-size: 18px;
      line-height: 1.89;
      margin-bottom: 70px;
    }

      @media (max-width: 767px) {

    .SitePageLayout-module__header--Dkp7jR2i .SitePageLayout-module__headerInner--JECsK4Wb p {
        font-size: 16px
    }
      }

.SitePageLayout-module__contentContainer--dt5O6vIV {
  min-height: 100vh;
  width: 100%;
  background: #f9f9fa;
  padding-bottom: 70px;
  margin-top: -200px;
}

  .SitePageLayout-module__contentContainer--dt5O6vIV.SitePageLayout-module__noHeader--G4yokIss {
    padding-top: 140px;
    margin-top: 0;
  }

    .SitePageLayout-module__contentContainer--dt5O6vIV.SitePageLayout-module__noHeader--G4yokIss .SitePageLayout-module__contentContainerInner--2hD8TXai {
      padding-top: 50px;
    }

    @media (max-width: 1023px) {

  .SitePageLayout-module__contentContainer--dt5O6vIV.SitePageLayout-module__noHeader--G4yokIss {
      background: #fff;
      padding-top: 0;
      padding-bottom: 0
  }
    }

  .SitePageLayout-module__contentContainer--dt5O6vIV .SitePageLayout-module__contentContainerInner--2hD8TXai {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 190px 155px 80px;
  }

    @media (max-width: 1023px) {

  .SitePageLayout-module__contentContainer--dt5O6vIV .SitePageLayout-module__contentContainerInner--2hD8TXai {
      padding: 220px 30px 80px
  }
    }

    .SitePageLayout-module__contentContainer--dt5O6vIV .SitePageLayout-module__contentContainerInner--2hD8TXai {

    background: white;

    color: var(--color-site-dark-text);
}

    .SitePageLayout-module__contentContainer--dt5O6vIV .SitePageLayout-module__contentContainerInner--2hD8TXai section {
      margin-bottom: 60px;
      font-size: 16px;
      line-height: 1.6;
    }

      .SitePageLayout-module__contentContainer--dt5O6vIV .SitePageLayout-module__contentContainerInner--2hD8TXai section h1 {
        font-size: 40px;
        font-weight: bold;
      }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.AuthFormLayout-module__title--vWwVEa9- {
  padding-top: 10px;
}
    @media (max-height: 768px) {
  .AuthFormLayout-module__title--vWwVEa9- h1 {
      margin-top: 0
  }
    }

.AuthFormLayout-module__container--xmQjIWUY {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

  @media (max-width: 1023px) {

.AuthFormLayout-module__container--xmQjIWUY {
    background-color: var(--color-site-dark);
    background-image: url('/assets/auth-bg-1-69-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
  }

  @media (max-height: 600px) {

.AuthFormLayout-module__container--xmQjIWUY {
    background-image: url('/assets/auth-bg@0.5x-1-69-1.jpg')
}
  }

.AuthFormLayout-module__background--BYE6LIiT {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

  @media (min-width: 1024px) {

.AuthFormLayout-module__background--BYE6LIiT {
    flex: 1;
    background-color: #000;
    background-image: url('/assets/auth-bg-1-69-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    .AuthFormLayout-module__background--BYE6LIiT::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
    }
  }

.AuthFormLayout-module__contentContainer--MqPVvWvz {
  position: relative;
  z-index: 2;

  background-color: #0005;
}

  @media (min-width: 1024px) {

.AuthFormLayout-module__contentContainer--MqPVvWvz {
    max-width: 500px;
    margin-right: auto;
    background-color: var(--color-site-dark)
}
  }

  @media (min-width: 1024px) {

.AuthFormLayout-module__contentContainer--MqPVvWvz {
    background-image: url('/assets/dice-bg-1-69-1.svg');
    background-size: 500px;
    background-position-x: -20%;
    background-position-y: 122%;
    background-repeat: no-repeat
}
  }

  .AuthFormLayout-module__contentContainer--MqPVvWvz {

  width: 100%;
  height: 100vh;

  overflow-y: auto;
}

  .AuthFormLayout-module__contentContainer--MqPVvWvz::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.15);
  }

  .AuthFormLayout-module__contentContainer--MqPVvWvz::-webkit-scrollbar {
    width: 12px;
    background: rgba(255, 255, 255, 0.3);
  }

  .AuthFormLayout-module__contentContainer--MqPVvWvz::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.6);
    visibility: visible;
  }

  .AuthFormLayout-module__contentContainer--MqPVvWvz {

  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1);
}

  .AuthFormLayout-module__contentContainer--MqPVvWvz h1,
  .AuthFormLayout-module__contentContainer--MqPVvWvz h2,
  .AuthFormLayout-module__contentContainer--MqPVvWvz h3,
  .AuthFormLayout-module__contentContainer--MqPVvWvz h4,
  .AuthFormLayout-module__contentContainer--MqPVvWvz h5,
  .AuthFormLayout-module__contentContainer--MqPVvWvz h6 {
    font-family: var(--font-additional);
    font-weight: normal;
  }

  .AuthFormLayout-module__contentContainer--MqPVvWvz h1 {
    font-size: 32px;
  }

.AuthFormLayout-module__emailDelayWarning--herkIq1R {
  padding: 16px 32px;
  font-style: italic;

  margin-left: auto;
  margin-right: auto;
  max-width: 700px;

  background-color: var(--color-site-dark);
  background-image: url('/assets/dice-bg-1-69-1.svg');
  background-position-x: 0%;
  background-position-y: 20%;
  background-repeat: no-repeat;
}

  @media (max-width: 1023px) {

.AuthFormLayout-module__emailDelayWarning--herkIq1R {
    display: none
}
  }

  .AuthFormLayout-module__emailDelayWarning--herkIq1R p {
    line-height: 28px;
  }

.AuthFormLayout-module__emailDelayWarningMobile--GyJpFwyp {
  font-style: italic;
}

  @media (min-width: 1024px) {

.AuthFormLayout-module__emailDelayWarningMobile--GyJpFwyp {
    display: none
}
  }

.AuthFormLayout-module__backLink--2JlylYMZ {
  color: white;
  text-transform: uppercase;
  padding: 20px 20px 20px 0;
  display: inline-flex;
  align-items: center;
}

.AuthFormLayout-module__content--dvCiz3YC {
  width: 100%;
  max-width: 500px;
  padding-bottom: 30px;
  margin: 20px auto;
}

  @media (max-width: 1023px) {

.AuthFormLayout-module__content--dvCiz3YC {
    background-color: #000a;
}
  }

  @media (min-width: 1024px) {

.AuthFormLayout-module__content--dvCiz3YC {
    max-width: 400px;
    margin-left: 40px;
}

    @media (min-height: 768px) {

.AuthFormLayout-module__content--dvCiz3YC {
      padding-top: 20px;
}
    }
  }

  .AuthFormLayout-module__content--dvCiz3YC {
  padding-left: 15px;
  padding-right: 15px;

  color: #fff;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {/* /Users/dmitru/work/ink/inkarnate-web/packages/app-web/src/modules/site/pages/auth/ConfirmPage/ConfirmPage.module.css styles *//* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.SignupTabLinks-module__tabLinks--DD58PnUw {
  margin-top: 30px;
  border-bottom: 2px solid #fff3;
  margin-bottom: 20px;
}

  @media (max-width: 1023px) {.SignupTabLinks-module__tabLinks--DD58PnUw {
    margin-top: 20px
}
  }

  @media (max-height: 768px) {.SignupTabLinks-module__tabLinks--DD58PnUw {
    margin-top: 0
}
  }

  @media (max-height: 848px) {.SignupTabLinks-module__tabLinks--DD58PnUw {
    margin-top: 0
}
  }

.SignupTabLinks-module__tabLink--9oes-wm7 {
  text-transform: capitalize;
  font-size: 20px;
  display: inline-block;
  padding: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;

  color: white;
}

  @media (max-height: 848px) {

.SignupTabLinks-module__tabLink--9oes-wm7 {
    padding: 10px 20px
}
  }

  .SignupTabLinks-module__tabLink--9oes-wm7.SignupTabLinks-module__active--Z7-WoQgU {
    position: relative;
    color: var(--color-accent);
  }

    .SignupTabLinks-module__tabLink--9oes-wm7.SignupTabLinks-module__active--Z7-WoQgU::after {
      content: '';
      display: block;
      position: absolute;
      height: 2px;
      left: 0;
      bottom: -2px;
      width: 100%;
      background: var(--color-accent);
    }

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.LoginPage-module__forgotPasswordLink--028Dmiea {
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
  text-align: right;
  color: white;
}

.LoginPage-module__socialAuthFailedModal--W4QLClUI {
  max-width: 325px !important;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.TurnstileModal-module__modalOverlay--44AP-sAU {
    z-index: 1999999999 !important;
}

.TurnstileModal-module__modalBody--4o-UW99y {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px;
}

.TurnstileModal-module__modalLayout--ssgQd0IC {
    display: flex;
    flex-direction: column;
}

.TurnstileModal-module__modalFooterText--mk7tMfuz {
    font-size: .75em;
    color: var(--color-golden-yellow);
    text-align: center;
}

.TurnstileModal-module__captchaContainer--x5FtJbJP {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.RecaptchaModal-module__modalOverlay--F2BOPZao {
    z-index: 1999999999 !important;
}

.RecaptchaModal-module__modalBody--BAZQNhZy {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px;
}

.RecaptchaModal-module__modalLayout--5OYNK0kM {
    display: flex;
    flex-direction: column;
}

.RecaptchaModal-module__modalFooterText---wC0d--8 {
    font-size: .75em;
    color: var(--color-golden-yellow);
    text-align: center;
}

.RecaptchaModal-module__captchaContainer--OVXnknVp {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {/* /Users/dmitru/work/ink/inkarnate-web/packages/app-web/src/modules/site/pages/auth/RecoverPasswordPage/RecoverPasswordPage.module.css styles *//* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer modules {.ThirdPartyAuthConsentModal-module__modalOverlay--cYAGHuBz {
    z-index: 2000000102 !important;
}

.ThirdPartyAuthConsentModal-module__modalBody--3bGNt6PR {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px;
}

.ThirdPartyAuthConsentModal-module__modalLayout--kiIR24T0 {
    display: flex;
    flex-direction: column;
}

.ThirdPartyAuthConsentModal-module__modalFooterText--KwtdnN3o {
    font-size: .75em;
    color: var(--color-golden-yellow);
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {
  @media (max-height: 848px) {.SignupPage-module__welcome--Zx67XQa0 {
    margin: 0
}
  }
  @media (max-height: 848px) {

.SignupPage-module__signupButton--nbPDO-Cg {
    padding-top: 12px;
    padding-bottom: 12px
}
  }

.SignupPage-module__socialOrEmail--iqT3JrjU {
  margin-top: 16px;
  margin-bottom: 16px;
}

  @media (max-height: 848px) {

.SignupPage-module__socialOrEmail--iqT3JrjU {
    margin-top: 12px;
    margin-bottom: 12px
}
  }

.SignupPage-module__ageRequirement--NBj9uNBg {
  color: var(--color-text-primary) !important;
}

.SignupPage-module__promoCodeButton--EOzxfhXs {
  color: var(--color-golden-yellow);
  font-size: 90%;
}

.SignupPage-module__promoCodeButton--EOzxfhXs:hover {
  color: #ffd17e;
  cursor: pointer;
}

.SignupPage-module__promoCode--MIo1JVDI {
  overflow: hidden;
}

.SignupPage-module__promoCodeAnimated--KNVNHZ5Z {
  transition: height .2s;
}

.SignupPage-module__promoCodeClosed--dGWc5sl- {
  min-height: 0;
  height: 0;
}

.SignupPage-module__promoCodeOpen--7prjsK4J {
  margin-top: 15px;
  height: 40px;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {
  @media (max-height: 848px) {.WelcomePage-module__welcome--wEzz9wY- {
    margin: 0
}
  }

.WelcomePage-module__confirmation--ApvkzOe9 {
  color: #e3d7ba;
  font-size: 13px;
  margin: calc(var(--margin)*25);
  text-align: center;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
@layer modules {.CannyAuthPage-module__modalOverlay--zZoJBH1- {
  background-color: #000;
}/* Custom Media Queries for PostCSS *//* Breakpoints for the landing page */
}
@layer global-styles {/* UIKit CSS Entry Point
 * Import this file in your app to get all UIKit CSS variables and global styles
 * Example: import '@ink/uikit/src/styles/index.css';
 */

/* CSS Variables for colors used across UIKit components */

/* UIKit Color Variables
 * These colors are used by UIKit components
 * You can override these in your app by redefining them
 */

:root {
  /* Neutral colors - grayscale palette */
  --color-neutral-white: #ffffff;
  --color-neutral-100: #f7f7f7;
  --color-neutral-200: #dddddd;
  --color-neutral-300: #acacac;
  --color-neutral-400: #7a7a7a;
  --color-neutral-500: #464646;
  --color-neutral-600: #363636;
  --color-neutral-700: #292929;
  --color-neutral-800: #1f1f1f;
  --color-neutral-900: #141414;
  --color-neutral-950: #0c0c0c;
  --color-white: #ffffff;

  --color-gray-black: #000002;
  --color-gray-100: #f5f5f7;
  --color-gray-300: #acacae;
  --color-gray-700: #29292b;
  --color-gray-800: #1e1e20;
  --color-gray-900: #141416;
  /* Neon colors */
  --color-neon-green: #aeff35;
  --color-neon-beige: #c8c394;
  --color-neon-orange: #F1AA68;
  --color-neon-pink: #fb2874;
  --color-neon-purple: #b185ff;
  --color-neon-blue: #2196ff;
  --color-neon-teal: #66e9ef;
  --color-neon-blue: #00b4c0;
  --color-neon-mint: #00ffc2;
  --color-neon-mint-muted: #00ffc24d;
  --color-neutral-white: #ffffff;

  /* Primary brand colors */
  --color-inkarnate-gold: rgb(255, 204, 90);
  --color-inkarnate-gold-hover: #ffe5ab;
  --color-inkarnate-gold-muted: #ffe2a2;
  --color-inkarnate-gold-pressed: #ffeec9;

  /* Semantic colors */
  --color-danger: #a43a3a;
  --color-danger-hover: #cf5e5e;
  --color-danger-pressed: #e56e6e;
  --color-error: #a43a3a;

  /* Component-specific colors */
  --color-inactiveContent: #d2c4a6;
  --color-buttonActiveHover: #ffe2a2;
  --color-buttonActivePressed: #ffeec9;
  --color-beige: #d2c4a6;
  --color-teal: #259099;
  --color-golden-yellow: #ffca5a;
  --color-inkarnate-gold: rgb(255, 204, 90);
  --color-inkarnate-gold-hex: #ffcc5a;
  --color-inkarnate-gold-hover: #ffe5ab;
  --color-accent: var(--color-inkarnate-gold);
  --color-accent-hover: var(--color-inkarnate-gold-hover);
  --color-error: #a43a3a;
  --color-light-error: #ff6d71;
  --color-ocean-blue-dark: #2970b3;
  --color-ocean-blue: #4d93d6;
  --color-blue-deep: #0d0c43;
  --color-reds-signal: #db0000;

  /* Text colors */
  --color-text-primary: #dcdcdb;
  --color-text-primary-muted: #dcdcdb80;
  --color-text-soft: var(--color-beige);
  --color-text-muted: #888;
  --color-text-bright: #ffffff;
  --color-text-muted-bright: #ddd;

  /* Utility colors */
  --color-grayscale-white-5: rgba(255, 255, 255, 0.05);
}

/* CSS Variables for spacing, fonts, and other design tokens */

/* UIKit CSS Variables
 * Design tokens and variables used by UIKit components
 */

:root {
  /* Font Families */
  --font-family-primary: 'Inter', 'Open Sans', 'sans-serif';
  --font-main: 'Inter', 'Open Sans', 'Arial', sans-serif;

  /* Font Sizes used by UIKit components */
  --font-size-xxs: 12px;
  --font-size-xs: 13px;
  --font-size-sm: 16px;
  --font-size-md: 18px;
  --font-size-lg: 24px;

  /* Spacing values */
  --spacing-xs: 5px;
  --spacing-sm: 8px;
  --spacing-md: 13px;
  --spacing-lg: 17px;
  --spacing-xl: 20px;

  /* Control dimensions */
  --controls-height: 32px;

  /* Border and shadow styles */
  --controls-border-color: rgba(255, 255, 255, 0.1);
  --controls-border-color-hover: rgba(255, 255, 255, 0.15);
  --controls-shadow: none;
  --controls-bg-color: rgba(255, 255, 255, 0.15);
  --controls-bg-color-hover: rgba(255, 255, 255, 0.2);

  /* Text colors for form controls */
  --controls-text: #dcdcdb;
  --controls-placeholder-text: #dcdcdb7a;

  /* Standard opacity values */
  --opacity-muted: 0.5;
  --opacity-background: 0.3;
}

/* Global styles and resets specific to UIKit components */

/* UIKit Global Styles - These are scoped to UIKit components only */

/* The consuming app should have its own global styles */

/* Reusable scrollbar utility classes */

.hide-scrollbars {

  /* Hide scrollbar for IE, Edge and Firefox */ /* IE and Edge */ /* Firefox */
}
  .hide-scrollbars::-webkit-scrollbar {
    display: none;
  }
  .hide-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
  .nice-scrollbars::-webkit-scrollbar-track {
    background-color: transparent !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
    background-color: transparent !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    background: transparent !important;
    visibility: visible !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars::-webkit-scrollbar-corner {
    display: none !important;
  }
    .nice-scrollbars:hover::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, transparent 0%) !important;
    }
    .nice-scrollbars:hover::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(to bottom, transparent 0%) !important;
    }
    .nice-scrollbars:hover::-webkit-scrollbar {
      width: 7px !important;
      height: 7px !important;
      background: transparent !important;
    }

    .nice-scrollbars:hover::-webkit-scrollbar-thumb {
      border-radius: 4px !important;
      background: #363636 !important;
      visibility: visible !important;
    }

.nice-scrollbars-show-on-hover {
  scrollbar-width: thin !important; /* Firefox */
  scrollbar-color: transparent transparent !important;
}

  .nice-scrollbars-show-on-hover::-webkit-scrollbar-track {
    background-color: transparent !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars-show-on-hover::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
    background-color: transparent !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars-show-on-hover::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    background: transparent !important;
    visibility: visible !important;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
  }

  .nice-scrollbars-show-on-hover::-webkit-scrollbar-corner {
    display: none !important;
  }

  .nice-scrollbars-show-on-hover:hover {
    scrollbar-color: #363636 transparent !important;
  }

    .nice-scrollbars-show-on-hover:hover::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, transparent 0%) !important;
    }
    .nice-scrollbars-show-on-hover:hover::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(to bottom, transparent 0%) !important;
    }
    .nice-scrollbars-show-on-hover:hover::-webkit-scrollbar {
      width: 7px !important;
      height: 7px !important;
      background: transparent !important;
    }

    .nice-scrollbars-show-on-hover:hover::-webkit-scrollbar-thumb {
      border-radius: 4px !important;
      background: #363636 !important;
      visibility: visible !important;
    }

/* Cursor styles used by UIKit interactive components */
  body.cursor-slider-drag-h,
  body.cursor-slider-drag-h * {
    cursor: ew-resize !important;
  }
  body.cursor-slider-drag-v,
  body.cursor-slider-drag-v * {
    cursor: ns-resize !important;
  }

/* Swiper styles for Carousel component */

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 27px;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: -22px;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}
/* CSS imports - all assigned to appropriate layers */

@layer reset {

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
}/* @import 'tailwindcss/preflight.css' layer(reset); */

@layer global-styles {
/* Custom Media Queries for PostCSS */

/* Breakpoints for the landing page */
}

@layer global-styles {
/* postcss-preset-env custom variables */

/* Breakpoints for the landing page */

/** 
These values will not show up in content, but can be queried by JavaScript 
to know which breakpoint is active. 

This approach is based on https://gomakethings.com/the-easy-way-to-manage-css-breakpoints-in-javascript/
*/

body:before {
  content: 'xs';
  display: none;
  visibility: hidden;
}

@media (min-width: 576px) {
  body:before {
    content: 'sm';
  }
}

@media (min-width: 768px) {
  body:before {
    content: 'md';
  }
}

@media (min-width: 890px) {
  body:before {
    content: 'lg';
  }
}

@media (min-width: 1200px) {
  body:before {
    content: 'xl';
  }
}
}

@layer global-styles {
:root {
  /* Cursor images */
  --img-cursor-rotate: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24'%20height='24'%20style='fill:black;stroke:white;stroke-width:20px;overflow:visible'%20version='1.1'%20viewBox='-20%20-20%20478.529%20478.528'%3e%3cpath%20d='M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835%20c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536%20C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814%20c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106%20c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397%20c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906%20c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z'/%3e%3cpath%20d='M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4%20c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273%20c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847%20c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907%20c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833%20c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534%20c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427%20C426.874,256.72,424.731,255.813,422.253,255.813z'/%3e%3c/svg%3e");
  --img-cursor-node: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m4%2030%206.842-9.579%2011.936.912L4%204z'%20fill='%23D8D8D8'%20stroke='%23000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
  --img-cursor-node-edit: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m19.222%2018.858%2014.174%2013.083-8.957-.684-5.217%207.303V18.858z'%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e");
  --img-cursor-cut: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%205.5c1.243%200%202.368.503%203.182%201.318a4.486%204.486%200%200%201%201.047%204.704L26.5%2023.792V25.5h-3.707L16%2018.707l-1.77%201.77a4.486%204.486%200%200%201-1.047%204.705A4.486%204.486%200%200%201%2010%2026.5a4.486%204.486%200%200%201-3.182-1.318A4.486%204.486%200%200%201%205.5%2022c0-1.243.503-2.368%201.318-3.182a4.486%204.486%200%200%201%204.704-1.047L13.292%2016l-1.77-1.77a4.486%204.486%200%200%201-4.705-1.047A4.486%204.486%200%200%201%205.5%2010c0-1.243.503-2.368%201.318-3.182A4.486%204.486%200%200%201%2010%205.5zm0%2015A1.497%201.497%200%200%200%208.5%2022a1.497%201.497%200%200%200%202.561%201.06c.271-.27.439-.645.439-1.06a1.497%201.497%200%200%200-1.5-1.5zm16.5-14v1.707l-7.5%207.5L16.293%2013l6.5-6.5H26.5z'%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e");
  --img-cursor-floodfill: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'%3e%3cpath%20d='m20.595%2016.299%207.303%207.181c.33.324.493.748.493%201.17%200%20.424-.165.847-.493%201.164L23.62%2030.02c-.322.316-.754.48-1.175.48-.422%200-.854-.164-1.175-.48l-4.274-4.203a1.616%201.616%200%200%201-.497-1.167c0-.422.164-.846.494-1.17l3.642-3.582-1.85-1.82%201.809-1.78zm1.85%205.386-2.503%202.462h5.007l-2.503-2.462zm6.874%203.263c.298.29.49.504.49.504s1.691%201.886%201.691%203.019a2.01%202.01%200%200%201-.606%201.436%202.063%202.063%200%200%201-1.45.593%202.063%202.063%200%200%201-1.448-.593%202.01%202.01%200%200%201-.607-1.436c0-.753.323-1.202.821-1.81.24-.293.522-.635.802-1.118.123-.211.222-.41.307-.595z'/%3e%3cpath%20d='M14.5%203.5V14h10v2h-10v10.5h-2V16h-9v-2h9V3.5h2z'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-paint-round: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2z'%20fill-rule='nonzero'/%3e%3ccircle%20cx='26.5'%20cy='26.5'%20r='4'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-paint-grid: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2z'%20fill-rule='nonzero'/%3e%3cpath%20d='M25.395%2027.5v3H22.5v-3h2.895zm2.368%200v3h-2.895v-3h2.895zm2.369%200v3h-2.895v-3h2.895zm2.368%200v3h-2.895v-3H32.5zM25.395%2025v3H22.5v-3h2.895zm2.368%200v3h-2.895v-3h2.895zm2.369%200v3h-2.895v-3h2.895zm2.368%200v3h-2.895v-3H32.5zm-7.105-2.5v3H22.5v-3h2.895zm2.368%200v3h-2.895v-3h2.895zm2.369%200v3h-2.895v-3h2.895zm2.368%200v3h-2.895v-3H32.5z'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-portal-edit: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20fill-rule='nonzero'%20stroke='%23FFF'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2zM26.494%2023.5v6H24.49v-6h2.004zm4.016%200v6h-2.004v-6h2.004zm-5.024%201.998v2.004h-3v-2.004h3zm7.028%200v2.004h-3v-2.004h3z'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-shape-rect: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20fill-rule='nonzero'%20stroke='%23FFF'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2z'/%3e%3cpath%20d='M31.5%2022.5v9h-9v-9h9zm-2%202h-5v5h5v-5z'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-shape-circle: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20fill-rule='nonzero'%20stroke='%23FFF'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2zM27%2022.5c1.243%200%202.368.504%203.182%201.318A4.486%204.486%200%200%201%2031.5%2027a4.486%204.486%200%200%201-1.318%203.182A4.486%204.486%200%200%201%2027%2031.5a4.486%204.486%200%200%201-3.182-1.318A4.486%204.486%200%200%201%2022.5%2027c0-1.243.504-2.368%201.318-3.182A4.486%204.486%200%200%201%2027%2022.5zm0%202c-.69%200-1.315.28-1.768.732A2.492%202.492%200%200%200%2024.5%2027c0%20.69.28%201.315.732%201.768A2.492%202.492%200%200%200%2027%2029.5c.69%200%201.315-.28%201.768-.732A2.492%202.492%200%200%200%2029.5%2027c0-.69-.28-1.315-.732-1.768A2.492%202.492%200%200%200%2027%2024.5z'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-shape-polygon: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23000'%20fill-rule='nonzero'%20stroke='%23FFF'%3e%3cpath%20d='M20.5%2012.5v6h6v2h-6v6h-2v-6h-6v-2h6v-6h2zM27%2022.37l4.58%203.5-1.739%205.63h-5.682l-1.74-5.63L27%2022.37zm0%202.346-2.42%201.848.934%203.023h2.971l.934-3.023-2.42-1.848z'/%3e%3c/g%3e%3c/svg%3e");
  --img-cursor-pencil: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m28.215%208.293%203.492%203.492-8.715%208.715H19.5v-3.492l8.715-8.715zM31.727%205.5c.301%200%20.603.115.833.346l1.594%201.594a1.175%201.175%200%200%201%200%201.667l-1.6%201.6-3.261-3.261%201.6-1.6c.23-.23.532-.346.834-.346z'%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e");
  --img-cursor-pen: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m28.831%2033.5.66-.274%203.735-3.735.274-.66v-4.757l-.671-.909-12.127-3.731-1.268%201.268%203.73%2012.127.91.671h4.757zm-.586-2.348h-3.14l-2.077-6.75%202.55%202.552a2.916%202.916%200%200%200-.078.546c0%20.552.224%201.052.586%201.414.362.362.862.586%201.414.586.552%200%201.052-.224%201.414-.586.362-.362.586-.862.586-1.414%200-.552-.224-1.052-.586-1.414a1.994%201.994%200%200%200-1.962-.51l-2.546-2.545%206.746%202.075v3.139l-2.907%202.907zm3.078%205.555%205.384-5.384-2.03-2.03-5.384%205.384%202.03%202.03z'%20fill='%23000'%20stroke='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e");
  --img-cursor-move-area: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.9231%2025.0296C22.0985%2025.4505%2021.9299%2027.0447%2021%2027.4142C20.0701%2027.7837%2018.882%2027.4142%2018.882%2027.4142L16.726%2023.1024L13%2026.8284V10L24.4142%2021.4142H20.1615C20.3702%2021.8144%2021.7003%2024.4948%2021.9231%2025.0296Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%2012.4142V24.4142L17%2021.4142L19.5%2026.4142C19.5%2026.4142%2020.1763%2026.63%2020.5%2026.4142C20.8237%2026.1984%2021.1457%2025.7638%2021%2025.4142C20.3123%2023.7638%2018.5%2020.4142%2018.5%2020.4142H22L14%2012.4142Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.3199%2023.6378L32.3234%2027.7835L31.028%2029.0345C30.4299%2029.612%2029.4768%2029.5954%2028.8993%2028.9973L28.3326%2028.4105L25.7581%2030.8968L27.4231%2032.621L25.8194%2034.1697C24.6444%2035.3043%2022.7723%2035.2715%2021.6378%2034.0967C20.5032%2032.9218%2020.5358%2031.0496%2021.7107%2029.915L23.3144%2028.3663L24.9794%2030.0904L27.554%2027.6042L26.9874%2027.0175C26.4099%2026.4194%2026.4265%2025.4663%2027.0246%2024.8888L28.3199%2023.6378ZM26.1448%2027.5749C25.3113%2026.5759%2025.3792%2025.0876%2026.3299%2024.1695L28.3446%2022.2239L33.7374%2027.8082L31.7226%2029.7538C30.7719%2030.6719%2029.2821%2030.6878%2028.3128%2029.8199L27.1721%2030.9214L28.8371%2032.6457L26.514%2034.889C24.9418%2036.4073%2022.4366%2036.3635%2020.9184%2034.7914C19.4002%2033.2192%2019.4438%2030.714%2021.016%2029.1957L23.3391%2026.9523L25.0041%2028.6764L26.1448%2027.5749ZM30.7383%2027.7558L30.2493%2028.2281C30.1533%2028.3208%2030.0212%2028.3534%2029.8997%2028.3269C29.8281%2028.3113%2029.7602%2028.2751%2029.7056%2028.2186L27.7937%2026.2388C27.7392%2026.1823%2027.7054%2026.1132%2027.6923%2026.0411C27.67%2025.9188%2027.7073%2025.7878%2027.8032%2025.6951L28.2923%2025.2229L30.7383%2027.7558Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M27.8031%2025.6951L28.2922%2025.2229L30.7382%2027.7558L30.2492%2028.2281C30.0967%2028.3754%2029.8528%2028.3711%2029.7055%2028.2186L27.7936%2026.2388C27.6464%2026.0863%2027.6507%2025.8424%2027.8031%2025.6951V25.6951ZM25.758%2030.8968L28.3325%2028.4105L28.8992%2028.9973C29.4767%2029.5954%2030.4298%2029.612%2031.0279%2029.0345L32.3233%2027.7835L28.3199%2023.6379L27.0245%2024.8888C26.4264%2025.4663%2026.4098%2026.4194%2026.9873%2027.0175L27.5539%2027.6042L24.9793%2030.0904L23.3143%2028.3663L21.7106%2029.915C20.5357%2031.0496%2020.5031%2032.9218%2021.6377%2034.0967C22.7722%2035.2715%2024.6444%2035.3043%2025.8193%2034.1697L27.423%2032.621L25.758%2030.8968Z'%20fill='black'/%3e%3c/svg%3e");
  --img-cursor-not-allowed: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='path-1-outside-1_1625_28899'%20maskUnits='userSpaceOnUse'%20x='6'%20y='6'%20width='20'%20height='20'%20fill='black'%3e%3crect%20fill='white'%20x='6'%20y='6'%20width='20'%20height='20'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M25%2016C25%2020.9706%2020.9706%2025%2016%2025C11.0294%2025%207%2020.9706%207%2016C7%2011.0294%2011.0294%207%2016%207C20.9706%207%2025%2011.0294%2025%2016ZM23%2016C23%2019.866%2019.866%2023%2016%2023C14.4277%2023%2012.9764%2022.4816%2011.8078%2021.6064L21.6064%2011.8078C22.4816%2012.9764%2023%2014.4277%2023%2016ZM20.1922%2010.3936C19.0236%209.5184%2017.5723%209%2016%209C12.134%209%209%2012.134%209%2016C9%2017.5723%209.5184%2019.0236%2010.3936%2020.1922L20.1922%2010.3936Z'/%3e%3c/mask%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M25%2016C25%2020.9706%2020.9706%2025%2016%2025C11.0294%2025%207%2020.9706%207%2016C7%2011.0294%2011.0294%207%2016%207C20.9706%207%2025%2011.0294%2025%2016ZM23%2016C23%2019.866%2019.866%2023%2016%2023C14.4277%2023%2012.9764%2022.4816%2011.8078%2021.6064L21.6064%2011.8078C22.4816%2012.9764%2023%2014.4277%2023%2016ZM20.1922%2010.3936C19.0236%209.5184%2017.5723%209%2016%209C12.134%209%209%2012.134%209%2016C9%2017.5723%209.5184%2019.0236%2010.3936%2020.1922L20.1922%2010.3936Z'%20fill='black'/%3e%3cpath%20d='M11.8078%2021.6064L11.1007%2020.8993L10.2849%2021.7151L11.2084%2022.4068L11.8078%2021.6064ZM21.6064%2011.8078L22.4068%2011.2084L21.7151%2010.2849L20.8993%2011.1007L21.6064%2011.8078ZM20.1922%2010.3936L20.8993%2011.1007L21.7151%2010.2849L20.7916%209.59321L20.1922%2010.3936ZM10.3936%2020.1922L9.59321%2020.7916L10.2849%2021.7151L11.1007%2020.8993L10.3936%2020.1922ZM16%2026C21.5228%2026%2026%2021.5228%2026%2016H24C24%2020.4183%2020.4183%2024%2016%2024V26ZM6%2016C6%2021.5228%2010.4772%2026%2016%2026V24C11.5817%2024%208%2020.4183%208%2016H6ZM16%206C10.4772%206%206%2010.4772%206%2016H8C8%2011.5817%2011.5817%208%2016%208V6ZM26%2016C26%2010.4772%2021.5228%206%2016%206V8C20.4183%208%2024%2011.5817%2024%2016H26ZM16%2024C20.4183%2024%2024%2020.4183%2024%2016H22C22%2019.3137%2019.3137%2022%2016%2022V24ZM11.2084%2022.4068C12.544%2023.4071%2014.2042%2024%2016%2024V22C14.6511%2022%2013.4088%2021.5561%2012.4073%2020.806L11.2084%2022.4068ZM20.8993%2011.1007L11.1007%2020.8993L12.5149%2022.3135L22.3135%2012.5149L20.8993%2011.1007ZM24%2016C24%2014.2042%2023.4071%2012.544%2022.4068%2011.2084L20.806%2012.4073C21.5561%2013.4088%2022%2014.6511%2022%2016H24ZM20.7916%209.59321C19.456%208.59289%2017.7958%208%2016%208V10C17.3489%2010%2018.5912%2010.4439%2019.5927%2011.194L20.7916%209.59321ZM16%208C11.5817%208%208%2011.5817%208%2016H10C10%2012.6863%2012.6863%2010%2016%2010V8ZM8%2016C8%2017.7958%208.59289%2019.456%209.59321%2020.7916L11.194%2019.5927C10.4439%2018.5912%2010%2017.3489%2010%2016H8ZM11.1007%2020.8993L20.8993%2011.1007L19.4851%209.68651L9.68651%2019.4851L11.1007%2020.8993Z'%20fill='white'%20mask='url(%23path-1-outside-1_1625_28899)'/%3e%3c/svg%3e");
  --img-cursor-eyedropper: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33.606%201.938C34.191%201.354%2035.138%201.353%2035.723%201.938L38.063%204.278C38.651%204.867%2038.644%205.813%2038.053%206.405L35.286%209.171L37.206%2011.091L35.089%2013.208L33.669%2011.788L24.957%2020.5L19.5%2020.5L19.5%2015.044L28.212%206.332L26.792%204.912L28.907%202.797L29.261%203.146L30.837%204.706L33.606%201.938ZM22.707%2016.08L23.92%2017.293L31.272%209.94L30.06%208.729L22.707%2016.08Z'%20fill='black'%20stroke='white'/%3e%3c/svg%3e");
}
}

@layer global-styles {

/* UIKit Color Variables
 * These colors are used by UIKit components
 * You can override these in your app by redefining them
 */

:root {
  /* Neutral colors - grayscale palette */
  --color-neutral-white: #ffffff;
  --color-neutral-100: #f7f7f7;
  --color-neutral-200: #dddddd;
  --color-neutral-300: #acacac;
  --color-neutral-400: #7a7a7a;
  --color-neutral-500: #464646;
  --color-neutral-600: #363636;
  --color-neutral-700: #292929;
  --color-neutral-800: #1f1f1f;
  --color-neutral-900: #141414;
  --color-neutral-950: #0c0c0c;
  --color-white: #ffffff;

  --color-gray-black: #000002;
  --color-gray-100: #f5f5f7;
  --color-gray-300: #acacae;
  --color-gray-700: #29292b;
  --color-gray-800: #1e1e20;
  --color-gray-900: #141416;
  /* Neon colors */
  --color-neon-green: #aeff35;
  --color-neon-beige: #c8c394;
  --color-neon-orange: #F1AA68;
  --color-neon-pink: #fb2874;
  --color-neon-purple: #b185ff;
  --color-neon-blue: #2196ff;
  --color-neon-teal: #66e9ef;
  --color-neon-blue: #00b4c0;
  --color-neon-mint: #00ffc2;
  --color-neon-mint-muted: #00ffc24d;
  --color-neutral-white: #ffffff;

  /* Primary brand colors */
  --color-inkarnate-gold: rgb(255, 204, 90);
  --color-inkarnate-gold-hover: #ffe5ab;
  --color-inkarnate-gold-muted: #ffe2a2;
  --color-inkarnate-gold-pressed: #ffeec9;

  /* Semantic colors */
  --color-danger: #a43a3a;
  --color-danger-hover: #cf5e5e;
  --color-danger-pressed: #e56e6e;
  --color-error: #a43a3a;

  /* Component-specific colors */
  --color-inactiveContent: #d2c4a6;
  --color-buttonActiveHover: #ffe2a2;
  --color-buttonActivePressed: #ffeec9;
  --color-beige: #d2c4a6;
  --color-teal: #259099;
  --color-golden-yellow: #ffca5a;
  --color-inkarnate-gold: rgb(255, 204, 90);
  --color-inkarnate-gold-hex: #ffcc5a;
  --color-inkarnate-gold-hover: #ffe5ab;
  --color-accent: var(--color-inkarnate-gold);
  --color-accent-hover: var(--color-inkarnate-gold-hover);
  --color-error: #a43a3a;
  --color-light-error: #ff6d71;
  --color-ocean-blue-dark: #2970b3;
  --color-ocean-blue: #4d93d6;
  --color-blue-deep: #0d0c43;
  --color-reds-signal: #db0000;

  /* Text colors */
  --color-text-primary: #dcdcdb;
  --color-text-primary-muted: #dcdcdb80;
  --color-text-soft: var(--color-beige);
  --color-text-muted: #888;
  --color-text-bright: #ffffff;
  --color-text-muted-bright: #ddd;

  /* Utility colors */
  --color-grayscale-white-5: rgba(255, 255, 255, 0.05);
}
}

@layer global-styles {

:root {
  /* Colors for app pages */
  --color-page-background: #141414;
  --color-page-background-dark: #000002;
  --color-controls-background: #2a2a2a;
}
}

@layer global-styles {
:root {
  /* Font Families */
  --font-family-primary: 'Inter', 'Open Sans', 'sans-serif';
  --font-family-alt: 'Quattrocento';
  --font-family-notes-primary: Bookinsanity;
  --font-family-notes-alt: AlegreyaSC;
  --font-family-notes-dropped: Solbera Imitation;

  --font-main: 'Inter', 'Open Sans', 'Arial', sans-serif;
  --font-additional: 'Lusitana', 'Arial', sans-serif;
}
}

@layer global-styles {
/* Misc variables */
:root {
  --grad-checkered-bg:
    linear-gradient(45deg, #969696 25%, transparent 25%),
    linear-gradient(-45deg, #969696 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #969696 75%),
    linear-gradient(-45deg, transparent 75%, #969696 75%);

  --grad-checkered-bg-transparent:
    linear-gradient(45deg, #fff2 25%, transparent 25%),
    linear-gradient(-45deg, #fff2 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #fff2 75%),
    linear-gradient(-45deg, transparent 75%, #fff2 75%);

  --grad-checkered-bg-transparent-dark: repeating-conic-gradient(#c1c1c1 0% 25%, white 0% 50%);

  /* Sizes */
  --left-nav-width: 50px;
  --top-nav-height: 40px;

  --editor-top-nav-height: 44px;
  --bottom-panel-height: 30px;
  --asset-manager-img-preview: 264px;
  --asset-manager-img-padding: 15px;
  --asset-manager-img-preview-sans-padding: 210px;

  /* PADDING/MARGIN/SPACING */
  /* Margin */
  --margin-center: 0 auto;
  /* END MARGIN */
  /**** END PADDING/MARGIN/SPACING *****/

  --drop-shadow-light: drop-shadow(0 0 10px #fffff0);

  /* Backgrounds */
  --img-bg-light-paper: url('/assets/bg-light-paper-1-69-1.jpg');

  /* Media Queries breaks taken from Bootstrap 4*/
  --min-width-xs: 0px;
  --min-width-sm: 576px;
  --min-width-md: 768px;
  --min-width-lg: 860px;
  --min-width-xl: 1200px;

  --max-width-xs: 575.98px;
  --max-width-sm: 767.98px;
  --max-width-md: 859.98px;
  --max-width-lg: 1199.98px;

  --controls-height: 32px;
  --controls-border-color: rgba(255, 255, 255, 0.1);
  --controls-border-color-hover: rgba(255, 255, 255, 0.15);
  --popup-border-color: #444;
  --controls-shadow: none;
  --controls-bg-color: rgba(255, 255, 255, 0.15);
  --controls-bg-color-hover: rgba(255, 255, 255, 0.2);

  --controls-text: #dcdcdb;
  --controls-placeholder-text: #dcdcdb7a;

  /* Variables for the landing page */
  --color-dark: #0d1123;
  --color-dark-text: #0d0c43;
  --color-accent: #ffcc5a;
  --color-faq-text: #daa225;
  --color-accent-hover: #ffe5ab;
  --color-white: #ffffff;
  --color-teal: #259099;
  --color-salmon: #fb7468;
  --color-beige: #d2c4a6;
  --color-dust: #a89773;

  /* Variables for AM */
  --color-dark-200: #1f1f1f;
  --color-dark-300: #141414;
  --color-dark-350: #191919;
  --color-dark-400: #2a2a2a;
  --color-dark-500: #292929;
  --color-dark-600: #363636;
  --color-dark-700: #464646;
  --color-dark-800: #545454;
  --color-dark-900: #7a7a7a;

  /* Standard opacity values */
  --opacity-muted: 0.5;
  --opacity-background: 0.3;
  --opacity-thumbnail-bg: 0.5;

  /* COLORS */

  /* RGB color vars for tailwind. These are used to seamlessly hook into how tailwind handles dynamic opacity */
  --color-text-base-rgb: 221, 221, 221;
  --color-red-rgb: 255, 0, 0;
  --color-teal-rgb: 28, 239, 238;
  --color-inkarnate-gold-rgb: 255, 204, 90;
  --color-text-dark-rgb: 20, 20, 20;
  --color-ocean-blue-rgb: 77, 147, 214;

  --color-text-primary: rgba(var(--color-text-base-rgb), 1);
  --color-text-dark: rgba(var(--color-text-dark-rgb), 1);

  /* RGB color variants */
  --color-inkarnate-gold: rgba(var(--color-inkarnate-gold-rgb), 1);
  --color-inkarnate-gold-muted: rgba(var(--color-inkarnate-gold-rgb), var(--opacity-muted));

  --color-text-base: rgba(var(--color-text-base-rgb), 1);
  --color-text-base-muted: rgba(var(--color-text-base-rgb), var(--opacity-muted));
  --color-teal: rgba(var(--color-teal-rgb), 1);
  --color-ocean-blue: rgba(var(--color-ocean-blue-rgb), 1);
  --color-ocean-blue-muted: rgba(var(--color-ocean-blue-rgb), var(--opacity-background));
  --color-ocean-blue-hover: rgba(var(--color-ocean-blue-rgb), var(--opacity-muted));
  --color-ocean-blue-dark: #2970b3;

  /* Art Manager Colors */
  --color-selected-rgb: 77, 147, 214;
  --color-private-thumbnail-rgb: 76, 26, 26;
  --color-ea-thumbnail-rgb: 54, 44, 69;
  --color-free-thumbnail-rgb: 21, 59, 29;
  --color-marketplace-thumbnail-rgb: 17, 54, 63;

  /* Gray colors */
  --color-neutral-200: #dddddd;
  --color-neutral-300: #acacac;
  --color-neutral-400: #7a7a7a;
  --color-neutral-500: #464646;
  --color-neutral-600: #363636;
  --color-neutral-700: #292929;
  --color-neutral-800: #1f1f1f;
  --color-neutral-900: #141414;

  --color-selected: rgba(var(--color-selected-rgb), 1);

  /* Colors for app pages */
  --color-page-background: #141414;
  --color-page-background-dark: #000002;
  --color-controls-background: #2a2a2a;

  --font-main: 'Inter', 'Open Sans', 'Arial', sans-serif;
  --font-additional: 'Lusitana', 'Arial', sans-serif;

  --max-intro-height: 1000px;

  /* Grids for map/folder thumbnails */
  --thumbnail-grid-width: 352px;

  /* Variables for Marketplace */

  /* Images Sizes for Marketplace products*/

  /* CK Editor overrides */

  /* Overrides the border radius setting in the theme. */

  /* Overrides the default font size in the theme. */

  /* Helper variables to avoid duplication in the colors. */

  /* -- Overrides generic colors. ------------------------------------------------------------- */

  /* -- Overrides the default .ck-button class colors. ---------------------------------------- */

  /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */

  /* -- Overrides the default .ck-input class colors. ----------------------------------------- */

  /* -- Overrides the default .ck-list class colors. ------------------------------------------ */

  /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */

  /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */

  /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */

  /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */

  /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */

  /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
}

  @media screen and (min-width: 660px) {
:root {
    --thumbnail-grid-width: 640px;
}
  }

  @media screen and (min-width: 1120px) {
:root {
    --thumbnail-grid-width: 960px;
}
  }

  @media screen and (min-width: 1440px) {
:root {
    --thumbnail-grid-width: 1280px;
}
  }

  @media screen and (min-width: 1760px) {
:root {
    --thumbnail-grid-width: 1600px;
}
  }

  :root {
  --mp-page-width: 1230px;
  --mp-thumbnail-aspect: '4 / 3';

  --ck-z-modal: calc(var(--ck-z-default) + 2000000001) !important;

  --ck-z-modal: calc(var(--ck-z-default) + 2000000001) !important;
  --ck-color-base-background: transparent !important;
  --ck-color-base-border: #888 !important;
  --ck-border-radius: 4px !important;
  --ck-font-size-base: 14px !important;
  --ck-custom-background: hsl(270, 1%, 29%) !important;
  --ck-custom-foreground: hsl(255, 3%, 18%) !important;
  --ck-custom-border: hsl(300, 1%, 22%) !important;
  --ck-custom-white: hsl(0, 0%, 100%) !important;

  --ck-color-base-foreground: var(--ck-custom-background) !important;
  --ck-color-focus-border: hsl(208, 90%, 62%) !important;
  --ck-color-text: hsl(0, 0%, 98%) !important;
  --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2) !important;
  --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1) !important;

  --ck-color-button-default-background: var(--ck-custom-background) !important;
  --ck-color-button-default-hover-background: hsl(270, 1%, 22%) !important;
  --ck-color-button-default-active-background: hsl(270, 2%, 20%) !important;
  --ck-color-button-default-active-shadow: hsl(270, 2%, 23%) !important;
  --ck-color-button-default-disabled-background: var(--ck-custom-background) !important;

  --ck-color-button-on-background: var(--ck-custom-foreground) !important;
  --ck-color-button-on-hover-background: hsl(255, 4%, 16%) !important;
  --ck-color-button-on-active-background: hsl(255, 4%, 14%) !important;
  --ck-color-button-on-active-shadow: hsl(240, 3%, 19%) !important;
  --ck-color-button-on-disabled-background: var(--ck-custom-foreground) !important;

  --ck-color-button-action-background: hsl(168, 76%, 42%) !important;
  --ck-color-button-action-hover-background: hsl(168, 76%, 38%) !important;
  --ck-color-button-action-active-background: hsl(168, 76%, 36%) !important;
  --ck-color-button-action-active-shadow: hsl(168, 75%, 34%) !important;
  --ck-color-button-action-disabled-background: hsl(168, 76%, 42%) !important;
  --ck-color-button-action-text: var(--ck-custom-white) !important;

  --ck-color-button-save: hsl(120, 100%, 46%) !important;
  --ck-color-button-cancel: hsl(15, 100%, 56%) !important;

  --ck-color-dropdown-panel-background: var(--ck-custom-background) !important;
  --ck-color-dropdown-panel-border: var(--ck-custom-foreground) !important;

  --ck-color-input-background: var(--ck-custom-foreground) !important;
  --ck-color-input-border: hsl(257, 3%, 43%) !important;
  --ck-color-input-text: hsl(0, 0%, 98%) !important;
  --ck-color-input-disabled-background: hsl(255, 4%, 21%) !important;
  --ck-color-input-disabled-border: hsl(250, 3%, 38%) !important;
  --ck-color-input-disabled-text: hsl(0, 0%, 46%) !important;

  --ck-color-list-background: var(--ck-custom-background) !important;
  --ck-color-list-button-hover-background: var(--ck-color-base-foreground) !important;
  --ck-color-list-button-on-background: var(--ck-color-base-active) !important;
  --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus) !important;
  --ck-color-list-button-on-text: var(--ck-color-base-background) !important;

  --ck-color-panel-background: var(--ck-custom-background) !important;
  --ck-color-panel-border: var(--ck-custom-border) !important;

  --ck-color-toolbar-background: var(--ck-custom-background) !important;
  --ck-color-toolbar-border: var(--ck-custom-border) !important;

  --ck-color-tooltip-background: hsl(252, 7%, 14%) !important;
  --ck-color-tooltip-text: hsl(0, 0%, 93%) !important;

  --ck-color-image-caption-background: hsl(0, 0%, 97%) !important;
  --ck-color-image-caption-text: hsl(0, 0%, 20%) !important;

  --ck-color-widget-blurred-border: hsl(0, 0%, 87%) !important;
  --ck-color-widget-hover-border: hsl(43, 100%, 68%) !important;
  --ck-color-widget-editable-focus-background: var(--ck-custom-white) !important;

  --ck-color-link-default: hsl(190, 100%, 75%) !important;
}

/* New editor UI overrides */
.new-editor-ui {
  --left-nav-width: 48px;
  --editor-top-nav-height: 40px;
  --bottom-panel-height: 24px;
}
}

@layer global-styles {
@font-face {
  font-family: 'Inter';
  src:
      local('Inter'),
      url('/assets/Inter-VariableFont_slnt_wght-1-69-1.ttf') format('truetype'),
      url('/assets/Inter-1-69-1.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  src:
      local('Open Sans'),
      url('/assets/open-sans-1-69-1.woff2') format('woff2');
}

/* lusitana-regular - latin */
@font-face {
  font-family: 'Lusitana';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/lusitana-v7-latin-regular-1-69-1.eot'); /* IE9 Compat Modes */
  src:
    local('Lusitana'),
    url('/assets/lusitana-v7-latin-regular-1-69-1.eot?#iefix') format('embedded-opentype'),
     url('/assets/lusitana-v7-latin-regular-1-69-1.woff2') format('woff2'),
     url('/assets/lusitana-v7-latin-regular-1-69-1.woff') format('woff'),
     url('/assets/lusitana-v7-latin-regular-1-69-1.ttf') format('truetype'),
     url('/assets/lusitana-v7-latin-regular-1-69-1.svg#Lusitana')
      format('svg'); /* Legacy iOS */
}
/* lusitana-700 - latin */
@font-face {
  font-family: 'Lusitana';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/lusitana-v7-latin-700-1-69-1.eot'); /* IE9 Compat Modes */
  src:
    local('Lusitana Bold'),
    local('Lusitana-Bold'),
    url('/assets/lusitana-v7-latin-700-1-69-1.eot?#iefix') format('embedded-opentype'),
     url('/assets/lusitana-v7-latin-700-1-69-1.woff2') format('woff2'),
     url('/assets/lusitana-v7-latin-700-1-69-1.woff') format('woff'),
     url('/assets/lusitana-v7-latin-700-1-69-1.ttf') format('truetype'),
     url('/assets/lusitana-v7-latin-700-1-69-1.svg#Lusitana')
      format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: Quattrocento Sans;
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src:
    url('/assets/QuattrocentoSans-Regular-1-69-1.woff') format('woff'),
    url('/assets/QuattrocentoSans-Regular-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Quattrocento Sans;
  font-display: swap;
  font-style: normal;
  font-weight: bold;
  src:
    url('/assets/QuattrocentoSans-Bold-1-69-1.woff') format('woff'),
    url('/assets/QuattrocentoSans-Bold-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Quattrocento Sans;
  font-display: swap;
  font-style: italic;
  font-weight: normal;
  src:
    url('/assets/QuattrocentoSans-RegularItalic-1-69-1.woff') format('woff'),
    url('/assets/QuattrocentoSans-RegularItalic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Quattrocento Sans;
  font-display: swap;
  font-style: italic;
  font-weight: bold;
  src:
    url('/assets/QuattrocentoSans-BoldItalic-1-69-1.woff') format('woff'),
    url('/assets/QuattrocentoSans-BoldItalic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Bookinsanity;
  font-style: normal;
  font-weight: normal;
  src: url('/assets/Bookinsanity-1-69-1.otf') format('opentype');
}

@font-face {
  font-family: Bookinsanity;
  font-style: normal;
  font-weight: 700;
  src: url('/assets/Bookinsanity%20Bold-1-69-1.otf') format('opentype');
}

@font-face {
  font-family: Bookinsanity;
  font-style: italic;
  font-weight: 400;
  src: url('/assets/Bookinsanity%20Italic-1-69-1.otf') format('opentype');
}

@font-face {
  font-family: Bookinsanity;
  font-style: italic;
  font-weight: 700;
  src: url('/assets/Bookinsanity%20Bold%20Italic-1-69-1.otf') format('opentype');
}

@font-face {
  font-family: Solbera Imitation;
  font-style: normal;
  font-weight: normal;
  src: url('/assets/Solbera%20Imitation-1-69-1.otf') format('opentype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: normal;
  font-weight: 400;
  src: url('/assets/AlegreyaSC-Regular-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: italic;
  font-weight: 400;
  src: url('/assets/AlegreyaSC-RegularItalic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: normal;
  font-weight: 500;
  src: url('/assets/AlegreyaSC-Medium-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: italic;
  font-weight: 500;
  src: url('/assets/AlegreyaSC-MediumItalic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: normal;
  font-weight: 700;
  src: url('/assets/AlegreyaSC-Bold-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: AlegreyaSC;
  font-style: italic;
  font-weight: 700;
  src: url('/assets/AlegreyaSC-BoldItalic-1-69-1.ttf') format('truetype');
}

/* Self-hosted Google Fonts to use within the map editor. */
/** The following fonts were created using this tool: https://google-webfonts-helper.herokuapp.com/ */

@font-face {
  font-family: Phosphorous;
  font-style: normal;
  font-weight: 400;
  src: url('/assets/phosphorous-regular-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Phosphorous;
  font-style: normal;
  font-weight: 700;
  src: url('/assets/phosphorous-bold-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Phosphorous;
  font-style: italic;
  font-weight: 400;
  src: url('/assets/phosphorous-italic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Phosphorous;
  font-style: italic;
  font-weight: 700;
  src: url('/assets/phosphorous-bold-italic-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Asul;
  font-style: normal;
  font-weight: 400;
  src: url('/assets/Asul-Regular-1-69-1.ttf') format('truetype');
}

@font-face {
  font-family: Asul;
  font-style: normal;
  font-weight: 700;
  src: url('/assets/Asul-Bold-1-69-1.ttf') format('truetype');
}
}

@layer global-styles {
@font-face {
  font-family: 'Inter';
  src:
      local('Inter'),
      url('/assets/Inter-VariableFont_slnt_wght-1-69-1.ttf') format('truetype'),
      url('/assets/Inter-1-69-1.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  src:
      local('Open Sans'),
      url('/assets/open-sans-1-69-1.woff2') format('woff2');
}

#app {
  display: flex;
  min-height: 100vh;
  /* https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ */
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh)*100);
  flex-direction: column;
}

/* Prevent all zoom gestures globally */
html, body {
  touch-action: manipulation; /* Allows pan but prevents zoom */
  overscroll-behavior: none;
  -webkit-user-select: none; /* Prevent text selection on double tap */
  user-select: none;
}

/* More specific prevention for the app container */
#root, #app {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}

/* Prevent zoom on all interactive elements */
input, textarea, button, select, a {
  touch-action: manipulation;
}

/* Cursor styles */
  body.cursor-slider-drag-h,
  body.cursor-slider-drag-h * {
    cursor: ew-resize !important;
  }
  body.cursor-slider-drag-v,
  body.cursor-slider-drag-v * {
    cursor: ns-resize !important;
  }

/* Scrollbars */
    html.app::-webkit-scrollbar-track, html.app body::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.15);
    }

    html.app::-webkit-scrollbar, html.app body::-webkit-scrollbar {
      width: 12px;
      background: rgba(255, 255, 255, 0.3);
    }

    html.app::-webkit-scrollbar-thumb, html.app body::-webkit-scrollbar-thumb {
      border-radius: 12px;
      box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.35);
      background: rgba(255, 255, 255, 0.6);
      visibility: visible;
    }

body {
  margin: 0;
  color: #ddd;
  font-family: 'Inter', 'Open Sans', 'sans-serif';
  font-family: var(--font-family-primary);
  font-size: 16px;

  box-sizing: border-box;
}

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

/* CSS reset for all buttons */
/* TODO: Do we need this since we have normalize.css? */
/* TODO: add a better CSS reset for other elements too, e.g. backpack.css */
button {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0;
  text-align: inherit;
  background: none;
  outline: none;
  appearance: none;
  border: none;
  cursor: pointer
}

a {
  color: #ffcc5a;
  -webkit-text-decoration: none;
  text-decoration: none;
}
  a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

a.white {
  color: #ddd !important;
}

a.orange {
  color: #ffcc5a !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter', 'Open Sans', 'Arial', sans-serif;
  font-family: var(--font-main);
  font-weight: normal;
}

h1,h2,h3,h4,h5,h6, p  {
  margin: 1em 0;
}
  table td,
  table th {
    font-weight: normal;
    text-align: left;
    padding: 4px;
  }

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: initial; /* 1 */
  vertical-align: initial; /* 2 */
}


/* Hide spinners on number inputs */
input[type='number'] {
  appearance: textfield;
}
input[type='number']:hover {
  appearance: none;
}

/* Performance Testing Classes */
/* These classes are used to disable visual effects for FPS performance testing */

/* Disable all backdrop blur effects while keeping backgrounds */
  body.perf-disable-blur,
  body.perf-disable-blur * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

/* Disable background opacity - class for user to handle custom overrides */
body.no-opacity-bg {
  /* User will add their own CSS rules here to handle opacity overrides */
}

/* Disable all box shadows */
  body.perf-disable-shadows,
  body.perf-disable-shadows * {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
  }
}

@layer global-styles {

/* The public-facing website */
}

@layer global-styles {

/* Variables for the public-facing web site */

:root {
  --color-site-dark: #0d1123;
  --color-site-dark-text: #0d0c43;
}
}