*{font-family:Manrope,sans-serif!important;margin:0%;max-width:100vw;animation:openUp .4s;color:var(--text-color)}:root{--primary-color: #4d8fac;--secondary-color: #88cde7;--extra-color: #d2ecf6;--background-color: #e3f3f7;--text-color: #2c3e50;--text-colordark: #6a8fa5;--card-color: #ffffff}[data-theme=dark]{--primary-color: #ff784e;--secondary-color: #ff5722;--extra-color: #ffc107;--background-color: #121212;--text-color: #f0f0f0;--card-color:rgb(56, 56, 56)}.main-btn{background-color:#fff;border:solid var(--secondary-color) .5px}.sec-btn{background-color:var(--secondary-color);color:#1b1b1b;border:none;font-weight:800}.app-btn{padding:2%;font-size:20px;margin-top:2%;display:flex;align-items:center;justify-content:center;border-radius:4px;width:350px;transition:.1s}.deactivate-hosp{background-color:#f17f32;color:#fff;border:none}.delete-hosp{background-color:#d84d4d;border:none;color:#fff;font-weight:700}.app-btn{cursor:pointer}.app-btn:hover{transform:scale(1.05)}.app-btn:active{transform:scale(1)}.main-heading{padding:1%;font-size:40px;font-weight:200;color:#333}.sub-heading{padding:2%;font-size:40px;font-weight:500;color:#333}.container-head{border-bottom:#333 solid .5px;display:flex;align-items:center}.custom-modal{background-color:#fff;position:absolute;left:50%;transform:translate(-50%);align-self:center;text-wrap:nowrap;min-width:500px;padding:2%;border-radius:5px;box-shadow:0 0 20px gray;animation:openModal .2s;z-index:1}@keyframes openModal{0%{transform:scale(0) translate(-50%)}to{transform:scale(1) translate(-50%)}}.modal-head{display:flex;justify-content:space-between}.modal-body{display:flex}.modal-body i{color:var(--secondary-color)}.modal-body h2,.custom-modal h2{font-weight:300;font-size:20px;margin:3%}.modal-body span{font-weight:500}.modal-body div{display:flex;flex-direction:column;margin-top:3%;width:400px;justify-content:space-between}.modal-head i{transition:.2s;font-size:25px}.modal-head i:hover{transform:scale(1.1);color:#f79c48;cursor:pointer}.modal-overlay{position:absolute;display:flex;height:100vh;left:-.1%;top:-.1%;width:100vw;background-color:#00000059}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-loader{animation:loader .5s linear infinite}.container{margin-right:2rem}html,body{touch-action:manipulation;overscroll-behavior:none}body{margin:0;background-color:var(--background-color)}.body-section{max-height:100vh;max-width:100vw}.content{max-width:100vw;overflow-x:hidden;margin-left:5rem}.nav-section{max-height:100vh;overflow-y:hidden}.patients-container{height:100%}.container-head i{font-size:30px;cursor:pointer}.container-head i:hover{opacity:.5}.container-head i:active{opacity:1}@keyframes closeAddPatient{0%{height:160px}to{height:0px}}.no-add-patients{width:100vw;height:0px;animation:closeAddPatient .2s}.metric-info-div{margin-top:-40px;width:fit-content;max-height:fit-content;position:absolute;z-index:1200;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.5))}.patient-display-div{max-width:100vw;overflow-x:auto;padding:10px;background-color:var(--background-color);border-radius:12px}.patients-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:10px;animation:openUp .3s ease-in-out}.patients-table th,.patients-table td{padding:17px 18px;font-size:14px;text-align:left}.patients-table th{font-size:15px;font-weight:700;background-color:var(--primary-color);color:#fff;box-shadow:inset 0 -1px #ffffff26;padding:15px}.patients-table td{background-color:var(--card-color);color:var(--text-colordark);cursor:pointer;color:#5e5e5e;transition:background-color .2s ease;border-bottom:1px solid #eee;font-weight:300}.patients-table tbody tr{border-radius:12px;transition:transform .1s ease}.patients-table tbody tr:hover{background-color:var(--extra-color);box-shadow:0 5px 5px #9796961a;transform:scale(1.01)}.patients-table tbody tr:active{background-color:#f5dbc9}@keyframes openUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-patients{padding:30px 30px 50px;animation:openAddPatient .5s;overflow:hidden;border-bottom:.5px solid}.add-patients h2{color:#000;font-size:30px;font-weight:500;margin-bottom:30px}.add-patient-form{display:flex;flex-direction:column;gap:10px;align-items:left}form{display:flex;flex-direction:column;min-width:250px}form label{font-weight:600;margin:auto 5px auto 10px;text-wrap:nowrap}.close-btn{border:solid .5px}form input{padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:border-color .3s}form input:focus{outline:none;border-color:var(--extra-color)}.form-submit{display:flex;justify-content:center;margin-top:30px}.form-btns{display:flex;justify-content:center;align-items:center;gap:10px;margin-left:5px}.form-btn{padding:5px 10px;border-radius:5px;cursor:pointer;transition:.5s;text-wrap:nowrap}.form-btn:hover{transform:scale(1.05)}.form-btn:active{transform:scale(1)}.form-div{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px}.inputs{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.inputs div{display:flex;flex-direction:column;flex-wrap:nowrap}@keyframes openAddPatient{0%{height:0px}to{height:160px}}.action-btn{width:fit-content;font-size:15px;padding:.5%;gap:10px;margin-left:5px}.patient-detail-head{display:flex;gap:5%;margin-top:2%;font-size:18px;width:80%;padding:1%;flex-wrap:nowrap;white-space:nowrap}.top-btn{display:flex;align-items:center;justify-content:space-between}.delete-patient-btn{background-color:#f55e5e;padding:5px 10px;border-radius:10px;border:black solid 1px;font-weight:900;color:#fff;cursor:pointer;margin-right:50px;transition:.1s}.delete-patient-btn:hover{transform:scale(1.05)}.delete-patient-btn:active{transform:scale(.95)}.session-table thead tr{background-color:var(--primary-color)}.session-table thead tr th{padding:5px;font-weight:900;color:#fff;font-size:12px}.session-table tr td{padding:12px 10px;font-size:13px}.session-table-container{margin:20px;font-family:Arial,sans-serif}.session-table{width:100%;border-collapse:collapse;margin-top:10px}.session-table th,.session-table td{border-bottom:1px solid #313030;padding:10px;text-align:center}.session-table thead{background-color:#f2f2f2}.status-completed{color:green;font-weight:700}.status-abandoned{color:red;font-weight:700}.session-table tbody tr:hover{background-color:var(--extra-color);cursor:pointer}.filters{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.filters label{font-weight:500;margin-right:.5rem}.filters input,.filters select{padding:5px 8px;border-radius:6px;border:1px solid #ccc}.overview{display:flex;gap:2%}.card{display:flex;background-color:var(--extra-color);padding:.55%;border-radius:25px;border:solid .5px var(--secondary-color);color:#2b642b}.date-filters{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;justify-content:center;align-items:center}.date-filters label{font-weight:500;margin-right:8px}.date-filters input[type=date]{padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;background-color:#f9f9f9;color:#333;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000000d}.date-filters input[type=date]:focus{outline:none;border-color:#007bff;background-color:#fff;box-shadow:0 0 0 2px #007bff33}.date-filters button{background-color:var(--secondary-color);border:none;padding:8px;border:solid black 1px;border-radius:10px}.focus-points{display:flex;justify-content:center;margin:30px 5px}.stat-card{display:flex;flex-direction:column;align-items:center}.stat-container{display:flex;justify-self:center;margin-bottom:50px;gap:10px}.visualizer{display:flex;align-items:center;flex-wrap:wrap}.visualizer-heading{display:flex;gap:100px;width:fit-content;background-color:#fff;margin:20px 0;padding:10px;border-radius:50px;border:solid .5px var(--primary-color)}.visualizer-heading h2{font-weight:500;font-size:14px}.visualizer-heading span{font-weight:800}.visual-data-div{width:300px;padding:50px;text-wrap:nowrap}.visual-data-div h2{margin-bottom:3%}.visual-data-div hr{margin:10% 0%}.visual-data-div p{margin:4%}.visual-data-div img{width:30px}.performance-matrix{display:flex;gap:2%;margin:2% 10%}.physio-data-div{padding:2%}.report-overlay{position:fixed;z-index:2300;background-color:#00000080;height:100vh;width:100vw;top:0;left:0;overflow-y:scroll}.rpt-btn{width:40px}.rpt-main-btn{background:none;border:none;position:fixed;right:20px;cursor:pointer;transition:.2s}.rpt-main-btn:hover{transform:scale(1.1)}.rpt-main-btn:active{transform:scale(.9)}.threeD-container{width:800px;height:750px;border:solid var(--primary-color) 2px;cursor:grab;overflow-y:hidden;margin-top:50px}.threeD-container h2{margin:1%;text-align:center;font-weight:400;font-size:35px}.threeD-container:active{cursor:grabbing}.view-toggle-btn{width:40px;height:20px;margin:5px;background:none;display:flex;align-items:center;border:solid var(--primary-color) .5px;border-radius:30px;padding:2px;cursor:pointer;transition:.2s}.d{color:#1f8ee9}.toggle-dot{background-color:var(--primary-color);width:18px;height:18px;border-radius:50%}.toggle-div{display:flex;align-items:center;margin:0 20px}.toggle-div p{font-weight:800}.three-top{display:flex;align-items:center;justify-content:space-between;padding:5px 50px 0 1px;background-color:var(--extra-color);margin-bottom:10px}.three-top h2{text-align:center;font-weight:800}.three-top img{width:30px;cursor:pointer;transition:.1s}.three-top img:hover{transform:scale(1.1)}.three-d-help{position:absolute;margin-left:-50px;background-color:#fff;padding:5px;border-radius:10px;box-shadow:0 0 7px #0000004d;display:none;transition:.3s}.help:hover .three-d-help{display:block}.three-d-btns-div{display:flex;justify-content:space-between}@media (min-width: 600px) and (max-width: 1200px) and (orientation: landscape){.threeD-container{width:500px;height:650px;border:solid var(--primary-color) 2px;cursor:grab;overflow-y:hidden;margin-top:50px}}.visual-summary{display:flex;gap:20px;background-color:var(--extra-color);padding:9px;width:fit-content;border-radius:40px}.projection-container{flex:1 1 320px;max-width:360px}.projection-svg{width:100%;height:auto;border:1px solid #ccc;background:#fafafa}.tooltip{background:#fffffff2;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:10px;box-shadow:0 2px 4px #0003}g:hover{cursor:pointer}.view-img{position:fixed;left:0}.projection-view-div{display:flex;justify-content:center;height:500px}.report-main{font-family:Arial,sans-serif;background:#fff;color:#000;min-width:210mm;min-height:297mm;max-width:210mm;max-height:297mm;padding:15mm;box-sizing:border-box;overflow:hidden;border-radius:10px}.all-info{margin-top:30px}.report-container{display:flex;justify-content:center;padding:80px;flex-direction:column;align-items:center;gap:20px;overflow-y:scroll;z-index:-1}.report-container::-webkit-scrollbar{display:none}.report-container{scrollbar-width:none}.report-container{-ms-overflow-style:none}.report-header{display:flex;align-items:center;gap:5px;justify-content:right}.header2{margin:-20px 0 0;border-bottom:solid 1px rgb(6,143,223);padding-bottom:5px}.header2 h2{font-size:15px}.header2 p{font-size:12px}.header2 h1{font-weight:900;color:#068fdf;font-size:10mm}.sec-det h3{border-bottom:1px solid rgb(202,202,202);padding-bottom:10px;margin-bottom:10px}.details-pad{display:flex;flex-direction:column;gap:7px}.section{margin:20px 0}.details-pad p{text-wrap:nowrap}.chart img{max-width:190mm;min-width:190mm}.visual-chart img{max-width:180mm!important;margin-top:20px}.stats-image{background-color:#0ff;display:flex;justify-content:center}.stats-image img{width:280mm}.report-footer{margin-top:20mm;font-size:12px}.report-btns{display:flex;gap:20px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.report-btns button{padding:4px;border-radius:8px;border:solid black 1px;font-weight:800;width:150px;font-size:16px;cursor:pointer;transition:.1s;z-index:3}.download-report-btn{background-color:#249cd3;color:#202020}.report-btns button:hover{transform:scale(1.1)}.report-btns button:active{transform:scale(.9)}.report-viewport{width:1920px;height:1280px;overflow:auto;transform:scale(.6);background-color:#dad9d9;margin-top:-120px}.report-viewport::-webkit-scrollbar{display:none}.report-viewport{scrollbar-width:none}.report-viewport{-ms-overflow-style:none}.loader-rep-bg{width:300px;height:10px;border:solid black .5px;border-radius:50px;display:flex;align-items:center}.loader-rep-bar{background-color:#000;height:8px;width:298px;animation:loaderbarrep 2s;border-radius:50px}@keyframes loaderbarrep{0%{width:0%}30%{width:45%}56%{width:48%}to{width:100%}}.rep-bg{background-color:#fff;padding:20px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center}.loader-bg img{animation:loaderbar 1s infinite}@keyframes loaderbar{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.6}to{transform:scale(1);opacity:1}}.loadScreen{display:flex;justify-content:center;height:50vw;align-items:center}.dash-head{background-color:var(--card-color);margin-top:20px;padding:10px;display:flex;justify-content:space-between;align-items:end;border-radius:15px}.dash-head p{font-size:12px}.dash-head h3{font-size:30px;font-weight:900;color:var(--text-color)}.mc-card{filter:drop-shadow(0px 0px 2px rgba(161,161,161,.2))}.main-cards{display:flex;flex-wrap:wrap;margin:30px 0;align-items:center;gap:20px}.main-cards .main-card{background-color:var(--card-color);border-radius:10px;padding:20px;height:100px;display:flex;align-items:left;flex-direction:column;gap:20px}.main-card h2{font-weight:200;font-size:14px}.main-card img{width:50px;max-width:100%}.session-card{background-color:var(--card-color);padding:20px;border-radius:15px}.session-card-content{display:flex;align-items:center;flex-wrap:wrap}.session-device-id{background-color:var(--primary-color);padding:4px;border-radius:20px;font-weight:800;color:#fff;display:none;position:absolute;font-size:15px}.card-dets{display:flex;flex-wrap:wrap;gap:50px}.device-info p{background-color:var(--extra-color);padding:3px 5px;margin:2px;font-weight:900;font-size:10px;border-radius:10px}.device-info:hover .session-device-id{display:block}.card-dets h3{font-weight:400}.card-ss{background-color:var(--card-color);padding:20px;border-radius:15px}.recent-data{background-color:var(--card-color);border-radius:10px;padding:20px;height:100px;overflow-y:scroll;flex:1}.dash-headings{font-weight:800;color:var(--text-color);text-align:center}.recent-data table{width:fit-content;width:100%;height:100%;font-size:13px;text-align:center}.end-head-dash button{background-color:var(--primary-color);border:none;border-radius:10px;padding:5px;font-weight:800;color:#fff;cursor:pointer}.end-head-dash{display:flex;flex-direction:column;gap:5px}.recent-data table thead tr{background-color:var(--primary-color);color:#fff}.recent-data table thead tr th{color:#fff}.recent-data table tbody tr td{border-bottom:1px solid #ccc;padding:8px}.patients-table-div{background-color:var(--card-color);border-radius:10px;margin-top:20px;padding:10px}@media (min-width: 600px) and (max-width: 1200px){.session-card-content{flex-direction:row}.session-card-content img{width:380px}.card-ss h3{font-size:12px}.card-ss h2{font-size:16px}.card-dets{flex-direction:column;gap:6px}.main-cards{display:grid}.main-cards div .main-card{height:fit-content;display:flex;align-items:center;justify-content:center}.main-cards-top{display:flex}.main-cards-top .main-card{flex:1;flex-direction:row}}.admin-page{padding:2rem;animation:openUp .3s}.hospital-card h2{font-weight:400;display:inline-block}.hospital-card{cursor:pointer;margin:1rem;display:flex;width:fit-content;flex-direction:column;justify-content:center;padding:1%;border-radius:10px;border:solid var(--extra-color) .5px;background-color:#fff;transition:.2s}.hospital-cards{display:flex;flex-wrap:wrap}.hospital-card:hover{transform:scale(1.05)}.hospital-card:active{transform:scale(1)}.device-modal-details{display:flex;flex-direction:column;padding:5px}.modal-overlay button{width:150px;height:30px;font-size:12px}.form-addHospital{margin:15px}.form-addHospital label,.form-addHospital input{margin:5px}.addhospt-btn{width:150px;padding:10px;border-radius:5px}.fa-square-plus{cursor:pointer}.fa-square-plus:hover{color:var(--primary-color)}.fa-square-plus:active{color:#252525}.form-container form{min-height:250px;animation:openField .5s;overflow:hidden;max-height:fit-content}@keyframes openField{0%{height:0px}to{height:250px}}.addhospt-btn{transition:.2s}.addhospt-btn:hover{transform:scale(1.05);cursor:pointer}.addhospt-btn:active{transform:scale(1)}.register-device{background-color:#fff;padding:20px;width:500px;justify-self:center;border-radius:10px;box-shadow:0 0 15px #0003;text-align:center;display:flex;flex-direction:column;animation:openUp .3s}.register-device h1{font-size:16px;margin-bottom:5%}.input-register{display:flex;flex-direction:column;padding:5%;text-align:left}.input-register input{padding:2%;border-radius:5px;border:solid .5px orange;margin:3% 0% 4%}.input-register button{padding:2%;border-radius:10px;color:#fff;font-weight:600;border:none}.input-register button:hover{filter:brightness(1.2)}.register-device h2 span{background-color:var(--extra-color);font-weight:400;font-style:italic;padding:7px;border:solid .5px rgb(241,192,56);font-size:18px;color:#107554;border-radius:20px}.reg-btn{cursor:pointer;transition:.3s;width:45%}.reg-device{position:absolute;top:25%;left:50%;right:50%}.success-reg{animation:openUp .5s}.reg-btn-div{display:flex;width:100%;justify-content:space-between}.reg-reject{background-color:#ce1717}.reg-accept{background-color:#50ac50}.end-reg-btn{background-color:#ff3c3c;border:none;padding:4px;border-radius:10px;font-weight:800;color:#fff}.sessions-body div img{width:400px}.sessions-container{display:flex;align-items:center;width:fit-content;margin-top:3%;gap:40px}.sessions-container img{width:300px}.sessions-body{display:flex;flex-direction:column;margin-top:2%;width:fit-content;padding:1%;animation:openUp .3s}.sessions-body h2{margin:30px;font-weight:200;font-size:30px}.sessions-body p{font-weight:600}.sessions-body select{width:300px;height:30px;border-radius:8px;margin-right:60px;margin-left:10px}.sessions-body div{display:flex;align-items:center}.main-btn{width:30%;margin-top:10px;padding:1%;margin-left:5%;border-radius:5px;border:solid var(--primary-color) .5px;background-color:var(--primary-color)}.input-sessions{margin-bottom:15px}.game-sessions-page{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center}.focus-group h2{color:var(--primary-color);font-weight:300}.game-dets-grid{display:grid;grid-template-columns:auto auto;gap:10px 0px}.game-item p{margin:10px 0;background-color:#fff;border:solid var(--secondary-color) 1px;width:100px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:900;text-align:center;padding:10px;border-radius:10px}.game-item-div{display:grid;grid-template-columns:auto auto;gap:0px 10px}.drop-down-patient-id{font-size:12px;font-weight:300;padding:1px 3px;border-radius:10px;transform:scale(.9);color:#fff;background-color:var(--primary-color)}@media (max-width:1200px){.sessions-container img{width:150px!important}.sessions-container{display:flex;flex-direction:column}.sessions-body h2{font-size:18px;font-weight:800!important}}.active-session{display:flex;flex-wrap:wrap;flex-direction:column;gap:16px;width:100%;margin-bottom:30px}.session-row{border:solid 1px var(--primary-color);padding:10px;border-radius:10px;gap:50px;width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center}.session-info{display:flex;gap:40px}.session-info p{display:flex;flex-direction:column;gap:5px;text-wrap:nowrap;text-align:center}.game-name-btn{width:250px;background:var(--primary-color);border:solid 1px var(--secondary-color);padding:10px 5px;color:#fff;border-radius:10px;filter:drop-shadow(2px 8px 1px var(--primary-color));cursor:pointer;transition:.1s}.game-name-btn:active{filter:drop-shadow(0px 0px 1px rgb(94,48,6));transform:translate(2px) translateY(8px)}.session-controls{display:flex;background-color:#fff;border-radius:6px;flex-direction:column;padding:10px;width:fit-content}.controls-heading{color:var(--secondary-color)}.game-setting-btn{background:none;border:none}.game-setting-btn i{color:var(--primary-color);font-size:28px}.end-btn{background-color:#ff5151;border:none;padding:4%;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:.1s}.end-btn:hover{transform:scale(1.05)}.end-btn:active{transform:scale(.8)}.game-btn{margin:2px;padding:10px;font-size:30px;cursor:pointer;transition:.2s}.game-btn:hover{transform:scale(1.1)}.game-btn:active{transform:scale(.7)}.play-btn{color:#02a002}.stop-btn{color:#cc1717}.settings-modal{position:fixed;top:50%;left:50%;height:fit-content;width:100%;transform:translate(-50%,-50%);z-index:1000;background:#2e2d2db3;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a;justify-content:center;animation:settingOpen 2s}.lang{width:120px}.controls{display:flex;align-items:center;justify-content:center}@keyframes settingOpen{0%{filter:opacity(0)}50%{filter:opacity(0)}to{filter:opacity(1)}}@media (max-width:1200px){.active-session{width:95%}.session-row{gap:5px}.session-info p{font-size:13px;font-weight:700}.session-info{gap:15px}.game-name-btn{width:120px}.session-controls{width:400px}.lang{width:75px}}.game-modal{max-height:80vh;overflow-y:scroll;animation:openUp 2s;width:100%}@keyframes openUp{0%{filter:opacity(0)}to{filter:opacity(1)}}#transition-modal-title{font-weight:800;color:#fff;border-bottom:solid 1px;padding-bottom:10px}.games-modal-div h2{font-size:13px;color:#eee;margin:10px auto 5px;text-wrap:nowrap}.game-modal-button{background-color:#fff;border:solid 1px;padding:5px 15px!important;color:#2e2e2d;font-weight:900;transition:.2s}.games-modal-items{display:flex;gap:10px}.game-modal-main-div{display:grid;grid-template-columns:auto auto;gap:10px 50px}.game-modal-button{border-radius:6px;cursor:pointer;font-size:12px;text-wrap:nowrap}.game-modal-button:hover{filter:drop-shadow(2px 2px 1px black);transform:translate(-2px) translateY(-2px)}.game-modal-button:active{filter:drop-shadow(0px 0px 1px black);transform:translate(2px) translateY(2px)}@media (max-width: 1200px) and (min-width: 600px){.game-modal-main-div{grid-template-columns:auto auto}.game-modal-button{padding:2px;font-size:12px}.games-modal-items{gap:8px}.games-modal-div h2{font-size:15px}}@media (max-width:900px){.games-modal-items{flex-wrap:wrap}}.threeD-container-setting{display:flex;flex-direction:column;height:90vh;width:450px;border-radius:12px;background-color:#f0f8ff}.three-d-btns-div-setting{display:flex;flex-direction:column;gap:20px}.setting-container{background-color:#fff;border-radius:10px;display:flex;gap:10px;padding:10px;max-width:fit-content;justify-self:center;margin:120px;transform:scale(.8);overflow-y:scroll}.adjust-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.select-points{display:flex;gap:10px;margin:4px}.select-points button{border:solid 1px;border-radius:10px}@media (min-width: 300px) and (max-width: 1200px) and (orientation: portrait){.threeD-container-setting{width:550px;height:500px}.setting-container{height:500px;flex-direction:column;overflow-y:scroll}}@media (max-width: 1200px){.select-points{gap:1px}.threeD-container-setting{height:600px}.setting-container{max-width:100%;height:100vh;overflow-y:scroll;margin-left:150px}}.setting-headings{margin:15px auto 5px}.game-setting-controls{display:flex;flex-direction:column;gap:5px}.hand-sel button{background:none;border:solid 1px;margin:10px;font-weight:800;padding:10px 15px;border-radius:15px}.setting-apply-btns{display:flex;gap:15px;justify-content:center}.set-hand{display:flex;flex-direction:column;justify-content:center;align-items:center}.apply-btn{background-color:var(--extra-color);border:none;border-radius:10px;padding:10px;border:solid 1px;transition:.1s}.previous{background-color:#ffd04e}.apply-btn:hover{transform:scale(1.05);filter:drop-shadow(0px 0px 1px rgba(0,0,0,.5));cursor:pointer}.apply-btn:active{transform:scale(1)}.hand-sel{display:flex;flex-direction:row}.setting-btn{display:flex;width:100%;gap:10px}.setting-btn button{width:100%}.login-container{display:grid;grid-template-columns:auto auto}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.login-logo{width:100px;margin-bottom:2rem;filter:invert(1)}.login-left h2{font-size:60px;font-weight:900;color:var(--primary-color);margin-bottom:.5rem}.login-left p{font-size:12px;margin-bottom:3rem;text-align:center;font-weight:800;color:#555}.login-form{display:flex;flex-direction:column;gap:15px}.login-form div{display:flex;flex-direction:column}.login-form label{font-weight:600}.login-form input{padding:.8rem;border:1px solid #ccc;border-radius:6px;width:400px}.login-form button{background-color:var(--primary-color);color:#fff;border:none;padding:.9rem;font-weight:600;border-radius:6px;cursor:pointer;width:425px;transition:.3s ease}.login-form button:hover{background-color:var(--secondary-color)}.login-right{flex:1;background-color:var(--extra-color);display:flex;align-items:center;justify-content:center}.login-man-img{height:100vh}@media (max-width:1200px){.login-logo{width:50px;margin-bottom:10px}.login-left h2{font-size:30px}.login-left p{font-size:8px}.login-form input{padding:.5rem;width:250px}.login-left{padding:10px}.login-form{gap:5px}.login-form button{padding:5px;width:265px}}