html,body{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}*{box-sizing:border-box}.area16x9{width:100vw;aspect-ratio:16 / 9;background:#1F1F20;position:relative;overflow:hidden}.topbar{position:absolute;top:0;width:100%;height:2vw;background:#fff;display:flex;align-items:center;padding-left:.8vw;gap:1vw;font-size:.8vw;z-index:10}.menu{position:relative;cursor:pointer}.topbar .dropdown{display:none;position:absolute;top:2vw;left:0;background:#fff;border:1px solid #ccc;min-width:8vw;z-index:20}.topbar .dropdown div{padding:.4vw .6vw;color:#000}.topbar .dropdown div:hover{background:#eee}.menu.open .dropdown{display:block}.header{position:absolute;top:2.2vw;left:50%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center}.title{font-size:.8vw;color:#d5d5d5;margin-bottom:.2vw}.line{width:100%;height:1px;background:#000;position:relative}.left-overlay{position:absolute;left:0;top:0;width:30vw;pointer-events:none}.left-text{position:absolute;top:.2vw;left:.8vw;font-size:.8vw;color:#d5d5d5}.left-overlay-line{position:absolute;top:1.2vw;left:0;width:30vw;height:1px;background:#000}.media-pool{position:absolute;top:calc(2.2vw + 1px);left:0;width:30vw;padding:.6vw;display:flex;flex-wrap:wrap;gap:.6vw;z-index:1}.media-item{width:calc((100% - 3 * .6vw) / 4);font-size:.6vw;color:#d5d5d5;position:relative;cursor:pointer;z-index:2}.media-item img,.media-item video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000}.media-name{margin-top:.2vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item .dropdown{display:none;position:absolute;top:100%;left:0;background:#1F1F20;border:1px solid #000;min-width:100%;z-index:20}.media-item .dropdown div{padding:.4vw .6vw;color:#d5d5d5;cursor:pointer}.media-item .dropdown div:hover{background:#333}.media-item.open .dropdown{display:block}.box-wrap{position:relative;width:40vw}.box169{width:100%;aspect-ratio:16 / 9;background:#000}.vline{position:absolute;top:0;bottom:-4vw;width:1px;background:#000}.vline.left{left:0}.vline.right{right:0}.line-bottom{width:100%;height:1px;background:#000;margin-top:4vw}.line-extra{width:100%;height:1px;background:#000;margin-top:3vw}
