.cameraViews_container__uXvjc {
  position: absolute;
  top: 1rem;
  right: 6rem;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: hidden;
  font-weight: 600;
  border-radius: 0.5rem;
  background-color: white;
  height: 2.25rem;
  transition: height 200ms ease-in;
}

.cameraViews_container__uXvjc.cameraViews_show-btn__JVfXp {
    height: 11.25rem;
  }

.cameraViews_container__uXvjc.cameraViews_en__36_3s {
    right: 7rem;
  }

.cameraViews_container__uXvjc .cameraViews_toggle-btn__6qEaE {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    width: 7rem;
    padding: 0.5rem;
    font-size: var(--fz-m-100);
    color: var(--color-primary);
    background-color: white;
    text-align: start;
    outline: none;
    height: 2.25rem;
    z-index: 10;
  }

.cameraViews_container__uXvjc .cameraViews_item-btn__HLv4P {
    display: block;
    font-size: var(--fz-m-100);
    outline: none;
    height: 2.25rem;
    width: 7rem;
    padding: 0.5rem;
  }

:is(.cameraViews_container__uXvjc .cameraViews_item-btn__HLv4P):disabled {
      color: #c4c6cf;
    }

.cameraViews_active__YusvY:is(.cameraViews_container__uXvjc .cameraViews_item-btn__HLv4P) {
      background-color: #c1ccdb;
      color: var(--color-primary);
      font-size: var(--fz-m-100);
      font-weight: 600;
    }

@media (min-width: 640px) {
    .cameraViews_container__uXvjc.cameraViews_en__36_3s {
      left: 6rem;
      right: auto;
    }
    .cameraViews_container__uXvjc .cameraViews_toggle-btn__6qEaE {
      font-size: var(--fz-100);
    }
}

.vrComponent_wrapper__hQct0 {
  position: absolute;
  inset-block-start: 7rem;
  inset-inline-end: 0.75rem;

  display: flex;
  flex-direction: column;

  font-size: var(--fz-m-100);
  z-index: 20;
}

.vrComponent_wrapper__hQct0  > button {
    border-start-start-radius: 0.5rem;
    border-start-end-radius: 0.5rem;
  }

.vrComponent_wrapper__hQct0  > a {
    border-end-start-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
  }

.vrComponent_wrapper__hQct0 .vrComponent_btn__9jUQC {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;

    padding: 1.3rem 1rem;
    background-color: white;

    cursor: pointer;
  }

.vrComponent_isActive__cR3SQ:is(.vrComponent_wrapper__hQct0 .vrComponent_btn__9jUQC) {
      background-image: linear-gradient(to right, var(--color-primary), #517f99);
      color: white;
      pointer-events: none;
    }

@media (min-width: 640px) {
  .vrComponent_wrapper__hQct0 {
    flex-direction: row;
    inset-block-start: 0;
    inset-inline: 50%;
  }

    .vrComponent_wrapper__hQct0  > button {
      border-start-start-radius: 0;
      border-start-end-radius: 0;
      border-end-start-radius: 0.5rem;
    }

    .vrComponent_wrapper__hQct0  > a {
      border-end-start-radius: 0;
      border-end-end-radius: 0.5rem;
    }
    .vrComponent_wrapper__hQct0 .vrComponent_btn__9jUQC {
      padding: 1.2rem 3rem;
    }

      :is(.vrComponent_wrapper__hQct0 .vrComponent_btn__9jUQC):hover {
        background-color: whitesmoke;
      }
        .vrComponent_isActive__cR3SQ:is(.vrComponent_wrapper__hQct0 .vrComponent_btn__9jUQC):hover {
          filter: grayscale(2);
        }
}


/*# sourceMappingURL=962b97a42eba7f81.css.map*/