@import"https://fonts.googleapis.com/css2?family=Jersey+25&display=swap";*{box-sizing:border-box}body{margin:0;padding:0}#code{text-align:center}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:10}.fadeIn{animation:fadeIn .3s forwards}.fadeOut{animation:fadeOut .3s forwards}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;padding:0;border-radius:0;min-width:unset;text-align:center;box-shadow:none;z-index:20}.modal input{width:100%;padding:8px 10px;margin:0;border:1px solid;border-radius:5px}.close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:20px;cursor:pointer}.scaleUp{animation:scaleUp .3s forwards}.scaleDown{animation:scaleDown .3s forwards}.avatar-buttons{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.avatar-buttons button{width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s}.avatar-buttons button:hover{transform:scale(1.1)}.avatar-buttons button.selected{border:2px solid #790000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes scaleDown{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}@media (max-width: 600px){.join-room-modal .modal-title-block,.create-room-modal .modal-title-block{max-width:250px!important;min-width:250px!important}}@media (max-width: 480px){.join-room-modal .modal-title-block,.create-room-modal .modal-title-block{max-width:220px!important;min-width:220px!important;padding:12px 20px!important}}@media (max-width: 360px){.join-room-modal .modal-title-block,.create-room-modal .modal-title-block{max-width:200px!important;min-width:200px!important;padding:10px 16px!important}}