.v2-guest-vec-gate {
  position: absolute;
  z-index: 36;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 77, 79, .54);
  border-radius: 999px;
  background: rgba(17, 7, 8, .76);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .32);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.v2-guest-vec-gate:hover,
.v2-guest-vec-gate:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 77, 79, .92);
  background: rgba(31, 8, 10, .9);
  outline: none;
}

.v2-guest-vec-gate-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.v2-guest-vec-gate-status i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #ff4d4f;
  box-shadow: 0 0 0 4px rgba(255, 77, 79, .16), 0 0 12px rgba(255, 77, 79, .68);
}

.v2-guest-vec-gate-status b {
  color: #ff7875;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.v2-guest-vec-gate small {
  color: rgba(255, 255, 255, .76);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.v2-guest-vec-gate[hidden] {
  display: none !important;
}

@media (max-width: 699px) {
  .v2-guest-vec-gate {
    top: calc(68px + env(safe-area-inset-top, 0px));
    left: 15px;
    gap: 7px;
    min-height: 34px;
    padding: 6px 9px;
  }

  .v2-guest-vec-gate small {
    font-size: 9px;
  }
}

@media (min-width: 700px) {
  .v2-guest-vec-gate {
    top: 92px;
    left: 32px;
  }
}