*{margin:0;box-sizing:border-box}#root{display:flex;justify-content:center;height:100vh;width:100vw;background:#e8e8e8}.page-wrapper{display:flex;align-items:center;justify-content:center}button{color:#090909;padding:.7em 1.7em;font-size:18px;border-radius:.5em;background:#e8e8e8;cursor:pointer;border:1px solid #e8e8e8;transition:all .3s;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff}button:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.conf-layout{display:grid;grid-template-columns:0 1fr 300px 0;width:100%;height:100%;gap:10px}.video-wrapper{display:flex;overflow:hidden}.cover video{object-fit:cover}.contain video{object-fit:contain}.stack{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;overflow:hidden;width:100%;height:100%;position:relative}.stack>*{grid-column:1;grid-row:1}.hide-when-no-hover{opacity:0;transition:.15s}.hide-when-no-hover:hover{opacity:1}