/* Native dialog lives above navigation and makes the underlying page inert. */
dialog.ug-portfolio-player{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(94vw,1000px,calc((92dvh - 48px) * 16 / 9));max-width:94vw;max-height:92dvh;padding:48px 0 0;border:1px solid #555;border-radius:16px;background:#111;color:#fff;box-shadow:0 24px 90px #0009;overflow:hidden}
dialog.ug-portfolio-player::backdrop{background:rgba(0,0,0,.84)}
dialog.ug-portfolio-player--portrait{width:min(92vw,calc((90dvh - 48px) * 9 / 16))}
.ug-portfolio-player .ug-portfolio-player-close{position:absolute;right:4px;top:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer}
.ug-portfolio-player .ug-portfolio-player-close:hover{color:#f4cf14;background:#292929}
.ug-portfolio-player .ug-portfolio-player-close:focus-visible{outline:2px solid #f4cf14;outline-offset:-4px}
.ug-portfolio-player .ug-portfolio-player-frame{width:100%;aspect-ratio:16/9;background:#000}
.ug-portfolio-player--portrait .ug-portfolio-player-frame{aspect-ratio:9/16}
.ug-portfolio-player .ug-portfolio-player-frame iframe{display:block;width:100%;height:100%;border:0}