:root{font-family:system-ui,sans-serif;color-scheme:dark light}.logo{vertical-align:text-bottom;display:inline;width:40px;height:40px}.wrapper{display:flex;gap:1rem;flex-direction:column;align-items:center}#photos{margin-block-start:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;max-width:100%}video{transform:scaleX(-1);display:block;width:640px;height:480px;background-color:#a9a9a9}canvas{transform:scaleX(-1)}video,canvas{aspect-ratio:640 / 480;max-width:100%;height:auto}button{display:block;width:50px;height:50px;border-radius:50%;background-color:red;border:solid 2px white;outline:solid 2px black;outline-offset:5px;margin-block-start:-80px;cursor:pointer;z-index:1}button:hover{outline-offset:4px}button:active{outline-offset:3px}button.busy{background:linear-gradient(red,#ff9a00,#d0de21,#4fdc4a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9,red) 0 0/100% 200%;animation:rainbow 2s linear infinite}@keyframes rainbow{to{background-position:0 -200%}}