@import"https://fonts.googleapis.com/css2?family=Jersey+20&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Jersey 20",serif}.btn{padding:10px;border-radius:5px;transition:all .2s ease-in-out}.btn:hover{cursor:pointer}.b-white{background-color:#fff;color:#31363f;border:1px solid white}.b-white:hover{background-color:transparent;color:#fff;box-shadow:none}.b-gray{background-color:#31363f;color:#fff;border:1px solid #31363F}.b-gray:hover{background-color:transparent;box-shadow:none;color:#31363f}.shadow-bottom{box-shadow:0 3px 4px #000}.active{color:#e69500!important;text-decoration:none!important;position:relative;transition:color .3s ease-in-out;text-shadow:1px 1.5px black;border:none}.static-nav a:hover{color:#000e}.absolute{position:absolute}.no-scroll{overflow:hidden}.dark-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:.3}.error{color:red!important}.app-outlet{width:100%;height:100%}.app-content{display:flex}.main-div-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:90vh;margin-top:20px;margin-bottom:20px}.main-div{width:95%;background-color:#31363f;border-radius:20px;min-height:80vh;padding:20px}.main-btn{background-color:#495464;padding:12px;text-decoration:none;color:#fff;border-radius:10px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.main-btn:hover{opacity:.8}.static-home-hero-image{width:100vw;height:100vh;max-width:100%;object-fit:cover;position:relative}.selection-filter{margin:20px auto 0}.listings-wrapper{width:90%;margin:30px auto 0}.listings-wrapper .dropdown{font-size:18px;color:#323232}.listings-wrapper h1{text-align:center;color:#d9dbe2;text-shadow:3px 2px #495464;-webkit-background-clip:text;background-clip:text;font-size:50px}.listings-filter{display:flex;justify-content:space-evenly;width:70%;margin:0 auto;align-items:center}.listings-filter .selection-filter{margin:20px 20px 0 0}.listing-button{margin-top:20px;padding:10px;width:auto;font-size:17px;border-radius:10px;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.2));font-size:#495464;transition:all .2s ease-in-out}.listing-button:hover{background-color:#495464;color:#fff;opacity:.8}.overlay,.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.close-popup{position:absolute;top:10px;right:10px;background-color:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.close-popup:hover{background-color:#8b0000}.popup-content{margin-top:20px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.2);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite}@media only screen and (max-width: 1000px){.listings-filter{flex-direction:column}.listing-button-wrapper{justify-content:center;display:flex}.listings-filter .selection-filter{margin:20px 0 0}}.static-header{height:10vh;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background-color:transparent;position:absolute;z-index:2;width:100%;margin-top:10px}.static-header h1{font-size:26px}.static-header img{width:60px;height:auto}.static-header-logo{display:flex;align-items:center}.static-header-logo h1{margin-left:10px}.static-nav a{margin-left:40px;font-size:20px;text-decoration:none;text-transform:uppercase;color:#000}.static-nav a:hover{opacity:.7}.static-nav a:nth-child(1){margin-left:0}.static-nav a.is-active{color:#edf507;font-weight:700}.download-app{font-size:20px;text-decoration:none}.menu-toggle{position:absolute;right:.5rem;top:49%;transform:translateY(-50%);height:26px;width:29px;color:#000;background-color:transparent;border:none;outline:none;display:none;z-index:4}.menu-toggle:hover{color:#000}.menu-toggle-bar{display:block;position:absolute;top:50%;margin-top:-1pt;right:0;width:100%;height:2px;border-radius:4px;background-color:#000;transition:all .3s ease}.menu-toggle-bar.menu-toggle-bar--top{transform:translateY(-8px)}.menu-toggle-bar.menu-toggle-bar--bottom{transform:translateY(8px)}.nav-open .menu-toggle-bar.menu-toggle-bar--top{transform:translate(0) rotate(45deg)}.nav-open .menu-toggle-bar.menu-toggle-bar--middle{opacity:0}.nav-open .menu-toggle-bar.menu-toggle-bar--bottom{transform:translate(0) rotate(-45deg)}@media only screen and (max-width: 850px){.static-nav{display:none}.menu-toggle{display:inline-block}.download-app{margin-right:20px}}@media only screen and (max-width:460px){.download-app{display:none}.static-header{justify-content:space-between}.menu-toggle{right:1.5rem}}.static-hamburger{height:100vh;width:200px;background-color:#31363f;position:fixed;right:0;top:0;flex-direction:column;justify-content:center;align-items:center;z-index:4}.static-hamburger-link{display:flex;flex-direction:column;height:70%;justify-content:space-evenly;align-items:center}.static-hamburger-link a{color:#fff;font-size:20px}.static-hamburger button{position:absolute;right:20px;top:20px;font-size:36px;background-color:transparent;border:none}.static-footer{background-color:#282c34;color:#fff;padding:40px 20px}.static-footer footer{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-install-banner{width:90%;background:linear-gradient(90deg,#444b58,#282c34);padding:20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-install-banner h2{font-size:24px;font-weight:600;margin:0}.footer-install-banner div{display:flex;gap:12px}.footer-install-banner a{font-size:18px;padding:10px 18px;border-radius:6px;background-color:#3c846a;color:#fff;text-decoration:none;font-weight:500;transition:background .3s ease-in-out,transform .2s}.footer-install-banner a:hover{background-color:#2b5d4b;transform:translateY(-2px)}.static-footer-wrapper{display:flex;justify-content:space-between;align-items:center;width:90%;margin-top:30px;flex-wrap:wrap}.static-footer-image{display:flex;align-items:center;gap:12px}.static-footer-image img{width:60px}.static-footer-link{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.static-footer-link a{font-size:18px;font-weight:500;color:#fff;text-decoration:none;transition:color .3s ease-in-out;position:relative}.static-footer-link a:hover{color:#39ff14}.static-footer-link a:after{content:"";display:block;height:2px;width:0;background:#39ff14;transition:width .3s ease-in-out;margin-top:5px}.static-footer-link a:hover:after{width:100%}.is-active{color:#ff4500!important;font-weight:700}.copyright-footer{border-top:1px solid rgba(255,255,255,.2);margin-top:15px;padding:12px 0;text-align:center}.copyright-footer h3{margin:0;font-size:16px;font-weight:400}@media (max-width: 850px){.static-footer-wrapper{flex-direction:column;text-align:center}.static-footer-image{margin-bottom:20px}}@media (max-width: 768px){.footer-install-banner{flex-direction:column;text-align:center;gap:10px}.footer-install-banner div{flex-direction:column}.static-footer-link{display:grid;grid-template-columns:1fr 1fr;text-align:center;row-gap:12px}}.static-slogan{width:500px;height:350px;position:absolute;top:55%;border-radius:10px;padding:30px 60px;right:30%;transform:translate(50%,-50%);background-color:#31363fe6;color:#fff}.static-slogan h2{font-size:40px;font-weight:600;margin-bottom:20px}.static-slogan p{font-size:20px;margin-bottom:30px}.static-slogan a{font-size:20px}.static-home-work{padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.static-home-work h2{font-size:60px;margin-bottom:5px;margin-top:5px}.static-home-work{font-size:20px}.static-home-work p{margin-top:10px}.home-phones{display:flex;justify-content:space-evenly;width:100%;margin-top:50px}.home-phones img{width:250px}.home-phones div{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-phones div h5{margin-right:15px;margin-bottom:15px;text-transform:uppercase;font-weight:500;font-size:20px}.what-we-offer{display:flex;width:100%;margin-top:100px;height:80vh}.what-we-offer img{object-fit:cover}.what-we-offer img,.what-we-offer .what-we-offer-text{width:50%;background-color:#31363f;color:#fff}.what-we-offer .what-we-offer-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px}.what-we-offer .what-we-offer-text div:nth-of-type(1){margin-top:20px}.what-we-offer .what-we-offer-text div{display:flex;flex-direction:column;align-items:start;margin-bottom:40px}.what-we-offer .what-we-offer-text div:nth-of-type(3){margin-bottom:0}.what-we-offer h2{font-size:40px;margin-bottom:5px}.what-we-offer-text h4{font-size:30px}.what-we-offer-text p{font-size:24px}.reviews{width:80%;margin:100px auto 0}.review{min-width:350px;max-width:350px;margin-left:20px;background-color:#495464;height:250px;display:flex;padding:20px;align-items:center;flex-direction:column;color:#fff;border-radius:5px}.review-header{display:flex;align-items:center;width:100%;margin-bottom:40px}.reviews h2{text-align:center;font-size:60px}.review img{width:130px;object-fit:contain}.review .stars-div{align-self:flex-start;height:100%;display:flex;justify-content:flex-end}.review p{font-size:20px}.review-header img{width:80px;border-radius:100%;margin-top:0}.review h5{font-size:30px;font-weight:600;margin-left:20px}.individual-reviews{display:flex;overflow:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.review-carousel{margin-top:20px;display:flex;align-items:center}.arrow-r{margin-left:20px}.arrow img{width:40px}.arrow{border:none;background-color:transparent;outline:none;cursor:pointer}.arrow:hover{opacity:.7}.arrow-r{transform:rotate(180deg)}.faq-section{margin:100px auto 0;width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.faq-section h2{font-size:60px}.faq-list{display:flex;flex-direction:column;align-items:flex-start;width:100%}.faq-item{border-bottom:1px solid rgb(83,83,83);width:100%;padding:20px;cursor:pointer}.faq-item h4{font-size:26px;font-weight:400}.faq-item p{margin-top:20px;font-size:20px}.faq-question{display:flex;justify-content:space-between}.faq-arrow{width:25px;border:none;background-color:transparent}.faq-arrow img{max-width:100%;transform:rotate(-90deg);transition:all .3s ease-in-out}.faq-up img{transform:rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in}.faq-answer.selected{max-height:500px;opacity:1}@media only screen and (max-width: 1000px){.home-phones{display:grid;grid-template-columns:1fr 1fr}.home-phones div h5{margin-top:20px}}@media only screen and (max-width: 920px){.what-we-offer h2{font-size:35px;margin-bottom:5px}.what-we-offer-text h4{font-size:26px}.what-we-offer-text p{font-size:20px}}@media only screen and (max-width: 850px){.static-slogan{width:400px;height:400px;right:35%}}@media only screen and (max-width: 768px){.static-slogan h2{font-size:26px}.static-slogan p{font-size:20px;margin-bottom:30px}.static-home-work h2{font-size:35px;margin-bottom:5px;margin-top:5px}.static-home-work p{text-align:center}.home-phones{display:flex;flex-direction:column}.what-we-offer{flex-direction:column;height:auto}.what-we-offer .what-we-offer-text,.what-we-offer img{width:100%}.what-we-offer img{display:none}.reviews h2{text-align:center;font-size:35px}.faq-section h2{font-size:35px}.faq-item h4{font-size:23px;font-weight:400}.faq-item p{margin-top:20px;font-size:16px}}@media only screen and (max-width: 600px){.static-slogan{width:350px;height:400px;right:50%}.reviews{width:100%}}@media only screen and (max-width: 450px){.review{min-width:240px;height:350px}.individual-reviews{height:45vh}}@media only screen and (max-width: 350px){.static-slogan{width:300px;height:500px}}.about-hero{filter:saturate(.6)}.static-about h2{font-size:40px;margin-bottom:10px}.static-about p{font-size:20px}.about-text{position:absolute;width:600px;height:350px;display:flex;justify-content:center;align-items:center;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#31363fe6;padding:30px 60px;border-radius:10px}.what-drives-us{display:flex;justify-content:center;align-items:center;margin-top:30px;flex-direction:column}.what-drives-us h2{font-size:50px}.what-drives-us h2,.what-drives-us p{width:90%;text-align:center}.what-drives-us p{font-size:20px;margin-top:10px}.about-us-topics p{width:100%;text-align:start}.about-us-topics{display:flex;flex-direction:column;align-items:flex-start;width:90%}.about-us-topics h3{font-size:26px}.about-us-topics div{padding:30px;margin-top:20px;width:70%}.about-us-topics div:nth-child(2n){align-self:flex-end}@media only screen and (max-width: 650px){.about-text{width:400px;height:auto}.about-us-topics div{width:100%}}@media only screen and (max-width: 400px){.about-text{width:300px;height:500px;padding:30px 20px}.static-about h2{font-size:26px}.about-us-topics div{width:100%}}.login-wrapper{height:100vh;width:100vw;max-height:100vh;max-width:100vw}.login{display:flex;justify-content:center;align-items:center;height:100%}.login h1{margin-top:20px;color:#bbbfca}.login-image img:nth-of-type(1){width:90%;height:90%}.login .login-form,.login .login-image{width:50%;height:100vh}.login-form{background-color:#31363f;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form-content input{border:none;font-size:20px;outline:none;border-radius:10px;padding:20px 10px;width:350px;background-color:#e8e8e8;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.login-form-content input[type=submit]{color:#bbbfca;font-size:28px;width:130px;padding:15px;margin:0 auto!important;cursor:pointer;background-color:#495464;border-radius:14px}.login-form-content input[type=submit]:hover{opacity:.8}.login-form-content{margin-top:10px;display:flex;flex-direction:column;height:40%;justify-content:space-evenly}.login-form a,.login-form p{color:#c4c4c4;font-size:20px}.login-form p{margin-top:20px}.login-form a{text-decoration:underline}.login-form a:hover{opacity:.8}.login-image{background-color:#495464;display:flex;justify-content:center;align-items:center;position:relative}.login-form img{width:120px;height:120px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.login-form .error{margin-top:0;margin-bottom:20px}.login-image img:nth-of-type(2){right:60px;bottom:200px}.login-image img:nth-of-type(3){left:60px;bottom:300px}.login-image img:nth-of-type(4){top:20px;right:30px}.login-image img:nth-of-type(5){top:20px;left:180px}.login-image img:nth-of-type(6){bottom:20px;left:180px}.login-image img:nth-of-type(1){z-index:3}.login-form-content div{width:350px;display:flex;flex-direction:column}.login-form input:nth-of-type(1){margin-top:20px}@media only screen and (max-width: 1200px){.login-image img:nth-of-type(2){right:20px;bottom:160px}.login-image img:nth-of-type(3){left:40px;bottom:300px}.login-image img:nth-of-type(4){top:20px;right:0}.login-image img:nth-of-type(5){top:20px;left:150px}.login-image img:nth-of-type(6){bottom:20px;left:100px}}@media only screen and (max-width: 920px){.login{background-color:#495464;flex-direction:column}.login .login-form{width:70%;height:80vh;border-radius:10px}.login-image{display:none}.login-form-content input{width:100%}}@media only screen and (max-width: 850px){.login .login-form{width:80%;height:90vh}}@media only screen and (max-width: 768px){.login .login-form{width:90%;height:90vh}}@media only screen and (max-width: 4550px){.login-form div{width:auto;padding:30px}}.register-wrapper{height:100vh;width:100vw;max-height:100vh;max-width:100vw}.register{display:flex;justify-content:center;align-items:center;height:100%}.register h1{margin-top:20px;color:#bbbfca}.register-image img:nth-of-type(1){width:90%;height:90%}.register .register-form,.register .register-image{width:50%;height:100vh}.register-form{background-color:#495465;display:flex;flex-direction:column;justify-content:center;align-items:center}.register-form-content input{border:none;font-size:20px;outline:none;border-radius:10px;padding:20px 10px;width:400px;background-color:#e8e8e8;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3));margin-bottom:20px}.register-name{margin-top:20px}.register-form-content input[type=submit]{color:#bbbfca;font-size:28px;width:130px;padding:15px;margin:0 auto 20px;cursor:pointer;background-color:#31363f;border-radius:14px}.register-name label input{width:200px;filter:none}.register-name label:nth-child(1) input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:2px solid #495464}.register-name label:nth-child(2) input{border-top-left-radius:0;border-bottom-left-radius:0}.register-form-content input[type=submit]:hover{opacity:.8}.register-form-content{margin-top:10px;display:flex;flex-direction:column;height:auto;justify-content:space-evenly}.register-form a,.register-form p{color:#c4c4c4;font-size:20px}.register-form p{margin-top:20px}.register-form a{text-decoration:underline}.register-form a:hover{opacity:.8}.register-image{background-color:#31363f;display:flex;justify-content:center;align-items:center;position:relative}.register-form img{width:120px;height:120px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.register-form p{margin-top:0;text-align:center;margin-bottom:20px}.register-image img:nth-of-type(2){left:0;bottom:0}.register-image img:nth-of-type(3){right:60px;top:20px}.register-image img:nth-of-type(4){top:120px;left:30px}.register-image img:nth-of-type(5){bottom:150px;right:50px}.register-image img:nth-of-type(1){z-index:3}.terms-label{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:10px 0 20px;color:#c4c4c4;font-size:18px}.terms-checkbox{display:none}.custom-checkbox{width:20px;height:20px;background-color:#e8e8e8;border-radius:4px;position:relative;cursor:pointer;transition:.3s}.terms-checkbox:checked+.custom-checkbox{background-color:#31363f;border:2px solid #BBBFCA}.terms-con{background:none;border:none;color:#bbbfca;font-size:18px;cursor:pointer;text-decoration:underline}.terms-con:hover{opacity:.8}.terms-con-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.terms-modal-content{background:#495465;color:#c4c4c4;padding:20px;border-radius:10px;max-width:500px;text-align:center;box-shadow:0 6px 6px #0000004d}.terms-text{max-height:300px;overflow-y:auto;text-align:left;margin:10px 0;padding:10px;background:#31363f;border-radius:5px;white-space:pre-wrap}.close-terms{background-color:#31363f;color:#bbbfca;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;font-size:18px}.close-terms:hover{opacity:.8}@media only screen and (max-width: 1200px){.register-image img:nth-of-type(3){right:10px;top:0}.register-image img:nth-of-type(4){top:120px;left:10px}}.register{min-height:100vh}@media only screen and (max-width: 920px){.register{background-color:#31363f;flex-direction:column}.register .register-form{width:70%;height:80vh;border-radius:10px}.register-image{display:none}.register .register-form{height:auto;padding:10px}.register{height:auto}}@media only screen and (max-width: 850px){.register .register-form{width:80%}}@media only screen and (max-width: 768px){.register .register-form{width:90%}.register-form-content input,.register-name label input{width:300px}.register-name{display:flex;flex-direction:column}.register-name input{border-radius:10px!important}}@media only screen and (max-width: 350px){.register input,.register-name input{width:auto!important}}.app-header{height:15vh;padding:30px;width:100%;background-color:#31363f;border-bottom-left-radius:20px;border-bottom-right-radius:20px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3));display:flex;justify-content:space-between;position:relative;align-items:center;z-index:200}.app-header img:nth-of-type(1){width:70px}.app-logo-div{display:flex;justify-content:center;align-items:center;color:#fff}.app-logo-div h3{margin-left:10px;font-size:32px;font-weight:400}.app-header a:nth-of-type(1){display:inline-block;width:54px;height:48px;border-radius:20px;display:flex;justify-content:center;background-color:#fff;margin-right:20px}.app-header .profile-icon,.settings-icon{width:40px!important}.profile-icon{padding-top:3px}.profile-button{background-color:transparent;outline:none;border:none;cursor:pointer;transition:transform .3s ease;height:fit-content}.settings-button{background-color:transparent;outline:none;border:none;cursor:pointer;transition:transform .3s ease}.settings-button:hover{transform:rotate(60deg);opacity:.8}.app-nav-icons{display:flex;justify-content:center;align-items:center}.hamburger-toggle{position:relative;display:block;width:30px;height:26px;background:transparent;border-top:4px solid;border-bottom:4px solid;color:#fff;font-size:0;transition:all .25s ease-in-out}.hamburger-toggle:before,.hamburger-toggle:after{content:"";display:block;width:100%;height:4px;position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);transition:transform .25s ease-in-out}button.is-active{border-color:transparent}button.is-active:before{transform:translate(-50%,-50%) rotate(45deg)}button.is-active:after{transform:translate(-50%,-50%) rotate(-45deg)}button{border:none;cursor:pointer;outline:none}.settings-dropdown-menu{position:absolute;background-color:#fff;right:30px;border-radius:10px;margin-top:15px;max-width:220px;min-width:150px;max-height:100px}.settings-dropdown-menu ul{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;min-height:100px}.settings-dropdown-menu li{list-style-type:none}.app-header .settings-dropdown-menu ul li a,.app-header .settings-dropdown-menu button,.app-header .settings-dropdown-menu span{width:100%;text-decoration:none;font-size:20px;color:#31363f;cursor:pointer;height:auto}.app-header .settings-button a,.app-header .settings-dropdown-menu button{background-color:transparent!important}input:checked+.settings-slider{background-color:#31363f}input:checked+.settings-slider:before{transform:translate(10px)}.app-sidebar-wrapper{position:sticky;height:90vh;width:15%;padding:50px;color:#758ca3;transition:transform .2s ease,width .2s ease;transform:translate(0);overflow:hidden;z-index:200}.sidebar-closed{transform:translate(-100%);width:15%;padding:0;color:#758ca3;position:absolute}.app-sidebar{display:flex;flex-direction:column;width:auto;transition:all .2s ease-in}.app-sidebar h2{font-size:30px;cursor:pointer}.app-sidebar a{font-size:25px;text-decoration:none;color:#758ca3;font-weight:700;display:flex;align-items:center}.app-sidebar div div div:hover{opacity:.7}.app-sidebar div:nth-child(1){margin-top:2rem}.app-sidebar div div div{display:flex;margin-top:.8rem;align-items:center}.sidebar-icon{width:40px;margin-right:10px}.app-sidebar span{transform:rotate(90deg);display:inline-block;transition:all .2s ease-in}.app-sidebar .closed span{transform:rotate(0)}.closed div{display:none!important}.app-sidebar .dashboard-div,.dashboard-div div{margin-top:0!important}.dashboard-div div div{margin-top:.8rem!important}.app-sidebar button{display:none}@media only screen and (max-width: 1700px){.app-sidebar-wrapper{width:17%}}@media only screen and (max-width: 1700px){.app-sidebar-wrapper{width:21%}}@media only screen and (max-width: 1420px){.app-sidebar-wrapper{width:26.2%}}@media only screen and (max-width: 1224px){.app-sidebar-wrapper{width:auto;height:100%;background-color:#fff;top:0;position:fixed}.sidebar-closed div{display:none}.app-sidebar button{display:inline-block;font-size:50px;width:30px;background-color:transparent;margin-bottom:20px;color:#758ca3}}.confirm-email{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.my-leagues h1{text-align:center;color:#d9dbe2;text-shadow:3px 2px #495464;-webkit-background-clip:text;background-clip:text;font-size:50px}.emp-options{display:flex;justify-content:space-between;margin-top:5px}.emp-options img{background-color:#d9d9d9;padding:5px;border-radius:10px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3));width:40px;animation:shake .5s infinite;height:40px;cursor:pointer}.emp-options img.no-animation{animation:none}.emp-options div{display:flex}.emp-options h2{font-weight:400;margin-left:10px;color:#fff;font-size:26px}.emp-options a{height:40px;background-color:#758ca3;padding:10px;border-radius:5px;font-size:20px;color:#fff;text-decoration:none;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.emp-options a:hover{opacity:.9}.emp-options button{display:flex;align-items:center;background-color:transparent}.emp-options button:hover{opacity:.8}.league-listings-wrapper{width:90%;display:grid;margin:30px auto 0;grid-template-columns:1fr 1fr 1fr;gap:30px}.league-card{background-color:#bbbfca;border-radius:10px;padding:5px;display:flex;min-width:350px;width:100%;min-height:200px;height:100%;justify-content:center;align-items:center}.league-card img{width:170px;height:170px;object-fit:contain;margin-right:20px}.league-card h3{color:#495464;font-size:35px}.league-card p{color:#fff;margin-bottom:20px;font-size:20px}.league-card a{padding:15px 30px;background-color:#495464;display:inline-block;width:170px;text-align:center;color:#fff;font-size:20px;text-decoration:none;border-radius:10px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3))}.league-card a:hover{opacity:.8}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}@media only screen and (max-width: 1775px){.league-card img{width:130px;height:130px}}@media only screen and (max-width: 1663px){.league-listings-wrapper{grid-template-columns:1fr 1fr}.league-card{justify-content:space-evenly;padding:20px}.league-card img{width:170px;height:170px}}@media only screen and (max-width:1300px){.league-card img{width:160px;height:160px}}@media only screen and (max-width: 990px){.league-listings-wrapper{grid-template-columns:1fr}.league-card img{width:120px;height:120px}.emp-options button{margin-top:10px}}@media only screen and (max-width: 460px){.league-listings-wrapper{width:100%}.league-card img{width:100px;height:100px}.league-card{min-width:250px}.league-card a{width:auto;padding:15px}}.skeleton{background:#ddd;overflow:hidden;margin:10px 0;border-radius:4px}.skeleton.title{width:80%;height:20px}.skeleton.text{width:100%;height:12px;margin-bottom:15px}.skeleton.logo{width:100px;height:100px;border-radius:50%}.skeleton.button{padding:15px 30px;display:inline-block;width:170px;height:50px;border-radius:10px}.skeleton-league{background-color:#bbbfca;border-radius:10px;padding:5px;display:flex;min-width:350px;width:100%;min-height:200px;height:100%;justify-content:center;align-items:center}.skeleton-league .skeleton.logo{margin-right:60px;width:170px;height:170px;object-fit:contain}.skeleton-wrapper{position:relative;overflow:hidden}.shimmer-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;animation:loading 2.5s infinite}.shimmer{width:50%;height:100%;background-color:#fff3;transform:skew(-20deg);box-shadow:0 0 30pxx 30px #ffffff0d}.skeleton-info-back{display:flex;position:relative;justify-content:space-between}.skeleton-info-back .skeleton.title{width:300px}.skeleton-main{display:flex;margin-top:65px}.skeleton-description .skeleton.title,.skeleton-description .skeleton.text{background-color:#ebebeb}.skeleton-description .skeleton.title{width:300px}.skeleton-main .skeleton.logo{width:200px;height:200px}.skeleton-description{padding:20px;height:250px;background-color:#d9d9d9;width:80%;margin-left:30px;border-radius:10px}.skeleton-description-header{display:flex;justify-content:space-between}.league-stats .skeleton.logo{width:50px;height:50px;margin-right:10px}.league-stats .skeleton.text{width:200px}.league-heading{display:flex;justify-items:center;align-items:center;justify-self:center}.league-heading .skeleton.logo{width:10em;height:6rem;border-radius:50%;margin-right:10px}.league-heading .skeleton.text{font-size:80px;padding-left:.25em}@keyframes loading{0%{transform:translate(-150%)}50%{transform:translate(-60%)}to{transform:translate(150%)}}.dashboard-wrapper{height:100vh}.main-stats{height:100%;display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.dashboard-wrapper div h2{text-align:center;margin:20px 0}@media only screen and (max-width:900px){.main-stats{grid-template-columns:1fr}.main-stats div div:nth-child(1){height:500px!important}}.stats-container{padding:20px;color:#fff;margin:20px auto;box-shadow:0 4px 8px #0003}.match-upload-header h1{text-align:left;font-size:30px;margin-bottom:20px;color:#000}.matchUpload-team-container{background-color:#31363f;border-radius:10px;padding:20px}.team-header{display:flex;align-items:center;margin-bottom:20px;font-size:25px}.team-logo-match{width:50px;height:50px;margin-right:20px;margin-left:20px}.stats-table{width:100%;border-collapse:separate;border-spacing:0 10px;background-color:transparent;color:#758ca3}.stats-table th{margin-bottom:40px;font-size:25px;text-align:left;padding:15px;background-color:#fff;color:#000;font-weight:700}.stats-table thead th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.stats-table thead th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.stats-table tbody tr{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.stats-table tbody td{padding:10px 20px;text-align:left;font-size:20px}.stats-table tbody tr:hover{background-color:#d9d9d9;cursor:pointer}.stats-table tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.stats-table tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.stats-table td,.stats-table th{padding:10px 20px;border-spacing:40px 40px;margin-bottom:50px}.player-details{background-color:#6c6666;color:#fff;padding:20px;border-radius:10px;margin-top:-10px;box-shadow:0 2px 5px #0000001a}.stats{display:flex;flex-wrap:wrap;gap:20px}.stat-box{flex:1;min-width:120px;background-color:#fff;color:#000;border-radius:20px;padding:10px 20px;text-align:center;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stat-box label{font-size:16px;font-weight:700;margin-bottom:5px;display:block;color:#2a2a2a}.counter,.cards-select{display:flex;align-items:center;justify-content:space-between;gap:15px}.counter button{background-color:transparent;color:#333;border:none;border-radius:50%;font-size:20px;width:30px;height:30px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.counter button:hover{background-color:#d9d9d9;color:#007bff}.counter span{font-size:24px;font-weight:700;color:#333}.cards-select{background-color:transparent;color:#333;border:1px solid #ccc;font-size:15px;width:80px;height:40px;border-radius:10px;text-align:center;cursor:pointer;transition:background-color .3s ease,color .3s ease;padding:10px}.stat-box .cards-select:hover{background-color:#e0e0e0;color:#007bff}.button-container{display:flex;justify-content:flex-end;align-items:center}.upload-button{background-color:D9D9D9;color:#000;border:none;border-radius:20px;padding:10px 20px;font-size:16px;margin-left:80%}.upload-button:hover{background-color:#8a8a8a}.upload-logo-button{width:20px;height:20px}@media screen and (max-width: 520px){.stats-container,.player-details,.stat-box{width:100%}.stats{flex-direction:column;gap:15px}.counter{flex-direction:row;justify-content:space-between}.cards-select{width:100%}.upload-button{font-size:14px;padding:8px 15px}}.highlight-upload-header{text-align:center;margin:70px 0;font-weight:700;color:#000}.highlight-upload-header h1{display:flex;align-items:center;justify-content:center;gap:10px;font-size:60px}.team-logo-highlight-up{height:40px;width:auto;vertical-align:middle}.highlight-upload-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-box{display:flex;background:#3a3a3a;padding:20px;border-radius:10px;color:#fff;width:60%;text-align:center}.uploaded-files{background:#2c2c2c;padding:15px;border-radius:10px;color:#fff;text-align:center;display:flex;flex-direction:column;margin:90px 20px 90px 30px;width:500px}.uploaded-files h3{justify-content:flex-start}.highlight-type{width:80%;padding:12px;border-radius:5px;border:none;font-size:16px;margin-bottom:15px}.upload-area{border:2px dashed #ccc;padding:30px;border-radius:8px;cursor:pointer;text-align:center;margin-bottom:10px}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center}.upload-logo{font-size:50px;color:#bbb;width:130px}.file-input{display:none}.submit-btn{background:#fff;color:#2c2c2c;padding:10px;border-radius:5px;border:none;width:100%;font-size:16px;margin-top:10px;cursor:pointer}.submit-btn:hover{background:#dcdcdc}.files-list{display:flex;gap:15px;justify-content:center;flex-wrap:nowrap;flex-direction:row}.file-item{background:#fff;border-radius:10px;padding:10px;text-align:center;color:#000;width:140px;box-shadow:2px 2px 10px #0003}.file-item img{width:120px;height:80px;border-radius:8px}.highlight-label{font-size:14px;color:gray}@media (max-width: 375px){.highlight-upload-header{margin:40px 0}.highlight-upload-header h1{font-size:30px;flex-wrap:wrap;gap:5px}.team-logo{height:30px}.highlight-upload-container{flex-direction:column;padding:0 10px}.upload-box{flex-direction:column;width:100%;padding:15px}.highlight-type,.player-select{width:100%;font-size:14px;padding:10px}.upload-area{padding:20px}.uploaded-files{width:100%;margin:20px 0}.files-list{flex-wrap:wrap;gap:10px}.file-item{width:100px}.file-item img{width:90px;height:60px}.submit-btn{font-size:14px;padding:8px}}@media (max-width: 430px){.highlight-upload-header{margin:50px 0}.highlight-upload-header h1{font-size:35px;flex-wrap:wrap;gap:8px}.team-logo{height:35px}.highlight-upload-container{flex-direction:column;padding:0 15px}.upload-box{flex-direction:column;width:100%;padding:20px}.highlight-type,.player-select{width:100%;font-size:16px;padding:12px}.upload-area{padding:25px}.uploaded-files{width:100%;margin:25px 0}.files-list{flex-wrap:wrap;gap:12px}.file-item{width:120px}.file-item img{width:110px;height:70px}.submit-btn{font-size:16px;padding:10px}}.league-schedule-container{text-align:center;padding:30px;color:#000}.league-schedule-title{font-size:32px;font-weight:700;margin-bottom:20px;color:#646464}.league-schedule-league-dropdown{width:250px;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px;background:#f8f8f8;margin-right:10px}.league-schedule-export-button{background:#007bff;color:#fff;border:none;font-size:14px;font-weight:700;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}.league-schedule-export-button:hover{background:#0056b3}.league-schedule-table{width:100%;border-collapse:collapse;background:#fff;margin-top:20px}.league-schedule-table th{border-bottom:2px solid black;color:#000;background:#f2f2f2;font-weight:700;padding:12px}.league-schedule-table th,.league-schedule-table td{padding:12px;text-align:center;border-bottom:1px solid #ddd}.league-schedule-team-logo{font-size:24px}.league-schedule-team-name{font-weight:700;color:#444}.league-schedule-match-result{font-weight:700;font-size:18px}.league-schedule-update-button{background:#ddd;border:none;padding:8px 12px;margin:5px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease-in-out}.league-schedule-update-button:hover{background:#bbb}@media (max-width: 768px){.league-schedule-container{padding:20px}.league-schedule-title{font-size:24px}.league-schedule-league-dropdown{width:100%;font-size:14px}.league-schedule-export-button{width:100%;padding:8px;font-size:14px}.league-schedule-table th,.league-schedule-table td{padding:8px;font-size:12px}.league-schedule-update-button{font-size:12px;padding:6px 10px}}.league-wrapper{width:90%;margin:50px auto 0;text-align:end;display:flex;flex-direction:row-reverse;align-items:flex-end}.league-main-btn{margin-left:10px;margin-right:10px}.league-nav-history{width:100%;display:flex;justify-content:space-between;padding:20px}.league-nav-history p{font-size:34px;color:#bbbfca;text-shadow:3px 2px #495464;-webkit-background-clip:text;background-clip:text}.league-nav-history a{text-decoration:none;text-decoration:underline;font-size:34px;color:#bbbfca;text-shadow:3px 2px #495464;-webkit-background-clip:text;background-clip:text}.league-information img{width:200px;height:200px;object-fit:contain}.league-information{display:flex;align-items:center;margin-top:30px}.league-description{height:100%;background-color:#d9d9d9;height:250px;width:100%;padding:20px;margin-left:30px;border-radius:10px;overflow-y:auto}.league-description h3{color:#758ca3;font-size:28px}.league-description p{font-size:22px;color:#31363f}.league-stats p{color:#fff;margin-left:5px;font-size:20px}.league-stats div{display:flex;align-items:center}.league-stats img{width:40px}.league-stats{display:grid;grid-template-columns:1fr 1fr;width:50%;margin:20px auto 0;align-content:start;gap:10px;justify-items:center}.league-header{display:flex;justify-content:space-between}.league-header span{color:#758ca3}.league-content-wrapper{flex-direction:column;display:flex;height:80%;justify-content:center}@media only screen and (max-width: 876px){.league-header{flex-direction:column}.league-header div{margin-top:5px;margin-bottom:10px}.main-div{width:100%}}.league-main-div{position:relative;height:80vh}@media only screen and (max-width: 700px){.league-nav-history p:nth-child(2){display:none}.league-information{display:flex;flex-direction:column}.league-information img,.league-wrapper{margin-bottom:20px}.league-description{margin-left:0;height:300px}.league-header div{margin-bottom:15px}.league-main-div{height:auto}}@media only screen and (max-width: 620px){.league-stats{display:flex;flex-direction:column}.league-description{height:400px}}.error-page-wrapper{background-color:#31363f;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;color:#fff}.error-page-wrapper p{font-size:23px}.error-page-wrapper h1{font-weight:700;font-size:36px}.error-page-wrapper button,.error-page-wrapper a{padding:15px 30px;background-color:#495464;display:inline-block;text-align:center;color:#fff;font-size:20px;text-decoration:none;margin-top:20px;border-radius:10px;transition:all .2s ease-in}.error-page-wrapper button:hover{background-color:#fff}.error-page-wrapper a{background-color:transparent;border:1px solid white;margin-left:20px}.error-page-wrapper a:hover{background-color:#fff;color:#495464}.error-page-wrapper div{padding:30px}.error-buttons{padding:0!important}@media only screen and (max-width: 890px){.error-page-wrapper p{font-size:20px}.error-page-wrapper img{width:40%}}@media only screen and (max-width: 668px){.error-page-wrapper p{font-size:20px}.error-page-wrapper img{display:none}.error-page-wrapper h1,.error-page-wrapper p{text-align:center}.error-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}}.create-team-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:20px}.create-team-header-container{display:flex;justify-items:center;align-items:center;padding-bottom:2em}.create-team-league-name{font-size:80px;padding-left:.25em;color:#31363f}.create-team-form{display:grid;grid-template-columns:1fr;grid-gap:20px;padding:20px;margin:0 auto;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;background-color:#31363f}.create-team-row-1{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;justify-content:space-between}.create-team-row-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px}.create-team-row-3{display:flex;flex-direction:column}.create-team-row-3 .create-team-label{margin-bottom:10px;color:#bbbfca;font-weight:700;font-size:20px}#teamDescription{height:85%}.create-team-logo-upload{height:100%}.create-team-row-3 .create-team-visibility-options{display:flex;align-items:center;gap:15px}.create-team-row-3 .create-team-private-key-input{margin-left:20px;padding:8px;border:1px solid #ccc;border-radius:5px}.create-team-row-4{text-align:center}.create-team-submit-button{padding:10px 50px;background-color:#bbbfca;color:#000;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s}.create-team-submit-button:hover{background-color:#3b4252}.create-team-private-key-input{width:30%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:20px;box-sizing:border-box}.create-team-input,.create-team-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:20px;box-sizing:border-box}.create-team-textarea{resize:vertical}.create-team-label{font-weight:700;margin-bottom:5px;display:block;color:#bbbfca;font-size:20px}.create-team-file-input{padding:8px;font-size:20px;background-color:#f9f9f9}.create-team-league-logo{width:6em;height:6rem;border-radius:50%;margin-right:10px}.create-team-visibility-label{padding:12px;font-size:20px}.create-team-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;margin:0 auto;width:100%;height:85%;cursor:pointer;transition:border-color .3s,background-color .3s;background-color:#fff}.create-team-file-upload:hover{background-color:#cfcfcf}.create-team-file-upload:hover .create-team-file-text{color:#414141}.create-team-file-icon{font-size:50px;color:#bbbfca;transition:color .3s;width:50%}.create-team-file-text{font-size:20px;color:#bbbfca;text-align:center;transition:color .3s}.create-team-visibility-span{padding-left:10px;color:#bbbfca}.create-team-file-input{display:none}@media (max-width: 768px){#teamName:placeholder-shown,#teamDescription:placeholder-shown,.create-team-file-text{font-size:20px}}@media (max-width: 600px){.create-team-container{padding:10px}.create-team-form{grid-template-columns:1fr;padding:10px;width:100%}.create-team-row-1,.create-team-row-2{grid-template-columns:1fr;grid-gap:10px}.create-team-row-3{flex-direction:column;align-items:flex-start}.create-team-submit-button{width:100%;padding:12px}.create-team-input,.create-team-textarea,.create-team-private-key-input{font-size:14px}.create-team-file-upload{max-width:100%;padding:10px}.create-team-file-icon{font-size:40px}.create-team-file-text{font-size:14px}}.createteam-dropdown{position:relative;display:inline-block;width:100%}.createteam-dropdown-toggle{padding:11px 16px;background-color:#fff;border:none;cursor:pointer;border-radius:8px;color:#a2a5ae;font-size:20px;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.createteam-dropdown-toggle:hover{background-color:#cfcfcf;color:#414141}.createteam-dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #414141;list-style:none;margin:5px 0;width:100%;max-height:200px;overflow-y:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000}.createteam-dropdown-menu li{padding:10px;cursor:pointer;color:#000;font-size:16px}.createteam-dropdown-menu li:hover{background-color:#cfcfcf}.create-team-submit-button:hover{background-color:#e4e4e4;color:#080808;box-shadow:0 0 10px #e4e4e4}@media (max-width: 768px){.createteam-dropdown-toggle{font-size:20px;padding:11px 16px}.createteam-dropdown-menu{max-height:180px}}@media (max-width: 480px){.createteam-dropdown-toggle{font-size:14px;padding:10px}.createteam-dropdown-menu{max-height:150px}}.toast-container{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:250px;max-width:350px;color:#fff;font-size:14px;font-weight:500;border-radius:6px;box-shadow:0 4px 6px #0000001a;opacity:0;animation:fadeIn .3s forwards,fadeOut .5s 2.5s forwards}.toast.success{background-color:#28a745}.toast.info{background-color:#007bff}.toast.failure{background-color:#dc3545}.toast-icon{font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.my-team-container{display:flex;justify-content:center;align-items:center;min-height:80vh;background:#fff;color:#f8f9fa;font-family:Roboto,sans-serif;padding:20px}.team-details{display:flex;flex-direction:column;width:90%;max-width:960px;background-color:#343a40;border-radius:15px;padding:30px;box-shadow:0 8px 16px #0003;overflow:hidden}.league-header{display:flex;align-items:center;margin-bottom:25px;border-bottom:1px solid #555;padding-bottom:15px}.league-logo{width:70px;height:70px;border-radius:50%;margin-right:20px;object-fit:cover}.league-name{font-size:1.8em;font-weight:600;color:#fff}.team-card{display:flex;align-items:flex-start;position:relative;background-color:#3d454f;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a}.team-image-container{position:relative;margin-right:25px}.team-logo{width:180px;height:180px;border-radius:10px;object-fit:cover;box-shadow:0 2px 4px #0000001a}.first-row{display:flex;justify-content:space-between}.owner-overlay{background-color:#000000b3;color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.owner-picture{width:40px;height:40px;border-radius:50%;margin-right:8px;object-fit:cover;border:1px solid white}.owner-name{font-size:.95em;margin:0;white-space:nowrap;font-weight:500}.team-info{flex:1}.team-name{font-size:2em;font-weight:600;margin-bottom:15px;color:#fff}.team-description{margin-bottom:20px;line-height:1.7;color:#e0e0e0}.color-palette{display:flex;align-items:center;margin-bottom:20px}.color-swatch{width:50px;height:50px;border-radius:8px;margin-right:15px;box-shadow:0 2px 4px #0000001a;border:1px solid #ddd}.color-labels{font-size:.9em;color:#aaa}.team-visibility{font-size:1.1em;color:#ddd}.error-message{color:#dc3545;text-align:center;margin-top:20px}.customise-team-button-container{align-self:flex-end;display:flex;justify-content:space-between;width:25%;margin-top:20px}.delete-team-button{color:#fff;border-radius:5px;font-size:large;background-color:#dc3545;padding:5px 10px;margin-left:15px}.edit-team-button{color:#000;border-radius:5px;font-size:large;background-color:#bbbfca;padding:5px 10px}.delete-team-modal-button{color:#fff;border-radius:5px;font-size:large;background-color:#dc3545;padding:5px 10px;margin-right:50px}.edit-team-modal-button{color:#000;border-radius:5px;font-size:large;background-color:#bbbfca;padding:5px 10px}.edit-team-modal-row-4{margin:0 auto;align-self:center}.edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000090;display:flex;justify-content:center;align-items:center;z-index:5000;overflow:hidden}.edit-team-file-icon{width:150px;height:150px;border-radius:10px;margin-bottom:10px}@media (max-width: 768px){.team-card{flex-direction:column;align-items:center}.team-image-container{margin-right:0;margin-bottom:25px}.team-logo{width:160px;height:160px}.owner-overlay{top:10px;right:10px;padding:6px 10px}.owner-picture{width:35px;height:35px}.team-name{font-size:1.7em}.team-description{font-size:1em}.color-swatch{width:40px;height:40px;margin-right:10px}.team-visibility{font-size:1em}.league-name{font-size:1.5em}.league-logo{width:60px;height:60px;margin-right:15px}.team-details{padding:20px}}@media (max-width: 500px){.team-logo{width:140px;height:140px}.team-name{font-size:1.5em}.team-description{font-size:.9em}.color-swatch{width:35px;height:35px;margin-right:8px}.owner-overlay{padding:5px 8px;font-size:.85em}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.help-wrapper{width:100%;width:90%;margin:30px auto 0}.help-wrapper h1{text-align:center;color:#000;-webkit-background-clip:text;background-clip:text;font-size:50px}.help-wrapper div{padding:20px}.help-wrapper hr{margin:20px 0}.help-wrapper h2{font-size:30px;margin-bottom:10px;margin-top:30px}.help-wrapper h2:nth-of-type(1){margin-top:0}.help-wrapper p{color:#535353;font-size:20px}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;max-width:100vw;margin-top:70px;border-spacing:0;border-collapse:collapse}.table th,.table td{text-align:center;font-size:18px;padding:10px;text-transform:capitalize}.table th{border-bottom:2px solid black;font-size:20px;font-weight:400}.table tr{margin-bottom:50px}.table img{width:50px;height:50px;object-fit:contain}.dropdown{padding:17px;background-color:#e8e5e5;width:200px;border:none;border-radius:7px;-moz-appearance:none;-webkit-appearance:none;appearance:none;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.2));background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3csvg%20fill='%23000000'%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20330%20330'%20xml:space='preserve'%3e%3cg%20transform='rotate(-90,%20165,%20165)'%3e%3cpath%20id='XMLID_92_'%20d='M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213%20c-5.858-5.858-15.355-5.858-21.213,0.001l-150,150.004C76.58,157.211,75,161.026,75,165.004%20c0,3.979,1.581,7.794,4.394,10.607l150,149.996C232.322,328.536,236.161,330,240,330%20s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 5px center;background-size:16px}.search-component{width:200px;height:auto;padding-block:0;padding-inline:0;height:52px;background-color:#e8e5e5;outline:none;border:none;border-radius:7px;-moz-appearance:none;-webkit-appearance:none;appearance:none;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.2));padding:17px;font-size:18px}.search-component::placeholder{color:#758ca3}.employee-popup{background-color:#495464;padding:20px;border-radius:8px;width:50%;max-width:400px;overflow:auto;position:relative;min-height:200px}.close-popup{background-color:#d9dbe2;color:#000;font-size:1.1rem}.employee-popup p{color:red;margin-top:10px}.pop-up-input{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.employee-popup-content h1{font-size:30px;color:#d9dbe2;text-shadow:3px 2px #495464;-webkit-background-clip:text;background-clip:text;text-align:center}.pop-up-input input::placeholder,.pop-up-input select{color:#495464!important}.pop-up-input .selection-filter{margin:10px 0 0}.pop-up-input input,.pop-up-input .selection-filter{width:60%}.pop-up-input select{width:100%}.pop-up-input select,.pop-up-input input{padding:15px;height:auto}.pop-up-input button{margin-top:20px;padding:10px;border-radius:10px;width:80px;background-color:#d9dbe2;color:#495464;font-size:18px}.pop-up-input button:hover{opacity:.8}.email-verification-wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#495464}.email-verification{background-color:#31363f;padding:40px;border-radius:10px;box-shadow:0 6px 6px #0000004d;width:400px;display:flex;flex-direction:column;align-items:center}.verification-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.verification-form img{width:120px;height:120px;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.3));margin-bottom:40px}.email-form{display:flex;flex-direction:column}.email-verification h1{color:#bbbfca;margin-bottom:40px}.email-verification input{width:18em;padding:15px;margin-bottom:20px;border:none;border-radius:10px;font-size:20px;background-color:#e8e8e8;color:#31363f;box-shadow:0 6px 6px #0000004d}.email-verification button{background-color:#495464;color:#bbbfca;padding:15px 20px;border:none;border-radius:14px;font-size:20px;cursor:pointer;box-shadow:0 6px 6px #0000004d}.email-verification button:hover{opacity:.8}.email-verification .error{color:red;margin-top:10px}.email-form p{margin-top:30px;text-align:center;margin-bottom:20px;color:#c4c4c4;font-size:20px}.email-form a{color:#c4c4c4;font-size:20px}.modal-button{background-color:#495464;color:#bbbfca;padding:10px 15px;border:none;border-radius:14px;font-size:20px;cursor:pointer;box-shadow:0 6px 6px #0000004d;margin-top:10px}.modal p{margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#31363f;color:#bbbfca;border-radius:10px;padding:30px;box-shadow:0 6px 6px #0000004d;min-width:400px;text-align:center;height:30vh;font-size:20px}.modal h2{margin-bottom:30px}.modal-button{background-color:#495464;color:#bbbfca;padding:15px 20px;border:none;border-radius:14px;font-size:20px;cursor:pointer;box-shadow:0 6px 6px #0000004d;margin-top:10px;min-width:150px}.create-league-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;min-height:80vh;width:100%;background-color:#fff}.create-league-heading{color:#bbbfca;font-size:50px;text-align:center;margin-bottom:30px}.create-league-form{background-color:#31363f;padding:50px 30px;border-radius:10px;box-shadow:0 6px 6px #0000004d;width:90%;max-width:1200px;font-size:20px;display:flex;flex-direction:column}.outer-row-one-two{display:flex;width:100%;margin-bottom:20px;align-items:flex-start}.inner-row-one-two{display:flex;flex-direction:column;flex:1}.row-one,.row-two,.row{display:flex;gap:20px;width:100%;margin-bottom:20px}.input-group{display:flex;flex-direction:column;flex:1}.logo-half{flex:.5;align-self:center;margin-left:20px}.create-league-label{color:#bbbfca;margin-bottom:5px;font-size:20px}.create-league-input{padding:10px;border:none;border-radius:5px;font-size:20px;background-color:#e8e8e8;color:#31363f;box-shadow:0 4px 4px #0003}.create-league-file-upload{background-color:#fff;display:flex;align-items:center;cursor:pointer;border:1px dashed #BBBFCA;padding:50px 10px;border-radius:5px;box-shadow:0 4px 4px #0003;height:fit-content;margin-bottom:20px}.create-league-file-icon{width:24px;height:24px;margin-right:10px}.create-league-file-text{color:#bbbfca;font-size:20px}.create-league-submit-button{background-color:#495464;color:#bbbfca;padding:15px 40px;border:none;border-radius:14px;font-size:20px;cursor:pointer;box-shadow:0 6px 6px #0000004d;margin:5px auto}.error{color:red;margin-top:10px;font-size:20px;text-align:center}@media (max-width: 768px){.outer-row-one-two,.row{flex-direction:column;align-items:stretch}.logo-half{flex:1;align-self:start;margin-left:0;margin-top:20px}.create-league-file-upload{flex-direction:column;align-items:flex-start;height:auto;padding:20px 10px}.create-league-file-icon{margin-bottom:10px;margin-right:0}}@media (max-width: 630px){.outer-row-one-two{flex-direction:column}.logo-half{order:-1;margin-top:0;margin-bottom:20px}.row-one,.row-two{flex-direction:column}.input-group{margin-bottom:20px}.create-league-file-upload{padding:20px 10px}}.transactions-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;background-color:#fff;padding:80px 20px 20px;color:#bbbfca;position:relative;box-sizing:border-box}.dashboard-button{position:fixed;top:160px;right:30px;background-color:#31363f;color:#fff;padding:12px 18px;border:none;border-radius:5px;box-shadow:0 4px 6px #0003;font-size:18px;cursor:pointer;z-index:1000;max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transactions-container h1{margin-bottom:30px;font-size:4rem;text-align:center;width:100%;word-wrap:break-word;padding:0 15px;box-sizing:border-box}.transactions-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;width:100%;max-width:1200px;padding:0 15px;box-sizing:border-box}.transaction-card{background-color:#31363f;border-radius:10px;padding:25px;box-shadow:0 6px 6px #0000004d;width:100%;box-sizing:border-box}.league-name{color:#bbbfca;margin-bottom:15px;font-size:1.8rem;word-wrap:break-word}.transaction-details{display:flex;flex-direction:column;width:100%}.transaction-details p{margin-bottom:8px;font-size:1.2rem;word-wrap:break-word}.error{color:red;margin-top:15px;text-align:center;width:100%;font-size:1.2rem}@media (max-width: 768px){.transactions-container h1{font-size:3.5rem}.league-name{font-size:1.6rem}.transaction-details p{font-size:1.1rem}}@media (max-width: 480px){.transactions-container h1{font-size:2.8rem}.dashboard-button{padding:10px 15px;font-size:16px}.transaction-card{padding:20px}.league-name{font-size:1.4rem}.transaction-details p{font-size:1rem}}@media (max-width: 320px){.transactions-container h1{font-size:2.2rem}.dashboard-button{padding:8px 12px;font-size:14px}.league-name{font-size:1.2rem}}.section_big{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:100vh;background-color:#f4f4f4}.container{background:#31363f;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;width:30%;font-size:x-large}.check-wrap .icon svg{width:100px;height:100px;color:#28a745}@media (max-width: 768px){.container{width:80%;padding:30px}.check-wrap .icon svg{width:80px;height:80px}.button{padding:10px 20px;font-size:14px}}.section_big{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:100vh;background-color:#f4f4f4;padding:20px}.container{background:#31363f;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;width:30%;max-width:500px}.check-wrap .icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.check-wrap .icon img{width:100px;height:100px}.button{display:inline-block;margin-top:20px;padding:12px 24px;background-color:#bbbfca;color:#252323;text-decoration:none;font-weight:700;border-radius:5px;transition:background .3s ease}.button:hover{background-color:#005bb5}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}iframe{width:100%;height:100px;border:0;background:transparent}.cloud-icon{width:10%;height:15%;border-radius:15px}@media (max-width: 768px){.container{width:80%;padding:30px}.check-wrap .icon img{width:80px;height:80px}.button{padding:10px 20px;font-size:14px}}:root{--user-profile-primary: #0066cc;--user-profile-secondary: #4d94ff;--user-profile-accent: #001f4d;--user-profile-light: #f0f6ff;--user-profile-gray-100: #f8f9fa;--user-profile-gray-200: #e9ecef;--user-profile-gray-300: #dee2e6;--user-profile-gray-400: #ced4da;--user-profile-gray-500: #adb5bd;--user-profile-gray-600: #6c757d;--user-profile-gray-700: #495057;--user-profile-gray-800: #343a40;--user-profile-gray-900: #212529;--user-profile-white: #ffffff;--user-profile-text-primary: #212529;--user-profile-text-secondary: #6c757d;--user-profile-offensive: #2c7be5;--user-profile-defensive: #00b894;--user-profile-yellow: #ffc107;--user-profile-red: #dc3545;--user-profile-card-bg: #343a40;--user-profile-change-pass-bg: #e07511;--user-profile-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--user-profile-shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);--user-profile-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--user-profile-border-radius: .5rem;--user-profile-transition: all .25s ease-in-out}.user-profile-container{max-width:1000px;margin:2.5rem auto;padding:2rem;background-color:var(--user-profile-white);border-radius:var(--user-profile-border-radius);box-shadow:var(--user-profile-shadow-md);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.user-profile-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:var(--user-profile-primary);font-size:1rem;font-weight:500}.user-profile-loading-spinner{width:3rem;height:3rem;border:.25rem solid var(--user-profile-gray-200);border-top-color:var(--user-profile-primary);border-radius:50%;animation:user-profile-spinner 1s linear infinite}@keyframes user-profile-spinner{to{transform:rotate(360deg)}}.user-profile-error-container{padding:2rem;text-align:center;background-color:var(--user-profile-gray-100);border-radius:var(--user-profile-border-radius);color:var(--user-profile-red);font-weight:500}.user-profile-header-section{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--user-profile-gray-200);margin-bottom:1.5rem}.user-profile-header-photo-container{position:relative}.user-profile-header-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--user-profile-primary);box-shadow:var(--user-profile-shadow-sm);transition:var(--user-profile-transition)}.user-profile-header-photo:hover{transform:scale(1.05);border-color:var(--user-profile-secondary)}.user-profile-photo-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;cursor:pointer;border-radius:50%;transition:opacity .3s ease;opacity:1}.user-profile-photo-edit-overlay:hover{opacity:1}.user-profile-header-details{flex:1}.user-profile-header-name{font-size:3rem;font-weight:700;color:var(--user-profile-text-primary);margin:0 0 .5rem;line-height:1.2;cursor:pointer;transition:var(--user-profile-transition);width:100%}.user-profile-header-name:hover{color:var(--user-profile-gray-700);transform:scale(1.01)}.user-profile-password-button{padding:.5rem;background-color:var(--user-profile-change-pass-bg);color:var(--user-profile-white);border:none;border-radius:var(--user-profile-border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--user-profile-transition)}.user-profile-password-button:hover{background-color:var(--user-profile-gray-900)}.user-profile-modal-input-group{position:relative}.user-profile-modal-input-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--user-profile-primary);transform:scaleX(0);transition:transform .3s ease}.user-profile-modal-input-group:focus-within:after{transform:scaleX(1)}.user-profile-header-visibility-badge{display:inline-block;padding:.35rem .75rem;background-color:var(--user-profile-light);color:var(--user-profile-primary);font-size:.875rem;font-weight:500;border-radius:1rem;border:1px solid var(--user-profile-gray-300)}.user-profile-affiliations-section{display:flex;justify-content:space-between;background:var(--user-profile-card-bg);border-radius:var(--user-profile-border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--user-profile-shadow-sm)}.user-profile-team-container,.user-profile-league-container{display:flex;align-items:center;padding:1rem;background-color:#ffffffb3;border-radius:var(--user-profile-border-radius);transition:var(--user-profile-transition)}.user-profile-team-container:hover,.user-profile-league-container:hover{transform:translateY(-.25rem);box-shadow:var(--user-profile-shadow-sm)}.user-profile-team-logo-wrapper,.user-profile-league-logo-wrapper{margin-right:1rem}.user-profile-team-logo,.user-profile-league-logo{width:64px;height:64px;border-radius:.75rem;object-fit:cover;background-color:var(--user-profile-white);padding:.375rem;border:1px solid var(--user-profile-gray-300);box-shadow:var(--user-profile-shadow-sm);transition:var(--user-profile-transition)}.user-profile-team-logo:hover,.user-profile-league-logo:hover{transform:rotate(5deg)}.user-profile-team-name,.user-profile-league-name{font-size:1.5rem;font-weight:600;color:var(--user-profile-text-primary);margin:0}.user-profile-team-label,.user-profile-league-label{font-size:1rem;color:var(--user-profile-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:.25rem 0 0;font-weight:500}.browse-leagues-button{text-decoration:none;padding:.75rem 1.5rem;background-color:var(--user-profile-gray-600);color:var(--user-profile-white);border:none;border-radius:var(--user-profile-border-radius);font-size:1.5rem;font-weight:500;cursor:pointer;transition:var(--user-profile-transition)}.user-profile-stats-dashboard{margin-top:2rem}.user-profile-stats-title{font-size:1.5rem;font-weight:600;color:var(--user-profile-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--user-profile-gray-200)}.user-profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.user-profile-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--user-profile-white);border-radius:var(--user-profile-border-radius);padding:1.25rem 1rem;box-shadow:var(--user-profile-shadow-sm);transition:var(--user-profile-transition);position:relative;overflow:hidden}.user-profile-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:currentColor}.user-profile-stat-card:hover{transform:translateY(-.25rem);box-shadow:var(--user-profile-shadow-md)}.user-profile-stat-card-value{font-size:2rem;font-weight:700;color:var(--user-profile-text-primary);line-height:1;margin-bottom:.5rem}.user-profile-stat-card-label{font-size:.875rem;font-weight:500;color:var(--user-profile-text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-profile-stat-card-offensive{color:var(--user-profile-offensive);background-color:#2c7be50d}.user-profile-stat-card-defensive{color:var(--user-profile-defensive);background-color:#00b8940d}.user-profile-stat-card-yellow{color:var(--user-profile-yellow);background-color:#ffc1070d}.user-profile-stat-card-red{color:var(--user-profile-red);background-color:#dc35450d}.user-profile-stat-card-default{color:var(--user-profile-primary);background-color:#0066cc0d}.user-profile-visibility-toggle{display:flex;align-items:center;gap:10px;margin-top:10px}.toggle-label{font-size:14px;color:var(--user-profile-text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--user-profile-gray-400);transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--user-profile-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{background-color:var(--user-profile-gray-500);cursor:not-allowed}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-profile-modal{background-color:var(--user-profile-white);border-radius:var(--user-profile-border-radius);padding:2rem;width:100%;max-width:500px;box-shadow:var(--user-profile-shadow-lg);animation:user-profile-modal-fade-in .3s ease-out}.user-profile-modal-header{margin-bottom:1.5rem}.user-profile-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--user-profile-text-primary);margin:0}.user-profile-modal-form{display:flex;flex-direction:column;gap:1.5rem}.user-profile-modal-input-group{display:flex;flex-direction:column;gap:.5rem}.user-profile-modal-input-group label{font-size:.875rem;font-weight:500;color:var(--user-profile-text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-profile-modal-input{padding:.75rem;border:1px solid var(--user-profile-gray-300);border-radius:var(--user-profile-border-radius);font-size:1rem;transition:var(--user-profile-transition)}.user-profile-modal-input:focus{border-color:var(--user-profile-primary);outline:none;box-shadow:0 0 0 2px #0066cc40}.user-profile-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--user-profile-gray-200)}.user-profile-modal-cancel,.user-profile-modal-save{padding:.75rem 1.5rem;border-radius:var(--user-profile-border-radius);font-size:.875rem;font-weight:500;transition:var(--user-profile-transition)}.user-profile-modal-cancel{background-color:var(--user-profile-gray-100);color:var(--user-profile-text-primary)}.user-profile-modal-cancel:hover{background-color:var(--user-profile-gray-200)}.user-profile-modal-save{background-color:var(--user-profile-primary);color:var(--user-profile-white)}.user-profile-modal-save:hover{background-color:var(--user-profile-secondary)}@keyframes user-profile-modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.user-profile-password-button{width:100%;margin-top:1rem}.user-profile-container{margin:1rem;padding:1.5rem}.user-profile-header-section{flex-direction:column;text-align:center;gap:1rem}.user-profile-header-photo{width:100px;height:100px}.user-profile-affiliations-section{flex-direction:column;gap:1rem}.user-profile-team-container,.user-profile-league-container{width:100%}.user-profile-stats-grid{grid-template-columns:repeat(2,1fr)}.user-profile-modal{width:90%;padding:1.5rem}.user-profile-modal-footer{flex-direction:column;align-items:stretch}.user-profile-modal-cancel,.user-profile-modal-save{width:100%}}@media (max-width: 480px){.user-profile-stats-grid{grid-template-columns:1fr}.user-profile-affiliations-section{padding:1rem}.user-profile-team-container,.user-profile-league-container{flex-direction:column;text-align:center;padding:1rem .5rem}.user-profile-team-logo-wrapper,.user-profile-league-logo-wrapper{margin-right:0;margin-bottom:.5rem}}.schedule-container{background-color:#31363f;color:#fff;text-align:center;padding:30px;border-radius:10px;width:80%;height:auto;margin:70px auto auto}.title{font-size:34px;font-weight:700;color:#fff}.league-name{font-size:24px;margin-bottom:20px;color:#a0a0a0}.team-selection{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.team{text-align:left}label{display:block;font-size:25px;font-weight:700;margin-bottom:10px}select{width:180px;padding:18px;border-radius:5px;border:none;font-size:20px;background-color:#d9d9d9;color:#758ca3}.vs{font-size:24px;font-weight:700;margin:0 15px}.match-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.match-details-dropdown,.match-details-date-time-btn{width:100%;padding:10px;border-radius:5px;border:none;background-color:#d9d9d9;color:#758ca3;font-size:20px;cursor:pointer}.date-time-btn:hover{background-color:#4a4b51}.hidden-date-input{position:absolute;width:0;height:0;opacity:0}.schedule-btn{background-color:#758ca3;color:#fff;padding:12px;width:100%;border-radius:5px;border:none;font-size:16px;cursor:pointer}.schedule-btn:hover{background-color:#7180a8}.match-statiscian-box{background:#2d2d2d;padding:20px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:900px;margin:20px auto}.match-statiscian-team-icon{width:200px;height:200px}.match-statiscian-team{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.match-statiscian-upload-btn,.match-statiscian-forfeit-btn{width:200px;font-size:large}.match-statiscian-vs{color:#fff;font-size:20px;font-weight:700;margin:0 30px}.match-statiscian-container{text-align:center;font-family:Arial,sans-serif}.match-statiscian-title{font-size:40px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px}.match-statiscian-number{font-weight:400}.match-statiscian-team-logo{width:24px;height:24px}.match-statiscian-box{background:#2d2d2d;padding:20px;border-radius:10px;display:flex;align-items:center;justify-content:space-around;max-width:900px;margin:20px auto}.match-statiscian-team{text-align:center}.match-statiscian-upload-btn{background:#d3d3d3;border:none;padding:8px 12px;margin-top:10px;border-radius:20px;font-weight:700;cursor:pointer}.match-statiscian-forfeit-btn{background:#d22b2b;color:#fff;border:none;padding:8px 12px;margin-top:10px;border-radius:20px;font-weight:700;cursor:pointer}.match-statiscian-vs{color:#fff;font-size:20px;font-weight:700}.match-statiscian-upload-highlights{background:#d3d3d3;border:none;padding:10px 15px;border-radius:5px;font-weight:700;cursor:pointer;font-size:large}@media (max-width: 375px){.match-statiscian-box{width:95%;padding:10px}.match-statiscian-title{font-size:24px;gap:5px}.match-statiscian-team-icon{width:60px;height:60px}.match-statiscian-vs{font-size:16px}.match-statiscian-upload-btn,.match-statiscian-forfeit-btn{font-size:small;padding:8px;width:80%}.match-statiscian-team-icon{width:100px;height:100px}}@media (max-width: 414px){.match-statiscian-box{flex-direction:row;align-items:center;width:95%}.match-statiscian-title{font-size:28px}.match-statiscian-team-icon{width:120px;height:120px}.match-statiscian-vs{font-size:18px;margin:10px 0}.match-statiscian-upload-btn,.match-statiscian-forfeit-btn{width:90%;font-size:medium}}.statiscian-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.statiscian-modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;text-align:center;width:300px}.statiscian-modal-actions{margin-top:15px;display:flex;justify-content:space-around}.statiscian-cancel-btn{background:gray;color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer}.statiscian-confirm-btn{background:#d22b2b;color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer}
