.sequence-frame-container[data-v-025c430b] {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.sequence-frame-controller[data-v-025c430b] {
  position: absolute;
  top: 4.1666666667vw;
  right: 4.1666666667vw;
  display: flex;
  padding: 0.2777777778vw;
  gap: 0.2777777778vw;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.sequence-frame-controller.interior[data-v-025c430b] {
  background: rgba(255, 255, 255, 0.4);
}
.sequence-frame-controller.interior .btn[data-v-025c430b] {
  color: #fff;
}
.sequence-frame-controller .btn[data-v-025c430b] {
  padding: 0.6597222222vw 1.6666666667vw;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 6px;
  background: transparent;
  color: rgb(61, 71, 97);
  cursor: pointer;
}
.sequence-frame-controller .btn.active[data-v-025c430b] {
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.95);
}
.sequence-frame-color-switch[data-v-025c430b] {
  position: absolute;
  bottom: 4.1666666667vw;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
}
.sequence-frame-color-switch.interior .colors .color[data-v-025c430b] {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
}
.sequence-frame-color-switch.interior .colors .color.active[data-v-025c430b] {
  border-color: rgb(255, 255, 255);
}
.sequence-frame-color-switch.interior .color-name[data-v-025c430b] {
  color: #fff;
}
.sequence-frame-color-switch .colors[data-v-025c430b] {
  display: flex;
  gap: 1.9444444444vw;
  justify-content: center;
  flex-wrap: wrap;
}
.sequence-frame-color-switch .colors .color[data-v-025c430b] {
  width: 48px;
  height: 48px;
  padding: 4px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s linear;
}
.sequence-frame-color-switch .colors .color.active[data-v-025c430b] {
  border-color: rgb(26, 29, 37);
}
.sequence-frame-color-switch .colors .color img[data-v-025c430b] {
  border-radius: 50%;
  background-size: cover;
  width: 40px;
  height: 40px;
}
.sequence-frame-color-switch .color-name[data-v-025c430b] {
  margin-top: 0.8333333333vw;
  color: rgb(26, 29, 37);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.sequence-frame-progress[data-v-025c430b] {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: rgba(0, 0, 0, 0.05);
}
.sequence-frame-progress-wrap[data-v-025c430b] {
  width: 12.5vw;
  height: 6.9444444444vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  backdrop-filter: blur(4px);
}
.sequence-frame-progress-txt[data-v-025c430b] {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.8333333333vw;
}
.sequence-frame-progress-bar[data-v-025c430b] {
  width: 6.9444444444vw;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  margin-top: 2.2222222222vw;
}
.sequence-frame-progress-bar-fill[data-v-025c430b] {
  background: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: left top;
}
.sequence-frame-content[data-v-025c430b] {
  position: absolute;
  inset: -5.5555555556vw 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.sequence-frame-viewer[data-v-025c430b] {
  width: 69.4444444444vw;
  height: auto;
}
@media (max-width: 1024px) {
.sequence-frame-viewer[data-v-025c430b] {
    width: 90.444444vw;
}
}
@media (min-width: 1024px) and (max-height: 600px) {
.sequence-frame-viewer[data-v-025c430b] {
    width: 48.6111111111vw;
}
}
@media (max-width: 767.98px) {
.sequence-frame-controller[data-v-025c430b] {
    top: 16vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.0666666667vw;
    gap: 1.0666666667vw;
}
.sequence-frame-controller .btn[data-v-025c430b] {
    padding: 2.5333333333vw 6.4vw;
}
.sequence-frame-viewer[data-v-025c430b] {
    width: 112vw;
}
.sequence-frame-content[data-v-025c430b] {
    inset: -10.6666666667vw 0 0 0;
}
.sequence-frame-color-switch[data-v-025c430b] {
    bottom: 16vw;
    width: 100%;
    padding: 0 16px;
}
.sequence-frame-color-switch .colors[data-v-025c430b] {
    display: flex;
    gap: 4.8vw;
}
.sequence-frame-color-switch .colors .color[data-v-025c430b] {
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 1.5px solid transparent;
}
.sequence-frame-color-switch .colors .color img[data-v-025c430b] {
    width: 26px;
    height: 26px;
}
.sequence-frame-color-switch .color-name[data-v-025c430b] {
    margin-top: 3.2vw;
    font-size: 13px;
}
.sequence-frame-progress-wrap[data-v-025c430b] {
    width: 48vw;
    height: 26.6666666667vw;
}
.sequence-frame-progress-bar[data-v-025c430b] {
    width: 26.6666666667vw;
    margin-top: 8.5333333333vw;
}
.tips-icon[data-v-025c430b] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 42.6666666667vw;
    width: 17.0666666667vw;
    height: 17.0666666667vw;
    z-index: 1;
}
.tips-icon img[data-v-025c430b] {
    width: 100%;
    height: auto;
}
}.panorama-viewer-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.panorama-viewer-content .panorama-viewer {
  background: #000;
  font-family: inherit;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box {
  width: 12.5vw;
  height: 6.9444444444vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 8px;
  backdrop-filter: blur(4px);
  margin: 0;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box p,
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbox,
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lmsg {
  display: none !important;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbar {
  width: 6.9444444444vw;
  height: 6px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  border: none;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbar .pnlm-lbar-fill {
  background: rgb(255, 255, 255);
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbar {
  margin-top: 2.2222222222vw;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-load-txt {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.8333333333vw;
}
.panorama-viewer-content .panorama-viewer .pnlm-about-msg {
  display: none !important;
}
@media (max-width: 767.98px) {
.panorama-viewer-content .panorama-viewer .pnlm-load-box {
    width: 48vw;
    height: 26.6666666667vw;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbar {
    width: 26.6666666667vw;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-lbar {
    margin-top: 8.5333333333vw;
}
.panorama-viewer-content .panorama-viewer .pnlm-load-box .pnlm-load-txt {
    margin-top: 3.2vw;
}
}