:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;padding:15px 20px;margin-bottom:20px;font-size:1em;font-weight:600;font-family:inherit;background-color:#8beda6;cursor:pointer;border:none;width:80%;max-width:300px;color:#000}.feedback-btn{padding:10px;background-color:transparent;color:#8beda6;border:1px solid #8BEDA6;margin-top:15px}.feedback-input{width:80%;max-width:300px;height:50px;border-radius:5px;outline:none;border:1px solid grey;margin-top:15px}.timer-btn{background-color:#8beda6;color:#000;display:flex;justify-content:center}.timer-icon{margin-right:5px}#root{width:100%;height:100%;max-width:500px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available;width:100vw;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow:hidden}h1{font-size:3em;line-height:1.1}.re-record{position:relative;opacity:.5}.top-container{height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column}.logo-holder{width:100%;height:80px;z-index:5;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.guntime-logo{width:120px}.link{position:absolute;bottom:5px;right:5px;opacity:.2}.link-left{position:absolute;bottom:5px;left:5px;opacity:.2}.round-border{border:1px dotted #a1a1a14a;height:300px;width:300px;border-radius:150px;background-color:#2b292716}.next-arrow-container{position:absolute;bottom:90px;right:20px}.title-button-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:end}.title{width:80%;font-size:24px;color:#fff;font-weight:600;margin-bottom:10px}.title-desc{width:80%;max-width:300px;font-size:16px;color:#a2a2a2;margin-bottom:25px}.nav-dots-container{display:flex;justify-content:center;width:100%;max-width:300px;margin-top:25px;margin-bottom:25px}.nav-dot{height:7px;width:7px;border-radius:25px;background-color:gray;margin:5px}.white{background-color:#fff!important}.main-content{display:flex;flex-direction:column;justify-content:center}.nav{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.settings-button{margin-top:6px;font-size:24px;opacity:.7}.menu-button{margin-top:6px}.username-title{font-weight:600;font-size:16px}.bottom-nav{height:80px;width:100%;max-width:500px;background-color:#252527;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 18px 5px #0000002c;position:fixed;z-index:5}.bottom-nav-icon{height:80px;width:80px;font-size:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:.6}.bottom-nav-title{font-size:12px;margin-top:3px}.active{color:#8beda6;opacity:1!important}.alert{position:absolute;top:0;left:0;height:calc(var(--vh, 1vh) * 100);width:100%;background-color:#000;display:flex;justify-content:center;align-items:center;color:orange;flex-direction:column;z-index:10}.alert-icon{font-size:25px;margin-bottom:10px}.alert-description{margin:10px 0;width:80%}.alert-close-icon{position:absolute;top:10px;right:10px;font-size:30px}.settings-container{width:100%}.settings-page{height:100vh;overflow:auto;justify-content:start}.settings-holder{margin-top:50px;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.settings-title{font-size:16px;font-weight:600;color:#fff}.settings-description{color:gray}.settings-contained{padding:10px;background-color:#8080803c;width:80%;max-width:300px;border-radius:4px;margin-top:10px}.settings-close-icon{position:absolute;top:10px;right:10px;font-size:30px;color:#fff}.settings-image{width:100px;height:100px;object-fit:cover;border-radius:50px;background-color:gray;margin-bottom:15px}.settings-image img{width:100px;height:100px;object-fit:cover;border-radius:50px}.upgrade{color:#8beda6}.logout-btn{background-color:tomato;margin-bottom:150px}.task-container{width:100%}.task-item-container{border-radius:15px;background-color:#252527;padding:15px;text-align:left}.task-title{font-size:16px;font-weight:600;color:#fff}.task-description{font-size:16px;color:gray;margin:10px 0}.dash-item-button{border-radius:25px;font-weight:600;background-color:gray;padding:5px 15px;width:fit-content}.task{background-color:#e58123}.coupon{background-color:#8beda6;color:#19140f}.news{background-color:tomato}.training{background-color:#535bf2}.main-title{font-size:24px;font-weight:600;text-align:left;margin-top:15px;width:100%}.happening-container{display:flex;justify-content:flex-start;width:100%;min-height:380px;overflow:auto;margin:15px 0}.happening-container::-webkit-scrollbar{display:none}.dashboard-item-container{width:260px;min-width:260px;margin-right:25px;border-radius:15px;padding:15px;text-align:left;border:1px solid #80808042}.dash-item-image{width:100%;height:200px;background-color:#323232;border-radius:15px;display:flex;justify-content:center;align-items:center;overflow:hidden}.dash-item-title{font-size:16px;font-weight:600;margin:15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dash-item-description{margin-bottom:15px;color:gray;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bottom-empty-space{min-height:50px;width:100%}.signature-card{height:300px;width:300px;border-radius:30px;background-color:#19191a;border:1px solid rgba(128,128,128,.257);box-shadow:inset 0 0 14px 1px #8080802e;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.error-margin-container{display:flex;align-items:center;justify-content:space-between;width:80%;max-width:300px;border-radius:8px;font-size:1em;font-weight:500;font-family:inherit;background-color:#222;margin-bottom:10px}.down-arrow,.up-arrow{width:50px;height:48.5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-margin{font-size:18px;font-weight:600;opacity:.6}.description{position:absolute;font-size:20px;margin-top:100px;width:100%;color:#ffffff7d}.audio-vis-container{width:80%;height:100px;position:relative}.pattern-audio-vis{position:relative;bottom:107px}.live-audio-vis{bottom:0}.match-counter{font-size:20px;color:#ffffff7d}.recording-icon{margin-top:10px;margin-right:10px;color:#933434}#dashboard{justify-content:start}#timer-page-holder{height:50%}.main-section{scroll-snap-align:start;height:100%;min-width:100%;width:100%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.main-sections-container{padding:0 25px;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;height:calc(100% - 130px)}.landing-page-container{height:100%;width:100%;padding:0;display:flex;text-align:center}.landing-section{display:flex;flex-direction:column;justify-content:end}.improve-section{background-color:#535bf23d}.community-section{background-color:#ff2b0518}#record-page{display:flex;align-items:center;justify-content:center}.right-arrow-icon{margin-top:px}.results{position:relative;bottom:-25px;color:#ffffff7d}.reaction-table-container{width:100%;max-width:300px;min-height:70%;background-color:#25252596;border-radius:15px}.reaction-table-title{padding:15px;border-bottom:1px solid #0A0D1E;text-align:center}.reaction-table{overflow:auto;height:calc(100% - 80px)}.last-reaction-time{background-color:#ffb8091f}#third-page-shoot-container{position:absolute;top:0;left:0;width:100%;height:100vh;display:none;justify-content:center;align-items:center;font-size:28px;font-weight:600;z-index:10}.drills-main-holder{display:flex;justify-content:start;align-items:start;flex-direction:row;width:100%;height:70%;overflow:auto;scroll-snap-type:x mandatory}.drills-main-holder::-webkit-scrollbar{display:none}.drill-container{position:relative;overflow:hidden;min-width:70vw;height:100%;scroll-snap-align:start;border-radius:10px;background-color:#25252596;margin-right:20px;text-align:left;display:flex;align-items:end;color:#bfbfbf}.drill-container video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.drill-container .drill-icon,.drill-container .drill-description{position:relative;z-index:2;text-align:left}.drill-icon{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50px;background-color:#373737;margin-right:10px;display:flex;justify-content:center;align-items:center;bottom:20px;left:20px}.drill-description{bottom:10px;left:20px;color:#cbcbcb}.free-play{bottom:23px}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000c);z-index:2}.date-selector{margin-bottom:10px}.video-playback-container{width:100%;color:#fff}.video-playback-container.minimized{height:20px}.video-playback-container.maximized{height:auto}.video-playback-toggle-bar{display:flex;justify-content:center}.video-playback-maximized{display:flex;flex-direction:column;align-items:center;padding:10px}.video-playback-button{padding:5px;background-color:transparent;border:1px solid #8BEDA6;color:#8beda6;font-weight:500;margin-top:15px}