/* Virtual tour skin — mobile and narrow-viewport layout */

html, body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

[id^="IconButton_EE5807F6"],
[id^="IconButton_EE5807F6"] img,
[id^="IconButton_EE5807F6"] canvas {
  border-radius: 50% !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-clip: padding-box !important;
}

/* Keep chrome from overflowing the panorama on small screens */
@media (max-width: 1024px) {
  [id*="Container_C3577ED3_D3FB_3D2F_41E4_4788FD2CD47E"] {
    overflow: hidden !important;
    max-width: calc(100% - 56px) !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: 12vh !important;
  }

  [id*="Container_3DA28D13_110C_4525_41AA_661AFA688BD1"] {
    min-width: 0 !important;
    max-width: 42% !important;
    width: 34% !important;
  }

  [id*="Container_31CA3158_209A_EA34_41B4_85C7E9E70A6F"] {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  [id*="Container_EF8F8BD8_E386_8E03_41E3_4CF7CC1F4D8E"] {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 56px !important;
    height: 58vh !important;
    max-height: calc(100dvh - 140px) !important;
    top: max(48px, env(safe-area-inset-top, 0px)) !important;
    right: env(safe-area-inset-right, 0px) !important;
    overflow: hidden !important;
  }

  [id*="Container_EF8F8BD8_E386_8E02_41E5_90850B5F0BBE"] {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  [id^="IconButton_EF7806FA"],
  [id^="IconButton_EEFF957A"],
  [id^="IconButton_DE42C6E7"],
  [id^="IconButton_EED5213F"],
  [id^="IconButton_EE5807F6"],
  [id^="IconButton_DE057DAE"],
  [id^="IconButton_DE7E56F7"],
  [id^="IconButton_DE1C717F"],
  [id^="IconButton_DE1A974E"] {
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    width: 78% !important;
    height: 10% !important;
    touch-action: manipulation;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  [id^="IconButton_EE5807F6"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  [id*="Container_4041C033_7558_FB6E_41CE_BFE427F3AF92"] {
    width: min(42vw, 360px) !important;
    min-width: 0 !important;
    max-width: min(42vw, 400px) !important;
    top: env(safe-area-inset-top, 0px) !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  [id*="Container_914FEFA3_D574_6058_4195_20AAD53CA57A"] {
    width: 92% !important;
    max-width: calc(100vw - 16px) !important;
    height: min(32vh, 240px) !important;
    min-height: 96px !important;
    left: 4% !important;
    right: 4% !important;
    padding-right: 8px !important;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  [id*="Container_8C0D3FB5_986B_07B8_41E0_45EC44FD45CE"] {
    width: 100% !important;
    max-height: 18vh !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    padding-right: 56px !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  [id*="Container_C3577ED3_D3FB_3D2F_41E4_4788FD2CD47E"] {
    max-height: 18vh !important;
    min-height: 40px !important;
  }

  [id*="Container_EF8F8BD8_E386_8E03_41E3_4CF7CC1F4D8E"] {
    height: calc(100dvh - 52px) !important;
    max-height: none !important;
    top: max(40px, env(safe-area-inset-top, 0px)) !important;
    width: 44px !important;
    min-width: 44px !important;
  }

  [id*="Container_914FEFA3_D574_6058_4195_20AAD53CA57A"] {
    width: min(46vw, 360px) !important;
    height: min(42vh, 200px) !important;
    left: auto !important;
    right: 56px !important;
  }

  [id*="Container_4041C033_7558_FB6E_41CE_BFE427F3AF92"] {
    width: min(52vw, 340px) !important;
    max-width: min(52vw, 360px) !important;
  }

  [id*="Container_8C0D3FB5_986B_07B8_41E0_45EC44FD45CE"] {
    max-height: 22vh !important;
  }

  [id^="IconButton_EF7806FA"],
  [id^="IconButton_EEFF957A"],
  [id^="IconButton_DE42C6E7"],
  [id^="IconButton_EED5213F"],
  [id^="IconButton_EE5807F6"],
  [id^="IconButton_DE057DAE"],
  [id^="IconButton_DE7E56F7"],
  [id^="IconButton_DE1C717F"],
  [id^="IconButton_DE1A974E"] {
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  [id*="Container_EF8F8BD8_E386_8E02_41E5_90850B5F0BBE"] {
    overflow: auto !important;
  }
}

@media (max-width: 430px) {
  [id*="Container_C3577ED3_D3FB_3D2F_41E4_4788FD2CD47E"] {
    width: calc(100% - 52px) !important;
    max-width: calc(100% - 52px) !important;
  }

  [id*="Container_3DA28D13_110C_4525_41AA_661AFA688BD1"] {
    width: 40% !important;
    max-width: 46% !important;
  }

  [id*="Container_4041C033_7558_FB6E_41CE_BFE427F3AF92"] {
    width: 86vw !important;
    max-width: 86vw !important;
  }

  [id^="IconButton_EF7806FA"],
  [id^="IconButton_EEFF957A"],
  [id^="IconButton_DE42C6E7"],
  [id^="IconButton_EED5213F"],
  [id^="IconButton_EE5807F6"],
  [id^="IconButton_DE057DAE"],
  [id^="IconButton_DE7E56F7"],
  [id^="IconButton_DE1C717F"],
  [id^="IconButton_DE1A974E"] {
    min-width: 36px !important;
    min-height: 36px !important;
  }
}

/* Welcome / instruction overlays should fill the visual viewport */
@media (max-width: 1024px) {
  [id*="Container_92781F95_D574_2078_41CF_92887944"],
  [id*="Container_0A587EAD_1E76_EE8F_419C_E088E307"],
  [id*="Container_20DCB9EB_3985_78C1_41C7_450CF2A3"] {
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
}