#dd-media-indicator {
  position: fixed;
  right: max(16px, env(safe-area-inset-right, 0px));
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 10110;
  color: #dedede;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
}
#dd-media-indicator[hidden], #dd-media-indicator [hidden] { display: none !important; }
#dd-media-indicator button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#dd-media-indicator .media-indicator__button img { width: 16px; height: 16px; display: block; opacity: 1; }
#dd-media-indicator button:focus-visible { outline: 1px solid #c9a875 !important; outline-offset: -5px !important; }
#dd-media-indicator .media-indicator__explanation {
  position: absolute;
  right: 0;
  bottom: 48px;
  width: min(280px, calc(100vw - 48px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
  box-sizing: border-box;
  padding: 14px 44px 14px 16px;
  background: #191919;
  border: 1px solid #61543f;
  border-radius: 3px;
  box-shadow: 0 2px 12px #0006;
}
#dd-media-indicator .media-indicator__message { margin: 0; font: inherit; overflow-wrap: anywhere; }
#dd-media-indicator .media-indicator__close { position: absolute; top: 0; right: 0; font-size: 22px; font-family: Arial, sans-serif; }
#dd-media-indicator .media-indicator__announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1023px) {
  #dd-media-indicator { bottom: calc(var(--site-bottom-menu-height, 70px) + 12px + env(safe-area-inset-bottom, 0px)); }
}