.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}body{margin:0;font-family:Red Hat Display,Helvetica,sans-serif;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overscroll-behavior:none}#root{position:relative;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#sourceVideo{position:absolute;z-index:0}.canvas-container{position:absolute;width:100%;height:100%;z-index:10;touch-action:none;-webkit-touch-callout:none}.loading-screen{font-family:Red Hat Display;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;gap:16px;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-image{max-width:min(90%,300px)}.loading-logo{width:100%;display:flex;justify-content:center;align-items:center}.loading-number{width:100%;text-align:center;font-size:12px}.loading-number-animated{width:100%;text-align:center;font-size:12px;animation:pulse 2s infinite ease-in-out}p.loading-text{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:10px}.loading-text{color:#ddd}.loading-text-animated{color:#ddd;animation:flash 2s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}.loading-video{width:min(60%,200px);object-fit:contain;border:none}.dots{display:flex;gap:8px}.dot{width:15px;height:15px;background-color:#fff;border-radius:50%;animation:bounce 1.5s infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}}.neon-atas{position:absolute;width:100vw;z-index:1;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.neon-atas>img{max-width:600px}.neon-bawah{position:absolute;width:100vw;bottom:0;left:0;z-index:1;display:flex;justify-content:center;align-items:end;overflow:hidden}.neon-bawah>img{max-width:600px}.record-duration-tracker{position:absolute;top:0;right:0;background-color:#000;color:#ddd}.record-btn-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;left:0;bottom:10%}.record-btn-border{display:flex;justify-content:center;align-items:center;width:72px;height:72px;border-radius:50%;z-index:11;transition:all .5s ease;opacity:1}.record-btn-border.hidden{opacity:0}.record-btn-border.active{border-color:#ffffff80;scale:1.5;border-width:4px}.record-btn{width:52px;height:52px;background-color:#fff;border:none;border-radius:50%;z-index:11;transition:all .5s ease}.record-btn.active{background-color:#fff;scale:.5}#recording-canvas{width:100vw;height:100vh}.instruction-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;flex-direction:column;justify-content:start;align-items:center;z-index:20;transition:all .5s ease-in-out}.instruction-container-clickable{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;flex-direction:column;justify-content:start;align-items:center;z-index:20}.instruction-image-top{position:absolute;top:30%;max-width:min(40%,250px)}.instruction-text-container{position:absolute;top:calc(30% + 40vw);color:#ddd;font-size:16px;font-weight:500}.instruction-container>p{position:absolute;bottom:20%;color:#ddd;font-size:16px;font-weight:500;text-align:center}.close-btn-container{position:absolute;bottom:10%;background-color:transparent;display:flex;justify-content:center;align-items:center}.close-btn-container button{background-color:transparent;display:flex;justify-content:center;align-items:center;border:none}.close-btn-container button img{opacity:.9;width:64px;height:64px}.desktop-start-menu{position:absolute;top:0;left:0;background-image:url(/gitisport-s2/background.png);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;width:100vw;height:100vh;z-index:999;opacity:1;display:flex;flex-direction:column;justify-content:start;align-items:center;transition:all 2s ease}.desktop-start-menu>img{max-width:min(80%,400px);aspect-ratio:5/1;object-fit:contain;margin-top:30vh}.desktop-start-menu>p{color:#ddd}.desktop-start-menu>button{width:200px;height:40px;font-family:Red Hat Display;cursor:pointer;margin:8px;border:none;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:700;background-color:#fd0;color:#000;transition:all .5s ease}.video-share-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.video-share-preview>.video-player{border:none;border-radius:10px;margin-bottom:20px}.share-btn-border{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:30px;transition:all .5s ease;opacity:1}.share-btn{width:250px;height:40px;background:linear-gradient(to right,#fcda78,#ff457c);background-size:120% 100%;color:#000;border:none;border-radius:20px;transition:all .5s ease;font-family:Red Hat Display;font-weight:500}.back-btn{width:250px;height:40px;background-color:transparent;color:#ddd;border:1px solid #DDDDDD;border-radius:20px;transition:all .5s ease;margin-top:8px;font-family:Red Hat Display}.cancel-btn{width:250px;height:40px;background-color:transparent;color:#ddd;border:0px solid #DDDDDD;border-radius:20px;transition:all .5s ease;margin-top:8px;font-family:Red Hat Display}.CircularProgressbar .CircularProgressbar-path{stroke:url(#gradient-svg);stroke-width:4px}.CircularProgressbar .CircularProgressbar-trail{stroke:#ffffff80;stroke-width:4px}.ar-button-container{position:absolute;background:url(/gitisport-s2/background.png);background-size:contain;background-position:center;background-repeat:no-repeat;top:0;left:0;z-index:11;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;transition:all .5s ease}.ar-button-container.hidden{opacity:0;z-index:-1}.ar-button-container>p{color:#aaa;font-size:16px;font-weight:500;margin:0 0 24px}.ar-start-menu-logo{max-width:min(100%,340px);margin:55% 0 10px}.ar-button-start{width:200px;height:40px;background:#fd0;color:#000;border:none;border-radius:10px;transition:all .5s ease;font-family:Red Hat Display;font-size:16px;font-weight:700;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:2s}.ar-button-start.show{opacity:1}#scanning-overlay{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0;background:transparent;z-index:11}@media (min-aspect-ratio: 1/1){#scanning-overlay .inner{width:50vh;height:50vh}}@media (max-aspect-ratio: 1/1){#scanning-overlay .inner{width:80vw;height:80vw}}#scanning-overlay .inner{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(to right,#231815 8px,transparent 8px) 0 0,linear-gradient(to right,#231815 8px,transparent 8px) 0 100%,linear-gradient(to left,#231815 8px,transparent 8px) 100% 0,linear-gradient(to left,#231815 8px,transparent 8px) 100% 100%,linear-gradient(to bottom,#231815 8px,transparent 8px) 0 0,linear-gradient(to bottom,#231815 8px,transparent 8px) 100% 0,linear-gradient(to top,#231815 8px,transparent 8px) 0 100%,linear-gradient(to top,#231815 8px,transparent 8px) 100% 100%;background-repeat:no-repeat;background-size:40px 40px;border-radius:5px}#scanning-overlay.hidden{display:none}#scanning-overlay img{opacity:.6;height:92%;align-self:center}#scanning-overlay img.stats-target{opacity:.6;height:60%;width:90%;align-self:center}#scanning-overlay .inner .scanline{position:absolute;width:100%;height:10px;background:#fff;animation:move 2s linear infinite}@keyframes move{0%,to{top:0%}50%{top:calc(100% - 10px)}}#error-overlay.hidden{display:none}#error-overlay .error-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}