.project-preview{position:relative;margin-top:.25rem}.project-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-preview-panel{position:relative;display:block;overflow:hidden;border-radius:10px;background:#626264;isolation:isolate}.project-preview-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.project-preview-toggle{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(25,25,28,.72);color:#fff;cursor:pointer}.project-preview-toggle[hidden],.project-preview-play,.project-preview[data-paused=true] .project-preview-pause{display:none}.project-preview[data-paused=true] .project-preview-play{display:block}.project-preview-toggle:hover{background:rgba(25,25,28,.95)}.project-preview-panel:focus-visible,.project-preview-toggle:focus-visible{outline:3px solid #e74c3c;outline-offset:3px}@media(max-width:575px){.project-preview-grid{grid-template-columns:minmax(0,1fr)}}