#pb-site-widget-layer {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  pointer-events: none;
  overflow: hidden;
  contain: layout style;
}

.pb-site-widget {
  --pb-widget-size: 86px;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--pb-widget-size);
  height: var(--pb-widget-size);
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  isolation: isolate;
  outline: none;
  transition: transform 150ms ease;
}

.pb-site-widget[data-movable="true"] {
  cursor: grab;
}

.pb-site-widget:hover,
.pb-site-widget:focus-visible {
  transform: scale(1.055);
}

.pb-site-widget:focus-visible {
  border-radius: 25%;
  box-shadow: 0 0 0 2px #75ffe0, 0 0 0 5px rgba(117, 255, 224, .24);
}

.pb-site-widget[data-interacting="true"] {
  cursor: grabbing;
  transform: scale(1.025);
  transition: none;
}

.pb-site-widget__visual {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-drag: none;
  filter:
    drop-shadow(0 5px 9px rgba(0, 0, 0, .56))
    drop-shadow(0 0 8px rgba(65, 255, 219, .19));
}

.pb-site-widget__readout {
  position: absolute;
  left: 50%;
  bottom: 4%;
  max-width: 82%;
  transform: translateX(-50%);
  padding: .18em .48em;
  overflow: hidden;
  border: 1px solid rgba(117, 255, 224, .72);
  border-radius: 999px;
  background: rgba(3, 14, 24, .9);
  box-shadow: 0 0 9px rgba(86, 255, 221, .28);
  color: #d8fff7;
  font: 700 max(9px, calc(var(--pb-widget-size) * .115))/1.15 Consolas, monospace;
  letter-spacing: .06em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.pb-site-widget__readout[hidden] {
  display: none;
}

.pb-site-widget__resize {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 22%;
  min-width: 14px;
  aspect-ratio: 1;
  border: 1px solid rgba(125, 255, 224, .8);
  border-radius: 50%;
  background:
    linear-gradient(135deg, transparent 42%, #7dffe0 44%, #7dffe0 54%, transparent 56%),
    rgba(4, 20, 27, .9);
  box-shadow: 0 0 8px rgba(103, 255, 223, .34);
  cursor: nwse-resize;
}

.pb-site-widget__resize[hidden] {
  display: none;
}

@media (max-width: 560px) {
  .pb-site-widget__visual {
    filter:
      drop-shadow(0 4px 7px rgba(0, 0, 0, .62))
      drop-shadow(0 0 5px rgba(65, 255, 219, .16));
  }
}

@media (prefers-reduced-motion: reduce) {
  .pb-site-widget {
    transition: none;
  }
}