body{margin:auto;padding:0;overflow:hidden;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;height:100vh}.btnfullscreen{display:flex;z-index:999;position:absolute;left:2%;top:2%;background-color:#ffffff1c;color:#000;width:fit-content;border-radius:5px;cursor:pointer;padding:5px;font-size:.52em;justify-content:center;align-items:center;margin:10px 0;transition:all .25s}.btnfullscreen:hover{background-color:#fff}.btnfullscreen:hover img{transform:scale(1.2)}.main-ui{position:absolute;z-index:1;display:flex}.main-ui.center{flex-direction:column;justify-content:center;align-items:center;margin:auto;height:fit-content;width:100px;color:#fff}.main-ui.right{display:flex;flex-direction:column;justify-content:end;align-items:end;width:fit-content;right:50px;padding:15px;gap:5px}.main-ui.right.top{top:100px}.main-ui.right.bottom{bottom:10%}.menu-list{display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-list .link{display:flex;align-items:center;font-size:1.1rem;height:9px;padding:13px 30px;margin:2px;background:red;border-radius:14px;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s ease-in-out;border:1.5px solid rgba(102,102,102,0)}.menu-list .link:hover,.menu-list .link.active{background-color:#66666680;color:#fff;border:white 1.5px solid}.btn-pulse{cursor:pointer;width:20px;height:20px;border-radius:50%;background:red;border:1px solid rgb(255,255,255);box-shadow:0 0 10px #ff00004d;overflow:hidden;opacity:80%}.btn-pulse:before,.btn-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid rgb(255,0,0);border-radius:inherit;animation:pulseOut 2s ease-out infinite;opacity:0}.btn-pulse:after{animation-delay:1s}@keyframes pulseOut{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.pop-ui{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;height:fit-content;width:500px;color:#fff;border-radius:15px;overflow:hidden;left:100px;border:white 1.5px solid;transition:all .3s ease-in-out}.pop-ui.large{left:20px;width:1024px;z-index:3}.bg-pop{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;background:#00000014;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.pop-ui .expand img{z-index:3;width:20px;position:absolute;top:10px;right:10px;cursor:pointer}.flip{-webkit-transform:scaleX(-1);transform:scaleX(-1);animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1280px){.main-ui.right.bottom{bottom:5%}.mid{bottom:16%}}@media (max-width: 768px){.pop-ui{z-index:3;height:fit-content;width:50%;left:50%;top:35%;transform:translate(-50%,-35%)}.pop-ui.large{margin:auto;width:90%;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.main-ui.right.top{height:fit-content;top:20px}.main-ui.right.bottom{right:20px;width:max-content;bottom:5%}.main-ui.right{right:20px}.mid{bottom:12%}}@media (max-width: 480px){.btnfullscreen{display:none}.main-ui.right.bottom{right:auto;width:90%;bottom:12%}.menu-list .link{font-size:.85rem}.menu-list{gap:4px}.menu-list .link{height:8px;padding:10px 30px;margin:2px}.main-ui.right{right:auto;bottom:18%;align-items:center}.main-ui.right.top{height:fit-content;top:30px;right:20%;width:50%}.pop-ui{z-index:3;height:fit-content;width:90%;left:50%;top:35%;transform:translate(-50%,-35%)}.pop-ui.large{width:90%;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}}.chatWindow{position:absolute;z-index:4;width:60%!important;height:80dvh!important;overflow:hidden;border-radius:25px}.frameFooter{position:relative;z-index:5;width:100%;height:40px;background-color:#fff;margin-top:-40px}.chatToggle{position:absolute;z-index:4;left:5%;bottom:2%;transform:translateY(20%)}.icon{height:max-content;width:max-content;border-radius:100%;border:none;cursor:pointer;background-color:transparent}.icon.desktop{display:block}.icon.mobile{display:none}.icon img:hover{transform:scale(1.1)}.icon img{transition:all .1s ease-in-out;width:240px;color:#fff}.bg-pop.top{z-index:3}@media (min-width: 320px) and (max-width: 640px){.chatWindow{width:92%!important;height:70vh!important}.chatToggle{left:70%;bottom:78%}.chatToggle.active{left:70%;bottom:82%;transition:all .1s ease-in-out}.icon img{height:114px;width:100px}.icon.desktop{display:none}.icon.mobile{display:block}}