.ve-device {
  display: flex;
  flex-direction: column;
  position: relative;
  border-color: rgba(var(--ve-border-color), var(--ve-border-opacity));
  border-style: solid;
  border-width: thin;
}
.ve-device--border {
  border-width: thin;
}
.ve-device--shape-rounded-sm {
  border-radius: 2px;
}
.ve-device--shape-rounded {
  border-radius: 4px;
}
.ve-device--shape-rounded-lg {
  border-radius: 8px;
}
.ve-device--shape-pill {
  border-radius: 9999px;
}
.ve-device--shape-circle {
  border-radius: 50%;
}
.ve-device .ve-device__border {
  bottom: 0;
  border-color: currentColor;
  border-radius: inherit;
  border-style: inherit;
  border-width: thin;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
}
.ve-device .ve-device__underlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
}
.ve-device.ve-device--variant-plain, .ve-device.ve-device--variant-outlined, .ve-device.ve-device--variant-text, .ve-device.ve-device--variant-contained-text, .ve-device.ve-device--variant-contained-outlined {
  background-color: transparent;
  color: inherit;
}
.ve-device.ve-device--variant-contained {
  background-color: rgb(var(--ve-theme-surface));
  color: rgb(var(--ve-theme-on-surface));
}
.ve-device.ve-device--variant-plain {
  opacity: 0.62;
}
.ve-device.ve-device--variant-plain .ve-device__overlay {
  display: none;
}
.ve-device.ve-device--variant-plain:focus, .ve-device.ve-device--variant-plain:hover {
  opacity: 1;
}
.ve-device.ve-device--variant-text .ve-device__overlay {
  background-color: currentColor;
}
.ve-device.ve-device--variant-contained-text .ve-device__underlay, .ve-device.ve-device--variant-contained-outlined .ve-device__underlay {
  opacity: var(--ve-activated-opacity);
}
.ve-device.ve-device--variant-outlined:not(.ve-device--border) .ve-device__border, .ve-device.ve-device--variant-contained-outlined:not(.ve-device--border) .ve-device__border {
  opacity: 0.26;
}
.ve-device__app-header {
  display: block;
  border-radius: inherit;
}
.ve-device__app-bar {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.ve-device__app-main {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.ve-device__height-tip {
  position: absolute;
  height: 20px;
  font-size: 0.875rem;
  left: -130px;
  width: 130px;
  border-bottom: 1px solid rgb(222, 222, 222);
}