@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: local('Abel Regular'), local('Abel-Regular'), url('./abel-v10-latin-regular-hV2BdPBZ.woff2') format('woff2');
}
.remote-viewer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}
.remote-viewer video {
    max-width: 100%;
    max-height: 100%;
}
.remote-viewer .main-toolbar {
    cursor: default;
    position: absolute;
    top: 0.125rem;
    right: 0.5rem;
    z-index: 3000;
}
.remote-viewer .text-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background: #0008;
}
.remote-viewer .text-overlay span {
    color: #ddd;
    background: #000;
    padding: 0.25em 0.5em;
    border-radius: 10px;
}
.remote-viewer .message {
    position: absolute;
    bottom: 0px;
    z-index: 3000;
    color: white;
    background: #000;
    padding: 20px;
    min-width: 500px;
    width: 100vw;
    opacity: 0.8;
    pointer-events: none;
}
.remote-viewer .clipboard-container {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2000;
}
.remote-viewer .clipboard {
    min-width: 15rem;
}
.remote-viewer textarea::-webkit-scrollbar {
    display: none;
}

.alt-button-row {
  display: flex;
  gap: 0.5rem;
}
.alt-button-row button {
  font-size: 0.8rem;
  flex: 1;
}