/* These four frame insets are measured by the fullscreen player after rotation. */
[data-wire-event-watermark-host-v1] {
  --wire-logo-width: clamp(66px, calc((100% - var(--wewm-video-left, 0px) - var(--wewm-video-right, 0px)) * .17), 146px);
  --wire-logo-right: calc(var(--wewm-video-right, 0px) + clamp(8px, 1.5%, 20px));
  --wire-logo-top: calc(var(--wewm-video-top, 0px) + clamp(8px, 2%, 16px));
}
[data-wire-event-watermark-host-v1][data-wire-event-watermark-host-v1][data-wire-event-watermark-host-v1] > img.wire-event-watermark-v1 {
  position: absolute !important;
  left: auto !important;
  bottom: auto !important;
  right: var(--wire-logo-right) !important;
  top: var(--wire-logo-top) !important;
  width: var(--wire-logo-width) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}
/* The expand control sits immediately to the left of the network mark. */
[data-wire-event-watermark-host-v1][data-wire-event-watermark-host-v1] > .wire-event-fullscreen-v1 {
  top: var(--wire-logo-top) !important;
  right: calc(var(--wire-logo-right) + var(--wire-logo-width) + 6px) !important;
}
.wet-bar {bottom: 0; box-sizing: border-box;}
.wet-bar > .wet-brand {
  flex: 0 0 clamp(60px, 18%, 110px);
  max-width: 24%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  padding: 0 3px;
  display: grid;
  grid-template: minmax(0,1fr) / minmax(0,1fr);
  place-items: center;
  text-align: center;
}
.wet-bar > .wet-brand > img {
  position: static;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}